feat: cookie jar data is persisted and loaded

packages/hoppscotch-common/package.json

@@ -101,7 +101,8 @@
     "wonka": "^6.3.4",
     "workbox-window": "^7.0.0",
     "xml-formatter": "^3.5.0",
-    "yargs-parser": "^21.1.1"
+    "yargs-parser": "^21.1.1",
+    "zod": "^3.22.2"
   },
   "devDependencies": {
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",

packages/hoppscotch-common/src/newstore/localpersistence.ts

@@ -47,6 +47,9 @@ import { StorageLike, watchDebounced } from "@vueuse/core"
 import { getService } from "~/modules/dioc"
 import { RESTTabService } from "~/services/tab/rest"
 import { GQLTabService } from "~/services/tab/graphql"
+import { z } from "zod"
+import { CookieJarService } from "~/services/cookie-jar.service"
+import { watch } from "vue"
 
 function checkAndMigrateOldSettings() {
   if (window.localStorage.getItem("selectedEnvIndex")) {
@@ -182,6 +185,35 @@ function setupHistoryPersistence() {
   })
 }
 
+const cookieSchema = z.record(z.array(z.string()))
+
+function setupCookiesPersistence() {
+  const cookieJarService = getService(CookieJarService)
+
+  try {
+    const cookieData = JSON.parse(
+      window.localStorage.getItem("cookieJar") || "{}"
+    )
+
+    const parseResult = cookieSchema.safeParse(cookieData)
+
+    if (parseResult.success) {
+      for (const domain in parseResult.data) {
+        cookieJarService.bulkApplyCookiesToDomain(
+          parseResult.data[domain],
+          domain
+        )
+      }
+    }
+  } catch (e) {}
+
+  watch(cookieJarService.cookieJar, (cookieJar) => {
+    const data = JSON.stringify(Object.fromEntries(cookieJar.entries()))
+
+    window.localStorage.setItem("cookieJar", data)
+  })
+}
+
 function setupCollectionsPersistence() {
   const restCollectionData = JSON.parse(
     window.localStorage.getItem("collections") || "[]"
@@ -382,6 +414,8 @@ export function setupLocalPersistence() {
   setupSocketIOPersistence()
   setupSSEPersistence()
   setupMQTTPersistence()
+
+  setupCookiesPersistence()
 }
 
 /**

packages/hoppscotch-common/src/services/cookie-jar.service.ts

@@ -22,25 +22,19 @@ export class CookieJarService extends Service {
 
   constructor() {
     super()
-
-    // TODO: Remove this, only for testing
-    this.cookieJar.value.set("hoppscotch.io", [
-      "cookie1=value1;",
-      "cookie2=value2;",
-      "cookie6=value6; Expires=Mon, 23 Oct 2023 14:53:22 GMT",
-    ])
-
-    this.cookieJar.value.set("echo.hoppscotch.io", [
-      "cookie3=value3;",
-      "cookie4=value4; Path=/test",
-      "cookie5=value5; Expires=Mon, 23 Oct 2023 12:23:22 GMT",
-    ])
   }
 
   public parseSetCookieString(setCookieString: string) {
     return setCookieParse(setCookieString)
   }
 
+  public bulkApplyCookiesToDomain(cookies: string[], domain: string) {
+    const existingDomainEntries = this.cookieJar.value.get(domain) ?? []
+    existingDomainEntries.push(...cookies)
+
+    this.cookieJar.value.set(domain, existingDomainEntries)
+  }
+
   public getCookiesForURL(url: URL) {
     const relevantDomains = Array.from(this.cookieJar.value.keys()).filter(
       (domain) => url.hostname.endsWith(domain)