From 094ba7dfe4f3077adf222575d4a3faf0c6d55601 Mon Sep 17 00:00:00 2001
From: Nivedin <53208152+nivedin@users.noreply.github.com>
Date: Fri, 14 Mar 2025 20:50:05 +0530
Subject: [PATCH] chore: replace old interceptor component with new one (#4887)

Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>
---
 packages/hoppscotch-common/locales/en.json    |  1 +
 .../hoppscotch-common/src/components.d.ts     |  1 -
 .../src/components/app/Interceptor.vue        | 60 -------------------
 .../src/components/cookies/AllModal.vue       |  4 +-
 .../src/components/http/ResponseMeta.vue      |  4 +-
 5 files changed, 7 insertions(+), 63 deletions(-)
 delete mode 100644 packages/hoppscotch-common/src/components/app/Interceptor.vue

diff --git a/packages/hoppscotch-common/locales/en.json b/packages/hoppscotch-common/locales/en.json
index b4dd917d..6e677ff5 100644
--- a/packages/hoppscotch-common/locales/en.json
+++ b/packages/hoppscotch-common/locales/en.json
@@ -1223,6 +1223,7 @@
     "published_error": "Something went wrong while publishing msg: {topic} to topic: {message}",
     "published_message": "Published message: {message} to topic: {topic}",
     "reconnection_error": "Failed to reconnect",
+    "saved": "Saved",
     "show": "Show",
     "subscribed_failed": "Failed to subscribe to topic: {topic}",
     "subscribed_success": "Successfully subscribed to topic: {topic}",
diff --git a/packages/hoppscotch-common/src/components.d.ts b/packages/hoppscotch-common/src/components.d.ts
index 68a94d16..4ea41f4a 100644
--- a/packages/hoppscotch-common/src/components.d.ts
+++ b/packages/hoppscotch-common/src/components.d.ts
@@ -23,7 +23,6 @@ declare module 'vue' {
     AppGitHubStarButton: typeof import('./components/app/GitHubStarButton.vue')['default']
     AppHeader: typeof import('./components/app/Header.vue')['default']
     AppInspection: typeof import('./components/app/Inspection.vue')['default']
-    AppInterceptor: typeof import('./components/app/Interceptor.vue')['default']
     AppKernelInterceptor: typeof import('./components/app/KernelInterceptor.vue')['default']
     AppLogo: typeof import('./components/app/Logo.vue')['default']
     AppMarkdown: typeof import('./components/app/Markdown.vue')['default']
diff --git a/packages/hoppscotch-common/src/components/app/Interceptor.vue b/packages/hoppscotch-common/src/components/app/Interceptor.vue
deleted file mode 100644
index d66e1408..00000000
--- a/packages/hoppscotch-common/src/components/app/Interceptor.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div class="flex flex-col space-y-2">
-    <div v-if="isTooltipComponent" class="flex flex-col px-4 pt-2">
-      <h2 class="inline-flex pb-1 font-semibold text-secondaryDark">
-        {{ t("settings.interceptor") }}
-      </h2>
-      <p class="inline-flex text-tiny">
-        {{ t("settings.interceptor_description") }}
-      </p>
-    </div>
-
-    <div>
-      <div
-        v-for="interceptor in interceptors"
-        :key="interceptor.interceptorID"
-        class="flex flex-col"
-      >
-        <HoppSmartRadio
-          :value="interceptor.interceptorID"
-          :label="unref(interceptor.name(t))"
-          :selected="interceptorSelection === interceptor.interceptorID"
-          :class="{
-            '!px-0 hover:bg-transparent': !isTooltipComponent,
-          }"
-          @change="interceptorSelection = interceptor.interceptorID"
-        />
-
-        <component
-          :is="interceptor.selectorSubtitle"
-          v-if="interceptor.selectorSubtitle"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useI18n } from "@composables/i18n"
-import { useService } from "dioc/vue"
-import { Ref, unref } from "vue"
-import { InterceptorService } from "~/services/interceptor.service"
-
-const t = useI18n()
-
-withDefaults(
-  defineProps<{
-    isTooltipComponent?: boolean
-  }>(),
-  {
-    isTooltipComponent: true,
-  }
-)
-
-const interceptorService = useService(InterceptorService)
-
-const interceptorSelection =
-  interceptorService.currentInterceptorID as Ref<string>
-
-const interceptors = interceptorService.availableInterceptors
-</script>
diff --git a/packages/hoppscotch-common/src/components/cookies/AllModal.vue b/packages/hoppscotch-common/src/components/cookies/AllModal.vue
index 6d6618f4..c0086ea7 100644
--- a/packages/hoppscotch-common/src/components/cookies/AllModal.vue
+++ b/packages/hoppscotch-common/src/components/cookies/AllModal.vue
@@ -14,7 +14,9 @@
         :text="t('cookies.modal.interceptor_no_support')"
       >
         <template #body>
-          <AppInterceptor class="rounded border border-dividerLight p-2" />
+          <AppKernelInterceptor
+            class="rounded border border-dividerLight p-2"
+          />
         </template>
       </HoppSmartPlaceholder>
       <div v-else class="flex flex-col">
diff --git a/packages/hoppscotch-common/src/components/http/ResponseMeta.vue b/packages/hoppscotch-common/src/components/http/ResponseMeta.vue
index 8bb9b848..da925947 100644
--- a/packages/hoppscotch-common/src/components/http/ResponseMeta.vue
+++ b/packages/hoppscotch-common/src/components/http/ResponseMeta.vue
@@ -57,7 +57,9 @@
         :text="t('helpers.network_fail')"
       >
         <template #body>
-          <AppInterceptor class="rounded border border-dividerLight p-2" />
+          <AppKernelInterceptor
+            class="rounded border border-dividerLight p-2"
+          />
         </template>
       </HoppSmartPlaceholder>
       <HoppSmartPlaceholder