chore: bump deps for hoppscotch-common and hoppscotch-selfhost-web (#3575)

packages/hoppscotch-common/package.json

@@ -22,45 +22,41 @@
   },
   "dependencies": {
     "@apidevtools/swagger-parser": "^10.1.0",
-    "@codemirror/autocomplete": "^6.10.2",
+    "@codemirror/autocomplete": "^6.11.0",
     "@codemirror/commands": "^6.3.0",
     "@codemirror/lang-javascript": "^6.2.1",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-xml": "^6.0.2",
-    "@codemirror/language": "6.9.0",
+    "@codemirror/language": "6.9.2",
     "@codemirror/legacy-modes": "^6.3.3",
     "@codemirror/lint": "^6.4.2",
     "@codemirror/search": "^6.5.4",
     "@codemirror/state": "^6.3.1",
     "@codemirror/view": "^6.22.0",
-    "@fontsource-variable/inter": "^5.0.8",
-    "@fontsource-variable/material-symbols-rounded": "^5.0.7",
-    "@fontsource-variable/roboto-mono": "^5.0.9",
     "@hoppscotch/codemirror-lang-graphql": "workspace:^",
     "@hoppscotch/data": "workspace:^",
     "@hoppscotch/js-sandbox": "workspace:^",
     "@hoppscotch/ui": "workspace:^",
     "@hoppscotch/vue-toasted": "^0.1.0",
-    "@lezer/highlight": "1.1.4",
+    "@lezer/highlight": "1.2.0",
-    "@urql/core": "^4.1.1",
+    "@unhead/vue": "^1.8.8",
+    "@urql/core": "^4.2.0",
     "@urql/devtools": "^2.0.3",
     "@urql/exchange-auth": "^2.1.6",
-    "@urql/exchange-graphcache": "^6.3.2",
+    "@urql/exchange-graphcache": "^6.3.3",
     "@vitejs/plugin-legacy": "^4.1.1",
-    "@vueuse/core": "^10.3.0",
+    "@vueuse/core": "^10.6.1",
-    "@vueuse/head": "^1.3.1",
+    "acorn-walk": "^8.3.0",
-    "acorn-walk": "^8.2.0",
+    "axios": "^1.6.2",
-    "axios": "^1.4.0",
     "buffer": "^6.0.3",
     "cookie-es": "^1.0.0",
     "dioc": "workspace:^",
     "esprima": "^4.0.1",
     "events": "^3.3.0",
     "fp-ts": "^2.16.1",
-    "fuse.js": "^6.6.2",
     "globalthis": "^1.0.3",
-    "graphql": "^16.8.0",
+    "graphql": "^16.8.1",
-    "graphql-language-service-interface": "^2.9.1",
+    "graphql-language-service-interface": "^2.10.2",
     "graphql-tag": "^2.12.6",
     "httpsnippet": "^3.0.1",
     "insomnia-importers": "^3.6.0",
@@ -68,12 +64,12 @@
     "js-yaml": "^4.1.0",
     "jsonpath-plus": "^7.2.0",
     "lodash-es": "^4.17.21",
-    "lossless-json": "^2.0.11",
+    "lossless-json": "^3.0.2",
-    "minisearch": "^6.1.0",
+    "minisearch": "^6.3.0",
     "nprogress": "^0.2.0",
     "paho-mqtt": "^1.1.0",
     "path": "^0.12.7",
-    "postman-collection": "^4.2.0",
+    "postman-collection": "^4.3.0",
     "process": "^0.11.10",
     "qs": "^6.11.2",
     "quicktype-core": "^23.0.79",
@@ -90,19 +86,19 @@
     "tern": "^0.24.3",
     "timers": "^0.1.1",
     "tippy.js": "^6.3.7",
-    "url": "^0.11.1",
+    "url": "^0.11.3",
     "util": "^0.12.5",
-    "uuid": "^9.0.0",
     "verzod": "^0.2.0",
-    "vue": "^3.3.4",
+    "uuid": "^9.0.1",
-    "vue-i18n": "^9.2.2",
+    "vue": "^3.3.8",
-    "vue-pdf-embed": "^1.1.6",
+    "vue-i18n": "^9.7.1",
-    "vue-router": "^4.2.4",
+    "vue-pdf-embed": "^1.2.1",
+    "vue-router": "^4.2.5",
     "vue-tippy": "6.3.1",
     "vuedraggable-es": "^4.1.1",
     "wonka": "^6.3.4",
     "workbox-window": "^7.0.0",
-    "xml-formatter": "^3.5.0",
+    "xml-formatter": "^3.6.0",
     "yargs-parser": "^21.1.1",
     "zod": "^3.22.4"
   },
@@ -114,57 +110,58 @@
     "@graphql-codegen/typed-document-node": "^5.0.1",
     "@graphql-codegen/typescript": "^4.0.1",
     "@graphql-codegen/typescript-operations": "^4.0.1",
-    "@graphql-codegen/typescript-urql-graphcache": "^2.4.5",
+    "@graphql-codegen/typescript-urql-graphcache": "^3.0.0",
-    "@graphql-codegen/urql-introspection": "^2.2.1",
+    "@graphql-codegen/urql-introspection": "^3.0.0",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@iconify-json/lucide": "^1.1.119",
+    "@iconify-json/lucide": "^1.1.141",
     "@intlify/vite-plugin-vue-i18n": "^7.0.0",
     "@relmify/jest-fp-ts": "^2.1.1",
-    "@rushstack/eslint-patch": "^1.3.3",
+    "@rushstack/eslint-patch": "^1.6.0",
-    "@types/har-format": "^1.2.12",
+    "@types/har-format": "^1.2.15",
-    "@types/js-yaml": "^4.0.5",
+    "@types/js-yaml": "^4.0.9",
-    "@types/lodash-es": "^4.17.8",
+    "@types/lodash-es": "^4.17.12",
-    "@types/lossless-json": "^1.0.1",
+    "@types/lossless-json": "^1.0.4",
-    "@types/nprogress": "^0.2.0",
+    "@types/nprogress": "^0.2.3",
-    "@types/paho-mqtt": "^1.0.7",
+    "@types/paho-mqtt": "^1.0.10",
-    "@types/postman-collection": "^3.5.7",
+    "@types/postman-collection": "^3.5.10",
-    "@types/splitpanes": "^2.2.1",
+    "@types/splitpanes": "^2.2.6",
-    "@types/uuid": "^9.0.2",
+    "@types/uuid": "^9.0.7",
-    "@types/yargs-parser": "^21.0.0",
+    "@types/yargs-parser": "^21.0.3",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.4.0",
+    "@typescript-eslint/parser": "^6.12.0",
-    "@vitejs/plugin-vue": "^4.3.1",
+    "@vitejs/plugin-vue": "^4.5.0",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/compiler-sfc": "^3.3.8",
-    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/runtime-core": "^3.3.4",
+    "@vue/runtime-core": "^3.3.8",
     "autoprefixer": "^10.4.14",
     "cross-env": "^7.0.3",
     "dotenv": "^16.3.1",
-    "eslint": "^8.47.0",
+    "eslint": "^8.54.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.18.1",
     "glob": "^10.3.10",
     "npm-run-all": "^4.1.5",
     "openapi-types": "^12.1.3",
     "postcss": "^8.4.23",
-    "prettier-plugin-tailwindcss": "^0.5.6",
+    "prettier": "^3.1.0",
-    "rollup-plugin-polyfill-node": "^0.12.0",
+    "prettier-plugin-tailwindcss": "^0.5.7",
-    "sass": "^1.66.0",
+    "rollup-plugin-polyfill-node": "^0.13.0",
+    "sass": "^1.69.5",
     "tailwindcss": "^3.3.2",
-    "typescript": "^5.1.6",
+    "typescript": "^5.3.2",
-    "unplugin-fonts": "^1.0.3",
+    "unplugin-fonts": "^1.1.1",
-    "unplugin-icons": "^0.16.5",
+    "unplugin-icons": "^0.17.4",
-    "unplugin-vue-components": "^0.25.1",
+    "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.4.9",
+    "vite": "^4.5.0",
-    "vite-plugin-checker": "^0.6.1",
+    "vite-plugin-checker": "^0.6.2",
-    "vite-plugin-fonts": "^0.6.0",
+    "vite-plugin-fonts": "^0.7.0",
     "vite-plugin-html-config": "^1.0.11",
-    "vite-plugin-inspect": "^0.7.38",
+    "vite-plugin-inspect": "^0.7.42",
     "vite-plugin-pages": "^0.31.0",
     "vite-plugin-pages-sitemap": "^1.6.1",
-    "vite-plugin-pwa": "^0.16.4",
+    "vite-plugin-pwa": "^0.17.0",
     "vite-plugin-vue-layouts": "^0.8.0",
-    "vitest": "^0.34.2",
+    "vitest": "^0.34.6",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^1.8.22"
   }
-}
+}

packages/hoppscotch-common/src/components/collections/ImportExport.vue

@@ -137,8 +137,8 @@
               !currentUser
                 ? `${t('export.require_github')}`
                 : currentUser.provider !== 'github.com'
-                ? `${t('export.require_github')}`
+                  ? `${t('export.require_github')}`
-                : undefined
+                  : undefined
             "
             class="flex"
           >
@@ -147,8 +147,8 @@
                 !currentUser
                   ? true
                   : currentUser.provider !== 'github.com'
-                  ? true
+                    ? true
-                  : false
+                    : false
               "
               :icon="IconGithub"
               :loading="creatingGistCollection"

packages/hoppscotch-common/src/components/collections/graphql/ImportExport.vue

@@ -38,8 +38,8 @@
                   !currentUser
                     ? `${t('export.require_github')}`
                     : currentUser.provider !== 'github.com'
-                    ? `${t('export.require_github')}`
+                      ? `${t('export.require_github')}`
-                    : undefined
+                      : undefined
                 "
               >
                 <HoppSmartItem
@@ -47,8 +47,8 @@
                     !currentUser
                       ? true
                       : currentUser.provider !== 'github.com'
-                      ? true
+                        ? true
-                      : false
+                        : false
                   "
                   :icon="IconGithub"
                   :label="t('export.create_secret_gist')"

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

@@ -42,8 +42,8 @@
                   !currentUser
                     ? `${t('export.require_github')}`
                     : currentUser.provider !== 'github.com'
-                    ? `${t('export.require_github')}`
+                      ? `${t('export.require_github')}`
-                    : undefined
+                      : undefined
                 "
               >
                 <HoppSmartItem
@@ -51,8 +51,8 @@
                     !currentUser
                       ? true
                       : currentUser.provider !== 'github.com'
-                      ? true
+                        ? true
-                      : false
+                        : false
                   "
                   :icon="IconGithub"
                   :label="t('export.create_secret_gist')"

packages/hoppscotch-common/src/composables/head.ts

@@ -1 +1 @@
-export { useHead as usePageHead } from "@vueuse/head"
+export { useHead as usePageHead } from "@unhead/vue"

packages/hoppscotch-common/src/helpers/functional/object.ts

@@ -33,20 +33,20 @@ type TypeFromPrimitiveArray<P extends JSPrimitive | undefined> =
   P extends "undefined"
     ? undefined
     : P extends "object"
-    ? object[] | null
+      ? object[] | null
-    : P extends "boolean"
+      : P extends "boolean"
-    ? boolean[]
+        ? boolean[]
-    : P extends "number"
+        : P extends "number"
-    ? number[]
+          ? number[]
-    : P extends "bigint"
+          : P extends "bigint"
-    ? bigint[]
+            ? bigint[]
-    : P extends "string"
+            : P extends "string"
-    ? string[]
+              ? string[]
-    : P extends "symbol"
+              : P extends "symbol"
-    ? symbol[]
+                ? symbol[]
-    : P extends "function"
+                : P extends "function"
-    ? Function[] // eslint-disable-line @typescript-eslint/ban-types
+                  ? Function[] // eslint-disable-line @typescript-eslint/ban-types
-    : unknown[]
+                  : unknown[]
 
 // The ban-types silence is because in this case,
 // we can't get the Function type info to make a better guess

packages/hoppscotch-common/src/helpers/functional/primtive.ts

@@ -12,20 +12,20 @@ export type TypeFromPrimitive<P extends JSPrimitive | undefined> =
   P extends "undefined"
     ? undefined
     : P extends "object"
