fix: skip parameter in findMany

.github/workflows/release-push-docker.yml

@@ -1,66 +0,0 @@
-name: "Push containers to Docker Hub on release"
-
-on:
-  push:
-    tags:
-      - '*.*.*'
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Setup environment
-        run: cp .env.example .env
-
-      - name: Log in to Docker Hub
-        uses: docker/login-action@v2
-        with:
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-
-      - name: Build and push `${{ secrets.DOCKER_BACKEND_CONTAINER_NAME }}`
-        uses: docker/build-push-action@v4
-        with:
-          context: .
-          file: ./prod.Dockerfile
-          target: backend
-          push: true
-          tags: |
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_BACKEND_CONTAINER_NAME }}:latest
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_BACKEND_CONTAINER_NAME }}:${{ github.ref_name }}
-
-      - name: Build and push `${{ secrets.DOCKER_FRONTEND_CONTAINER_NAME }}`
-        uses: docker/build-push-action@v4
-        with:
-          context: .
-          file: ./prod.Dockerfile
-          target: app
-          push: true
-          tags: |
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_FRONTEND_CONTAINER_NAME }}:latest
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_FRONTEND_CONTAINER_NAME }}:${{ github.ref_name }}
-
-      - name: Build and push `${{ secrets.DOCKER_SH_ADMIN_CONTAINER_NAME }}`
-        uses: docker/build-push-action@v4
-        with:
-          context: .
-          file: ./prod.Dockerfile
-          target: sh_admin
-          push: true
-          tags: |
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_SH_ADMIN_CONTAINER_NAME }}:latest
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_SH_ADMIN_CONTAINER_NAME }}:${{ github.ref_name }}
-
-      - name: Build and push `${{ secrets.DOCKER_AIO_CONTAINER_NAME }}`
-        uses: docker/build-push-action@v4
-        with:
-          context: .
-          file: ./prod.Dockerfile
-          target: aio
-          push: true
-          tags: |
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_AIO_CONTAINER_NAME }}:latest
-            ${{ secrets.DOCKER_ORG_NAME }}/${{ secrets.DOCKER_AIO_CONTAINER_NAME }}:${{ github.ref_name }}

package.json

@@ -32,14 +32,5 @@
     "@types/node": "^17.0.24",
     "cross-env": "^7.0.3",
     "http-server": "^14.1.1"
-  },
-  "pnpm": {
-    "packageExtensions": {
-      "httpsnippet@^3.0.1": {
-        "peerDependencies": {
-          "ajv": "6.12.3"
-        }
-      }
-    }
   }
 }

packages/hoppscotch-backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hoppscotch-backend",
-  "version": "2023.8.0",
+  "version": "2023.4.8",
   "description": "",
   "author": "",
   "private": true,

packages/hoppscotch-common/locales/en.json

@@ -653,12 +653,11 @@
       "chat": "Chat with support",
       "open_docs": "Read Documentation",
       "open_keybindings": "Keyboard shortcuts",
