feat: revamped spotlight (#3171)

Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>

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

@@ -17,7 +17,10 @@
 import { usePageHead } from "@composables/head"
 import { useI18n } from "@composables/i18n"
 import { GQLConnection } from "@helpers/GQLConnection"
+import { cloneDeep } from "lodash-es"
 import { computed, onBeforeUnmount } from "vue"
+import { defineActionHandler } from "~/helpers/actions"
+import { getGQLSession, setGQLSession } from "~/newstore/GQLSession"
 
 const t = useI18n()
 
@@ -32,4 +35,14 @@ onBeforeUnmount(() => {
     gqlConn.disconnect()
   }
 })
+
+defineActionHandler("gql.request.open", ({ request }) => {
+  const session = getGQLSession()
+
+  setGQLSession({
+    request: cloneDeep(request),
+    schema: session.schema,
+    response: session.response,
+  })
+})
 </script>

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

@@ -108,7 +108,7 @@ import {
   updateTabOrdering,
 } from "~/helpers/rest/tab"
 import { getDefaultRESTRequest } from "~/helpers/rest/default"
-import { invokeAction } from "~/helpers/actions"
+import { defineActionHandler, invokeAction } from "~/helpers/actions"
 import { onLoggedIn } from "~/composables/auth"
 import { platform } from "~/platform"
 import {
@@ -368,4 +368,8 @@ function oAuthURL() {
 setupTabStateSync()
 bindRequestToURLParams()
 oAuthURL()
+
+defineActionHandler("rest.request.open", ({ doc }) => {
+  createNewTab(doc)
+})
 </script>