-    ? object | null // typeof null === "object"
+      ? object | null // typeof null === "object"
-    : P extends "boolean"
+      : P extends "boolean"
-    ? boolean
+        ? boolean
-    : P extends "number"
+        : P extends "number"
-    ? number
+          ? number
-    : P extends "bigint"
+          : P extends "bigint"
-    ? bigint
+            ? bigint
-    : P extends "string"
+            : P extends "string"
-    ? string
+              ? string
-    : P extends "symbol"
+              : P extends "symbol"
-    ? symbol
+                ? symbol
-    : P extends "function"
+                : P extends "function"
-    ? Function // eslint-disable-line @typescript-eslint/ban-types
+                  ? Function // eslint-disable-line @typescript-eslint/ban-types
-    : unknown
+                  : unknown
 
 // The ban-types silence is because in this case,
 // we can't get the Function type info to make a better guess

packages/hoppscotch-common/src/index.ts

@@ -5,13 +5,12 @@ import { initBackendGQLClient } from "./helpers/backend/GQLClient"
 import { performMigrations } from "./helpers/migrations"
 import { PlatformDef, setPlatformDef } from "./platform"
 
-import "@fontsource-variable/inter"
-import "@fontsource-variable/material-symbols-rounded"
-import "@fontsource-variable/roboto-mono"
-import "nprogress/nprogress.css"
-import "../assets/scss/styles.scss"
 import "../assets/scss/tailwind.scss"
 import "../assets/themes/themes.scss"
+import "../assets/scss/styles.scss"
+import "nprogress/nprogress.css"
+
+import "unfonts.css"
 
 import App from "./App.vue"
 import { getService } from "./modules/dioc"

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

@@ -1,21 +1,20 @@
-import { createHead, useHead } from "@vueuse/head"
+import { createHead, useHead } from "@unhead/vue"
 import { APP_INFO } from "~/../meta"
 import { HoppModule } from "."
 
 export default <HoppModule>{
   onVueAppInit(app) {
-    const head = createHead({
+    const head = createHead()
-      title: `${APP_INFO.name} • ${APP_INFO.shortDescription}`,
-      titleTemplate(title) {
-        return title === "Hoppscotch" ? title : `${title} • Hoppscotch`
-      },
-    })
 
     app.use(head)
   },
 
   onRootSetup() {
-    // Load the defaults into the app
+    useHead({
-    useHead({})
+      title: `${APP_INFO.name} • ${APP_INFO.shortDescription}`,
+      titleTemplate(title) {
+        return title === "Hoppscotch" ? title : `${title} • Hoppscotch`
+      },
+    })
   },
 }

packages/hoppscotch-common/src/pages/realtime/mqtt.vue

@@ -46,8 +46,8 @@
               connectionState === 'CONNECTING'
                 ? t('action.connecting')
                 : connectionState === 'DISCONNECTED'
-                ? t('action.connect')
+                  ? t('action.connect')
-                : t('action.disconnect')
+                  : t('action.disconnect')
             "
             :loading="connectionState === 'CONNECTING'"
             @click="toggleConnection"

packages/hoppscotch-common/src/pages/realtime/socketio.vue

@@ -85,8 +85,8 @@
               connectionState === 'CONNECTING'
                 ? t('action.connecting')
                 : connectionState === 'DISCONNECTED'
-                ? t('action.connect')
+                  ? t('action.connect')
-                : t('action.disconnect')
+                  : t('action.disconnect')
             "
             :loading="connectionState === 'CONNECTING'"
             @click="toggleConnection"

packages/hoppscotch-common/src/pages/realtime/sse.vue

@@ -45,8 +45,8 @@
               connectionState === 'STARTING'
                 ? t('action.starting')
                 : connectionState === 'STOPPED'
-                ? t('action.start')
+                  ? t('action.start')
-                : t('action.stop')
+                  : t('action.stop')
             "
             :loading="connectionState === 'STARTING'"
             @click="toggleSSEConnection"

packages/hoppscotch-common/src/pages/realtime/websocket.vue

@@ -26,8 +26,8 @@
                 connectionState === 'CONNECTING'
                   ? t('action.connecting')
                   : connectionState === 'DISCONNECTED'
-                  ? t('action.connect')
+                    ? t('action.connect')
-                  : t('action.disconnect')
+                    : t('action.disconnect')
               "
               :loading="connectionState === 'CONNECTING'"
               @click="toggleConnection"