-      "open_github": "Open GitHub repository",
       "social": "Social",
       "title": "General"
     },
     "miscellaneous": {
-      "invite": "Invite your friends to Hoppscotch",
+      "invite": "Invite people to Hoppscotch",
       "title": "Miscellaneous"
     },
     "request": {
@@ -670,13 +669,7 @@
       "tab_headers": "Headers tab",
       "tab_authorization": "Authorization tab",
       "tab_pre_request_script": "Pre-request script tab",
-      "tab_tests": "Tests tab",
+      "tab_tests": "Tests tab"
-      "tab_query": "Query tab",
-      "tab_variables": "Variables tab"
-    },
-    "graphql": {
-      "connect": "Connect to server",
-      "disconnect": "Disconnect from server"
     },
     "response": {
       "copy": "Copy response",
@@ -686,25 +679,25 @@
     "environments": {
       "new": "Create new environment",
       "new_variable": "Create a new environment variable",
-      "edit": "Edit current environment",
+      "edit": "Edit selected environment",
-      "delete": "Delete current environment",
+      "delete": "Delete selected environment",
-      "duplicate": "Duplicate current environment",
+      "duplicate": "Duplicate selected environment",
       "edit_global": "Edit global environment",
       "duplicate_global": "Duplicate global environment",
       "title": "Environments"
     },
     "workspace": {
       "new": "Create new team",
-      "edit": "Edit current team",
+      "edit": "Edit selected team",
-      "delete": "Delete current team",
+      "delete": "Delete selected team",
       "invite": "Invite people to team",
-      "switch_to_personal": "Switch to your personal workspace",
+      "switch_to_personal": "Switch to personal workspace",
       "title": "Teams"
     },
     "tab": {
-      "duplicate": "Duplicate current tab",
+      "duplicate": "Duplicate tab",
       "close_current": "Close current tab",
-      "close_others": "Close all other tabs",
+      "close_others": "Close other tabs",
       "new_tab": "Open a new tab",
       "title": "Tabs"
     },
@@ -717,15 +710,15 @@
     "change_language": "Change Language",
     "settings": {
       "theme": {
-        "black": "Black",
+        "black": "Black Mode",
-        "dark": "Dark",
+        "dark": "Dark Mode",
-        "light": "Light",
+        "light": "Light Mode",
-        "system": "System preference"
+        "system": "System Mode"
       },
       "font": {
-        "size_sm": "Small",
+        "size_sm": "Change to Small",
-        "size_md": "Medium",
+        "size_md": "Change to Medium",
-        "size_lg": "Large"
+        "size_lg": "Change to Large"
       },
       "change_interceptor": "Change Interceptor",
       "change_language": "Change Language"

packages/hoppscotch-common/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hoppscotch/common",
   "private": true,
-  "version": "2023.8.0",
+  "version": "2023.4.8",
   "scripts": {
     "dev": "pnpm exec npm-run-all -p -l dev:*",
     "test": "vitest --run",
@@ -63,7 +63,7 @@
     "graphql": "^16.8.0",
     "graphql-language-service-interface": "^2.9.1",
     "graphql-tag": "^2.12.6",
-    "httpsnippet": "^3.0.1",
+    "httpsnippet": "^2.0.0",
     "insomnia-importers": "^3.6.0",
     "io-ts": "^2.2.20",
     "js-yaml": "^4.1.0",
@@ -117,7 +117,6 @@
     "@intlify/vite-plugin-vue-i18n": "^7.0.0",
     "@relmify/jest-fp-ts": "^2.1.1",
     "@rushstack/eslint-patch": "^1.3.3",
-    "@types/har-format": "^1.2.12",
     "@types/js-yaml": "^4.0.5",
     "@types/lodash-es": "^4.17.8",
     "@types/lossless-json": "^1.0.1",

packages/hoppscotch-common/src/App.vue

@@ -18,7 +18,6 @@ import { HOPP_MODULES } from "@modules/."
 import { isLoadingInitialRoute } from "@modules/router"
 import { useI18n } from "@composables/i18n"
 import { APP_IS_IN_DEV_MODE } from "@helpers/dev"
-import { platform } from "./platform"
 
 const t = useI18n()
 
@@ -46,5 +45,4 @@ if (APP_IS_IN_DEV_MODE) {
 
 // Run module root component setup code
 HOPP_MODULES.forEach((mod) => mod.onRootSetup?.())
-platform.addedHoppModules?.forEach((mod) => mod.onRootSetup?.())
 </script>

packages/hoppscotch-common/src/components/app/ActionHandler.vue

@@ -17,6 +17,7 @@ import { pipe } from "fp-ts/function"
 import * as TE from "fp-ts/TaskEither"
 import { deleteTeam as backendDeleteTeam } from "~/helpers/backend/mutations/Team"
 import { defineActionHandler, invokeAction } from "~/helpers/actions"
+import { showChat } from "~/modules/crisp"
 import { useToast } from "~/composables/toast"
 import { useI18n } from "~/composables/i18n"
 
@@ -61,6 +62,10 @@ defineActionHandler("modals.login.toggle", () => {
   showLogin.value = !showLogin.value
 })
 
+defineActionHandler("flyouts.chat.open", () => {
+  showChat()
+})
+
 defineActionHandler("modals.team.delete", ({ teamId }) => {
   teamID.value = teamId
   confirmRemove.value = true

packages/hoppscotch-common/src/components/app/Footer.vue

@@ -76,7 +76,6 @@
                   }
                 "
               />
-              <!--
               <HoppSmartItem
                 ref="chat"
                 :icon="IconMessageCircle"
@@ -89,34 +88,20 @@
                   }
                 "
               />
-              -->
+              <HoppSmartItem
-              <template
+                :icon="IconGift"
-                v-for="footerItem in platform.ui?.additionalFooterMenuItems"
+                :label="`${t('app.whats_new')}`"
-                :key="footerItem.id"
+                to="https://docs.hoppscotch.io/documentation/changelog"
-              >
+                blank
-                <template v-if="footerItem.action.type === 'link'">
+                @click="hide()"
-                  <HoppSmartItem
+              />
-                    :icon="footerItem.icon"
+              <HoppSmartItem
-                    :label="footerItem.text(t)"
+                :icon="IconActivity"
-                    :to="footerItem.action.href"
+                :label="t('app.status')"
-                    blank
+                to="https://status.hoppscotch.io"
-                    @click="hide()"
+                blank
-                  />
+                @click="hide()"
-                </template>
+              />
-                <HoppSmartItem
-                  v-else
-                  :icon="footerItem.icon"
-                  :label="footerItem.text(t)"
-                  blank
-                  @click="
-                    () => {
-                      // @ts-expect-error TypeScript not understanding the type
-                      footerItem.action.do()
-                      hide()
-                    }
-                  "
-                />
-              </template>
               <hr />
               <HoppSmartItem
                 :icon="IconGithub"
@@ -222,11 +207,15 @@ import IconColumns from "~icons/lucide/columns"
 import IconSidebarOpen from "~icons/lucide/sidebar-open"
 import IconShieldCheck from "~icons/lucide/shield-check"
 import IconBook from "~icons/lucide/book"
+import IconMessageCircle from "~icons/lucide/message-circle"
+import IconGift from "~icons/lucide/gift"
+import IconActivity from "~icons/lucide/activity"
 import IconGithub from "~icons/lucide/github"
 import IconTwitter from "~icons/lucide/twitter"
 import IconUserPlus from "~icons/lucide/user-plus"
 import IconLock from "~icons/lucide/lock"
 import IconLifeBuoy from "~icons/lucide/life-buoy"
+import { showChat } from "@modules/crisp"
 import { useSetting } from "@composables/settings"
 import { useI18n } from "@composables/i18n"
 import { useReadonlyStream } from "@composables/stream"
@@ -273,6 +262,10 @@ const nativeShare = () => {
   }
 }
 
+const chatWithUs = () => {
+  showChat()
+}
+
 const showDeveloperOptionModal = () => {
   if (currentUser.value) {
     showDeveloperOptions.value = true

packages/hoppscotch-common/src/components/app/Options.vue

@@ -30,37 +30,105 @@
         <h2 class="p-4 font-semibold font-bold text-secondaryDark">
           {{ t("support.title") }}
         </h2>
-        <template
+        <HoppSmartItem
-          v-for="item in platform.ui?.additionalSupportOptionsMenuItems"
+          :icon="IconBook"
-          :key="item.id"
+          :label="t('app.documentation')"
-        >
+          to="https://docs.hoppscotch.io"
-          <HoppSmartItem
+          :description="t('support.documentation')"
-            v-if="item.action.type === 'link'"
+          :info-icon="IconChevronRight"
-            :icon="item.icon"
+          active
-            :label="item.text(t)"
+          blank
-            :to="item.action.href"
+          @click="hideModal()"
-            :description="item.subtitle(t)"
+        />
-            :info-icon="IconChevronRight"
+        <HoppSmartItem
-            active
+          :icon="IconGift"
-            blank
+          :label="t('app.whats_new')"
-            @click="hideModal()"
+          to="https://docs.hoppscotch.io/documentation/changelog"
-          />
+          :description="t('support.changelog')"
-          <HoppSmartItem
+          :info-icon="IconChevronRight"
-            v-else
+          active
-            :icon="item.icon"
+          blank
-            :label="item.text(t)"
+          @click="hideModal()"
-            :description="item.subtitle(t)"
+        />
-            :info-icon="IconChevronRight"
+        <HoppSmartItem
-            active
+          :icon="IconActivity"
-            @click="
+          :label="t('app.status')"
-              () => {
+          to="https://status.hoppscotch.io"
-                // @ts-expect-error Typescript isn't able to understand
+          blank
-                item.action.do()
+          :description="t('app.status_description')"
-                hideModal()
+          :info-icon="IconChevronRight"
-              }
+          active
-            "
+          @click="hideModal()"
-          />
+        />
-        </template>
+        <HoppSmartItem
+          :icon="IconLock"
+          :label="`${t('app.terms_and_privacy')}`"
+          to="https://docs.hoppscotch.io/support/privacy"
+          blank
+          :description="t('app.terms_and_privacy')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
+        <h2 class="p-4 font-semibold font-bold text-secondaryDark">
+          {{ t("settings.follow") }}
+        </h2>
+        <HoppSmartItem
+          :icon="IconDiscord"
+          :label="t('app.discord')"
+          to="https://hoppscotch.io/discord"
+          blank
+          :description="t('app.join_discord_community')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
+        <HoppSmartItem
+          :icon="IconTwitter"
+          :label="t('app.twitter')"
+          to="https://hoppscotch.io/twitter"
+          blank
+          :description="t('support.twitter')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
+        <HoppSmartItem
+          :icon="IconGithub"
+          :label="`${t('app.github')}`"
+          to="https://github.com/hoppscotch/hoppscotch"
+          blank
+          :description="t('support.github')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
+        <HoppSmartItem
+          :icon="IconMessageCircle"
+          :label="t('app.chat_with_us')"
+          :description="t('support.chat')"
+          :info-icon="IconChevronRight"
+          active
+          @click="chatWithUs()"
+        />
+        <HoppSmartItem
+          :icon="IconUserPlus"
+          :label="`${t('app.invite')}`"
+          :description="t('shortcut.miscellaneous.invite')"
+          :info-icon="IconChevronRight"
+          active
+          @click="expandInvite()"
+        />
+        <HoppSmartItem
+          v-if="navigatorShare"
+          v-tippy="{ theme: 'tooltip' }"
+          :icon="IconShare2"
+          :label="`${t('request.share')}`"
+          :description="t('request.share_description')"
+          :info-icon="IconChevronRight"
+          active
+          @click="nativeShare()"
+        />
       </div>
     </template>
   </HoppSmartModal>
@@ -70,12 +138,24 @@
 import { watch } from "vue"
 import IconSidebar from "~icons/lucide/sidebar"
 import IconSidebarOpen from "~icons/lucide/sidebar-open"
+import IconBook from "~icons/lucide/book"
+import IconGift from "~icons/lucide/gift"
+import IconActivity from "~icons/lucide/activity"
+import IconLock from "~icons/lucide/lock"
+import IconDiscord from "~icons/brands/discord"
+import IconTwitter from "~icons/brands/twitter"
+import IconGithub from "~icons/lucide/github"
+import IconMessageCircle from "~icons/lucide/message-circle"
+import IconUserPlus from "~icons/lucide/user-plus"
+import IconShare2 from "~icons/lucide/share-2"
 import IconChevronRight from "~icons/lucide/chevron-right"
 import { useSetting } from "@composables/settings"
+import { invokeAction } from "~/helpers/actions"
+import { showChat } from "@modules/crisp"
 import { useI18n } from "@composables/i18n"
-import { platform } from "~/platform"
 
 const t = useI18n()
+const navigatorShare = !!navigator.share
 
 const ZEN_MODE = useSetting("ZEN_MODE")
 const EXPAND_NAVIGATION = useSetting("EXPAND_NAVIGATION")
@@ -96,6 +176,11 @@ const emit = defineEmits<{
   (e: "hide-modal"): void
 }>()
 
+const chatWithUs = () => {
+  showChat()
+  hideModal()
+}
+
 const expandNavigation = () => {
   EXPAND_NAVIGATION.value = !EXPAND_NAVIGATION.value
   hideModal()
@@ -106,6 +191,24 @@ const expandCollection = () => {
   hideModal()
 }
 
+const expandInvite = () => {
+  invokeAction("modals.share.toggle")
+}
+
+const nativeShare = () => {
+  if (navigator.share) {
+    navigator
+      .share({
+        title: "Hoppscotch",
+        text: "Hoppscotch • Open source API development ecosystem - Helps you create requests faster, saving precious time on development.",
+        url: "https://hoppscotch.io",
+      })
+      .catch(console.error)
+  } else {
+    // fallback
+  }
+}
+
 const hideModal = () => {
   emit("hide-modal")
 }

packages/hoppscotch-common/src/components/app/Support.vue

@@ -8,46 +8,89 @@
   >
     <template #body>
       <div class="flex flex-col space-y-2">
-        <template
+        <HoppSmartItem
-          v-for="item in platform.ui?.additionalSupportOptionsMenuItems"
+          :icon="IconBook"
-          :key="item.id"
+          :label="t('app.documentation')"
-        >
+          to="https://docs.hoppscotch.io"
-          <HoppSmartItem
+          :description="t('support.documentation')"
-            v-if="item.action.type === 'link'"
+          :info-icon="IconChevronRight"
-            :icon="item.icon"
+          active
-            :label="item.text(t)"
+          blank
-            :to="item.action.href"
+          @click="hideModal()"
-            :description="item.subtitle(t)"
+        />
-            :info-icon="IconChevronRight"
+        <HoppSmartItem
-            active
+          :icon="IconZap"
-            blank
+          :label="t('app.keyboard_shortcuts')"
-            @click="hideModal()"
+          :description="t('support.shortcuts')"
-          />
+          :info-icon="IconChevronRight"
-          <HoppSmartItem
+          active
-            v-else
+          @click="showShortcuts()"
-            :icon="item.icon"
+        />
-            :label="item.text(t)"
+        <HoppSmartItem
-            :description="item.subtitle(t)"
+          :icon="IconGift"
-            :info-icon="IconChevronRight"
+          :label="t('app.whats_new')"
-            active
+          to="https://docs.hoppscotch.io/documentation/changelog"
-            @click="
+          :description="t('support.changelog')"
-              () => {
+          :info-icon="IconChevronRight"
-                // @ts-expect-error Typescript isn't able to understand
+          active
-                item.action.do()
+          blank
-                hideModal()
+          @click="hideModal()"
-              }
+        />
-            "
+        <HoppSmartItem
-          />
+          :icon="IconMessageCircle"
-        </template>
+          :label="t('app.chat_with_us')"
+          :description="t('support.chat')"
+          :info-icon="IconChevronRight"
+          active
+          @click="chatWithUs()"
+        />
+        <HoppSmartItem
+          :icon="IconGitHub"
+          :label="t('app.github')"
+          to="https://hoppscotch.io/github"
+          blank
+          :description="t('support.github')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
+        <HoppSmartItem
+          :icon="IconDiscord"
+          :label="t('app.join_discord_community')"
+          to="https://hoppscotch.io/discord"
+          blank
+          :description="t('support.community')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
+        <HoppSmartItem
+          :icon="IconTwitter"
+          :label="t('app.twitter')"
+          to="https://hoppscotch.io/twitter"
+          blank
+          :description="t('support.twitter')"
+          :info-icon="IconChevronRight"
+          active
+          @click="hideModal()"
+        />
       </div>
     </template>
   </HoppSmartModal>
 </template>
 
 <script setup lang="ts">
+import IconTwitter from "~icons/brands/twitter"
+import IconDiscord from "~icons/brands/discord"
+import IconGitHub from "~icons/lucide/github"
+import IconMessageCircle from "~icons/lucide/message-circle"
+import IconGift from "~icons/lucide/gift"
+import IconZap from "~icons/lucide/zap"
+import IconBook from "~icons/lucide/book"
 import IconChevronRight from "~icons/lucide/chevron-right"
+import { invokeAction } from "@helpers/actions"
+import { showChat } from "@modules/crisp"
 import { useI18n } from "@composables/i18n"
-import { platform } from "~/platform"
 
 const t = useI18n()
 
@@ -59,6 +102,16 @@ const emit = defineEmits<{
   (e: "hide-modal"): void
 }>()
 
+const chatWithUs = () => {
+  showChat()
+  hideModal()
+}
+
+const showShortcuts = () => {
+  invokeAction("flyouts.keybinds.toggle")
+  hideModal()
+}
+
 const hideModal = () => {
   emit("hide-modal")
 }

packages/hoppscotch-common/src/components/environments/Add.vue

@@ -21,12 +21,7 @@
           <label for="value" class="font-semibold min-w-10">{{
             t("environment.value")
           }}</label>
-          <input
+          <input type="text" :value="value" class="input" />
-            v-model="editingValue"
-            type="text"
-            class="input"
-            :placeholder="t('environment.value')"
-          />
         </div>
         <div class="flex items-center space-x-8 ml-2">
           <label for="scope" class="font-semibold min-w-10">
@@ -110,12 +105,9 @@ watch(
       scope.value = {
         type: "global",
       }
-      replaceWithVariable.value = false
       editingName.value = ""
-      editingValue.value = ""
+      replaceWithVariable.value = false
     }
-    editingName.value = props.name
-    editingValue.value = props.value
   }
 )
 
@@ -140,7 +132,6 @@ const scope = ref<Scope>({
 const replaceWithVariable = ref(false)
 
 const editingName = ref(props.name)
-const editingValue = ref(props.value)
 
 const addEnvironment = async () => {
   if (!editingName.value) {
@@ -150,13 +141,13 @@ const addEnvironment = async () => {
   if (scope.value.type === "global") {
     addGlobalEnvVariable({
       key: editingName.value,
-      value: editingValue.value,
+      value: props.value,
     })
     toast.success(`${t("environment.updated")}`)
   } else if (scope.value.type === "my-environment") {
     addEnvironmentVariable(scope.value.index, {
       key: editingName.value,
-      value: editingValue.value,
+      value: props.value,
     })
     toast.success(`${t("environment.updated")}`)
   } else {
@@ -164,7 +155,7 @@ const addEnvironment = async () => {
       ...scope.value.environment.environment.variables,
       {
         key: editingName.value,
-        value: editingValue.value,
+        value: props.value,
       },
     ]
     await pipe(
@@ -191,7 +182,7 @@ const addEnvironment = async () => {
     //replace the currenttab endpoint containing the value in the text with variablename
     currentActiveTab.value.document.request.endpoint =
       currentActiveTab.value.document.request.endpoint.replace(
-        editingValue.value,
+        props.value,
         variableName
       )
   }

packages/hoppscotch-common/src/components/environments/Selector.vue

@@ -32,7 +32,6 @@
           @keyup.escape="hide()"
         >
           <HoppSmartItem
-            v-if="!isScopeSelector"
             :label="`${t('environment.no_environment')}`"
             :info-icon="
               selectedEnvironmentIndex.type === 'NO_ENV_SELECTED'
@@ -49,21 +48,6 @@
               }
             "
           />
-          <HoppSmartItem
-            v-else-if="isScopeSelector && modelValue"
-            :label="t('environment.global')"
-            :icon="IconGlobe"
-            :info-icon="modelValue.type === 'global' ? IconCheck : undefined"
-            :active-info-icon="modelValue.type === 'global'"
-            @click="
-              () => {
-                $emit('update:modelValue', {
-                  type: 'global',
-                })
-                hide()
-              }
-            "
-          />
           <HoppSmartTabs
             v-model="selectedEnvTab"
             :styles="`sticky overflow-x-auto my-2 border border-divider rounded flex-shrink-0 z-0 top-0 bg-primary ${
@@ -82,14 +66,14 @@
                 :key="`gen-${index}`"
                 :icon="IconLayers"
                 :label="gen.name"
-                :info-icon="isEnvActive(index) ? IconCheck : undefined"
+                :info-icon="index === selectedEnv.index ? IconCheck : undefined"
-                :active-info-icon="isEnvActive(index)"
+                :active-info-icon="index === selectedEnv.index"
                 @click="
                   () => {
-                    handleEnvironmentChange(index, {
+                    selectedEnvironmentIndex = {
-                      type: 'my-environment',
+                      type: 'MY_ENV',
-                      environment: gen,
+                      index: index,
-                    })
+                    }
                     hide()
                   }
                 "
@@ -129,14 +113,18 @@
                   :key="`gen-team-${index}`"
                   :icon="IconLayers"
                   :label="gen.environment.name"
-                  :info-icon="isEnvActive(gen.id) ? IconCheck : undefined"
+                  :info-icon="
-                  :active-info-icon="isEnvActive(gen.id)"
+                    gen.id === selectedEnv.teamEnvID ? IconCheck : undefined
+                  "
+                  :active-info-icon="gen.id === selectedEnv.teamEnvID"
                   @click="
                     () => {
-                      handleEnvironmentChange(index, {
+                      selectedEnvironmentIndex = {
-                        type: 'team-environment',
+                        type: 'TEAM_ENV',
-                        environment: gen,
+                        teamEnvID: gen.id,
-                      })
+                        teamID: gen.teamID,
+                        environment: gen.environment,
+                      }
                       hide()
                     }
                   "
@@ -297,7 +285,6 @@ import IconCheck from "~icons/lucide/check"
 import IconLayers from "~icons/lucide/layers"
 import IconEye from "~icons/lucide/eye"
 import IconEdit from "~icons/lucide/edit"
-import IconGlobe from "~icons/lucide/globe"
 import { TippyComponent } from "vue-tippy"
 import { useI18n } from "~/composables/i18n"
 import { GQLError } from "~/helpers/backend/GQLClient"
@@ -308,39 +295,11 @@ import {
   selectedEnvironmentIndex$,
   setSelectedEnvironmentIndex,
 } from "~/newstore/environments"
-import { changeWorkspace, workspaceStatus$ } from "~/newstore/workspace"
+import { workspaceStatus$ } from "~/newstore/workspace"
 import TeamEnvironmentAdapter from "~/helpers/teams/TeamEnvironmentAdapter"
 import { useColorMode } from "@composables/theming"
 import { breakpointsTailwind, useBreakpoints } from "@vueuse/core"
 import { invokeAction } from "~/helpers/actions"
-import { TeamEnvironment } from "~/helpers/teams/TeamEnvironment"
-import { Environment } from "@hoppscotch/data"
-import { onMounted } from "vue"
-import { onLoggedIn } from "~/composables/auth"
-import TeamListAdapter from "~/helpers/teams/TeamListAdapter"
-import { useLocalState } from "~/newstore/localstate"
-import { GetMyTeamsQuery } from "~/helpers/backend/graphql"
-
-type Scope =
-  | {
-      type: "global"
-    }
-  | {
-      type: "my-environment"
-      environment: Environment
-      index: number
-    }
-  | {
-      type: "team-environment"
-      environment: TeamEnvironment
-    }
-const props = defineProps<{
-  isScopeSelector?: boolean
-  modelValue?: Scope
-}>()
-const emit = defineEmits<{
-  (e: "update:modelValue", data: Scope): void
-}>()
 
 const breakpoints = useBreakpoints(breakpointsTailwind)
 const mdAndLarger = breakpoints.greater("md")
@@ -355,38 +314,6 @@ const myEnvironments = useReadonlyStream(environments$, [])
 
 const workspace = useReadonlyStream(workspaceStatus$, { type: "personal" })
 
-// TeamList-Adapter
-const teamListAdapter = new TeamListAdapter(true)
-const myTeams = useReadonlyStream(teamListAdapter.teamList$, null)
-const teamListFetched = ref(false)
-const REMEMBERED_TEAM_ID = useLocalState("REMEMBERED_TEAM_ID")
-
-onLoggedIn(() => {
-  !teamListAdapter.isInitialized && teamListAdapter.initialize()
-})
-
-const switchToTeamWorkspace = (team: GetMyTeamsQuery["myTeams"][number]) => {
-  REMEMBERED_TEAM_ID.value = team.id
-  changeWorkspace({
-    teamID: team.id,
-    teamName: team.name,
-    type: "team",
-  })
-}
-watch(
-  () => myTeams.value,
-  (newTeams) => {
-    if (newTeams && !teamListFetched.value) {
-      teamListFetched.value = true
-      if (REMEMBERED_TEAM_ID.value) {
-        const team = newTeams.find((t) => t.id === REMEMBERED_TEAM_ID.value)
-        if (team) switchToTeamWorkspace(team)
-      }
-    }
-  }
-)
-
-// TeamEnv List Adapter
 const teamEnvListAdapter = new TeamEnvironmentAdapter(undefined)
 const teamListLoading = useReadonlyStream(teamEnvListAdapter.loading$, false)
 const teamAdapterError = useReadonlyStream(teamEnvListAdapter.error$, null)
@@ -395,70 +322,6 @@ const teamEnvironmentList = useReadonlyStream(
   []
 )
 
-const handleEnvironmentChange = (
-  index: number,
-  env?:
-    | {
-        type: "my-environment"
-        environment: Environment
-      }
-    | {
-        type: "team-environment"
-        environment: TeamEnvironment
-      }
-) => {
-  if (props.isScopeSelector && env) {
-    if (env.type === "my-environment") {
-      emit("update:modelValue", {
-        type: "my-environment",
-        environment: env.environment,
-        index,
-      })
-    } else if (env.type === "team-environment") {
-      emit("update:modelValue", {
-        type: "team-environment",
-        environment: env.environment,
-      })
-    }
-  } else {
-    if (env && env.type === "my-environment") {
-      selectedEnvironmentIndex.value = {
-        type: "MY_ENV",
-        index,
-      }
-    } else if (env && env.type === "team-environment") {
-      selectedEnvironmentIndex.value = {
-        type: "TEAM_ENV",
-        teamEnvID: env.environment.id,
-        teamID: env.environment.teamID,
-        environment: env.environment.environment,
-      }
-    }
-  }
-}
-const isEnvActive = (id: string | number) => {
-  if (props.isScopeSelector) {
-    if (props.modelValue?.type === "my-environment") {
-      return props.modelValue.index === id
-    } else if (props.modelValue?.type === "team-environment") {
-      return (
-        props.modelValue?.type === "team-environment" &&
-        props.modelValue.environment &&
-        props.modelValue.environment.id === id
-      )
-    }
-  } else {
-    if (selectedEnvironmentIndex.value.type === "MY_ENV") {
-      return selectedEnv.value.index === id
-    } else {
-      return (
-        selectedEnvironmentIndex.value.type === "TEAM_ENV" &&
-        selectedEnv.value.teamEnvID === id
-      )
-    }
-  }
-}
-
 const selectedEnvironmentIndex = useStream(
   selectedEnvironmentIndex$,
   { type: "NO_ENV_SELECTED" },
@@ -486,90 +349,34 @@ watch(
 )
 
 const selectedEnv = computed(() => {
-  if (props.isScopeSelector) {
+  if (selectedEnvironmentIndex.value.type === "MY_ENV") {
-    if (props.modelValue?.type === "my-environment") {
+    const environment =
-      return {
+      myEnvironments.value[selectedEnvironmentIndex.value.index]
-        type: "MY_ENV",
+    return {
-        index: props.modelValue.index,
+      type: "MY_ENV",
-        name: props.modelValue.environment?.name,
+      index: selectedEnvironmentIndex.value.index,
-      }
+      name: environment.name,
-    } else if (props.modelValue?.type === "team-environment") {
+      variables: environment.variables,
+    }
+  } else if (selectedEnvironmentIndex.value.type === "TEAM_ENV") {
+    const teamEnv = teamEnvironmentList.value.find(
+      (env) =>
+        env.id ===
+        (selectedEnvironmentIndex.value.type === "TEAM_ENV" &&
+          selectedEnvironmentIndex.value.teamEnvID)
+    )
+    if (teamEnv) {
       return {
         type: "TEAM_ENV",
-        name: props.modelValue.environment.environment.name,
+        name: teamEnv.environment.name,
-        teamEnvID: props.modelValue.environment.id,
+        teamEnvID: selectedEnvironmentIndex.value.teamEnvID,
-      }
+        variables: teamEnv.environment.variables,
-    } else {
-      return { type: "global", name: "Global" }
-    }
-  } else {
-    if (selectedEnvironmentIndex.value.type === "MY_ENV") {
-      const environment =
-        myEnvironments.value[selectedEnvironmentIndex.value.index]
-      return {
-        type: "MY_ENV",
-        index: selectedEnvironmentIndex.value.index,
-        name: environment.name,
-        variables: environment.variables,
-      }
-    } else if (selectedEnvironmentIndex.value.type === "TEAM_ENV") {
-      const teamEnv = teamEnvironmentList.value.find(
-        (env) =>
-          env.id ===
-          (selectedEnvironmentIndex.value.type === "TEAM_ENV" &&
-            selectedEnvironmentIndex.value.teamEnvID)
-      )
-      if (teamEnv) {
-        return {
-          type: "TEAM_ENV",
-          name: teamEnv.environment.name,
-          teamEnvID: selectedEnvironmentIndex.value.teamEnvID,
-          variables: teamEnv.environment.variables,
-        }
-      } else {
-        return { type: "NO_ENV_SELECTED" }
       }
     } else {
       return { type: "NO_ENV_SELECTED" }
     }
-  }
+  } else {
-})
+    return { type: "NO_ENV_SELECTED" }
-
-// Set the selected environment as initial scope value
-onMounted(() => {
-  if (props.isScopeSelector) {
-    if (
-      selectedEnvironmentIndex.value.type === "MY_ENV" &&
-      selectedEnvironmentIndex.value.index !== undefined
-    ) {
-      emit("update:modelValue", {
-        type: "my-environment",
-        environment: myEnvironments.value[selectedEnvironmentIndex.value.index],
-        index: selectedEnvironmentIndex.value.index,
-      })
-    } else if (
-      selectedEnvironmentIndex.value.type === "TEAM_ENV" &&
-      selectedEnvironmentIndex.value.teamEnvID &&
-      teamEnvironmentList.value &&
-      teamEnvironmentList.value.length > 0
-    ) {
-      const teamEnv = teamEnvironmentList.value.find(
-        (env) =>
-          env.id ===
-          (selectedEnvironmentIndex.value.type === "TEAM_ENV" &&
-            selectedEnvironmentIndex.value.teamEnvID)
-      )
-      if (teamEnv) {
-        emit("update:modelValue", {
-          type: "team-environment",
-          environment: teamEnv,
-        })
-      }
-    } else {
-      emit("update:modelValue", {
-        type: "global",
-      })
-    }
   }
 })
 

packages/hoppscotch-common/src/components/environments/index.vue

@@ -300,7 +300,7 @@ watch(
 
 defineActionHandler("modals.environment.add", ({ envName, variableName }) => {
   editingVariableName.value = envName
-  if (variableName) editingVariableValue.value = variableName
+  editingVariableValue.value = variableName
   displayModalNew(true)
 })
 </script>

packages/hoppscotch-common/src/components/graphql/Query.vue

@@ -144,6 +144,8 @@ const selectedOperation = ref<gql.OperationDefinitionNode | null>(null)
 const gqlQueryString = useVModel(props, "modelValue", emit)
 
 const debouncedOnUpdateQueryState = debounce((update: ViewUpdate) => {
+  if (!update.selectionSet) return
+
   const selectedPos = update.state.selection.main.head
   const queryString = update.state.doc.toJSON().join(update.state.lineBreak)
 

packages/hoppscotch-common/src/components/graphql/Request.vue

@@ -71,7 +71,6 @@ import { connect } from "~/helpers/graphql/connection"
 import { disconnect } from "~/helpers/graphql/connection"
 import { InterceptorService } from "~/services/interceptor.service"
 import { useService } from "dioc/vue"
-import { defineActionHandler } from "~/helpers/actions"
 
 const t = useI18n()
 
@@ -141,12 +140,4 @@ const cancelSwitch = () => {
   if (connected.value) disconnect()
   connectionSwitchModal.value = false
 }
-
-defineActionHandler(
-  "gql.connect",
-  gqlConnect,
-  computed(() => !connected.value)
-)
-
-defineActionHandler("gql.disconnect", disconnect, connected)
 </script>

packages/hoppscotch-common/src/components/graphql/RequestOptions.vue

@@ -69,8 +69,8 @@ import { useService } from "dioc/vue"
 import { InterceptorService } from "~/services/interceptor.service"
 import { editGraphqlRequest } from "~/newstore/collections"
 
-export type GQLOptionTabs = "query" | "headers" | "variables" | "authorization"
+type OptionTabs = "query" | "headers" | "variables" | "authorization"
-const selectedOptionTab = ref<GQLOptionTabs>("query")
+const selectedOptionTab = ref<OptionTabs>("query")
 const interceptorService = useService(InterceptorService)
 
 const t = useI18n()
@@ -206,8 +206,4 @@ defineActionHandler("request.save-as", () => {
   showSaveRequestModal.value = true
 })
 defineActionHandler("request.reset", clearGQLQuery)
-
-defineActionHandler("request.open-tab", ({ tab }) => {
-  selectedOptionTab.value = tab as GQLOptionTabs
-})
 </script>

packages/hoppscotch-common/src/components/graphql/Response.vue

@@ -128,14 +128,8 @@ const downloadResponse = (str: string) => {
   }, 1000)
 }
 
-defineActionHandler(
+defineActionHandler("response.file.download", () =>
-  "response.file.download",
+  downloadResponse(responseString.value)
-  () => downloadResponse(responseString.value),
-  computed(() => !!props.response && props.response.length > 0)
-)
-defineActionHandler(
-  "response.copy",
-  () => copyResponse(responseString.value),
-  computed(() => !!props.response && props.response.length > 0)
 )
+defineActionHandler("response.copy", () => copyResponse(responseString.value))
 </script>

packages/hoppscotch-common/src/components/http/Headers.vue

@@ -508,17 +508,30 @@ const changeTab = (tab: ComputedHeader["source"]) => {
 
 const inspectionService = useService(InspectionService)
 
-const headerKeyResults = inspectionService.getResultViewFor(
+const allTabResults = inspectionService.tabs
-  currentTabID.value,
-  (result) =>
-    result.locations.type === "header" && result.locations.position === "key"
-)
 
-const headerValueResults = inspectionService.getResultViewFor(
+const headerKeyResults = computed(() => {
-  currentTabID.value,
+  return (
-  (result) =>
+    allTabResults.value
-    result.locations.type === "header" && result.locations.position === "value"
+      .get(currentTabID.value)
-)
+      .filter(
+        (result) =>
+          result.locations.type === "header" &&
+          result.locations.position === "key"
+      ) ?? []
+  )
+})
+const headerValueResults = computed(() => {
+  return (
+    allTabResults.value
+      .get(currentTabID.value)
+      .filter(
+        (result) =>
+          result.locations.type === "header" &&
+          result.locations.position === "value"
+      ) ?? []
+  )
+})
 
 const getInspectorResult = (results: InspectorResult[], index: number) => {
   return results.filter((result) => {

packages/hoppscotch-common/src/components/http/Parameters.vue

@@ -178,7 +178,7 @@ import IconCheckCircle from "~icons/lucide/check-circle"
 import IconCircle from "~icons/lucide/circle"
 import IconTrash from "~icons/lucide/trash"
 import IconWrapText from "~icons/lucide/wrap-text"
-import { reactive, ref, watch } from "vue"
+import { computed, reactive, ref, watch } from "vue"
 import { flow, pipe } from "fp-ts/function"
 import * as O from "fp-ts/Option"
 import * as A from "fp-ts/Array"
@@ -409,18 +409,30 @@ const clearContent = () => {
 
 const inspectionService = useService(InspectionService)
 
-const parameterKeyResults = inspectionService.getResultViewFor(
+const allTabResults = inspectionService.tabs
-  currentTabID.value,
-  (result) =>
-    result.locations.type === "parameter" && result.locations.position === "key"
-)
 
-const parameterValueResults = inspectionService.getResultViewFor(
+const parameterKeyResults = computed(() => {
-  currentTabID.value,
+  return (
-  (result) =>
+    allTabResults.value
-    result.locations.type === "parameter" &&
+      .get(currentTabID.value)
-    result.locations.position === "value"
+      .filter(
-)
+        (result) =>
+          result.locations.type === "parameter" &&
+          result.locations.position === "key"
+      ) ?? []
+  )
+})
+const parameterValueResults = computed(() => {
+  return (
+    allTabResults.value
+      .get(currentTabID.value)
+      .filter(
+        (result) =>
+          result.locations.type === "parameter" &&
+          result.locations.position === "value"
+      ) ?? []
+  )
+})
 
 const getInspectorResult = (results: InspectorResult[], index: number) => {
   return results.filter((result) => {

packages/hoppscotch-common/src/components/http/Request.vue

@@ -642,5 +642,9 @@ const COLUMN_LAYOUT = useSetting("COLUMN_LAYOUT")
 
 const inspectionService = useService(InspectionService)
 
-const tabResults = inspectionService.getResultViewFor(currentTabID.value)
+const allTabResults = inspectionService.tabs
+
+const tabResults = computed(() => {
+  return allTabResults.value.get(currentTabID.value) ?? []
+})
 </script>

packages/hoppscotch-common/src/components/http/RequestOptions.vue

@@ -101,6 +101,6 @@ const newActiveHeadersCount$ = computed(() => {
 })
 
 defineActionHandler("request.open-tab", ({ tab }) => {
-  selectedOptionsTab.value = tab as RequestOptionTabs
+  selectedOptionsTab.value = tab
 })
 </script>

packages/hoppscotch-common/src/components/http/ResponseMeta.vue

@@ -145,8 +145,13 @@ const statusCategory = computed(() => {
 
 const inspectionService = useService(InspectionService)
 
-const tabResults = inspectionService.getResultViewFor(
+const allTabResults = inspectionService.tabs
-  currentTabID.value,
+
-  (result) => result.locations.type === "response"
+const tabResults = computed(() => {
-)
+  return (
+    allTabResults.value
+      .get(currentTabID.value)
+      ?.filter((result) => result.locations.type === "response") ?? []
+  )
+})
 </script>

packages/hoppscotch-common/src/helpers/actions.ts

@@ -2,14 +2,12 @@
  * For example, sending a request.
  */
 
-import { Ref, onBeforeUnmount, onMounted, reactive, watch } from "vue"
+import { Ref, onBeforeUnmount, onMounted, watch } from "vue"
 import { BehaviorSubject } from "rxjs"
 import { HoppRESTDocument } from "./rest/document"
 import { HoppGQLRequest, HoppRESTRequest } from "@hoppscotch/data"
 import { RequestOptionTabs } from "~/components/http/RequestOptions.vue"
 import { HoppGQLSaveContext } from "./graphql/document"
-import { GQLOptionTabs } from "~/components/graphql/RequestOptions.vue"
-import { computed } from "vue"
 
 export type HoppAction =
   | "contextmenu.open" // Send/Cancel a Hoppscotch Request
@@ -18,7 +16,7 @@ export type HoppAction =
   | "request.copy-link" // Copy Request Link
   | "request.save" // Save to Collections
   | "request.save-as" // Save As
-  | "request.rename" // Rename request on REST or GraphQL
+  | "rest.request.rename" // Rename
   | "request.method.next" // Select Next Method
   | "request.method.prev" // Select Previous Method
   | "request.method.get" // Select GET Method
@@ -28,11 +26,6 @@ export type HoppAction =
   | "request.method.delete" // Select DELETE Method
   | "request.import-curl" // Import cURL
   | "request.show-code" // Show generated code
-  | "gql.connect" // Connect to GraphQL endpoint given
-  | "gql.disconnect" // Disconnect from GraphQL endpoint given
-  | "tab.close-current" // Close current tab
-  | "tab.close-other" // Close other tabs
-  | "tab.open-new" // Open new tab
   | "collection.new" // Create root collection
   | "flyouts.chat.open" // Shows the keybinds flyout
   | "flyouts.keybinds.toggle" // Shows the keybinds flyout
@@ -113,11 +106,11 @@ type HoppActionArgsMap = {
         request: HoppGQLRequest
       }
   "request.open-tab": {
-    tab: RequestOptionTabs | GQLOptionTabs
+    tab: RequestOptionTabs
   }
 
-  "tab.duplicate-tab": {
+  "request.duplicate-tab": {
-    tabID?: string
+    tabID: string
   }
 
   "gql.request.open": {
@@ -157,7 +150,7 @@ type BoundActionList = {
   [A in HoppAction | HoppActionWithArgs]?: Array<ActionFunc<A>>
 }
 
-const boundActions: BoundActionList = reactive({})
+const boundActions: BoundActionList = {}
 
 export const activeActions$ = new BehaviorSubject<
   (HoppAction | HoppActionWithArgs)[]
@@ -213,15 +206,6 @@ export function unbindAction<A extends HoppAction | HoppActionWithArgs>(
   activeActions$.next(Object.keys(boundActions) as HoppAction[])
 }
 
-/**
- * Returns a ref that indicates whether a given action is bound at a given time
- *
- * @param action The action to check
- */
-export function isActionBound(action: HoppAction): Ref<boolean> {
-  return computed(() => !!boundActions[action])
-}
-
 /**
  * A composable function that defines a component can handle a given
  * HoppAction. The handler will be bound when the component is mounted

packages/hoppscotch-common/src/helpers/new-codegen/har.ts

@@ -98,11 +98,7 @@ const buildHarPostData = (req: HoppRESTRequest): Har.PostData | undefined => {
   }
 }
 
-export const buildHarRequest = (
+export const buildHarRequest = (req: HoppRESTRequest): Har.Request => {
-  req: HoppRESTRequest
-): Har.Request & {
-  postData: Har.PostData & Exclude<Har.PostData, undefined>
-} => {
   return {
     bodySize: -1, // TODO: It would be cool if we can calculate the body size
     headersSize: -1, // TODO: It would be cool if we can calculate the header size
@@ -112,9 +108,6 @@ export const buildHarRequest = (
     method: req.method,
     queryString: buildHarQueryStrings(req),
     url: req.endpoint,
-    postData: buildHarPostData(req) ?? {
+    postData: buildHarPostData(req),
-      mimeType: "x-unknown",
-      params: [],
-    },
   }
 }

packages/hoppscotch-common/src/helpers/new-codegen/index.ts

@@ -1,4 +1,4 @@
-import { HTTPSnippet } from "httpsnippet"
+import * as HTTPSnippet from "httpsnippet"
 import { HoppRESTRequest } from "@hoppscotch/data"
 import * as O from "fp-ts/Option"
 import * as E from "fp-ts/Either"

packages/hoppscotch-common/src/helpers/rest/tab.ts

@@ -7,7 +7,6 @@ import { HoppRESTResponse } from "../types/HoppRESTResponse"
 import { getDefaultRESTRequest } from "./default"
 import { HoppTestResult } from "../types/HoppTestResult"
 import { platform } from "~/platform"
-import { nextTick } from "vue"
 
 export type HoppRESTTab = {
   id: string
@@ -179,9 +178,7 @@ export function closeTab(tabID: string) {
 
   tabOrdering.value.splice(tabOrdering.value.indexOf(tabID), 1)
 
-  nextTick(() => {
+  tabMap.delete(tabID)
-    tabMap.delete(tabID)
-  })
 }
 
 export function closeOtherTabs(tabID: string) {

packages/hoppscotch-common/src/index.ts

@@ -28,7 +28,6 @@ export function createHoppApp(el: string | Element, platformDef: PlatformDef) {
   performMigrations()
 
   HOPP_MODULES.forEach((mod) => mod.onVueAppInit?.(app))
-  platformDef.addedHoppModules?.forEach((mod) => mod.onVueAppInit?.(app))
 
   app.mount(el)
 

packages/hoppscotch-common/src/modules/crisp.ts

@@ -0,0 +1,32 @@
+import { HoppModule } from "."
+
+export const showChat = () => {
+  ;(window as any).$crisp.push([
+    "do",
+    "chat:show",
+    (window as any).$crisp.push(["do", "chat:open"]),
+  ])
+}
+
+export default <HoppModule>{
+  onVueAppInit() {
+    // TODO: Env variable this ?
+    ;(window as any).$crisp = []
+    ;(window as any).CRISP_WEBSITE_ID = "3ad30257-c192-4773-955d-fb05a4b41af3"
+
+    const d = document
+    const s = d.createElement("script")
+
+    s.src = "https://client.crisp.chat/l.js"
+    s.async = true
+    d.getElementsByTagName("head")[0].appendChild(s)
+    ;(window as any).$crisp.push(["do", "chat:hide"])
+    ;(window as any).$crisp.push([
+      "on",
+      "chat:closed",
+      () => {
+        ;(window as any).$crisp.push(["do", "chat:hide"])
+      },
+    ])
+  },
+}

packages/hoppscotch-common/src/modules/router.ts

@@ -53,9 +53,6 @@ export default <HoppModule>{
       HOPP_MODULES.forEach((mod) => {
         mod.onBeforeRouteChange?.(to, from, router)
       })
-      platform.addedHoppModules?.forEach((mod) => {
-        mod.onBeforeRouteChange?.(to, from, router)
-      })
     })
 
     // Instead of this a better architecture is for the router
@@ -69,14 +66,10 @@ export default <HoppModule>{
       HOPP_MODULES.forEach((mod) => {
         mod.onAfterRouteChange?.(to, router)
       })
-      platform.addedHoppModules?.forEach((mod) => {
-        mod.onAfterRouteChange?.(to, router)
-      })
     })
 
     app.use(router)
 
     HOPP_MODULES.forEach((mod) => mod.onRouterInit?.(app, router))
-    platform.addedHoppModules?.forEach((mod) => mod.onRouterInit?.(app, router))
   },
 }

packages/hoppscotch-common/src/pages/graphql.vue

@@ -27,7 +27,7 @@
                 @open-rename-modal="openReqRenameModal(tab)"
                 @close-tab="removeTab(tab.id)"
                 @close-other-tabs="closeOtherTabsAction(tab.id)"
-                @duplicate-tab="duplicateTab(tab.id)"
+                @duplicate-tab="duplicateTab(tab)"
               />
             </template>
 
@@ -203,15 +203,12 @@ const renameReqName = () => {
   showRenamingReqNameModalForTabID.value = undefined
 }
 
-const duplicateTab = (tabID: string) => {
+const duplicateTab = (tab: HoppGQLTab) => {
-  const tab = getTabRef(tabID)
+  const newTab = createNewTab({
-  if (tab.value) {
+    request: tab.document.request,
-    const newTab = createNewTab({
+    isDirty: true,
-      request: tab.value.document.request,
+  })
-      isDirty: true,
+  currentTabID.value = newTab.id
-    })
-    currentTabID.value = newTab.id
-  }
 }
 
 defineActionHandler("gql.request.open", ({ request, saveContext }) => {
@@ -221,19 +218,4 @@ defineActionHandler("gql.request.open", ({ request, saveContext }) => {
     isDirty: false,
   })
 })
-
-defineActionHandler("request.rename", () => {
-  openReqRenameModal(getTabRef(currentTabID.value).value!)
-})
-
-defineActionHandler("tab.duplicate-tab", ({ tabID }) => {
-  duplicateTab(tabID ?? currentTabID.value)
-})
-defineActionHandler("tab.close-current", () => {
-  removeTab(currentTabID.value)
-})
-defineActionHandler("tab.close-other", () => {
-  closeOtherTabs(currentTabID.value)
-})
-defineActionHandler("tab.open-new", addNewTab)
 </script>

packages/hoppscotch-common/src/pages/index.vue

@@ -94,7 +94,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount, onBeforeMount } from "vue"
+import { ref, onMounted, onBeforeUnmount, onBeforeMount, watch } from "vue"
 import { safelyExtractRESTRequest } from "@hoppscotch/data"
 import { translateExtURLParams } from "~/helpers/RESTExtURLParams"
 import { useRoute } from "vue-router"
@@ -140,6 +140,7 @@ import { useService } from "dioc/vue"
 import { InspectionService } from "~/services/inspection"
 import { HeaderInspectorService } from "~/services/inspection/inspectors/header.inspector"
 import { EnvironmentInspectorService } from "~/services/inspection/inspectors/environment.inspector"
+import { URLInspectorService } from "~/services/inspection/inspectors/url.inspector"
 import { ResponseInspectorService } from "~/services/inspection/inspectors/response.inspector"
 
 const savingRequest = ref(false)
@@ -214,8 +215,6 @@ const sortTabs = (e: { oldIndex: number; newIndex: number }) => {
   updateTabOrdering(e.oldIndex, e.newIndex)
 }
 
-const inspectionService = useService(InspectionService)
-
 const removeTab = (tabID: string) => {
   const tabState = getTabRef(tabID).value
 
@@ -461,22 +460,22 @@ defineActionHandler("rest.request.open", ({ doc }) => {
   createNewTab(doc)
 })
 
-defineActionHandler("request.rename", openReqRenameModal)
+defineActionHandler("rest.request.rename", openReqRenameModal)
-defineActionHandler("tab.duplicate-tab", ({ tabID }) => {
+defineActionHandler("request.duplicate-tab", ({ tabID }) => {
-  duplicateTab(tabID ?? currentTabID.value)
+  duplicateTab(tabID)
 })
-defineActionHandler("tab.close-current", () => {
-  removeTab(currentTabID.value)
-})
-defineActionHandler("tab.close-other", () => {
-  closeOtherTabs(currentTabID.value)
-})
-defineActionHandler("tab.open-new", addNewTab)
 
+const inspectionService = useService(InspectionService)
 useService(HeaderInspectorService)
 useService(EnvironmentInspectorService)
+useService(URLInspectorService)
 useService(ResponseInspectorService)
-for (const inspectorDef of platform.additionalInspectors ?? []) {
+
-  useService(inspectorDef.service)
+watch(
-}
+  () => currentTabID.value,
+  () => {
+    inspectionService.initializeTabInspectors()
+  },
+  { immediate: true }
+)
 </script>

packages/hoppscotch-common/src/platform/index.ts

@@ -7,12 +7,9 @@ import { HistoryPlatformDef } from "./history"
 import { TabStatePlatformDef } from "./tab"
 import { AnalyticsPlatformDef } from "./analytics"
 import { InterceptorsPlatformDef } from "./interceptors"
-import { HoppModule } from "~/modules"
-import { InspectorsPlatformDef } from "./inspectors"
 
 export type PlatformDef = {
   ui?: UIPlatformDef
-  addedHoppModules?: HoppModule[]
   auth: AuthPlatformDef
   analytics?: AnalyticsPlatformDef
   sync: {
@@ -23,7 +20,6 @@ export type PlatformDef = {
     tabState: TabStatePlatformDef
   }
   interceptors: InterceptorsPlatformDef
-  additionalInspectors?: InspectorsPlatformDef
   platformFeatureFlags: {
     exportAsGIST: boolean
   }

packages/hoppscotch-common/src/platform/inspectors.ts

@@ -1,16 +0,0 @@
-import { Service } from "dioc"
-import { Inspector } from "~/services/inspection"
-
-/**
- * Defines an added interceptor by the platform
- */
-export type PlatformInspectorsDef = {
-  // We are keeping this as the only mode for now
-  // So that if we choose to add other modes, we can do without breaking
-  type: "service"
-  service: typeof Service<unknown> & { ID: string } & {
-    new (): Service & Inspector
-  }
-}
-
-export type InspectorsPlatformDef = PlatformInspectorsDef[]

packages/hoppscotch-common/src/platform/std/inspections/extension.inspector.ts

@@ -1,107 +0,0 @@
-import { Service } from "dioc"
-import {
-  InspectionService,
-  Inspector,
-  InspectorResult,
-} from "~/services/inspection"
-import { getI18n } from "~/modules/i18n"
-import { HoppRESTRequest } from "@hoppscotch/data"
-import { computed, markRaw } from "vue"
-import IconAlertTriangle from "~icons/lucide/alert-triangle"
-import { Ref } from "vue"
-import { InterceptorService } from "~/services/interceptor.service"
-import { ExtensionInterceptorService } from "~/platform/std/interceptors/extension"
-
-/**
- * This inspector is responsible for inspecting the URL of a request.
- * It checks if the URL contains localhost and if the extension is installed.
- * It also provides an action to enable the extension.
- *
- * NOTE: Initializing this service registers it as a inspector with the Inspection Service.
- */
-export class ExtensionInspectorService extends Service implements Inspector {
-  public static readonly ID = "EXTENSION_INSPECTOR_SERVICE"
-
-  private t = getI18n()
-
-  public readonly inspectorID = "extension"
-
-  private readonly interceptorService = this.bind(InterceptorService)
-  private readonly extensionService = this.bind(ExtensionInterceptorService)
-
-  private readonly inspection = this.bind(InspectionService)
-
-  constructor() {
-    super()
-
-    this.inspection.registerInspector(this)
-  }
-
-  getInspections(req: Readonly<Ref<HoppRESTRequest>>) {
-    const currentExtensionStatus = this.extensionService.extensionStatus
-
-    const isExtensionInstalled = computed(
-      () => currentExtensionStatus.value === "available"
-    )
-
-    const EXTENSIONS_ENABLED = computed(
-      () => this.interceptorService.currentInterceptorID.value === "extension"
-    )
-
-    return computed(() => {
-      const results: InspectorResult[] = []
-
-      const url = req.value.endpoint
-      const localHostURLs = ["localhost", "127.0.0.1"]
-
-      const isContainLocalhost = localHostURLs.some((host) =>
-        url.includes(host)
-      )
-
-      if (
-        isContainLocalhost &&
-        (!EXTENSIONS_ENABLED.value || !isExtensionInstalled.value)
-      ) {
-        let text
-
-        if (!isExtensionInstalled.value) {
-          if (currentExtensionStatus.value === "unknown-origin") {
-            text = this.t("inspections.url.extension_unknown_origin")
-          } else {
-            text = this.t("inspections.url.extension_not_installed")
-          }
-        } else if (!EXTENSIONS_ENABLED.value) {
-          text = this.t("inspections.url.extention_not_enabled")
-        } else {
-          text = this.t("inspections.url.localhost")
-        }
-
-        results.push({
-          id: "url",
-          icon: markRaw(IconAlertTriangle),
-          text: {
-            type: "text",
-            text: text,
-          },
-          action: {
-            text: this.t("inspections.url.extention_enable_action"),
-            apply: () => {
-              this.interceptorService.currentInterceptorID.value = "extension"
-            },
-          },
-          severity: 2,
-          isApplicable: true,
-          locations: {
-            type: "url",
-          },
-          doc: {
-            text: this.t("action.learn_more"),
-            link: "https://docs.hoppscotch.io/documentation/features/interceptor#browser-extension",
-          },
-        })
-      }
-
-      return results
-    })
-  }
-}

packages/hoppscotch-common/src/platform/std/ui/footerItem.ts

@@ -1,25 +0,0 @@
-import { HoppFooterMenuItem } from "../../ui"
-import IconGift from "~icons/lucide/gift"
-import IconActivity from "~icons/lucide/activity"
-
-export const whatsNew: HoppFooterMenuItem = {
-  id: "whats-new",
-  text: (t) => t("app.whats_new"),
-  icon: IconGift,
-  action: {
-    type: "link",
-    href: "https://docs.hoppscotch.io/documentation/changelog",
-  },
-}
-
-export const status: HoppFooterMenuItem = {
-  id: "status",
-  text: (t) => t("app.status"),
-  icon: IconActivity,
-  action: {
-    type: "link",
-    href: "https://status.hoppscotch.io",
-  },
-}
-
-export const stdFooterItems = [whatsNew, status]

packages/hoppscotch-common/src/platform/std/ui/supportOptionsItem.ts

@@ -1,110 +0,0 @@
-import { invokeAction } from "~/helpers/actions"
-import { HoppSupportOptionsMenuItem } from "~/platform/ui"
-import IconBook from "~icons/lucide/book"
-import IconGift from "~icons/lucide/gift"
-import IconZap from "~icons/lucide/zap"
-import IconGitHub from "~icons/lucide/github"
-import IconTwitter from "~icons/brands/twitter"
-import IconDiscord from "~icons/brands/discord"
-import IconUserPlus from "~icons/lucide/user-plus"
-
-export const documentation: HoppSupportOptionsMenuItem = {
-  id: "documentation",
-  text: (t) => t("app.documentation"),
-  subtitle: (t) => t("support.documentation"),
-  icon: IconBook,
-  action: {
-    type: "link",
-    href: "https://docs.hoppscotch.io",
-  },
-}
-
-export const shortcuts: HoppSupportOptionsMenuItem = {
-  id: "shortcuts",
-  text: (t) => t("app.keyboard_shortcuts"),
-  subtitle: (t) => t("support.shortcuts"),
-  icon: IconZap,
-  action: {
-    type: "custom",
-    do() {
-      invokeAction("flyouts.keybinds.toggle")
-    },
-  },
-}
-
-export const changelog: HoppSupportOptionsMenuItem = {
-  id: "changelog",
-  text: (t) => t("app.whats_new"),
-  subtitle: (t) => t("support.changelog"),
-  icon: IconGift,
-  action: {
-    type: "link",
-    href: "https://docs.hoppscotch.io/documentation/changelog",
-  },
-}
-
-export const github: HoppSupportOptionsMenuItem = {
-  id: "github",
-  text: (t) => t("app.github"),
-  subtitle: (t) => t("support.github"),
-  icon: IconGitHub,
-  action: {
-    type: "link",
-    href: "https://hoppscotch.io/github",
-  },
-}
-
-export const discord: HoppSupportOptionsMenuItem = {
-  id: "discord",
-  text: (t) => t("app.join_discord_community"),
-  subtitle: (t) => t("support.community"),
-  icon: IconDiscord,
-  action: {
-    type: "link",
-    href: "https://hoppscotch.io/discord",
-  },
-}
-
-export const twitter: HoppSupportOptionsMenuItem = {
-  id: "discord",
-  text: (t) => t("app.twitter"),
-  subtitle: (t) => t("support.twitter"),
-  icon: IconTwitter,
-  action: {
-    type: "link",
-    href: "https://hoppscotch.io/discord",
-  },
-}
-
-export const invite: HoppSupportOptionsMenuItem = {
-  id: "invite",
-  text: (t) => t("app.invite"),
-  subtitle: (t) => t("shortcut.miscellaneous.invite"),
-  icon: IconUserPlus,
-  action: {
-    type: "custom",
-    do() {
-      if (navigator.share) {
-        navigator
-          .share({
-            title: "Hoppscotch",
-            text: "Hoppscotch • Open source API development ecosystem - Helps you create requests faster, saving precious time on development.",
-            url: "https://hoppscotch.io",
-          })
-          .catch(console.error)
-      } else {
-        // fallback
-      }
-    },
-  },
-}
-
-export const stdSupportOptionItems: HoppSupportOptionsMenuItem[] = [
-  documentation,
-  shortcuts,
-  changelog,
-  github,
-  discord,
-  twitter,
-  invite,
-]

packages/hoppscotch-common/src/platform/ui.ts

@@ -1,20 +1,4 @@
-import { Ref, Component } from "vue"
+import { Ref } from "vue"
-import { getI18n } from "~/modules/i18n"
-
-export type HoppFooterMenuItem = {
-  id: string
-  text: (t: ReturnType<typeof getI18n>) => string
-  icon: Component
-  action: { type: "link"; href: string } | { type: "custom"; do: () => void }
-}
-
-export type HoppSupportOptionsMenuItem = {
-  id: string
-  text: (t: ReturnType<typeof getI18n>) => string
-  subtitle: (t: ReturnType<typeof getI18n>) => string
-  icon: Component
-  action: { type: "link"; href: string } | { type: "custom"; do: () => void }
-}
 
 export type UIPlatformDef = {
   appHeader?: {
@@ -22,15 +6,4 @@ export type UIPlatformDef = {
     paddingLeft?: Ref<string>
   }
   onCodemirrorInstanceMount?: (element: HTMLElement) => void
-
-  /**
-   * Additonal menu items shown in the "Help and Feedback" menu
-   * in the app footer.
-   */
-  additionalFooterMenuItems?: HoppFooterMenuItem[]
-
-  /**
-   * Additional Support Options menu items shown in the app header
-   */
-  additionalSupportOptionsMenuItems?: HoppSupportOptionsMenuItem[]
 }

packages/hoppscotch-common/src/services/context-menu/menu/__tests__/environment.menu.spec.ts

@@ -61,7 +61,7 @@ describe("EnvironmentMenuService", () => {
       expect(actionsMock.invokeAction).toHaveBeenCalledWith(
         "modals.environment.add",
         {
-          envName: "",
+          envName: "test",
           variableName: test,
         }
       )

packages/hoppscotch-common/src/services/context-menu/menu/environment.menu.ts

@@ -42,7 +42,7 @@ export class EnvironmentMenuService extends Service implements ContextMenu {
         icon: markRaw(IconPlusCircle),
         action: () => {
           invokeAction("modals.environment.add", {
-            envName: "",
+            envName: "test",
             variableName: text,
           })
         },

packages/hoppscotch-common/src/services/inspection/__tests__/index.spec.ts

@@ -1,7 +1,6 @@
 import { describe, it, expect } from "vitest"
 import { Inspector, InspectionService, InspectorResult } from "../"
 import { TestContainer } from "dioc/testing"
-import { ref } from "vue"
 
 const inspectorResultMock: InspectorResult[] = [
   {
@@ -22,7 +21,7 @@ const inspectorResultMock: InspectorResult[] = [
 
 const testInspector: Inspector = {
   inspectorID: "inspector1",
-  getInspections: () => ref(inspectorResultMock),
+  getInspectorFor: () => inspectorResultMock,
 }
 
 describe("InspectionService", () => {

packages/hoppscotch-common/src/services/inspection/index.ts

@@ -1,9 +1,7 @@
 import { HoppRESTRequest } from "@hoppscotch/data"
-import { refDebounced } from "@vueuse/core"
 import { Service } from "dioc"
-import { computed, markRaw, reactive } from "vue"
 import { Component, Ref, ref, watch } from "vue"
-import { currentActiveTab } from "~/helpers/rest/tab"
+import { currentActiveTab, currentTabID } from "~/helpers/rest/tab"
 import { HoppRESTResponse } from "~/helpers/types/HoppRESTResponse"
 
 /**
@@ -82,16 +80,15 @@ export interface Inspector {
    */
   inspectorID: string
   /**
-   * Returns the inspector results for the request.
+   * Returns the inspector results for the request
-   * NOTE: The refs passed down are readonly and are debounced to avoid performance issues
+   * @param req The request to inspect
-   * @param req The ref to the request to inspect
+   * @param res The response to inspect
-   * @param res The ref to the response to inspect
+   * @returns The inspector results
-   * @returns The ref to the inspector results
    */
-  getInspections: (
+  getInspectorFor: (
-    req: Readonly<Ref<HoppRESTRequest>>,
+    req: HoppRESTRequest,
-    res: Readonly<Ref<HoppRESTResponse | null | undefined>>
+    res?: HoppRESTResponse
-  ) => Ref<InspectorResult[]>
+  ) => InspectorResult[]
 }
 
 /**
@@ -101,73 +98,38 @@ export interface Inspector {
 export class InspectionService extends Service {
   public static readonly ID = "INSPECTION_SERVICE"
 
-  private inspectors: Map<string, Inspector> = reactive(new Map())
+  private inspectors: Map<string, Inspector> = new Map()
 
-  private tabs: Ref<Map<string, InspectorResult[]>> = ref(new Map())
+  public tabs: Ref<Map<string, InspectorResult[]>> = ref(new Map())
-
-  constructor() {
-    super()
-
-    this.initializeListeners()
-  }
 
   /**
    * Registers a inspector with the inspection service
    * @param inspector The inspector instance to register
    */
   public registerInspector(inspector: Inspector) {
-    // markRaw is required here so that the inspector is not made reactive
+    this.inspectors.set(inspector.inspectorID, inspector)
-    this.inspectors.set(inspector.inspectorID, markRaw(inspector))
   }
 
-  private initializeListeners() {
+  public initializeTabInspectors() {
     watch(
-      () => [this.inspectors.entries(), currentActiveTab.value.id],
+      currentActiveTab.value,
-      () => {
+      (tab) => {
-        const reqRef = computed(() => currentActiveTab.value.document.request)
+        if (!tab) return
-        const resRef = computed(() => currentActiveTab.value.response)
+        const req = currentActiveTab.value.document.request
-
+        const res = currentActiveTab.value.response
-        const debouncedReq = refDebounced(reqRef, 1000, { maxWait: 2000 })
+        const inspectors = Array.from(this.inspectors.values()).map((x) =>
-        const debouncedRes = refDebounced(resRef, 1000, { maxWait: 2000 })
+          x.getInspectorFor(req, res)
-
-        const inspectorRefs = Array.from(this.inspectors.values()).map((x) =>
-          x.getInspections(debouncedReq, debouncedRes)
         )
-
+        this.tabs.value.set(
-        const activeInspections = computed(() =>
+          currentTabID.value,
-          inspectorRefs.flatMap((x) => x!.value)
+          inspectors.flatMap((x) => x)
-        )
-
-        watch(
-          () => [...inspectorRefs.flatMap((x) => x!.value)],
-          () => {
-            this.tabs.value.set(
-              currentActiveTab.value.id,
-              activeInspections.value
-            )
-          },
-          { immediate: true }
         )
       },
-      { immediate: true, flush: "pre" }
+      { immediate: true, deep: true }
     )
   }
 
   public deleteTabInspectorResult(tabID: string) {
-    // TODO: Move Tabs into a service and implement this with an event instead
     this.tabs.value.delete(tabID)
   }
-
-  /**
-   * Returns a reactive view into the inspector results for a specific tab
-   * @param tabID The ID of the tab to get the results for
-   * @param filter The filter to apply to the results.
-   * @returns The ref into the inspector results, if the tab doesn't exist, a ref into an empty array is returned
-   */
-  public getResultViewFor(
-    tabID: string,
-    filter: (x: InspectorResult) => boolean = () => true
-  ) {
-    return computed(() => this.tabs.value.get(tabID)?.filter(filter) ?? [])
-  }
 }

packages/hoppscotch-common/src/services/inspection/inspectors/__tests__/environment.inspector.spec.ts

@@ -3,23 +3,16 @@ import { describe, expect, it, vi } from "vitest"
 import { EnvironmentInspectorService } from "../environment.inspector"
 import { InspectionService } from "../../index"
 import { getDefaultRESTRequest } from "~/helpers/rest/default"
-import { ref } from "vue"
 
 vi.mock("~/modules/i18n", () => ({
   __esModule: true,
   getI18n: () => (x: string) => x,
 }))
 
-vi.mock("~/newstore/environments", async () => {
+vi.mock("~/newstore/environments", () => ({
-  const { BehaviorSubject }: any = await vi.importActual("rxjs")
+  __esModule: true,
-
+  getAggregateEnvs: () => [{ key: "EXISTING_ENV_VAR", value: "test_value" }],
-  return {
+}))
-    __esModule: true,
-    aggregateEnvs$: new BehaviorSubject([
-      { key: "EXISTING_ENV_VAR", value: "test_value" },
-    ]),
-  }
-})
 
 describe("EnvironmentInspectorService", () => {
   it("registers with the inspection service upon initialization", () => {
@@ -42,14 +35,14 @@ describe("EnvironmentInspectorService", () => {
       const container = new TestContainer()
       const envInspector = container.bind(EnvironmentInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "<<UNDEFINED_ENV_VAR>>",
-      })
+      }
 
-      const result = envInspector.getInspections(req)
+      const result = envInspector.getInspectorFor(req)
 
-      expect(result.value).toContainEqual(
+      expect(result).toContainEqual(
         expect.objectContaining({
           id: "environment",
           isApplicable: true,
@@ -65,31 +58,31 @@ describe("EnvironmentInspectorService", () => {
       const container = new TestContainer()
       const envInspector = container.bind(EnvironmentInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "<<EXISTING_ENV_VAR>>",
-      })
+      }
 
-      const result = envInspector.getInspections(req)
+      const result = envInspector.getInspectorFor(req)
 
-      expect(result.value).toHaveLength(0)
+      expect(result).toHaveLength(0)
     })
 
     it("should return an inspector result when the headers contain undefined environment variables", () => {
       const container = new TestContainer()
       const envInspector = container.bind(EnvironmentInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
         headers: [
           { key: "<<UNDEFINED_ENV_VAR>>", value: "some-value", active: true },
         ],
-      })
+      }
 
-      const result = envInspector.getInspections(req)
+      const result = envInspector.getInspectorFor(req)
 
-      expect(result.value).toContainEqual(
+      expect(result).toContainEqual(
         expect.objectContaining({
           id: "environment",
           isApplicable: true,
@@ -105,34 +98,34 @@ describe("EnvironmentInspectorService", () => {
       const container = new TestContainer()
       const envInspector = container.bind(EnvironmentInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
         headers: [
           { key: "<<EXISTING_ENV_VAR>>", value: "some-value", active: true },
         ],
-      })
+      }
 
-      const result = envInspector.getInspections(req)
+      const result = envInspector.getInspectorFor(req)
 
-      expect(result.value).toHaveLength(0)
+      expect(result).toHaveLength(0)
     })
 
     it("should return an inspector result when the params contain undefined environment variables", () => {
       const container = new TestContainer()
       const envInspector = container.bind(EnvironmentInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
         params: [
           { key: "<<UNDEFINED_ENV_VAR>>", value: "some-value", active: true },
         ],
-      })
+      }
 
-      const result = envInspector.getInspections(req)
+      const result = envInspector.getInspectorFor(req)
 
-      expect(result.value).toContainEqual(
+      expect(result).toContainEqual(
         expect.objectContaining({
           id: "environment",
           isApplicable: true,
@@ -148,18 +141,18 @@ describe("EnvironmentInspectorService", () => {
       const container = new TestContainer()
       const envInspector = container.bind(EnvironmentInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
         headers: [],
         params: [
           { key: "<<EXISTING_ENV_VAR>>", value: "some-value", active: true },
         ],
-      })
+      }
 
-      const result = envInspector.getInspections(req)
+      const result = envInspector.getInspectorFor(req)
 
-      expect(result.value).toHaveLength(0)
+      expect(result).toHaveLength(0)
     })
   })
 })

packages/hoppscotch-common/src/services/inspection/inspectors/__tests__/header.inspector.spec.ts

@@ -3,7 +3,6 @@ import { describe, expect, it, vi } from "vitest"
 import { HeaderInspectorService } from "../header.inspector"
 import { InspectionService } from "../../index"
 import { getDefaultRESTRequest } from "~/helpers/rest/default"
-import { ref } from "vue"
 
 vi.mock("~/modules/i18n", () => ({
   __esModule: true,
@@ -31,15 +30,15 @@ describe("HeaderInspectorService", () => {
       const container = new TestContainer()
       const headerInspector = container.bind(HeaderInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
         headers: [{ key: "Cookie", value: "some-cookie", active: true }],
-      })
+      }
 
-      const result = headerInspector.getInspections(req)
+      const result = headerInspector.getInspectorFor(req)
 
-      expect(result.value).toContainEqual(
+      expect(result).toContainEqual(
         expect.objectContaining({ id: "header", isApplicable: true })
       )
     })
@@ -48,15 +47,15 @@ describe("HeaderInspectorService", () => {
       const container = new TestContainer()
       const headerInspector = container.bind(HeaderInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
         headers: [{ key: "Authorization", value: "Bearer abcd", active: true }],
-      })
+      }
 
-      const result = headerInspector.getInspections(req)
+      const result = headerInspector.getInspectorFor(req)
 
-      expect(result.value).toHaveLength(0)
+      expect(result).toHaveLength(0)
     })
   })
 })

packages/hoppscotch-common/src/services/inspection/inspectors/__tests__/response.inspector.spec.ts

@@ -1,245 +0,0 @@
-import { TestContainer } from "dioc/testing"
-import { describe, expect, it, beforeEach, afterEach, vi } from "vitest"
-import { ResponseInspectorService } from "../response.inspector"
-import { InspectionService } from "../../index"
-import { getDefaultRESTRequest } from "~/helpers/rest/default"
-import { ref } from "vue"
-import { HoppRESTResponse } from "~/helpers/types/HoppRESTResponse"
-
-vi.mock("~/modules/i18n", () => ({
-  __esModule: true,
-  getI18n: () => (x: string) => x,
-}))
-
-describe("ResponseInspectorService", () => {
-  beforeEach(() => {
-    vi.stubGlobal("navigator", {
-      onLine: true,
-    })
-  })
-
-  afterEach(() => {
-    vi.unstubAllGlobals()
-  })
-
-  it("registers with the inspection service upon initialization", () => {
-    const container = new TestContainer()
-
-    const registerInspectorFn = vi.fn()
-
-    container.bindMock(InspectionService, {
-      registerInspector: registerInspectorFn,
-    })
-
-    const responseInspector = container.bind(ResponseInspectorService)
-
-    expect(registerInspectorFn).toHaveBeenCalledOnce()
-    expect(registerInspectorFn).toHaveBeenCalledWith(responseInspector)
-  })
-
-  describe("getInspectorFor", () => {
-    it("should return an empty array when response is undefined", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-
-      const result = responseInspector.getInspections(req, ref(undefined))
-
-      expect(result.value).toHaveLength(0)
-    })
-
-    it("should return an inspector result when response type is not success or status code is not 200 and if the network is not available", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "network_fail",
-        error: new Error("test"),
-        req: req.value,
-      })
-
-      vi.stubGlobal("navigator", {
-        onLine: false,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toContainEqual(
-        expect.objectContaining({ id: "url", isApplicable: true })
-      )
-    })
-
-    it("should return no inspector result when response type is not success or status code is not 200 and if the network is not available", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "network_fail",
-        error: new Error("test"),
-        req: req.value,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toHaveLength(0)
-    })
-
-    it("should handle network_fail responses and return nothing when no network is present", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "network_fail",
-        error: new Error("test"),
-        req: req.value,
-      })
-
-      vi.stubGlobal("navigator", {
-        onLine: false,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toContainEqual(
-        expect.objectContaining({
-          text: { type: "text", text: "inspections.response.network_error" },
-        })
-      )
-    })
-
-    it("should handle network_fail responses and return nothing when network is present", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "network_fail",
-        error: new Error("test"),
-        req: req.value,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toHaveLength(0)
-    })
-
-    it("should handle fail responses", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "fail",
-        statusCode: 500,
-        body: Uint8Array.from([]),
-        headers: [],
-        meta: { responseDuration: 0, responseSize: 0 },
-        req: req.value,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toContainEqual(
-        expect.objectContaining({
-          text: { type: "text", text: "inspections.response.default_error" },
-        })
-      )
-    })
-
-    it("should handle 404 responses", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "success",
-        statusCode: 404,
-        body: Uint8Array.from([]),
-        headers: [],
-        meta: { responseDuration: 0, responseSize: 0 },
-        req: req.value,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toContainEqual(
-        expect.objectContaining({
-          text: { type: "text", text: "inspections.response.404_error" },
-        })
-      )
-    })
-
-    it("should handle 401 responses", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "success",
-        statusCode: 401,
-        body: Uint8Array.from([]),
-        headers: [],
-        meta: { responseDuration: 0, responseSize: 0 },
-        req: req.value,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toContainEqual(
-        expect.objectContaining({
-          text: { type: "text", text: "inspections.response.401_error" },
-        })
-      )
-    })
-
-    it("should handle successful responses", () => {
-      const container = new TestContainer()
-      const responseInspector = container.bind(ResponseInspectorService)
-
-      const req = ref({
-        ...getDefaultRESTRequest(),
-        endpoint: "http://example.com/api/data",
-      })
-      const res = ref<HoppRESTResponse>({
-        type: "success",
-        statusCode: 200,
-        body: Uint8Array.from([]),
-        headers: [],
-        meta: { responseDuration: 0, responseSize: 0 },
-        req: req.value,
-      })
-
-      const result = responseInspector.getInspections(req, res)
-
-      expect(result.value).toHaveLength(0)
-    })
-  })
-})

packages/hoppscotch-common/src/services/inspection/inspectors/__tests__/response.interceptor.spec.ts

@@ -0,0 +1,151 @@
+import { TestContainer } from "dioc/testing"
+import { describe, expect, it, vi } from "vitest"
+import { ResponseInspectorService } from "../response.inspector"
+import { InspectionService } from "../../index"
+import { getDefaultRESTRequest } from "~/helpers/rest/default"
+
+vi.mock("~/modules/i18n", () => ({
+  __esModule: true,
+  getI18n: () => (x: string) => x,
+}))
+
+describe("ResponseInspectorService", () => {
+  it("registers with the inspection service upon initialization", () => {
+    const container = new TestContainer()
+
+    const registerInspectorFn = vi.fn()
+
+    container.bindMock(InspectionService, {
+      registerInspector: registerInspectorFn,
+    })
+
+    const responseInspector = container.bind(ResponseInspectorService)
+
+    expect(registerInspectorFn).toHaveBeenCalledOnce()
+    expect(registerInspectorFn).toHaveBeenCalledWith(responseInspector)
+  })
+
+  describe("getInspectorFor", () => {
+    it("should return an empty array when response is undefined", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+
+      const result = responseInspector.getInspectorFor(req, undefined)
+
+      expect(result).toHaveLength(0)
+    })
+
+    it("should return an inspector result when response type is not success or status code is not 200", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+      const res = { type: "network_fail", statusCode: 400 }
+
+      const result = responseInspector.getInspectorFor(req, res)
+
+      expect(result).toContainEqual(
+        expect.objectContaining({ id: "url", isApplicable: true })
+      )
+    })
+
+    it("should handle network_fail responses", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+      const res = { type: "network_fail", statusCode: 500 }
+
+      const result = responseInspector.getInspectorFor(req, res)
+
+      expect(result).toContainEqual(
+        expect.objectContaining({
+          text: { type: "text", text: "inspections.response.network_error" },
+        })
+      )
+    })
+
+    it("should handle fail responses", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+      const res = { type: "fail", statusCode: 500 }
+
+      const result = responseInspector.getInspectorFor(req, res)
+
+      expect(result).toContainEqual(
+        expect.objectContaining({
+          text: { type: "text", text: "inspections.response.default_error" },
+        })
+      )
+    })
+
+    it("should handle 404 responses", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+      const res = { type: "success", statusCode: 404 }
+
+      const result = responseInspector.getInspectorFor(req, res)
+
+      expect(result).toContainEqual(
+        expect.objectContaining({
+          text: { type: "text", text: "inspections.response.404_error" },
+        })
+      )
+    })
+
+    it("should handle 401 responses", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+      const res = { type: "success", statusCode: 401 }
+
+      const result = responseInspector.getInspectorFor(req, res)
+
+      expect(result).toContainEqual(
+        expect.objectContaining({
+          text: { type: "text", text: "inspections.response.401_error" },
+        })
+      )
+    })
+
+    it("should handle successful responses", () => {
+      const container = new TestContainer()
+      const responseInspector = container.bind(ResponseInspectorService)
+
+      const req = {
+        ...getDefaultRESTRequest(),
+        endpoint: "http://example.com/api/data",
+      }
+      const res = { type: "success", statusCode: 200 }
+
+      const result = responseInspector.getInspectorFor(req, res)
+
+      expect(result).toHaveLength(0)
+    })
+  })
+})

packages/hoppscotch-common/src/services/inspection/inspectors/__tests__/url.inspector.spec.ts

@@ -1,17 +1,15 @@
 import { TestContainer } from "dioc/testing"
 import { describe, expect, it, vi } from "vitest"
-import { ExtensionInspectorService } from "../extension.inspector"
+import { URLInspectorService } from "../url.inspector"
-import { InspectionService } from "~/services/inspection"
+import { InspectionService } from "../../index"
 import { getDefaultRESTRequest } from "~/helpers/rest/default"
-import { ref } from "vue"
-import { ExtensionInterceptorService } from "~/platform/std/interceptors/extension"
 
 vi.mock("~/modules/i18n", () => ({
   __esModule: true,
   getI18n: () => (x: string) => x,
 }))
 
-describe("ExtensionInspectorService", () => {
+describe("URLInspectorService", () => {
   it("registers with the inspection service upon initialization", () => {
     const container = new TestContainer()
 
@@ -21,7 +19,7 @@ describe("ExtensionInspectorService", () => {
       registerInspector: registerInspectorFn,
     })
 
-    const urlInspector = container.bind(ExtensionInspectorService)
+    const urlInspector = container.bind(URLInspectorService)
 
     expect(registerInspectorFn).toHaveBeenCalledOnce()
     expect(registerInspectorFn).toHaveBeenCalledWith(urlInspector)
@@ -30,57 +28,55 @@ describe("ExtensionInspectorService", () => {
   describe("getInspectorFor", () => {
     it("should return an inspector result when localhost is in URL and extension is not available", () => {
       const container = new TestContainer()
-      const urlInspector = container.bind(ExtensionInspectorService)
+      const urlInspector = container.bind(URLInspectorService)
 
-      const req = ref({
+      const req = {
         ...getDefaultRESTRequest(),
         endpoint: "http://localhost:8000/api/data",
-      })
+      }
 
-      const result = urlInspector.getInspections(req)
+      const result = urlInspector.getInspectorFor(req)
 
-      expect(result.value).toContainEqual(
+      expect(result).toContainEqual(
         expect.objectContaining({ id: "url", isApplicable: true })
       )
     })
 
     it("should not return an inspector result when localhost is not in URL", () => {
       const container = new TestContainer()
+      const urlInspector = container.bind(URLInspectorService)
 
-      container.bindMock(ExtensionInterceptorService, {
+      const req = {
-        extensionStatus: ref("unknown-origin" as const),
-      })
-
-      const urlInspector = container.bind(ExtensionInspectorService)
-
-      const req = ref({
         ...getDefaultRESTRequest(),
         endpoint: "http://example.com/api/data",
-      })
+      }
 
-      const result = urlInspector.getInspections(req)
+      const result = urlInspector.getInspectorFor(req)
 
-      expect(result.value).toHaveLength(0)
+      expect(result).toHaveLength(0)
     })
 
     it("should add the correct text to the results when extension is not installed", () => {
-      const container = new TestContainer()
+      vi.mock("~/newstore/HoppExtension", async () => {
+        const { BehaviorSubject }: any = await vi.importActual("rxjs")
 
-      container.bindMock(ExtensionInterceptorService, {
+        return {
-        extensionStatus: ref("waiting" as const),
+          __esModule: true,
+          extensionStatus$: new BehaviorSubject("waiting"),
+        }
       })
+      const container = new TestContainer()
+      const urlInspector = container.bind(URLInspectorService)
 
-      const urlInspector = container.bind(ExtensionInspectorService)
+      const req = {
-
-      const req = ref({
         ...getDefaultRESTRequest(),
         endpoint: "http://localhost:8000/api/data",
-      })
+      }
 
-      const result = urlInspector.getInspections(req)
+      const result = urlInspector.getInspectorFor(req)
 
-      expect(result.value).toHaveLength(1)
+      expect(result).toHaveLength(1)
-      expect(result.value[0]).toMatchObject({
+      expect(result[0]).toMatchObject({
         text: { type: "text", text: "inspections.url.extension_not_installed" },
       })
     })

packages/hoppscotch-common/src/services/inspection/inspectors/environment.inspector.ts

@@ -6,13 +6,11 @@ import {
   InspectorResult,
 } from ".."
 import { Service } from "dioc"
-import { Ref, markRaw } from "vue"
+import { Ref, markRaw, ref } from "vue"
 import IconPlusCircle from "~icons/lucide/plus-circle"
 import { HoppRESTRequest } from "@hoppscotch/data"
-import { aggregateEnvs$ } from "~/newstore/environments"
+import { getAggregateEnvs } from "~/newstore/environments"
 import { invokeAction } from "~/helpers/actions"
-import { computed } from "vue"
-import { useStreamStatic } from "~/composables/stream"
 
 const HOPP_ENVIRONMENT_REGEX = /(<<[a-zA-Z0-9-_]+>>)/g
 
@@ -36,10 +34,6 @@ export class EnvironmentInspectorService extends Service implements Inspector {
 
   private readonly inspection = this.bind(InspectionService)
 
-  private aggregateEnvs = useStreamStatic(aggregateEnvs$, [], () => {
-    /* noop */
-  })[0]
-
   constructor() {
     super()
 
@@ -55,11 +49,11 @@ export class EnvironmentInspectorService extends Service implements Inspector {
    */
   private validateEnvironmentVariables = (
     target: any[],
+    results: Ref<InspectorResult[]>,
     locations: InspectorLocation
   ) => {
-    const newErrors: InspectorResult[] = []
+    const env = getAggregateEnvs()
-
+    const envKeys = env.map((e) => e.key)
-    const envKeys = this.aggregateEnvs.value.map((e) => e.key)
 
     target.forEach((element, index) => {
       if (isENVInString(element)) {
@@ -89,7 +83,7 @@ export class EnvironmentInspectorService extends Service implements Inspector {
               }
             }
             if (!envKeys.includes(formattedExEnv)) {
-              newErrors.push({
+              results.value.push({
                 id: "environment",
                 text: {
                   type: "text",
@@ -102,8 +96,8 @@ export class EnvironmentInspectorService extends Service implements Inspector {
                   text: this.t("inspections.environment.add_environment"),
                   apply: () => {
                     invokeAction("modals.environment.add", {
-                      envName: formattedExEnv,
+                      envName: "test",
-                      variableName: "",
+                      variableName: formattedExEnv,
                     })
                   },
                 },
@@ -120,61 +114,54 @@ export class EnvironmentInspectorService extends Service implements Inspector {
         }
       }
     })
-
-    return newErrors
   }
 
-  getInspections(req: Readonly<Ref<HoppRESTRequest>>) {
+  /**
-    return computed(() => {
+   * Returns the inspector results for the request
-      const results: InspectorResult[] = []
+   * It checks if any env is used in the request ie, url, headers, params
+   * and checks if the env is defined in the environment using the validateEnvironmentVariables function
+   * @param req The request to inspect
+   * @returns The inspector results
+   */
+  getInspectorFor(req: HoppRESTRequest): InspectorResult[] {
+    const results = ref<InspectorResult[]>([])
 
-      const headers = req.value.headers
+    const headers = req.headers
 
-      const params = req.value.params
+    const params = req.params
 
-      results.push(
+    this.validateEnvironmentVariables([req.endpoint], results, {
-        ...this.validateEnvironmentVariables([req.value.endpoint], {
+      type: "url",
-          type: "url",
-        })
-      )
-
-      const headerKeys = Object.values(headers).map((header) => header.key)
-
-      results.push(
-        ...this.validateEnvironmentVariables(headerKeys, {
-          type: "header",
-          position: "key",
-        })
-      )
-
-      const headerValues = Object.values(headers).map((header) => header.value)
-
-      results.push(
-        ...this.validateEnvironmentVariables(headerValues, {
-          type: "header",
-          position: "value",
-        })
-      )
-
-      const paramsKeys = Object.values(params).map((param) => param.key)
-
-      results.push(
-        ...this.validateEnvironmentVariables(paramsKeys, {
-          type: "parameter",
-          position: "key",
-        })
-      )
-
-      const paramsValues = Object.values(params).map((param) => param.value)
-
-      results.push(
-        ...this.validateEnvironmentVariables(paramsValues, {
-          type: "parameter",
-          position: "value",
-        })
-      )
-
-      return results
     })
+
+    const headerKeys = Object.values(headers).map((header) => header.key)
+
+    this.validateEnvironmentVariables(headerKeys, results, {
+      type: "header",
+      position: "key",
+    })
+
+    const headerValues = Object.values(headers).map((header) => header.value)
+
+    this.validateEnvironmentVariables(headerValues, results, {
+      type: "header",
+      position: "value",
+    })
+
+    const paramsKeys = Object.values(params).map((param) => param.key)
+
+    this.validateEnvironmentVariables(paramsKeys, results, {
+      type: "parameter",
+      position: "key",
+    })
+
+    const paramsValues = Object.values(params).map((param) => param.value)
+
+    this.validateEnvironmentVariables(paramsValues, results, {
+      type: "parameter",
+      position: "value",
+    })
+
+    return results.value
   }
 }

packages/hoppscotch-common/src/services/inspection/inspectors/header.inspector.ts

@@ -2,7 +2,7 @@ import { Service } from "dioc"
 import { InspectionService, Inspector, InspectorResult } from ".."
 import { getI18n } from "~/modules/i18n"
 import { HoppRESTRequest } from "@hoppscotch/data"
-import { Ref, computed, markRaw } from "vue"
+import { markRaw, ref } from "vue"
 import IconAlertTriangle from "~icons/lucide/alert-triangle"
 
 /**
@@ -26,50 +26,53 @@ export class HeaderInspectorService extends Service implements Inspector {
     this.inspection.registerInspector(this)
   }
 
-  private cookiesCheck(headerKey: string) {
+  /**
-    const cookieKeywords = ["Cookie", "Set-Cookie", "Cookie2", "Set-Cookie2"]
+   * Checks if the header contains cookies
+   * @param req The request to inspect
+   * @returns The inspector results
+   */
+  getInspectorFor(req: HoppRESTRequest): InspectorResult[] {
+    const results = ref<InspectorResult[]>([])
 
-    return cookieKeywords.includes(headerKey)
+    const cookiesCheck = (headerKey: string) => {
-  }
+      const cookieKeywords = ["Cookie", "Set-Cookie", "Cookie2", "Set-Cookie2"]
 
-  getInspections(req: Readonly<Ref<HoppRESTRequest>>) {
+      return cookieKeywords.includes(headerKey)
-    return computed(() => {
+    }
-      const results: InspectorResult[] = []
 
-      const headers = req.value.headers
+    const headers = req.headers
 
-      const headerKeys = Object.values(headers).map((header) => header.key)
+    const headerKeys = Object.values(headers).map((header) => header.key)
 
-      const isContainCookies = headerKeys.includes("Cookie")
+    const isContainCookies = headerKeys.includes("Cookie")
 
-      if (isContainCookies) {
+    if (isContainCookies) {
-        headerKeys.forEach((headerKey, index) => {
+      headerKeys.forEach((headerKey, index) => {
-          if (this.cookiesCheck(headerKey)) {
+        if (cookiesCheck(headerKey)) {
-            results.push({
+          results.value.push({
-              id: "header",
+            id: "header",
-              icon: markRaw(IconAlertTriangle),
+            icon: markRaw(IconAlertTriangle),
-              text: {
+            text: {
-                type: "text",
+              type: "text",
-                text: this.t("inspections.header.cookie"),
+              text: this.t("inspections.header.cookie"),
-              },
+            },
-              severity: 2,
+            severity: 2,
-              isApplicable: true,
+            isApplicable: true,
-              locations: {
+            locations: {
-                type: "header",
+              type: "header",
-                position: "key",
+              position: "key",
-                key: headerKey,
+              key: headerKey,
-                index: index,
+              index: index,
-              },
+            },
-              doc: {
+            doc: {
-                text: this.t("action.learn_more"),
+              text: this.t("action.learn_more"),
-                link: "https://docs.hoppscotch.io/",
+              link: "https://docs.hoppscotch.io/",
-              },
+            },
-            })
+          })
-          }
+        }
-        })
+      })
-      }
+    }
 
-      return results
+    return results.value
-    })
   }
 }

packages/hoppscotch-common/src/services/inspection/inspectors/response.inspector.ts

@@ -2,11 +2,9 @@ import { Service } from "dioc"
 import { InspectionService, Inspector, InspectorResult } from ".."
 import { getI18n } from "~/modules/i18n"
 import { HoppRESTRequest } from "@hoppscotch/data"
-import { markRaw } from "vue"
+import { markRaw, ref } from "vue"
 import IconAlertTriangle from "~icons/lucide/alert-triangle"
 import { HoppRESTResponse } from "~/helpers/types/HoppRESTResponse"
-import { Ref } from "vue"
-import { computed } from "vue"
 
 /**
  * This inspector is responsible for inspecting the response of a request.
@@ -29,50 +27,47 @@ export class ResponseInspectorService extends Service implements Inspector {
     this.inspection.registerInspector(this)
   }
 
-  getInspections(
+  getInspectorFor(
-    _req: Readonly<Ref<HoppRESTRequest>>,
+    req: HoppRESTRequest,
-    res: Readonly<Ref<HoppRESTResponse | null | undefined>>
+    res: HoppRESTResponse | undefined
-  ) {
+  ): InspectorResult[] {
-    return computed(() => {
+    const results = ref<InspectorResult[]>([])
-      const results: InspectorResult[] = []
+    if (!res) return results.value
-      if (!res.value) return results
 
-      const hasErrors =
+    const hasErrors = res && (res.type !== "success" || res.statusCode !== 200)
-        res && (res.value.type !== "success" || res.value.statusCode !== 200)
 
-      let text: string | undefined = undefined
+    let text
 
-      if (res.value.type === "network_fail" && !navigator.onLine) {
+    if (res.type === "network_fail") {
-        text = this.t("inspections.response.network_error")
+      text = this.t("inspections.response.network_error")
-      } else if (res.value.type === "fail") {
+    } else if (res.type === "fail") {
-        text = this.t("inspections.response.default_error")
+      text = this.t("inspections.response.default_error")
-      } else if (res.value.type === "success" && res.value.statusCode === 404) {
+    } else if (res.type === "success" && res.statusCode === 404) {
-        text = this.t("inspections.response.404_error")
+      text = this.t("inspections.response.404_error")
-      } else if (res.value.type === "success" && res.value.statusCode === 401) {
+    } else if (res.type === "success" && res.statusCode === 401) {
-        text = this.t("inspections.response.401_error")
+      text = this.t("inspections.response.401_error")
-      }
+    }
 
-      if (hasErrors && text) {
+    if (hasErrors && text) {
-        results.push({
+      results.value.push({
-          id: "url",
+        id: "url",
-          icon: markRaw(IconAlertTriangle),
+        icon: markRaw(IconAlertTriangle),
-          text: {
+        text: {
-            type: "text",
+          type: "text",
-            text: text,
+          text: text,
-          },
+        },
-          severity: 2,
+        severity: 2,
-          isApplicable: true,
+        isApplicable: true,
-          locations: {
+        locations: {
-            type: "response",
+          type: "response",
-          },
+        },
-          doc: {
+        doc: {
-            text: this.t("action.learn_more"),
+          text: this.t("action.learn_more"),
-            link: "https://docs.hoppscotch.io/",
+          link: "https://docs.hoppscotch.io/",
-          },
+        },
-        })
+      })
-      }
+    }
 
-      return results
+    return results.value
-    })
   }
 }

packages/hoppscotch-common/src/services/inspection/inspectors/url.inspector.ts

@@ -0,0 +1,96 @@
+import { Service } from "dioc"
+import { InspectionService, Inspector, InspectorResult } from ".."
+import { getI18n } from "~/modules/i18n"
+import { HoppRESTRequest } from "@hoppscotch/data"
+import { computed, markRaw, ref } from "vue"
+import IconAlertTriangle from "~icons/lucide/alert-triangle"
+import { useReadonlyStream } from "~/composables/stream"
+import { extensionStatus$ } from "~/newstore/HoppExtension"
+import { useSetting } from "~/composables/settings"
+import { applySetting, toggleSetting } from "~/newstore/settings"
+
+/**
+ * This inspector is responsible for inspecting the URL of a request.
+ * It checks if the URL contains localhost and if the extension is installed.
+ * It also provides an action to enable the extension.
+ *
+ * NOTE: Initializing this service registers it as a inspector with the Inspection Service.
+ */
+export class URLInspectorService extends Service implements Inspector {
+  public static readonly ID = "URL_INSPECTOR_SERVICE"
+
+  private t = getI18n()
+
+  public readonly inspectorID = "url"
+
+  private readonly inspection = this.bind(InspectionService)
+
+  constructor() {
+    super()
+
+    this.inspection.registerInspector(this)
+  }
+
+  getInspectorFor(req: HoppRESTRequest): InspectorResult[] {
+    const PROXY_ENABLED = useSetting("PROXY_ENABLED")
+
+    const currentExtensionStatus = useReadonlyStream(extensionStatus$, null)
+
+    const isExtensionInstalled = computed(() => {
+      return currentExtensionStatus.value === "available"
+    })
+    const EXTENSIONS_ENABLED = useSetting("EXTENSIONS_ENABLED")
+
+    const results = ref<InspectorResult[]>([])
+
+    const url = req.endpoint
+
+    const isContainLocalhost = url.includes("localhost")
+
+    if (
+      isContainLocalhost &&
+      (!EXTENSIONS_ENABLED.value || !isExtensionInstalled.value)
+    ) {
+      let text
+
+      if (!isExtensionInstalled.value) {
+        if (currentExtensionStatus.value === "unknown-origin") {
+          text = this.t("inspections.url.extension_unknown_origin")
+        } else {
+          text = this.t("inspections.url.extension_not_installed")
+        }
+      } else if (!EXTENSIONS_ENABLED.value) {
+        text = this.t("inspections.url.extention_not_enabled")
+      } else {
+        text = this.t("inspections.url.localhost")
+      }
+
+      results.value.push({
+        id: "url",
+        icon: markRaw(IconAlertTriangle),
+        text: {
+          type: "text",
+          text: text,
+        },
+        action: {
+          text: this.t("inspections.url.extention_enable_action"),
+          apply: () => {
+            applySetting("EXTENSIONS_ENABLED", true)
+            if (PROXY_ENABLED.value) toggleSetting("PROXY_ENABLED")
+          },
+        },
+        severity: 2,
+        isApplicable: true,
+        locations: {
+          type: "url",
+        },
+        doc: {
+          text: this.t("action.learn_more"),
+          link: "https://docs.hoppscotch.io/",
+        },
+      })
+    }
+
+    return results.value
+  }
+}

packages/hoppscotch-common/src/services/spotlight/searchers/base/static.searcher.ts

@@ -91,9 +91,8 @@ export abstract class StaticSpotlightSearcherService<
   private async addDocsToSearchIndex() {
     this.loading.value = true
 
-    this.minisearch = new MiniSearch({
+    this.minisearch.removeAll()
-      fields: this.opts.searchFields as string[],
+    this.minisearch.vacuum()
-    })
 
     await this.minisearch.addAllAsync(
       Object.entries(this._documents).map(([id, doc]) => ({

packages/hoppscotch-common/src/services/spotlight/searchers/environment.searcher.ts

@@ -45,11 +45,8 @@ import {
   setSelectedEnvironmentIndex,
 } from "~/newstore/environments"
 
-import IconCheckCircle from "~/components/app/spotlight/entry/IconSelected.vue"
-import IconCircle from "~icons/lucide/circle"
-
 type Doc = {
-  text: string | string[]
+  text: string
   alternates: string[]
   icon: object | Component
   excludeFromSearch?: boolean
@@ -91,61 +88,40 @@ export class EnvironmentsSpotlightSearcherService extends StaticSpotlightSearche
 
   private documents: Record<string, Doc> = reactive({
     new_environment: {
-      text: [
+      text: this.t("spotlight.environments.new"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.new"),
-      ],
       alternates: ["new", "environment"],
       icon: markRaw(IconLayers),
     },
     new_environment_variable: {
-      text: [
+      text: this.t("spotlight.environments.new_variable"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.new_variable"),
-      ],
       alternates: ["new", "environment", "variable"],
       icon: markRaw(IconLayers),
     },
     edit_selected_env: {
-      text: [
+      text: this.t("spotlight.environments.edit"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.edit"),
-      ],
       alternates: ["edit", "environment"],
       icon: markRaw(IconEdit),
       excludeFromSearch: computed(() => !this.hasSelectedEnv.value),
     },
     delete_selected_env: {
-      text: [
+      text: this.t("spotlight.environments.delete"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.delete"),
-      ],
       alternates: ["delete", "environment"],
       icon: markRaw(IconTrash2),
       excludeFromSearch: computed(() => !this.hasSelectedEnv.value),
     },
     duplicate_selected_env: {
-      text: [
+      text: this.t("spotlight.environments.duplicate"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.duplicate"),
-      ],
       alternates: ["duplicate", "environment"],
       icon: markRaw(IconCopy),
       excludeFromSearch: computed(() => !this.hasSelectedEnv.value),
     },
     edit_global_env: {
-      text: [
+      text: this.t("spotlight.environments.edit_global"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.edit_global"),
-      ],
       alternates: ["edit", "global", "environment"],
       icon: markRaw(IconEdit),
     },
     duplicate_global_env: {
-      text: [
+      text: this.t("spotlight.environments.duplicate_global"),
-        this.t("spotlight.environments.title"),
-        this.t("spotlight.environments.duplicate_global"),
-      ],
       alternates: ["duplicate", "global", "environment"],
       icon: markRaw(IconCopy),
     },
@@ -269,16 +245,6 @@ export class SwitchEnvSpotlightSearcherService
     this.spotlight.registerSearcher(this)
   }
 
-  private selectedEnvIndex = useStreamStatic(
-    selectedEnvironmentIndex$,
-    {
-      type: "NO_ENV_SELECTED",
-    },
-    () => {
-      /* noop */
-    }
-  )[0]
-
   private environmentSearchable = useStreamStatic(
     activeActions$.pipe(
       map((actions) => actions.includes("modals.environment.add"))
@@ -296,25 +262,16 @@ export class SwitchEnvSpotlightSearcherService
     const results = ref<SpotlightSearcherResult[]>([])
 
     const minisearch = new MiniSearch({
-      fields: ["name", "alternates"],
+      fields: ["name"],
       storeFields: ["name"],
     })
 
     if (this.environmentSearchable.value) {
       minisearch.addAll(
         environmentsStore.value.environments.map((entry, index) => {
-          let id = `environment-${index}`
-
-          if (
-            this.selectedEnvIndex.value?.type === "MY_ENV" &&
-            this.selectedEnvIndex.value.index === index
-          ) {
-            id += "-selected"
-          }
           return {
-            id,
+            id: `environment-${index}`,
             name: entry.name,
-            alternates: ["environment", "change", entry.name],
           }
         })
       )
@@ -341,9 +298,7 @@ export class SwitchEnvSpotlightSearcherService
             .map((x) => {
               return {
                 id: x.id,
-                icon: markRaw(
+                icon: markRaw(IconLayers),
-                  x.id.endsWith("-selected") ? IconCheckCircle : IconCircle
-                ),
                 score: x.score,
                 text: {
                   type: "text",

packages/hoppscotch-common/src/services/spotlight/searchers/general.searcher.ts

@@ -9,17 +9,17 @@ import {
 
 import IconLinkedIn from "~icons/brands/linkedin"
 import IconTwitter from "~icons/brands/twitter"
-import IconDiscord from "~icons/brands/discord"
-import IconGitHub from "~icons/lucide/github"
 import IconBook from "~icons/lucide/book"
+import IconDiscord from "~icons/lucide/link"
+import IconGitHub from "~icons/lucide/github"
 import IconLifeBuoy from "~icons/lucide/life-buoy"
+import IconMessageCircle from "~icons/lucide/message-circle"
 import IconZap from "~icons/lucide/zap"
 
 type Doc = {
   text: string | string[]
   alternates: string[]
   icon: object | Component
-  action: () => void
 }
 
 /**
@@ -43,48 +43,41 @@ export class GeneralSpotlightSearcherService extends StaticSpotlightSearcherServ
       text: this.t("spotlight.general.help_menu"),
       alternates: ["help", "hoppscotch"],
       icon: markRaw(IconLifeBuoy),
-      action() {
+    },
-        invokeAction("modals.support.toggle")
+    chat_with_support: {
-      },
+      text: this.t("spotlight.general.chat"),
+      alternates: ["chat", "support", "hoppscotch"],
+      icon: markRaw(IconMessageCircle),
     },
     open_docs: {
       text: this.t("spotlight.general.open_docs"),
       alternates: ["docs", "documentation", "hoppscotch"],
       icon: markRaw(IconBook),
-      action: () => this.openURL("https://docs.hoppscotch.io"),
     },
     open_keybindings: {
       text: this.t("spotlight.general.open_keybindings"),
       alternates: ["key", "shortcuts", "binding"],
       icon: markRaw(IconZap),
-      action() {
-        invokeAction("flyouts.keybinds.toggle")
-      },
     },
-    open_github: {
+    link_github: {
-      text: this.t("spotlight.general.open_github"),
+      text: [this.t("spotlight.general.social"), "GitHub"],
-      alternates: ["repository", "github", "documentation", "hoppscotch"],
+      alternates: ["social", "github", "link"],
       icon: markRaw(IconGitHub),
-      action: () => this.openURL("https://hoppscotch.io/github"),
     },
     link_twitter: {
       text: [this.t("spotlight.general.social"), "Twitter"],
       alternates: ["social", "twitter", "link"],
       icon: markRaw(IconTwitter),
-      action: () => this.openURL("https://twitter.com/hoppscotch_io"),
     },
     link_discord: {
       text: [this.t("spotlight.general.social"), "Discord"],
       alternates: ["social", "discord", "link"],
       icon: markRaw(IconDiscord),
-      action: () => this.openURL("https://hoppscotch.io/discord"),
     },
     link_linkedin: {
       text: [this.t("spotlight.general.social"), "LinkedIn"],
       alternates: ["social", "linkedin", "link"],
       icon: markRaw(IconLinkedIn),
-      action: () =>
-        this.openURL("https://www.linkedin.com/company/hoppscotch/"),
     },
   })
 
@@ -117,11 +110,31 @@ export class GeneralSpotlightSearcherService extends StaticSpotlightSearcherServ
   }
 
   public onDocSelected(id: string): void {
-    this.documents[id]?.action()
+    switch (id) {
-  }
+      case "open_help":
-
+        invokeAction("modals.support.toggle")
-  public addCustomEntries(docs: Record<string, Doc>) {
+        break
-    this.documents = { ...this.documents, ...docs }
+      case "chat_with_support":
-    this.setDocuments(this.documents)
+        invokeAction("flyouts.chat.open")
+        break
+      case "open_docs":
+        this.openURL("https://docs.hoppscotch.io")
+        break
+      case "open_keybindings":
+        invokeAction("flyouts.keybinds.toggle")
+        break
+      case "link_github":
+        this.openURL("https://hoppscotch.io/github")
+        break
+      case "link_twitter":
+        this.openURL("https://twitter.com/hoppscotch_io")
+        break
+      case "link_discord":
+        this.openURL("https://hoppscotch.io/discord")
+        break
+      case "link_linkedin":
+        this.openURL("https://www.linkedin.com/company/hoppscotch/")
+        break
+    }
   }
 }

packages/hoppscotch-common/src/services/spotlight/searchers/request.searcher.ts

@@ -1,5 +1,5 @@
 import { Component, computed, markRaw, reactive } from "vue"
-import { invokeAction, isActionBound } from "~/helpers/actions"
+import { invokeAction } from "~/helpers/actions"
 import { getI18n } from "~/modules/i18n"
 import { SpotlightSearcherResult, SpotlightService } from ".."
 import {
@@ -19,7 +19,6 @@ import IconRename from "~icons/lucide/file-edit"
 import IconPlay from "~icons/lucide/play"
 import IconRotateCCW from "~icons/lucide/rotate-ccw"
 import IconSave from "~icons/lucide/save"
-import { GQLOptionTabs } from "~/components/graphql/RequestOptions.vue"
 
 type Doc = {
   text: string | string[]
@@ -47,51 +46,39 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
   private route = useRoute()
   private isRESTPage = computed(() => this.route.name === "index")
   private isGQLPage = computed(() => this.route.name === "graphql")
-  private isRESTOrGQLPage = computed(
-    () => this.isRESTPage.value || this.isGQLPage.value
-  )
-  private isGQLConnectBound = isActionBound("gql.connect")
-  private isGQLDisconnectBound = isActionBound("gql.disconnect")
 
   private documents: Record<string, Doc> = reactive({
     send_request: {
       text: this.t("shortcut.request.send_request"),
       alternates: ["request", "send"],
       icon: markRaw(IconPlay),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
-    },
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
-    gql_connect: {
+      ),
-      text: [this.t("navigation.graphql"), this.t("spotlight.graphql.connect")],
-      alternates: ["connect", "server", "graphql"],
-      icon: markRaw(IconPlay),
-      excludeFromSearch: computed(() => !this.isGQLConnectBound.value),
-    },
-    gql_disconnect: {
-      text: [
-        this.t("navigation.graphql"),
-        this.t("spotlight.graphql.disconnect"),
-      ],
-      alternates: ["disconnect", "stop", "graphql"],
-      icon: markRaw(IconPlay),
-      excludeFromSearch: computed(() => !this.isGQLDisconnectBound.value),
     },
     save_to_collections: {
       text: this.t("spotlight.request.save_as_new"),
       alternates: ["save", "collections"],
       icon: markRaw(IconSave),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     save_request: {
       text: this.t("shortcut.request.save_request"),
       alternates: ["save", "request"],
       icon: markRaw(IconSave),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     rename_request: {
       text: this.t("shortcut.request.rename"),
       alternates: ["rename", "request"],
       icon: markRaw(IconRename),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     copy_request_link: {
       text: this.t("shortcut.request.copy_request_link"),
@@ -103,7 +90,7 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       text: this.t("shortcut.request.reset_request"),
       alternates: ["reset", "request"],
       icon: markRaw(IconRotateCCW),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(() => !this.isRESTPage.value),
     },
     import_curl: {
       text: this.t("shortcut.request.import_curl"),
@@ -156,7 +143,9 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       ],
       alternates: ["parameters", "tab"],
       icon: markRaw(IconWindow),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     tab_body: {
       text: [
@@ -165,7 +154,9 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       ],
       alternates: ["body", "tab"],
       icon: markRaw(IconWindow),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     tab_headers: {
       text: [
@@ -174,7 +165,9 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       ],
       alternates: ["headers", "tab"],
       icon: markRaw(IconWindow),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     tab_authorization: {
       text: [
@@ -183,7 +176,9 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       ],
       alternates: ["authorization", "tab"],
       icon: markRaw(IconWindow),
-      excludeFromSearch: computed(() => !this.isRESTOrGQLPage.value),
+      excludeFromSearch: computed(
+        () => !this.isRESTPage.value ?? !this.isGQLPage.value
+      ),
     },
     tab_pre_request_script: {
       text: [
@@ -203,24 +198,6 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       icon: markRaw(IconWindow),
       excludeFromSearch: computed(() => !this.isRESTPage.value),
     },
-    tab_query: {
-      text: [
-        this.t("spotlight.request.switch_to"),
-        this.t("spotlight.request.tab_query"),
-      ],
-      alternates: ["query", "tab"],
-      icon: markRaw(IconWindow),
-      excludeFromSearch: computed(() => !this.isGQLPage.value),
-    },
-    tab_variables: {
-      text: [
-        this.t("spotlight.request.switch_to"),
-        this.t("spotlight.request.tab_variables"),
-      ],
-      alternates: ["variables", "tab"],
-      icon: markRaw(IconWindow),
-      excludeFromSearch: computed(() => !this.isGQLPage.value),
-    },
   })
 
   constructor() {
@@ -247,7 +224,7 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
     }
   }
 
-  private openRequestTab(tab: RequestOptionTabs | GQLOptionTabs): void {
+  private openRequestTab(tab: RequestOptionTabs): void {
     invokeAction("request.open-tab", {
       tab,
     })
@@ -258,12 +235,6 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       case "send_request":
         invokeAction("request.send-cancel")
         break
-      case "gql_connect":
-        invokeAction("gql.connect")
-        break
-      case "gql_disconnect":
-        invokeAction("gql.disconnect")
-        break
       case "save_to_collections":
         invokeAction("request.save-as", {
           requestType: "rest",
@@ -274,7 +245,7 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
         invokeAction("request.save")
         break
       case "rename_request":
-        invokeAction("request.rename")
+        invokeAction("rest.request.rename")
         break
       case "copy_request_link":
         invokeAction("request.copy-link")
@@ -321,12 +292,6 @@ export class RequestSpotlightSearcherService extends StaticSpotlightSearcherServ
       case "tab_tests":
         this.openRequestTab("tests")
         break
-      case "tab_query":
-        this.openRequestTab("query")
-        break
-      case "tab_variables":
-        this.openRequestTab("variables")
-        break
     }
   }
 }

packages/hoppscotch-common/src/services/spotlight/searchers/response.searcher.ts

@@ -1,5 +1,5 @@
 import { Component, computed, markRaw, reactive } from "vue"
-import { invokeAction, isActionBound } from "~/helpers/actions"
+import { activeActions$, invokeAction } from "~/helpers/actions"
 import { getI18n } from "~/modules/i18n"
 import { SpotlightSearcherResult, SpotlightService } from ".."
 import {
@@ -9,6 +9,8 @@ import {
 
 import IconDownload from "~icons/lucide/download"
 import IconCopy from "~icons/lucide/copy"
+import { map } from "rxjs"
+import { useStreamStatic } from "~/composables/stream"
 
 type Doc = {
   text: string
@@ -33,11 +35,23 @@ export class ResponseSpotlightSearcherService extends StaticSpotlightSearcherSer
 
   private readonly spotlight = this.bind(SpotlightService)
 
-  private copyResponseActionEnabled = isActionBound("response.copy")
+  private copyResponseActionEnabled = useStreamStatic(
+    activeActions$.pipe(map((actions) => actions.includes("response.copy"))),
+    activeActions$.value.includes("response.copy"),
+    () => {
+      /* noop */
+    }
+  )[0]
 
-  private downloadResponseActionEnabled = isActionBound(
+  private downloadResponseActionEnabled = useStreamStatic(
-    "response.file.download"
+    activeActions$.pipe(
-  )
+      map((actions) => actions.includes("response.file.download"))
+    ),
+    activeActions$.value.includes("response.file.download"),
+    () => {
+      /* noop */
+    }
+  )[0]
 
   private documents: Record<string, Doc> = reactive({
     copy_response: {

packages/hoppscotch-common/src/services/spotlight/searchers/settings.searcher.ts

@@ -14,11 +14,11 @@ import IconGlobe from "~icons/lucide/globe"
 import IconMonitor from "~icons/lucide/monitor"
 import IconMoon from "~icons/lucide/moon"
 import IconSun from "~icons/lucide/sun"
-import IconCircle from "~icons/lucide/circle"
+import IconType from "~icons/lucide/type"
-import IconCheckCircle from "~icons/lucide/check-circle"
 
 type Doc = {
   text: string | string[]
+  excludeFromSearch?: boolean
   alternates: string[]
   icon: object | Component
 }
@@ -35,7 +35,6 @@ export class SettingsSpotlightSearcherService extends StaticSpotlightSearcherSer
   private t = getI18n()
 
   private activeFontSize = useSetting("FONT_SIZE")
-  private activeTheme = useSetting("BG_COLOR")
 
   public readonly searcherID = "settings"
   public searcherSectionTitle = this.t("navigation.settings")
@@ -49,11 +48,7 @@ export class SettingsSpotlightSearcherService extends StaticSpotlightSearcherSer
         this.t("spotlight.settings.theme.system"),
       ],
       alternates: ["theme"],
-      icon: computed(() =>
+      icon: markRaw(IconMonitor),
-        this.activeTheme.value === "system"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconMonitor)
-      ),
     },
     theme_light: {
       text: [
@@ -61,11 +56,7 @@ export class SettingsSpotlightSearcherService extends StaticSpotlightSearcherSer
         this.t("spotlight.settings.theme.light"),
       ],
       alternates: ["theme"],
-      icon: computed(() =>
+      icon: markRaw(IconSun),
-        this.activeTheme.value === "light"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconSun)
-      ),
     },
     theme_dark: {
       text: [
@@ -73,11 +64,7 @@ export class SettingsSpotlightSearcherService extends StaticSpotlightSearcherSer
         this.t("spotlight.settings.theme.dark"),
       ],
       alternates: ["theme"],
-      icon: computed(() =>
+      icon: markRaw(IconCloud),
-        this.activeTheme.value === "dark"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconCloud)
-      ),
     },
     theme_black: {
       text: [
@@ -85,11 +72,7 @@ export class SettingsSpotlightSearcherService extends StaticSpotlightSearcherSer
         this.t("spotlight.settings.theme.black"),
       ],
       alternates: ["theme"],
-      icon: computed(() =>
+      icon: markRaw(IconMoon),
-        this.activeTheme.value === "black"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconMoon)
-      ),
     },
     font_size_sm: {
       text: [
@@ -99,51 +82,42 @@ export class SettingsSpotlightSearcherService extends StaticSpotlightSearcherSer
       onClick: () => {
         console.log("clicked")
       },
+      excludeFromSearch: computed(() => this.activeFontSize.value === "small"),
       alternates: [
         "font size",
         "change font size",
         "change font",
         "increase font",
       ],
-      icon: computed(() =>
+      icon: markRaw(IconType),
-        this.activeFontSize.value === "small"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconCircle)
-      ),
     },
     font_size_md: {
       text: [
         this.t("settings.font_size"),
         this.t("spotlight.settings.font.size_md"),
       ],
+      excludeFromSearch: computed(() => this.activeFontSize.value === "medium"),
       alternates: [
         "font size",
         "change font size",
         "change font",
         "increase font",
       ],
-      icon: computed(() =>
+      icon: markRaw(IconType),
-        this.activeFontSize.value === "medium"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconCircle)
-      ),
     },
     font_size_lg: {
       text: [
         this.t("settings.font_size"),
         this.t("spotlight.settings.font.size_lg"),
       ],
+      excludeFromSearch: computed(() => this.activeFontSize.value === "large"),
       alternates: [
         "font size",
         "change font size",
         "change font",
         "increase font",
       ],
-      icon: computed(() =>
+      icon: markRaw(IconType),
-        this.activeFontSize.value === "large"
-          ? markRaw(IconCheckCircle)
-          : markRaw(IconCircle)
-      ),
     },
     change_lang: {
       text: [

packages/hoppscotch-common/src/services/spotlight/searchers/tab.searcher.ts

@@ -7,16 +7,19 @@ import {
 } from "./base/static.searcher"
 
 import { useRoute } from "vue-router"
-import IconCopy from "~icons/lucide/copy"
+import { getDefaultRESTRequest } from "~/helpers/rest/default"
-import IconCopyPlus from "~icons/lucide/copy-plus"
+import {
-import IconXCircle from "~icons/lucide/x-circle"
+  closeOtherTabs,
-import IconXSquare from "~icons/lucide/x-square"
+  closeTab,
+  createNewTab,
+  currentTabID,
+  getActiveTabs,
+} from "~/helpers/rest/tab"
+import IconWindow from "~icons/lucide/app-window"
 import { invokeAction } from "~/helpers/actions"
-import { getActiveTabs as getRESTActiveTabs } from "~/helpers/rest/tab"
-import { getActiveTabs as getGQLActiveTabs } from "~/helpers/graphql/tab"
 
 type Doc = {
-  text: string | string[]
+  text: string
   alternates: string[]
   icon: object | Component
   excludeFromSearch?: boolean
@@ -40,49 +43,36 @@ export class TabSpotlightSearcherService extends StaticSpotlightSearcherService<
 
   private route = useRoute()
   private showAction = computed(
-    () => this.route.name === "index" || this.route.name === "graphql"
+    () => this.route.name === "index" ?? this.route.name === "graphql"
-  )
-  private gqlActiveTabs = getGQLActiveTabs()
-  private restActiveTabs = getRESTActiveTabs()
-  private isOnlyTab = computed(() =>
-    this.route.name === "graphql"
-      ? this.gqlActiveTabs.value.length === 1
-      : this.restActiveTabs.value.length === 1
   )
 
   private documents: Record<string, Doc> = reactive({
     duplicate_tab: {
-      text: [this.t("spotlight.tab.title"), this.t("spotlight.tab.duplicate")],
+      text: this.t("spotlight.tab.duplicate"),
       alternates: ["tab", "duplicate", "duplicate tab"],
-      icon: markRaw(IconCopy),
+      icon: markRaw(IconWindow),
       excludeFromSearch: computed(() => !this.showAction.value),
     },
     close_current_tab: {
-      text: [
+      text: this.t("spotlight.tab.close_current"),
-        this.t("spotlight.tab.title"),
-        this.t("spotlight.tab.close_current"),
-      ],
       alternates: ["tab", "close", "close tab"],
-      icon: markRaw(IconXCircle),
+      icon: markRaw(IconWindow),
       excludeFromSearch: computed(
-        () => !this.showAction.value || this.isOnlyTab.value
+        () => !this.showAction.value ?? getActiveTabs().value.length === 1
       ),
     },
     close_other_tabs: {
-      text: [
+      text: this.t("spotlight.tab.close_others"),
-        this.t("spotlight.tab.title"),
-        this.t("spotlight.tab.close_others"),
-      ],
       alternates: ["tab", "close", "close all"],
-      icon: markRaw(IconXSquare),
+      icon: markRaw(IconWindow),
       excludeFromSearch: computed(
-        () => !this.showAction.value || this.isOnlyTab.value
+        () => !this.showAction.value ?? getActiveTabs().value.length < 2
       ),
     },
     open_new_tab: {
-      text: [this.t("spotlight.tab.title"), this.t("spotlight.tab.new_tab")],
+      text: this.t("spotlight.tab.new_tab"),
       alternates: ["tab", "new", "open tab"],
-      icon: markRaw(IconCopyPlus),
+      icon: markRaw(IconWindow),
       excludeFromSearch: computed(() => !this.showAction.value),
     },
   })
@@ -112,9 +102,16 @@ export class TabSpotlightSearcherService extends StaticSpotlightSearcherService<
   }
 
   public onDocSelected(id: string): void {
-    if (id === "duplicate_tab") invokeAction("tab.duplicate-tab", {})
+    if (id === "duplicate_tab")
-    if (id === "close_current_tab") invokeAction("tab.close-current")
+      invokeAction("request.duplicate-tab", {
-    if (id === "close_other_tabs") invokeAction("tab.close-other")
+        tabID: currentTabID.value,
-    if (id === "open_new_tab") invokeAction("tab.open-new")
+      })
+    if (id === "close_current_tab") closeTab(currentTabID.value)
+    if (id === "close_other_tabs") closeOtherTabs(currentTabID.value)
+    if (id === "open_new_tab")
+      createNewTab({
+        request: getDefaultRESTRequest(),
+        isDirty: false,
+      })
   }
 }

packages/hoppscotch-selfhost-web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hoppscotch/selfhost-web",
   "private": true,
-  "version": "2023.8.0",
+  "version": "2023.4.8",
   "type": "module",
   "scripts": {
     "dev:vite": "vite",
@@ -28,8 +28,8 @@
     "@fontsource-variable/roboto-mono": "^5.0.9",
     "@hoppscotch/common": "workspace:^",
     "@hoppscotch/data": "workspace:^",
-    "@import-meta-env/unplugin": "^0.4.8",
     "axios": "^1.4.0",
+    "@import-meta-env/unplugin": "^0.4.8",
     "buffer": "^6.0.3",
     "fp-ts": "^2.16.1",
     "process": "^0.11.10",
@@ -65,7 +65,6 @@
     "unplugin-icons": "^0.16.5",
     "unplugin-vue-components": "^0.25.1",
     "vite": "^4.4.9",
-    "vite-plugin-fonts": "^0.6.0",
     "vite-plugin-html-config": "^1.0.11",
     "vite-plugin-inspect": "^0.7.38",
     "vite-plugin-pages": "^0.31.0",
@@ -76,6 +75,7 @@
     "vite-plugin-windicss": "^1.9.1",
     "vitest": "^0.34.2",
     "vue-tsc": "^1.8.8",
+    "vite-plugin-fonts": "^0.6.0",
     "windicss": "^3.5.6"
   }
 }

packages/hoppscotch-selfhost-web/src/main.ts

@@ -7,16 +7,9 @@ import { def as historyDef } from "./platform/history/history.platform"
 import { def as tabStateDef } from "./platform/tabState/tabState.platform"
 import { browserInterceptor } from "@hoppscotch/common/platform/std/interceptors/browser"
 import { proxyInterceptor } from "@hoppscotch/common/platform/std/interceptors/proxy"
-import { ExtensionInspectorService } from "@hoppscotch/common/platform/std/inspections/extension.inspector"
 import { ExtensionInterceptorService } from "@hoppscotch/common/platform/std/interceptors/extension"
-import { stdFooterItems } from "@hoppscotch/common/platform/std/ui/footerItem"
-import { stdSupportOptionItems } from "@hoppscotch/common/platform/std/ui/supportOptionsItem"
 
 createHoppApp("#app", {
-  ui: {
-    additionalFooterMenuItems: stdFooterItems,
-    additionalSupportOptionsMenuItems: stdSupportOptionItems,
-  },
   auth: authDef,
   sync: {
     environments: environmentsDef,
@@ -33,9 +26,6 @@ createHoppApp("#app", {
       { type: "service", service: ExtensionInterceptorService },
     ],
   },
-  additionalInspectors: [
-    { type: "service", service: ExtensionInspectorService },
-  ],
   platformFeatureFlags: {
     exportAsGIST: false,
   },

packages/hoppscotch-sh-admin/index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" data-font-size="medium">
+<html lang="en" data-font-size="large">
 
 <head>
   <script>
@@ -17,4 +17,4 @@
   <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
+</html>

packages/hoppscotch-sh-admin/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hoppscotch-sh-admin",
   "private": true,
-  "version": "2023.8.0",
+  "version": "2023.4.8",
   "type": "module",
   "scripts": {
     "dev": "pnpm exec npm-run-all -p -l dev:*",

packages/hoppscotch-sh-admin/src/components.d.ts

@@ -1,12 +1,44 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
+import '@vue/runtime-core';
 
-export {}
+export {};
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    AppHeader: typeof import('./components/app/Header.vue')['default'];
+    AppLogin: typeof import('./components/app/Login.vue')['default'];
+    AppLogout: typeof import('./components/app/Logout.vue')['default'];
+    AppModal: typeof import('./components/app/Modal.vue')['default'];
+    AppSidebar: typeof import('./components/app/Sidebar.vue')['default'];
+    AppToast: typeof import('./components/app/Toast.vue')['default'];
+    DashboardMetricsCard: typeof import('./components/dashboard/MetricsCard.vue')['default'];
+    HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary'];
+    HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary'];
+    HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor'];
+    HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete'];
+    HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal'];
+    HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput'];
+    HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem'];
+    HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal'];
+    HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture'];
+    HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner'];
+    HoppSmartTab: typeof import('@hoppscotch/ui')['HoppSmartTab'];
+    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default'];
+    IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default'];
+    IconLucideHelpCircle: typeof import('~icons/lucide/help-circle')['default'];
+    IconLucideInbox: typeof import('~icons/lucide/inbox')['default'];
+    IconLucideUser: typeof import('~icons/lucide/user')['default'];
+    TeamsAdd: typeof import('./components/teams/Add.vue')['default'];
+    TeamsDetails: typeof import('./components/teams/Details.vue')['default'];
+    TeamsInvite: typeof import('./components/teams/Invite.vue')['default'];
+    TeamsMembers: typeof import('./components/teams/Members.vue')['default'];
+    TeamsPendingInvites: typeof import('./components/teams/PendingInvites.vue')['default'];
+    TeamsTable: typeof import('./components/teams/Table.vue')['default'];
+    Tippy: typeof import('vue-tippy')['Tippy'];
+    UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default'];
+    UsersTable: typeof import('./components/users/Table.vue')['default'];
     AppHeader: typeof import('./components/app/Header.vue')['default']
     AppLogin: typeof import('./components/app/Login.vue')['default']
     AppLogout: typeof import('./components/app/Logout.vue')['default']
@@ -17,15 +49,9 @@ declare module '@vue/runtime-core' {
     HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary']
     HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary']
     HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor']
-    HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete']
     HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal']
-    HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput']
     HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem']
-    HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal']
     HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture']
-    HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner']
-    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
-    IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
     IconLucideInbox: typeof import('~icons/lucide/inbox')['default']
     TeamsAdd: typeof import('./components/teams/Add.vue')['default']
     TeamsDetails: typeof import('./components/teams/Details.vue')['default']
@@ -37,5 +63,4 @@ declare module '@vue/runtime-core' {
     UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default']
     UsersTable: typeof import('./components/users/Table.vue')['default']
   }
-
 }

packages/hoppscotch-sh-admin/src/pages/users/invited.vue

@@ -44,8 +44,8 @@
                 :key="index"
                 class="text-secondaryDark hover:bg-zinc-800 hover:cursor-pointer rounded-xl"
               >
-                <td class="py-2 px-3 max-w-36">
+                <td class="py-2 px-3 max-w-30">
-                  <div class="flex">
+                  <div>
                     <span class="truncate">
                       {{ user?.adminUid }}
                     </span>
@@ -56,12 +56,10 @@
                     {{ user?.adminEmail }}
                   </span>
                 </td>
-                <td class="py-2 px-3 max-w-52">
+                <td class="py-2 px-3">
-                  <div class="flex">
+                  <span>
-                    <span class="truncate">
+                    {{ user?.inviteeEmail }}
-                      {{ user?.inviteeEmail }}
+                  </span>
-                    </span>
-                  </div>
                 </td>
                 <td class="py-2 px-3">
                   <div class="flex items-center">

pnpm-lock.yaml

@@ -1,11 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-packageExtensionsChecksum: 18e898b62612ac7acc736e0323d495da
-
 importers:
 
   .:
@@ -202,7 +196,7 @@ importers:
         version: 9.1.5
       '@nestjs/schematics':
         specifier: ^9.0.3
-        version: 9.0.3(typescript@4.9.3)
+        version: 9.0.3(chokidar@3.5.3)(typescript@4.8.4)
       '@nestjs/testing':
         specifier: ^9.2.1
         version: 9.2.1(@nestjs/common@9.2.1)(@nestjs/core@9.2.1)(@nestjs/platform-express@9.2.1)
@@ -504,8 +498,8 @@ importers:
         specifier: ^2.12.6
         version: 2.12.6(graphql@16.8.0)
       httpsnippet:
-        specifier: ^3.0.1
+        specifier: ^2.0.0
-        version: 3.0.1(ajv@6.12.3)
+        version: 2.0.0(mkdirp@1.0.4)
       insomnia-importers:
         specifier: ^3.6.0
         version: 3.6.0(openapi-types@12.1.3)
@@ -660,9 +654,6 @@ importers:
       '@rushstack/eslint-patch':
         specifier: ^1.3.3
         version: 1.3.3
-      '@types/har-format':
-        specifier: ^1.2.12
-        version: 1.2.12
       '@types/js-yaml':
         specifier: ^4.0.5
         version: 4.0.5
@@ -947,7 +938,7 @@ importers:
         version: 3.2.0(graphql@16.8.0)
       '@intlify/vite-plugin-vue-i18n':
         specifier: ^7.0.0
-        version: 7.0.0(vite@4.4.9)
+        version: 7.0.0(vite@3.2.4)(vue-i18n@9.2.2)
       '@rushstack/eslint-patch':
         specifier: ^1.3.3
         version: 1.3.3
@@ -1007,7 +998,7 @@ importers:
         version: 0.7.38(rollup@2.79.1)(vite@4.4.9)
       vite-plugin-pages:
         specifier: ^0.31.0
-        version: 0.31.0(vite@4.4.9)
+        version: 0.31.0(@vue/compiler-sfc@3.3.4)(vite@4.4.9)
       vite-plugin-pages-sitemap:
         specifier: ^1.6.1
         version: 1.6.1
@@ -1106,7 +1097,7 @@ importers:
         version: 0.14.9(@vue/compiler-sfc@3.2.45)(vite@3.2.4)
       unplugin-vue-components:
         specifier: ^0.21.0
-        version: 0.21.0(vite@3.2.4)(vue@3.2.45)
+        version: 0.21.0(esbuild@0.19.2)(rollup@2.79.1)(vite@3.2.4)(vue@3.2.45)
       vue:
         specifier: ^3.2.6
         version: 3.2.45
@@ -1182,7 +1173,7 @@ importers:
         version: 1.0.3(vite@3.2.4)
       vite:
         specifier: ^3.1.4
-        version: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+        version: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       vite-plugin-pages:
         specifier: ^0.26.0
         version: 0.26.0(@vue/compiler-sfc@3.2.45)(vite@3.2.4)
@@ -1285,7 +1276,7 @@ importers:
         version: 8.29.0
       eslint-plugin-prettier:
         specifier: ^4.2.1
-        version: 4.2.1(eslint-config-prettier@8.5.0)(eslint@8.29.0)(prettier@2.8.4)
+        version: 4.2.1(eslint-config-prettier@8.6.0)(eslint@8.19.0)(prettier@2.8.4)
       eslint-plugin-vue:
         specifier: ^9.5.1
         version: 9.5.1(eslint@8.29.0)
@@ -3368,7 +3359,6 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-arm@0.15.15:
@@ -3402,7 +3392,6 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-x64@0.16.17:
@@ -3428,7 +3417,6 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/darwin-arm64@0.16.17:
@@ -3454,7 +3442,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/darwin-x64@0.16.17:
@@ -3480,7 +3467,6 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/freebsd-arm64@0.16.17:
@@ -3506,7 +3492,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/freebsd-x64@0.16.17:
@@ -3532,7 +3517,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-arm64@0.16.17:
@@ -3558,7 +3542,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-arm@0.16.17:
@@ -3584,7 +3567,6 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-ia32@0.16.17:
@@ -3610,7 +3592,6 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-loong64@0.15.15:
@@ -3644,7 +3625,6 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-mips64el@0.16.17:
@@ -3670,7 +3650,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-ppc64@0.16.17:
@@ -3696,7 +3675,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-riscv64@0.16.17:
@@ -3722,7 +3700,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-s390x@0.16.17:
@@ -3748,7 +3725,6 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-x64@0.16.17:
@@ -3774,7 +3750,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/netbsd-x64@0.16.17:
@@ -3800,7 +3775,6 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/openbsd-x64@0.16.17:
@@ -3826,7 +3800,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/sunos-x64@0.16.17:
@@ -3852,7 +3825,6 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-arm64@0.16.17:
@@ -3878,7 +3850,6 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-ia32@0.16.17:
@@ -3904,7 +3875,6 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-x64@0.16.17:
@@ -3930,7 +3900,6 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@eslint-community/eslint-utils@4.4.0(eslint@8.29.0):
@@ -6194,39 +6163,12 @@ packages:
       debug: 4.3.4(supports-color@9.2.2)
       fast-glob: 3.3.1
       source-map: 0.6.1
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       vue-i18n: 9.2.2(vue@3.2.45)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@intlify/vite-plugin-vue-i18n@7.0.0(vite@4.4.9):
-    resolution: {integrity: sha512-2TbDOQ8XD+vkc0s5OFmr+IY/k4mYMC7pzvx0xGQn+cU/ev314+yi7Z7N7rWcBgiYk1WOUalbGSo3d4nJDxOOyw==}
-    engines: {node: '>= 14.6'}
-    deprecated: This plugin support until Vite 3. If you would like to use on Vite 4, please use @intlify/unplugin-vue-i18n
-    peerDependencies:
-      petite-vue-i18n: '*'
-      vite: ^2.9.0 || ^3.0.0
-      vue-i18n: '*'
-    peerDependenciesMeta:
-      petite-vue-i18n:
-        optional: true
-      vite:
-        optional: true
-      vue-i18n:
-        optional: true
-    dependencies:
-      '@intlify/bundle-utils': 3.4.0(vue-i18n@9.2.2)
-      '@intlify/shared': 9.3.0-beta.26
-      '@rollup/pluginutils': 4.2.1
-      debug: 4.3.4(supports-color@9.2.2)
-      fast-glob: 3.3.1
-      source-map: 0.6.1
-      vite: 4.4.9(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@intlify/vite-plugin-vue-i18n@7.0.0(vite@4.4.9)(vue-i18n@9.2.2):
     resolution: {integrity: sha512-2TbDOQ8XD+vkc0s5OFmr+IY/k4mYMC7pzvx0xGQn+cU/ev314+yi7Z7N7rWcBgiYk1WOUalbGSo3d4nJDxOOyw==}
     engines: {node: '>= 14.6'}
@@ -7229,21 +7171,6 @@ packages:
       - chokidar
     dev: true
 
-  /@nestjs/schematics@9.0.3(typescript@4.9.3):
-    resolution: {integrity: sha512-kZrU/lrpVd2cnK8I3ibDb3Wi1ppl3wX3U3lVWoL+DzRRoezWKkh8upEL4q0koKmuXnsmLiu3UPxFeMOrJV7TSA==}
-    peerDependencies:
-      typescript: ^4.3.5
-    dependencies:
-      '@angular-devkit/core': 14.2.1(chokidar@3.5.3)
-      '@angular-devkit/schematics': 14.2.1(chokidar@3.5.3)
-      fs-extra: 10.1.0
-      jsonc-parser: 3.2.0
-      pluralize: 8.0.0
-      typescript: 4.9.3
-    transitivePeerDependencies:
-      - chokidar
-    dev: true
-
   /@nestjs/testing@9.2.1(@nestjs/common@9.2.1)(@nestjs/core@9.2.1)(@nestjs/platform-express@9.2.1):
     resolution: {integrity: sha512-lemXZdRSuqoZ87l0orCrS/c7gqwxeduIFOd21g9g2RUeQ4qlWPegbQDKASzbfC28klPyrgJLW4MNq7uv2JwV8w==}
     peerDependencies:
@@ -8132,10 +8059,6 @@ packages:
       '@types/node': 18.17.6
     dev: true
 
-  /@types/har-format@1.2.12:
-    resolution: {integrity: sha512-P20p/YBrqUBmzD6KhIQ8EiY4/RRzlekL4eCvfQnulFPfjmiGxKIoyCeI7qam5I7oKH3P8EU4ptEi0EfyGoLysw==}
-    dev: true
-
   /@types/istanbul-lib-coverage@2.0.4:
     resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
     dev: true
@@ -9276,7 +9199,7 @@ packages:
       vite: ^3.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       vue: 3.2.45
     dev: true
 
@@ -10309,7 +10232,7 @@ packages:
     hasBin: true
 
   /after@0.8.2:
-    resolution: {integrity: sha512-QbJ0NTQ/I9DI3uSJA4cbexiwQeRAfjPScqIbSjUDd9TOrcg6pTkdgziesOqxBMBzit8vFCTwrP27t13vFOORRA==}
+    resolution: {integrity: sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=}
     dev: false
 
   /agent-base@6.0.2:
@@ -10366,15 +10289,6 @@ packages:
       ajv: 6.12.6
     dev: true
 
-  /ajv@6.12.3:
-    resolution: {integrity: sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==}
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-    dev: false
-
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -10415,6 +10329,11 @@ packages:
     dependencies:
       type-fest: 0.21.3
 
+  /ansi-regex@2.1.1:
+    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -10423,6 +10342,11 @@ packages:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
 
+  /ansi-styles@2.2.1:
+    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -10952,7 +10876,7 @@ packages:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
   /base64-arraybuffer@0.1.4:
-    resolution: {integrity: sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==}
+    resolution: {integrity: sha1-mBjHngWbE1X5fgQooBfIOOkLqBI=}
     engines: {node: '>= 0.6.0'}
     dev: false
 
@@ -11268,6 +11192,17 @@ packages:
       type-detect: 4.0.8
     dev: true
 
+  /chalk@1.1.3:
+    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-styles: 2.2.1
+      escape-string-regexp: 1.0.5
+      has-ansi: 2.0.0
+      strip-ansi: 3.0.1
+      supports-color: 2.0.0
+    dev: false
+
   /chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
@@ -11515,6 +11450,7 @@ packages:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
+    dev: true
 
   /clone@1.0.4:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
@@ -11633,14 +11569,14 @@ packages:
     dev: true
 
   /component-bind@1.0.0:
-    resolution: {integrity: sha512-WZveuKPeKAG9qY+FkYDeADzdHyTYdIboXS59ixDeRJL5ZhxpqUnxSOwop4FQjMsiYm3/Or8cegVbpAHNA7pHxw==}
+    resolution: {integrity: sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=}
     dev: false
 
   /component-emitter@1.3.0:
     resolution: {integrity: sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==}
 
   /component-inherit@0.0.3:
-    resolution: {integrity: sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA==}
+    resolution: {integrity: sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=}
     dev: false
 
   /concat-map@0.0.1:
@@ -13229,7 +13165,6 @@ packages:
       '@esbuild/win32-arm64': 0.19.2
       '@esbuild/win32-ia32': 0.19.2
       '@esbuild/win32-x64': 0.19.2
-    dev: true
 
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
@@ -13690,15 +13625,15 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
-  /event-stream@4.0.1:
+  /event-stream@3.3.4:
-    resolution: {integrity: sha512-qACXdu/9VHPBzcyhdOWR5/IahhGMf0roTeZJfzz077GwylcDd90yOHLouhmv7GJ5XzPi6ekaQWd8AvPP2nOvpA==}
+    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
     dependencies:
       duplexer: 0.1.2
       from: 0.1.7
-      map-stream: 0.0.7
+      map-stream: 0.1.0
       pause-stream: 0.0.11
-      split: 1.0.1
+      split: 0.3.3
-      stream-combiner: 0.2.2
+      stream-combiner: 0.0.4
       through: 2.3.8
     dev: false
 
@@ -14180,6 +14115,15 @@ packages:
     resolution: {integrity: sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==}
     dev: false
 
+  /form-data@3.0.0:
+    resolution: {integrity: sha512-CKMFDglpbMi6PyN+brwB9Q/GOw0eAnsrEZDgcsH5Krhz5Od/haKHAX0NmQfha2zPPz0JpWzA7GJHGSnvCRLWsg==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: false
+
   /form-data@3.0.1:
     resolution: {integrity: sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==}
     engines: {node: '>= 6'}
@@ -14300,6 +14244,22 @@ packages:
     resolution: {integrity: sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==}
     dev: true
 
+  /fs-readfile-promise@2.0.1:
+    resolution: {integrity: sha512-7+P9eOOMnkIOmtxrBWTzWOBQlE7Nz/cBx9EYTX5hm8DzmZ/Fj9YWeUY2O9G+Q8YblScd1hyEkcmNcZMDj5U8Ug==}
+    dependencies:
+      graceful-fs: 4.2.11
+    dev: false
+
+  /fs-writefile-promise@1.0.3(mkdirp@1.0.4):
+    resolution: {integrity: sha512-yI+wDwj0FsgX7tyIQJR+EP60R64evMSixtGb9AzGWjJVKlF5tCet95KomfqGBg/aIAG1Dhd6wjCOQe5HbX/qLA==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      mkdirp-promise: 1.1.0(mkdirp@1.0.4)
+      pinkie-promise: 1.0.0
+    transitivePeerDependencies:
+      - mkdirp
+    dev: false
+
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
@@ -14891,11 +14851,27 @@ packages:
     engines: {node: '>=4'}
     dev: false
 
+  /har-validator@5.1.5:
+    resolution: {integrity: sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==}
+    engines: {node: '>=6'}
+    deprecated: this library is no longer supported
+    dependencies:
+      ajv: 6.12.6
+      har-schema: 2.0.0
+    dev: false
+
   /hard-rejection@2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}
     dev: true
 
+  /has-ansi@2.0.0:
+    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: false
+
   /has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
     dev: true
@@ -14907,7 +14883,7 @@ packages:
     dev: false
 
   /has-cors@1.1.0:
-    resolution: {integrity: sha512-g5VNKdkFuUuVCP9gYfDJHjK2nqdQJ7aDLTnycnc2+RvsOQbuLdF5pm7vuE5J76SEBIQjs4kQY/BWq74JUmjbXA==}
+    resolution: {integrity: sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=}
     dev: false
 
   /has-flag@3.0.0:
@@ -15218,20 +15194,23 @@ packages:
       - supports-color
     dev: true
 
-  /httpsnippet@3.0.1(ajv@6.12.3):
+  /httpsnippet@2.0.0(mkdirp@1.0.4):
-    resolution: {integrity: sha512-RJbzVu9Gq97Ti76MPKAb9AknKbRluRbzOqswM2qgEW48QUShVEIuJjl43dZG5q0Upj2SZlKqzR6B6ah1q5znfg==}
+    resolution: {integrity: sha512-Hb2ttfB5OhasYxwChZ8QKpYX3v4plNvwMaMulUIC7M3RHRDf1Op6EMp47LfaU2sgQgfvo5spWK4xRAirMEisrg==}
-    engines: {node: ^14.19.1 || ^16.14.2 || ^18.0.0}
+    engines: {node: '>=10'}
     hasBin: true
-    peerDependencies:
-      ajv: 6.12.3
     dependencies:
-      ajv: 6.12.3
+      chalk: 1.1.3
-      chalk: 4.1.2
+      commander: 2.20.3
-      event-stream: 4.0.1
+      debug: 2.6.9
-      form-data: 4.0.0
+      event-stream: 3.3.4
-      har-schema: 2.0.0
+      form-data: 3.0.0
+      fs-readfile-promise: 2.0.1
+      fs-writefile-promise: 1.0.3(mkdirp@1.0.4)
+      har-validator: 5.1.5
       stringify-object: 3.3.0
-      yargs: 17.7.2
+    transitivePeerDependencies:
+      - mkdirp
+      - supports-color
     dev: false
 
   /human-signals@1.1.1:
@@ -15331,7 +15310,7 @@ packages:
     engines: {node: '>=8'}
 
   /indexof@0.0.1:
-    resolution: {integrity: sha512-i0G7hLJ1z0DE8dsqJa2rycj9dBmNKgXBvotXtZYXakU9oivfB9Uj2ZBC27qqef2U58/ZLwalxa1X/RDCdkHtVg==}
+    resolution: {integrity: sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=}
     dev: false
 
   /inflight@1.0.6:
@@ -17743,8 +17722,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /map-stream@0.0.7:
+  /map-stream@0.1.0:
-    resolution: {integrity: sha512-C0X0KQmGm3N2ftbTGBhSyuydQ+vV1LC3f3zPvT3RXHXNZrvfPZcoXp/N5DOa8vedX/rTMm2CjTtivFg2STJMRQ==}
+    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
     dev: false
 
   /markdown-it-anchor@8.6.6(@types/markdown-it@12.2.3)(markdown-it@12.3.2):
@@ -18372,6 +18351,16 @@ packages:
       - encoding
     dev: false
 
+  /mkdirp-promise@1.1.0(mkdirp@1.0.4):
+    resolution: {integrity: sha512-xzB0UZFcW1UGS2xkXeDh39jzTP282lb3Vwp4QzCQYmkTn4ysaV5dBdbkOXmhkcE1TQlZebQlgTceaWvDr3oFgw==}
+    engines: {node: '>=4'}
+    deprecated: This package is broken and no longer maintained. 'mkdirp' itself supports promises now, please switch to that.
+    peerDependencies:
+      mkdirp: '>=0.5.0'
+    dependencies:
+      mkdirp: 1.0.4
+    dev: false
+
   /mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
     hasBin: true
@@ -19248,6 +19237,18 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /pinkie-promise@1.0.0:
+    resolution: {integrity: sha512-5mvtVNse2Ml9zpFKkWBpGsTPwm3DKhs+c95prO/F6E7d6DN0FPqxs6LONpLNpyD7Iheb7QN4BbUoKJgo+DnkQA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      pinkie: 1.0.0
+    dev: false
+
+  /pinkie@1.0.0:
+    resolution: {integrity: sha512-VFVaU1ysKakao68ktZm76PIdOhvEfoNNRaGkyLln9Os7r0/MCxqHjHyBM7dT3pgTiBybqiPtpqKfpENwdBp50Q==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /pirates@4.0.5:
     resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==}
     engines: {node: '>= 6'}
@@ -19697,6 +19698,7 @@ packages:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
     dependencies:
       safe-buffer: 5.2.1
+    dev: true
 
   /range-parser@1.2.1:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
@@ -20016,7 +20018,7 @@ packages:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
     hasBin: true
     dependencies:
-      glob: 7.2.3
+      glob: 7.2.0
     dev: false
 
   /rimraf@3.0.2:
@@ -20252,6 +20254,7 @@ packages:
       chokidar: 3.5.3
       immutable: 4.3.2
       source-map-js: 1.0.2
+    dev: true
 
   /sass@1.66.0:
     resolution: {integrity: sha512-C3U+RgpAAlTXULZkWwzfysgbbBBo8IZudNAOJAVBLslFbIaZv4MBPkTqhuvpK4lqgdoFiWhnOGMoV4L1FyOBag==}
@@ -20394,6 +20397,7 @@ packages:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
       randombytes: 2.1.0
+    dev: true
 
   /serve-static@1.15.0:
     resolution: {integrity: sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==}
@@ -20741,8 +20745,8 @@ packages:
       readable-stream: 3.6.0
     dev: true
 
-  /split@1.0.1:
+  /split@0.3.3:
-    resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
+    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
     dependencies:
       through: 2.3.8
     dev: false
@@ -20803,11 +20807,10 @@ packages:
       readable-stream: 3.6.0
     dev: false
 
-  /stream-combiner@0.2.2:
+  /stream-combiner@0.0.4:
-    resolution: {integrity: sha512-6yHMqgLYDzQDcAkL+tjJDC5nSNuNIx0vZtRZeiPh7Saef7VHX9H5Ijn9l2VIol2zaNYlYEX6KyuT/237A58qEQ==}
+    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
     dependencies:
       duplexer: 0.1.2
-      through: 2.3.8
     dev: false
 
   /streamsearch@1.1.0:
@@ -20925,6 +20928,13 @@ packages:
       is-obj: 1.0.1
       is-regexp: 1.0.0
 
+  /strip-ansi@3.0.1:
+    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: false
+
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -21009,7 +21019,7 @@ packages:
       graphql: 15.8.0
       iterall: 1.3.0
       symbol-observable: 1.2.0
-      ws: 7.5.9
+      ws: 7.4.6
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -21103,6 +21113,11 @@ packages:
       - supports-color
     dev: true
 
+  /supports-color@2.0.0:
+    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
+    engines: {node: '>=0.8.0'}
+    dev: false
+
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -21272,7 +21287,7 @@ packages:
       '@jridgewell/trace-mapping': 0.3.14
       jest-worker: 27.5.1
       schema-utils: 3.1.1
-      serialize-javascript: 6.0.1
+      serialize-javascript: 6.0.0
       terser: 5.14.1
       webpack: 5.74.0
     dev: true
@@ -21438,7 +21453,7 @@ packages:
     dev: true
 
   /to-array@0.1.4:
-    resolution: {integrity: sha512-LhVdShQD/4Mk4zXNroIQZJC+Ap3zgLcDuwEdcmLv9CCO73NWockQDwyUnW/m8VX/EElfL6FcYx7EeutN4HJA6A==}
+    resolution: {integrity: sha1-F+bBH3PdTz10zaek/zI46a2b+JA=}
     dev: false
 
   /to-fast-properties@2.0.0:
@@ -22169,7 +22184,7 @@ packages:
     dependencies:
       fast-glob: 3.2.12
       unplugin: 1.4.0
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
     dev: true
 
   /unplugin-fonts@1.0.3(vite@4.4.9):
@@ -22307,36 +22322,6 @@ packages:
       - supports-color
       - vite
       - webpack
-    dev: true
-
-  /unplugin-vue-components@0.21.0(vite@3.2.4)(vue@3.2.45):
-    resolution: {integrity: sha512-U7uOMNmRJ2eAv9CNjP8QRvxs6nAe3FVQUEIUphC1FGguBp3BWSLgGAcSHaX2nQy0gFoDY2mLF2M52W/t/eDaKg==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@babel/parser': ^7.15.8
-      vue: 2 || 3
-    peerDependenciesMeta:
-      '@babel/parser':
-        optional: true
-    dependencies:
-      '@antfu/utils': 0.5.2
-      '@rollup/pluginutils': 4.2.1
-      chokidar: 3.5.3
-      debug: 4.3.4(supports-color@9.2.2)
-      fast-glob: 3.3.1
-      local-pkg: 0.4.3
-      magic-string: 0.26.7
-      minimatch: 5.1.6
-      resolve: 1.22.4
-      unplugin: 0.7.1(vite@3.2.4)
-      vue: 3.2.45
-    transitivePeerDependencies:
-      - esbuild
-      - rollup
-      - supports-color
-      - vite
-      - webpack
-    dev: false
 
   /unplugin-vue-components@0.25.1(rollup@2.79.1)(vue@3.3.4):
     resolution: {integrity: sha512-kzS2ZHVMaGU2XEO2keYQcMjNZkanDSGDdY96uQT9EPe+wqSZwwgbFfKVJ5ti0+8rGAcKHColwKUvctBhq2LJ3A==}
@@ -22391,31 +22376,6 @@ packages:
       vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.4.4
-    dev: true
-
-  /unplugin@0.7.1(vite@3.2.4):
-    resolution: {integrity: sha512-Z6hNDXDNh9aimMkPU1mEjtk+2ova8gh0y7rJeJdGH1vWZOHwF2lLQiQ/R97rv9ymmzEQXsR2fyMet72T8jy6ew==}
-    peerDependencies:
-      esbuild: '>=0.13'
-      rollup: ^2.50.0
-      vite: ^2.3.0 || ^3.0.0-0
-      webpack: 4 || 5
-    peerDependenciesMeta:
-      esbuild:
-        optional: true
-      rollup:
-        optional: true
-      vite:
-        optional: true
-      webpack:
-        optional: true
-    dependencies:
-      acorn: 8.10.0
-      chokidar: 3.5.3
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.4.4
-    dev: false
 
   /unplugin@0.9.5(vite@3.2.4):
     resolution: {integrity: sha512-luraheyfxwtvkvHpsOvMNv7IjLdORTWKZp0gWYNHGLi2ImON3iIZOj464qEyyEwLA/EMt12fC415HW9zRpOfTg==}
@@ -22436,7 +22396,7 @@ packages:
     dependencies:
       acorn: 8.10.0
       chokidar: 3.5.3
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.4.4
     dev: false
@@ -22679,7 +22639,7 @@ packages:
       mlly: 1.2.0
       pathe: 1.1.0
       picocolors: 1.0.0
-      vite: 4.4.9(@types/node@18.17.6)(sass@1.66.0)(terser@5.19.2)
+      vite: 4.4.9(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -22849,7 +22809,6 @@ packages:
 
   /vite-plugin-fonts@0.6.0(vite@3.2.4):
     resolution: {integrity: sha512-dV6nnLEju8k5EmvlBH6egxkVZ+rgc5zWsJr9+cNRXBMEDnpRGHcZPI260UEDNg2yB99wSTNER2eduEvZFbMIGw==}
-    deprecated: renamed to `unplugin-fonts`, see https://github.com/cssninjaStudio/unplugin-fonts/releases/tag/v1.0.0
     peerDependencies:
       vite: ^2.0.0 || ^3.0.0
     dependencies:
@@ -22859,7 +22818,6 @@ packages:
 
   /vite-plugin-fonts@0.6.0(vite@4.4.9):
     resolution: {integrity: sha512-dV6nnLEju8k5EmvlBH6egxkVZ+rgc5zWsJr9+cNRXBMEDnpRGHcZPI260UEDNg2yB99wSTNER2eduEvZFbMIGw==}
-    deprecated: renamed to `unplugin-fonts`, see https://github.com/cssninjaStudio/unplugin-fonts/releases/tag/v1.0.0
     peerDependencies:
       vite: ^2.0.0 || ^3.0.0
     dependencies:
@@ -22952,7 +22910,7 @@ packages:
       json5: 2.2.3
       local-pkg: 0.4.3
       picocolors: 1.0.0
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       yaml: 2.3.1
     transitivePeerDependencies:
       - supports-color
@@ -22982,29 +22940,6 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-pages@0.31.0(vite@4.4.9):
-    resolution: {integrity: sha512-fw3onBfVTXQI7rOzAbSZhmfwvk50+3qNnGZpERjmD93c8nEjrGLyd53eFXYMxcJV4KA1vzi4qIHt2+6tS4dEMw==}
-    peerDependencies:
-      '@vue/compiler-sfc': ^2.7.0 || ^3.0.0
-      vite: ^2.0.0 || ^3.0.0-0 || ^4.0.0
-    peerDependenciesMeta:
-      '@vue/compiler-sfc':
-        optional: true
-    dependencies:
-      '@types/debug': 4.1.8
-      debug: 4.3.4(supports-color@9.2.2)
-      deep-equal: 2.2.2
-      extract-comments: 1.1.0
-      fast-glob: 3.3.1
-      json5: 2.2.3
-      local-pkg: 0.4.3
-      picocolors: 1.0.0
-      vite: 4.4.9(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
-      yaml: 2.3.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /vite-plugin-pwa@0.13.1(vite@3.2.4)(workbox-build@6.6.0)(workbox-window@6.6.0):
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
@@ -23064,7 +22999,7 @@ packages:
       '@vue/compiler-sfc': 3.3.4
       debug: 4.3.4(supports-color@9.2.2)
       fast-glob: 3.3.1
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       vue: 3.2.45
       vue-router: 4.1.0(vue@3.2.45)
     transitivePeerDependencies:
@@ -23096,7 +23031,7 @@ packages:
       '@windicss/plugin-utils': 1.8.8
       debug: 4.3.4(supports-color@9.2.2)
       kolorist: 1.8.0
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       windicss: 3.5.6
     transitivePeerDependencies:
       - supports-color
@@ -23151,40 +23086,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
 
-  /vite@3.2.4(@types/node@18.17.6)(sass@1.58.0):
-    resolution: {integrity: sha512-Z2X6SRAffOUYTa+sLy3NQ7nlHFU100xwanq1WDwqaiFiCe+25zdxP1TfCS5ojPV2oDDcXudHIoPnI1Z/66B7Yw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      '@types/node': 18.17.6
-      esbuild: 0.15.15
-      postcss: 8.4.28
-      resolve: 1.22.4
-      rollup: 2.79.1
-      sass: 1.58.0
-    optionalDependencies:
-      fsevents: 2.3.2
-
   /vite@4.0.4(@types/node@17.0.45):
     resolution: {integrity: sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -23384,7 +23285,7 @@ packages:
       tinybench: 2.5.0
       tinypool: 0.4.0
       tinyspy: 1.1.1
-      vite: 3.2.4(@types/node@18.17.6)(sass@1.58.0)
+      vite: 3.2.4(@types/node@17.0.45)(sass@1.53.0)(terser@5.19.2)
       vite-node: 0.29.8(@types/node@18.17.6)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
@@ -24613,6 +24514,7 @@ packages:
         optional: true
       utf-8-validate:
         optional: true
+    dev: true
 
   /ws@8.11.0:
     resolution: {integrity: sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==}
@@ -24859,6 +24761,7 @@ packages:
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
+    dev: true
 
   /yauzl@2.10.0:
     resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
@@ -24868,7 +24771,7 @@ packages:
     dev: false
 
   /yeast@0.1.2:
-    resolution: {integrity: sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg==}
+    resolution: {integrity: sha1-AI4G2AlDIMNy28L47XagymyKxBk=}
     dev: false
 
   /yn@3.1.1: