chore: split url and file importer steps

packages/hoppscotch-app/helpers/import-export/import/gist.ts

@@ -0,0 +1,41 @@
+import { pipe } from "fp-ts/function"
+import * as TE from "fp-ts/TaskEither"
+import * as E from "fp-ts/Either"
+import { step } from "../steps"
+import { defineImporter, IMPORTER_INVALID_FILE_FORMAT } from "."
+import { translateToNewRESTCollection } from "~/newstore/collections"
+
+export default defineImporter({
+  name: "import.gist",
+  icon: "github",
+  steps: [
+    step({
+      stepName: "URL_IMPORT",
+      metadata: {
+        placeholder: "import.gist_url",
+      },
+    }),
+  ] as const,
+  importer: ([content]) =>
+    pipe(
+      E.tryCatch(
+        async () => {
+          await fetch(
+            `https://api.github.com/gists/${content.split("/").pop()}`,
+            {
+              headers: {
+                Accept: "application/vnd.github.v3+json",
+              },
+            }
+          ).then((files) => {
+            debugger
+            return JSON.parse(Object.values(files)[0].content).map(
+              (coll: any) => translateToNewRESTCollection(coll)
+            )
+          })
+        },
+        () => IMPORTER_INVALID_FILE_FORMAT
+      ),
+      TE.fromEither
+    ),
+})

packages/hoppscotch-app/helpers/import-export/import/hopp.ts

@@ -10,7 +10,7 @@ export default defineImporter({
   icon: "folder-plus",
   steps: [
     step({
-      stepName: "FILE_OR_URL_IMPORT",
+      stepName: "FILE_IMPORT",
       metadata: {
         acceptedFileTypes: "application/json",
       },

packages/hoppscotch-app/helpers/import-export/import/importers.ts

@@ -2,10 +2,12 @@ import HoppRESTCollImporter from "./hopp"
 import OpenAPIImporter from "./openapi"
 import PostmanImporter from "./postman"
 import InsomniaImporter from "./insomnia"
+import GistImporter from "./gist"
 
 export const RESTCollectionImporters = [
   HoppRESTCollImporter,
   OpenAPIImporter,
   PostmanImporter,
   InsomniaImporter,
+  GistImporter,
 ] as const

packages/hoppscotch-app/helpers/import-export/import/insomnia.ts

@@ -14,7 +14,7 @@ export default defineImporter({
   icon: "insomnia",
   steps: [
     step({
-      stepName: "FILE_OR_URL_IMPORT",
+      stepName: "FILE_IMPORT",
       metadata: {
         acceptedFileTypes: ".json",
       },

packages/hoppscotch-app/helpers/import-export/import/openapi.ts

@@ -589,7 +589,7 @@ export default defineImporter({
   icon: "file",
   steps: [
     step({
-      stepName: "FILE_OR_URL_IMPORT",
+      stepName: "FILE_IMPORT",
       metadata: {
         acceptedFileTypes: ".json, .yaml, .yml",
       },

packages/hoppscotch-app/helpers/import-export/import/postman.ts

@@ -183,7 +183,7 @@ export default defineImporter({
   icon: "postman",
   steps: [
     step({
-      stepName: "FILE_OR_URL_IMPORT",
+      stepName: "FILE_IMPORT",
       metadata: {
         acceptedFileTypes: ".json",
       },

packages/hoppscotch-app/helpers/import-export/steps.ts

@@ -3,16 +3,22 @@
  * Add an entry here when you define a step
  */
 export type StepDefinition = {
-  FILE_OR_URL_IMPORT: {
+  FILE_IMPORT: {
     returnType: string
     metadata: {
       acceptedFileTypes: string
     }
-  } // String content of the file/url
+  } // String content of the file
   TARGET_MY_COLLECTION: {
     returnType: number
     metadata: never
   } // folderPath
+  URL_IMPORT: {
+    returnType: string
+    metadata: {
+      placeholder: string
+    }
+  } // String content of the url
 }
 
 /**