packages/hoppscotch-selfhost-web/package.json

@@ -23,62 +23,61 @@
     "postinstall": "pnpm run gql-codegen"
   },
   "dependencies": {
-    "@fontsource-variable/inter": "^5.0.8",
+    "@fontsource-variable/inter": "^5.0.15",
-    "@fontsource-variable/material-symbols-rounded": "^5.0.7",
+    "@fontsource-variable/material-symbols-rounded": "^5.0.16",
-    "@fontsource-variable/roboto-mono": "^5.0.9",
+    "@fontsource-variable/roboto-mono": "^5.0.16",
     "@hoppscotch/common": "workspace:^",
     "@hoppscotch/data": "workspace:^",
-    "@import-meta-env/unplugin": "^0.4.8",
+    "@import-meta-env/unplugin": "^0.4.10",
-    "axios": "^1.4.0",
+    "axios": "^1.6.2",
     "buffer": "^6.0.3",
     "fp-ts": "^2.16.1",
     "process": "^0.11.10",
     "rxjs": "^7.8.1",
     "stream-browserify": "^3.0.0",
     "util": "^0.12.5",
-    "vue": "^3.3.4",
+    "vue": "^3.3.8",
     "workbox-window": "^7.0.0"
   },
   "devDependencies": {
-    "@hoppscotch/ui": "workspace:^",
-    "autoprefixer": "^10.4.14",
     "@graphql-codegen/add": "^5.0.0",
     "@graphql-codegen/cli": "^5.0.0",
     "@graphql-codegen/typed-document-node": "^5.0.1",
     "@graphql-codegen/typescript": "^4.0.1",
     "@graphql-codegen/typescript-operations": "^4.0.1",
-    "@graphql-codegen/typescript-urql-graphcache": "^2.4.5",
+    "@graphql-codegen/typescript-urql-graphcache": "^3.0.0",
-    "@graphql-codegen/urql-introspection": "^2.2.1",
+    "@graphql-codegen/urql-introspection": "^3.0.0",
     "@graphql-typed-document-node/core": "^3.2.0",
+    "@hoppscotch/ui": "workspace:^",
     "@intlify/vite-plugin-vue-i18n": "^7.0.0",
-    "@rushstack/eslint-patch": "^1.3.3",
+    "@rushstack/eslint-patch": "^1.6.0",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.4.0",
+    "@typescript-eslint/parser": "^6.12.0",
     "@vitejs/plugin-legacy": "^4.1.1",
-    "@vitejs/plugin-vue": "^4.3.1",
+    "@vitejs/plugin-vue": "^4.5.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "autoprefixer": "^10.4.14",
     "cross-env": "^7.0.3",
-    "eslint": "^8.47.0",
+    "eslint": "^8.54.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.18.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.23",
-    "prettier-plugin-tailwindcss": "^0.5.6",
+    "prettier-plugin-tailwindcss": "^0.5.7",
     "tailwindcss": "^3.3.2",
-    "typescript": "^5.1.6",
+    "typescript": "^5.3.2",
-    "unplugin-fonts": "^1.0.3",
+    "unplugin-fonts": "^1.1.1",
-    "unplugin-icons": "^0.16.5",
+    "unplugin-icons": "^0.17.4",
-    "unplugin-vue-components": "^0.25.1",
+    "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.4.9",
+    "vite": "^4.5.0",
-    "vite-plugin-fonts": "^0.6.0",
+    "vite-plugin-fonts": "^0.7.0",
     "vite-plugin-html-config": "^1.0.11",
-    "vite-plugin-inspect": "^0.7.38",
+    "vite-plugin-inspect": "^0.7.42",
     "vite-plugin-pages": "^0.31.0",
     "vite-plugin-pages-sitemap": "^1.6.1",
-    "vite-plugin-pwa": "^0.16.4",
+    "vite-plugin-pwa": "^0.17.0",
-    "vite-plugin-static-copy": "^0.17.0",
+    "vite-plugin-static-copy": "^0.17.1",
     "vite-plugin-vue-layouts": "^0.8.0",
-    "vitest": "^0.34.2",
+    "vue-tsc": "^1.8.22"
-    "vue-tsc": "^1.8.8"
   }
-}
+}