From 37a3b72025145b14fbde00946183deb41d32d252 Mon Sep 17 00:00:00 2001
From: Akash K <57758277+amk-dev@users.noreply.github.com>
Date: Tue, 4 Apr 2023 02:15:20 +0530
Subject: [PATCH] chore: move analytics to platform (#2960)

---
 packages/hoppscotch-common/package.json       |   1 -
 .../src/components/graphql/Request.vue        |   4 +-
 .../src/components/graphql/RequestOptions.vue |   4 +-
 .../src/helpers/app/index.ts                  |  21 ++++
 .../hoppscotch-common/src/helpers/fb/index.ts |  36 -------
 .../src/helpers/fb/settings.ts                |  99 -----------------
 .../src/helpers/realtime/MQTTConnection.ts    |   4 +-
 .../src/helpers/realtime/SIOConnection.ts     |   4 +-
 .../src/helpers/realtime/SSEConnection.ts     |   4 +-
 .../src/helpers/realtime/WSConnection.ts      |   4 +-
 packages/hoppscotch-common/src/index.ts       |   4 +-
 .../hoppscotch-common/src/modules/router.ts   |   4 +-
 .../hoppscotch-common/src/pages/enter.vue     |   4 +-
 .../hoppscotch-common/src/pages/join-team.vue |   4 +-
 .../src/platform/analytics.ts                 |  12 +++
 .../hoppscotch-common/src/platform/index.ts   |   2 +
 .../fb => hoppscotch-web/src}/analytics.ts    |  24 +++--
 packages/hoppscotch-web/src/main.ts           |   2 +
 pnpm-lock.yaml                                | 101 ++++++++++++------
 19 files changed, 140 insertions(+), 198 deletions(-)
 create mode 100644 packages/hoppscotch-common/src/helpers/app/index.ts
 delete mode 100644 packages/hoppscotch-common/src/helpers/fb/index.ts
 delete mode 100644 packages/hoppscotch-common/src/helpers/fb/settings.ts
 create mode 100644 packages/hoppscotch-common/src/platform/analytics.ts
 rename packages/{hoppscotch-common/src/helpers/fb => hoppscotch-web/src}/analytics.ts (87%)

diff --git a/packages/hoppscotch-common/package.json b/packages/hoppscotch-common/package.json
index 4263f0dab..f7846859c 100644
--- a/packages/hoppscotch-common/package.json
+++ b/packages/hoppscotch-common/package.json
@@ -50,7 +50,6 @@
     "buffer": "^6.0.3",
     "esprima": "^4.0.1",
     "events": "^3.3.0",
-    "firebase": "^9.8.4",
     "fp-ts": "^2.12.1",
     "fuse.js": "^6.6.2",
     "globalthis": "^1.0.3",
diff --git a/packages/hoppscotch-common/src/components/graphql/Request.vue b/packages/hoppscotch-common/src/components/graphql/Request.vue
index c12da4055..08a985790 100644
--- a/packages/hoppscotch-common/src/components/graphql/Request.vue
+++ b/packages/hoppscotch-common/src/components/graphql/Request.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { logHoppRequestRunToAnalytics } from "~/helpers/fb/analytics"
+import { platform } from "~/platform"
 import { GQLConnection } from "~/helpers/GQLConnection"
 import { getCurrentStrategyID } from "~/helpers/network"
 import { useReadonlyStream, useStream } from "@composables/stream"
@@ -48,7 +48,7 @@ const onConnectClick = () => {
   if (!connected.value) {
     props.conn.connect(url.value, headers.value as any)
 
-    logHoppRequestRunToAnalytics({
+    platform.analytics?.logHoppRequestRunToAnalytics({
       platform: "graphql-schema",
       strategy: getCurrentStrategyID(),
     })
diff --git a/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue b/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue
index a5007156e..17c22ce72 100644
--- a/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue
+++ b/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue
@@ -379,7 +379,7 @@ import {
 import { commonHeaders } from "~/helpers/headers"
 import { GQLConnection } from "~/helpers/GQLConnection"
 import { makeGQLHistoryEntry, addGraphqlHistoryEntry } from "~/newstore/history"
-import { logHoppRequestRunToAnalytics } from "~/helpers/fb/analytics"
+import { platform } from "~/platform"
 import { getCurrentStrategyID } from "~/helpers/network"
 import { useCodemirror } from "@composables/codemirror"
 import jsonLinter from "~/helpers/editor/linting/json"
@@ -748,7 +748,7 @@ const runQuery = async () => {
     console.error(e)
   }
 
-  logHoppRequestRunToAnalytics({
+  platform.analytics?.logHoppRequestRunToAnalytics({
     platform: "graphql-query",
     strategy: getCurrentStrategyID(),
   })
diff --git a/packages/hoppscotch-common/src/helpers/app/index.ts b/packages/hoppscotch-common/src/helpers/app/index.ts
new file mode 100644
index 000000000..36ca9dda0
--- /dev/null
+++ b/packages/hoppscotch-common/src/helpers/app/index.ts
@@ -0,0 +1,21 @@
+import { platform } from "~/platform"
+
+let initialized = false
+
+export function initializeApp() {
+  if (!initialized) {
+    try {
+      platform.auth.performAuthInit()
+      platform.sync.settings.initSettingsSync()
+      platform.sync.collections.initCollectionsSync()
+      platform.sync.history.initHistorySync()
+      platform.sync.environments.initEnvironmentsSync()
+      platform.analytics?.initAnalytics()
+
+      initialized = true
+    } catch (e) {
+      // initializeApp throws exception if we reinitialize
+      initialized = true
+    }
+  }
+}
diff --git a/packages/hoppscotch-common/src/helpers/fb/index.ts b/packages/hoppscotch-common/src/helpers/fb/index.ts
deleted file mode 100644
index 4c4e15524..000000000
--- a/packages/hoppscotch-common/src/helpers/fb/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { initializeApp } from "firebase/app"
-import { platform } from "~/platform"
-import { initAnalytics } from "./analytics"
-
-const firebaseConfig = {
-  apiKey: import.meta.env.VITE_API_KEY,
-  authDomain: import.meta.env.VITE_AUTH_DOMAIN,
-  databaseURL: import.meta.env.VITE_DATABASE_URL,
-  projectId: import.meta.env.VITE_PROJECT_ID,
-  storageBucket: import.meta.env.VITE_STORAGE_BUCKET,
-  messagingSenderId: import.meta.env.VITE_MESSAGING_SENDER_ID,
-  appId: import.meta.env.VITE_APP_ID,
-  measurementId: import.meta.env.VITE_MEASUREMENT_ID,
-}
-
-let initialized = false
-
-export function initializeFirebase() {
-  if (!initialized) {
-    try {
-      initializeApp(firebaseConfig)
-
-      platform.auth.performAuthInit()
-      platform.sync.settings.initSettingsSync()
-      platform.sync.collections.initCollectionsSync()
-      platform.sync.history.initHistorySync()
-      platform.sync.environments.initEnvironmentsSync()
-      initAnalytics()
-
-      initialized = true
-    } catch (e) {
-      // initializeApp throws exception if we reinitialize
-      initialized = true
-    }
-  }
-}
diff --git a/packages/hoppscotch-common/src/helpers/fb/settings.ts b/packages/hoppscotch-common/src/helpers/fb/settings.ts
deleted file mode 100644
index 1afc5713d..000000000
--- a/packages/hoppscotch-common/src/helpers/fb/settings.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import {
-  collection,
-  doc,
-  getFirestore,
-  onSnapshot,
-  setDoc,
-} from "firebase/firestore"
-import { platform } from "~/platform"
-import { applySetting, settingsStore, SettingsDef } from "~/newstore/settings"
-
-/**
- * Used locally to prevent infinite loop when settings sync update
- * is applied to the store which then fires the store sync listener.
- * When you want to update settings and not want to fire the update listener,
- * set this to true and then set it back to false once it is done
- */
-let loadedSettings = false
-
-/**
- * Write Transform
- */
-async function writeSettings(setting: string, value: any) {
-  const currentUser = platform.auth.getCurrentUser()
-
-  if (currentUser === null)
-    throw new Error("Cannot write setting, user not signed in")
-
-  const st = {
-    updatedOn: new Date(),
-    author: currentUser.uid,
-    author_name: currentUser.displayName,
-    author_image: currentUser.photoURL,
-    name: setting,
-    value,
-  }
-
-  try {
-    await setDoc(
-      doc(getFirestore(), "users", currentUser.uid, "settings", setting),
-      st
-    )
-  } catch (e) {
-    console.error("error updating", st, e)
-    throw e
-  }
-}
-
-export function initSettings() {
-  const currentUser$ = platform.auth.getCurrentUserStream()
-
-  settingsStore.dispatches$.subscribe((dispatch) => {
-    const currentUser = platform.auth.getCurrentUser()
-
-    if (currentUser && loadedSettings) {
-      if (dispatch.dispatcher === "bulkApplySettings") {
-        Object.keys(dispatch.payload).forEach((key) => {
-          writeSettings(key, dispatch.payload[key])
-        })
-      } else {
-        writeSettings(
-          dispatch.payload.settingKey,
-          settingsStore.value[dispatch.payload.settingKey as keyof SettingsDef]
-        )
-      }
-    }
-  })
-
-  let snapshotStop: (() => void) | null = null
-
-  // Subscribe and unsubscribe event listeners
-  currentUser$.subscribe((user) => {
-    if (!user && snapshotStop) {
-      // User logged out
-      snapshotStop()
-      snapshotStop = null
-    } else if (user) {
-      snapshotStop = onSnapshot(
-        collection(getFirestore(), "users", user.uid, "settings"),
-        (settingsRef) => {
-          const settings: any[] = []
-
-          settingsRef.forEach((doc) => {
-            const setting = doc.data()
-            setting.id = doc.id
-            settings.push(setting)
-          })
-
-          loadedSettings = false
-          settings.forEach((e) => {
-            if (e && e.name && e.value != null) {
-              applySetting(e.name, e.value)
-            }
-          })
-          loadedSettings = true
-        }
-      )
-    }
-  })
-}
diff --git a/packages/hoppscotch-common/src/helpers/realtime/MQTTConnection.ts b/packages/hoppscotch-common/src/helpers/realtime/MQTTConnection.ts
index a5aefea99..f8d42ca9d 100644
--- a/packages/hoppscotch-common/src/helpers/realtime/MQTTConnection.ts
+++ b/packages/hoppscotch-common/src/helpers/realtime/MQTTConnection.ts
@@ -1,6 +1,6 @@
 import Paho, { ConnectionOptions } from "paho-mqtt"
 import { BehaviorSubject, Subject } from "rxjs"
-import { logHoppRequestRunToAnalytics } from "../fb/analytics"
+import { platform } from "~/platform"
 
 export type MQTTConnectionConfig = {
   username?: string
@@ -105,7 +105,7 @@ export class MQTTConnection {
       this.handleError(e)
     }
 
-    logHoppRequestRunToAnalytics({
+    platform.analytics?.logHoppRequestRunToAnalytics({
       platform: "mqtt",
     })
   }
diff --git a/packages/hoppscotch-common/src/helpers/realtime/SIOConnection.ts b/packages/hoppscotch-common/src/helpers/realtime/SIOConnection.ts
index 5f215685b..3536546f5 100644
--- a/packages/hoppscotch-common/src/helpers/realtime/SIOConnection.ts
+++ b/packages/hoppscotch-common/src/helpers/realtime/SIOConnection.ts
@@ -1,7 +1,7 @@
 import { BehaviorSubject, Subject } from "rxjs"
-import { logHoppRequestRunToAnalytics } from "../fb/analytics"
 import { SIOClientV2, SIOClientV3, SIOClientV4, SIOClient } from "./SIOClients"
 import { SIOClientVersion } from "~/newstore/SocketIOSession"
+import { platform } from "~/platform"
 
 export const SOCKET_CLIENTS = {
   v2: SIOClientV2,
@@ -113,7 +113,7 @@ export class SIOConnection {
       this.handleError(error, "CONNECTION")
     }
 
-    logHoppRequestRunToAnalytics({
+    platform.analytics?.logHoppRequestRunToAnalytics({
       platform: "socketio",
     })
   }
diff --git a/packages/hoppscotch-common/src/helpers/realtime/SSEConnection.ts b/packages/hoppscotch-common/src/helpers/realtime/SSEConnection.ts
index d10628359..e0af6f8bd 100644
--- a/packages/hoppscotch-common/src/helpers/realtime/SSEConnection.ts
+++ b/packages/hoppscotch-common/src/helpers/realtime/SSEConnection.ts
@@ -1,5 +1,5 @@
 import { BehaviorSubject, Subject } from "rxjs"
-import { logHoppRequestRunToAnalytics } from "../fb/analytics"
+import { platform } from "~/platform"
 
 export type SSEEvent = { time: number } & (
   | { type: "STARTING" }
@@ -63,7 +63,7 @@ export class SSEConnection {
       })
     }
 
-    logHoppRequestRunToAnalytics({
+    platform.analytics?.logHoppRequestRunToAnalytics({
       platform: "sse",
     })
   }
diff --git a/packages/hoppscotch-common/src/helpers/realtime/WSConnection.ts b/packages/hoppscotch-common/src/helpers/realtime/WSConnection.ts
index f0c4a1616..9596a346c 100644
--- a/packages/hoppscotch-common/src/helpers/realtime/WSConnection.ts
+++ b/packages/hoppscotch-common/src/helpers/realtime/WSConnection.ts
@@ -1,5 +1,5 @@
 import { BehaviorSubject, Subject } from "rxjs"
-import { logHoppRequestRunToAnalytics } from "../fb/analytics"
+import { platform } from "~/platform"
 
 export type WSErrorMessage = SyntaxError | Event
 
@@ -71,7 +71,7 @@ export class WSConnection {
       this.handleError(error as SyntaxError)
     }
 
-    logHoppRequestRunToAnalytics({
+    platform.analytics?.logHoppRequestRunToAnalytics({
       platform: "wss",
     })
   }
diff --git a/packages/hoppscotch-common/src/index.ts b/packages/hoppscotch-common/src/index.ts
index 6e7670605..939df3ef5 100644
--- a/packages/hoppscotch-common/src/index.ts
+++ b/packages/hoppscotch-common/src/index.ts
@@ -2,7 +2,7 @@ import { createApp } from "vue"
 import { PlatformDef, setPlatformDef } from "./platform"
 import { setupLocalPersistence } from "./newstore/localpersistence"
 import { performMigrations } from "./helpers/migrations"
-import { initializeFirebase } from "./helpers/fb"
+import { initializeApp } from "./helpers/app"
 import { initBackendGQLClient } from "./helpers/backend/GQLClient"
 import { HOPP_MODULES } from "@modules/."
 
@@ -20,7 +20,7 @@ export function createHoppApp(el: string | Element, platformDef: PlatformDef) {
 
   // Some basic work that needs to be done before module inits even
   initBackendGQLClient()
-  initializeFirebase()
+  initializeApp()
   setupLocalPersistence()
   performMigrations()
 
diff --git a/packages/hoppscotch-common/src/modules/router.ts b/packages/hoppscotch-common/src/modules/router.ts
index 7fdd674ce..749a0ffa6 100644
--- a/packages/hoppscotch-common/src/modules/router.ts
+++ b/packages/hoppscotch-common/src/modules/router.ts
@@ -6,8 +6,8 @@ import {
 } from "vue-router"
 import { setupLayouts } from "virtual:generated-layouts"
 import generatedRoutes from "virtual:generated-pages"
-import { logPageView } from "~/helpers/fb/analytics"
 import { readonly, ref } from "vue"
+import { platform } from "~/platform"
 
 const routes = setupLayouts(generatedRoutes)
 
@@ -59,7 +59,7 @@ export default <HoppModule>{
     // module to expose a stream of router events that can be independently
     // subbed to
     router.afterEach((to) => {
-      logPageView(to.fullPath)
+      platform.analytics?.logPageView(to.fullPath)
 
       _isLoadingInitialRoute.value = false
 
diff --git a/packages/hoppscotch-common/src/pages/enter.vue b/packages/hoppscotch-common/src/pages/enter.vue
index 5904e1be9..aad626471 100644
--- a/packages/hoppscotch-common/src/pages/enter.vue
+++ b/packages/hoppscotch-common/src/pages/enter.vue
@@ -9,7 +9,7 @@
 <script lang="ts">
 import { defineComponent } from "vue"
 import { useI18n } from "@composables/i18n"
-import { initializeFirebase } from "~/helpers/fb"
+import { initializeApp } from "~/helpers/app"
 import { platform } from "~/platform"
 
 export default defineComponent({
@@ -25,7 +25,7 @@ export default defineComponent({
     }
   },
   beforeMount() {
-    initializeFirebase()
+    initializeApp()
   },
   async mounted() {
     this.signingInWithEmail = true
diff --git a/packages/hoppscotch-common/src/pages/join-team.vue b/packages/hoppscotch-common/src/pages/join-team.vue
index 0a5d3f48e..2190c15d5 100644
--- a/packages/hoppscotch-common/src/pages/join-team.vue
+++ b/packages/hoppscotch-common/src/pages/join-team.vue
@@ -155,7 +155,7 @@ import {
   GetInviteDetailsQueryVariables,
 } from "~/helpers/backend/graphql"
 import { acceptTeamInvitation } from "~/helpers/backend/mutations/TeamInvitation"
-import { initializeFirebase } from "~/helpers/fb"
+import { initializeApp } from "~/helpers/app"
 import { platform } from "~/platform"
 import { onLoggedIn } from "@composables/auth"
 import { useReadonlyStream } from "@composables/stream"
@@ -234,7 +234,7 @@ export default defineComponent({
     }
   },
   beforeMount() {
-    initializeFirebase()
+    initializeApp()
   },
   mounted() {
     if (typeof this.$route.query.id === "string") {
diff --git a/packages/hoppscotch-common/src/platform/analytics.ts b/packages/hoppscotch-common/src/platform/analytics.ts
new file mode 100644
index 000000000..31db089ca
--- /dev/null
+++ b/packages/hoppscotch-common/src/platform/analytics.ts
@@ -0,0 +1,12 @@
+export type HoppRequestEvent =
+  | {
+      platform: "rest" | "graphql-query" | "graphql-schema"
+      strategy: "normal" | "proxy" | "extension"
+    }
+  | { platform: "wss" | "sse" | "socketio" | "mqtt" }
+
+export type AnalyticsPlatformDef = {
+  initAnalytics: () => void
+  logHoppRequestRunToAnalytics: (ev: HoppRequestEvent) => void
+  logPageView: (pagePath: string) => void
+}
diff --git a/packages/hoppscotch-common/src/platform/index.ts b/packages/hoppscotch-common/src/platform/index.ts
index 9c8a1ff08..9ce384458 100644
--- a/packages/hoppscotch-common/src/platform/index.ts
+++ b/packages/hoppscotch-common/src/platform/index.ts
@@ -5,10 +5,12 @@ import { CollectionsPlatformDef } from "./collections"
 import { SettingsPlatformDef } from "./settings"
 import { HistoryPlatformDef } from "./history"
 import { TabStatePlatformDef } from "./tab"
+import { AnalyticsPlatformDef } from "./analytics"
 
 export type PlatformDef = {
   ui?: UIPlatformDef
   auth: AuthPlatformDef
+  analytics?: AnalyticsPlatformDef
   sync: {
     environments: EnvironmentsPlatformDef
     collections: CollectionsPlatformDef
diff --git a/packages/hoppscotch-common/src/helpers/fb/analytics.ts b/packages/hoppscotch-web/src/analytics.ts
similarity index 87%
rename from packages/hoppscotch-common/src/helpers/fb/analytics.ts
rename to packages/hoppscotch-web/src/analytics.ts
index 918a64db4..2c2e5e3ae 100644
--- a/packages/hoppscotch-common/src/helpers/fb/analytics.ts
+++ b/packages/hoppscotch-web/src/analytics.ts
@@ -1,3 +1,8 @@
+import {
+  AnalyticsPlatformDef,
+  HoppRequestEvent,
+} from "@hoppscotch/common/platform/analytics"
+
 import {
   Analytics,
   getAnalytics,
@@ -6,13 +11,13 @@ import {
   setUserId,
   setUserProperties,
 } from "firebase/analytics"
-import { platform } from "~/platform"
+import { def as platformAuth } from "./firebase/auth"
 import {
   HoppAccentColor,
   HoppBgColor,
   settings$,
   settingsStore,
-} from "~/newstore/settings"
+} from "@hoppscotch/common/newstore/settings"
 
 let analytics: Analytics | null = null
 
@@ -27,13 +32,6 @@ type SettingsCustomDimensions = {
   usesTelemetry: boolean
 }
 
-type HoppRequestEvent =
-  | {
-      platform: "rest" | "graphql-query" | "graphql-schema"
-      strategy: "normal" | "proxy" | "extension"
-    }
-  | { platform: "wss" | "sse" | "socketio" | "mqtt" }
-
 export function initAnalytics() {
   analytics = getAnalytics()
 
@@ -42,7 +40,7 @@ export function initAnalytics() {
 }
 
 function initLoginListeners() {
-  const authEvents$ = platform.auth.getAuthEventsStream()
+  const authEvents$ = platformAuth.getAuthEventsStream()
 
   authEvents$.subscribe((ev) => {
     if (ev.event === "login") {
@@ -107,3 +105,9 @@ export function logPageView(pagePath: string) {
     })
   }
 }
+
+export const def: AnalyticsPlatformDef = {
+  initAnalytics,
+  logHoppRequestRunToAnalytics,
+  logPageView,
+}
diff --git a/packages/hoppscotch-web/src/main.ts b/packages/hoppscotch-web/src/main.ts
index 20e403d58..266b5a6ab 100644
--- a/packages/hoppscotch-web/src/main.ts
+++ b/packages/hoppscotch-web/src/main.ts
@@ -5,9 +5,11 @@ import { def as collectionsDef } from "./collections"
 import { def as settingsDef } from "./settings"
 import { def as historyDef } from "./history"
 import { def as tabStateDef } from "./tab"
+import { def as analyticsDef } from "./analytics"
 
 createHoppApp("#app", {
   auth: authDef,
+  analytics: analyticsDef,
   sync: {
     environments: envDef,
     collections: collectionsDef,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cd8400376..473668353 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,7 +159,6 @@ importers:
       eslint-plugin-vue: ^9.5.1
       esprima: ^4.0.1
       events: ^3.3.0
-      firebase: ^9.8.4
       fp-ts: ^2.12.1
       fuse.js: ^6.6.2
       globalthis: ^1.0.3
@@ -255,7 +254,6 @@ importers:
       buffer: 6.0.3
       esprima: 4.0.1
       events: 3.3.0
-      firebase: 9.8.4
       fp-ts: 2.12.1
       fuse.js: 6.6.2
       globalthis: 1.0.3
@@ -347,7 +345,7 @@ importers:
       vite-plugin-inspect: 0.7.4_vite@3.1.4
       vite-plugin-pages: 0.26.0_vnheu5mvzzbfbuhqo4shkhdhei
       vite-plugin-pages-sitemap: 1.4.0
-      vite-plugin-pwa: 0.13.1_bg4cnt4dy3xq3a47wkujd6ryzq
+      vite-plugin-pwa: 0.13.1_vite@3.1.4
       vite-plugin-vue-layouts: 0.7.0_oewzdqozxqnqgsrjzmwikx34vi
       vite-plugin-windicss: 1.8.8_vite@3.1.4
       vue-tsc: 0.38.2_typescript@4.7.4
@@ -3498,9 +3496,9 @@ packages:
       - supports-color
     dev: true
 
-  /@intlify/bundle-utils/4.0.0:
-    resolution: {integrity: sha512-klXrYT9VXyKEXsD6UY3pShg0O5MPC07n0TZ5RrSs5ry6T1eZVolIFGJi9c3qcDrh1qjJxgikRnPBmD7qGDqbjw==}
-    engines: {node: '>= 12'}
+  /@intlify/bundle-utils/6.0.0:
+    resolution: {integrity: sha512-c8nTDgsTrBqVk3LPoF/YEarqeqcW0XAY5Y0UmFl5VKWKRNQh47jzvHRDmeRWhos5bUw1zIdiTixrs99FMJ9j5g==}
+    engines: {node: '>= 14.16'}
     peerDependencies:
       petite-vue-i18n: '*'
       vue-i18n: '*'
@@ -3510,16 +3508,21 @@ packages:
       vue-i18n:
         optional: true
     dependencies:
-      '@intlify/message-compiler': 9.3.0-beta.16
-      '@intlify/shared': 9.3.0-beta.16
+      '@intlify/message-compiler': 9.3.0-beta.17
+      '@intlify/shared': 9.3.0-beta.17
+      acorn: 8.8.2
+      escodegen: 2.0.0
+      estree-walker: 2.0.2
       jsonc-eslint-parser: 1.4.1
+      magic-string: 0.30.0
+      mlly: 1.2.0
       source-map: 0.6.1
       yaml-eslint-parser: 0.3.2
     dev: true
 
-  /@intlify/bundle-utils/5.2.0_vue-i18n@9.2.2:
-    resolution: {integrity: sha512-rIfoNUTBoZK6IfaEeuoYMQZSuAXhPyZoy+UsdZj+V4eM632ynN1bGt5ttkpGO8xe0c+esfYslgJxBz//bdu4qg==}
-    engines: {node: '>= 12'}
+  /@intlify/bundle-utils/6.0.0_vue-i18n@9.2.2:
+    resolution: {integrity: sha512-c8nTDgsTrBqVk3LPoF/YEarqeqcW0XAY5Y0UmFl5VKWKRNQh47jzvHRDmeRWhos5bUw1zIdiTixrs99FMJ9j5g==}
+    engines: {node: '>= 14.16'}
     peerDependencies:
       petite-vue-i18n: '*'
       vue-i18n: '*'
@@ -3529,11 +3532,14 @@ packages:
       vue-i18n:
         optional: true
     dependencies:
-      '@intlify/message-compiler': 9.3.0-beta.16
-      '@intlify/shared': 9.3.0-beta.16
+      '@intlify/message-compiler': 9.3.0-beta.17
+      '@intlify/shared': 9.3.0-beta.17
       acorn: 8.8.2
+      escodegen: 2.0.0
       estree-walker: 2.0.2
       jsonc-eslint-parser: 1.4.1
+      magic-string: 0.30.0
+      mlly: 1.2.0
       source-map: 0.6.1
       vue-i18n: 9.2.2_vue@3.2.37
       yaml-eslint-parser: 0.3.2
@@ -3561,11 +3567,11 @@ packages:
       '@intlify/shared': 9.2.2
       source-map: 0.6.1
 
-  /@intlify/message-compiler/9.3.0-beta.16:
-    resolution: {integrity: sha512-CGQI3xRcs1ET75eDQ0DUy3MRYOqTauRIIgaMoISKiF83gqRWg93FqN8lGMKcpBqaF4tI0JhsfosCaGiBL9+dnw==}
+  /@intlify/message-compiler/9.3.0-beta.17:
+    resolution: {integrity: sha512-i7hvVIRk1Ax2uKa9xLRJCT57to08OhFMhFXXjWN07rmx5pWQYQ23MfX1xgggv9drnWTNhqEiD+u4EJeHoS5+Ww==}
     engines: {node: '>= 14'}
     dependencies:
-      '@intlify/shared': 9.3.0-beta.16
+      '@intlify/shared': 9.3.0-beta.17
       source-map: 0.6.1
     dev: true
 
@@ -3573,8 +3579,8 @@ packages:
     resolution: {integrity: sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==}
     engines: {node: '>= 14'}
 
-  /@intlify/shared/9.3.0-beta.16:
-    resolution: {integrity: sha512-kXbm4svALe3lX+EjdJxfnabOphqS4yQ1Ge/iIlR8tvUiYRCoNz3hig1M4336iY++Dfx5ytEQJPNjIcknNIuvig==}
+  /@intlify/shared/9.3.0-beta.17:
+    resolution: {integrity: sha512-mscf7RQsUTOil35jTij4KGW1RC9SWQjYScwLxP53Ns6g24iEd5HN7ksbt9O6FvTmlQuX77u+MXpBdfJsGqizLQ==}
     engines: {node: '>= 14'}
     dev: true
 
@@ -3593,8 +3599,8 @@ packages:
       vue-i18n:
         optional: true
     dependencies:
-      '@intlify/bundle-utils': 5.2.0_vue-i18n@9.2.2
-      '@intlify/shared': 9.3.0-beta.16
+      '@intlify/bundle-utils': 6.0.0_vue-i18n@9.2.2
+      '@intlify/shared': 9.3.0-beta.17
       '@rollup/pluginutils': 4.2.1
       debug: 4.3.4
       fast-glob: 3.2.11
@@ -3620,8 +3626,8 @@ packages:
       vue-i18n:
         optional: true
     dependencies:
-      '@intlify/bundle-utils': 4.0.0
-      '@intlify/shared': 9.3.0-beta.16
+      '@intlify/bundle-utils': 6.0.0
+      '@intlify/shared': 9.3.0-beta.17
       '@rollup/pluginutils': 4.2.1
       debug: 4.3.4
       fast-glob: 3.2.11
@@ -5729,7 +5735,7 @@ packages:
     dev: true
 
   /after/0.8.2:
-    resolution: {integrity: sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=}
+    resolution: {integrity: sha512-QbJ0NTQ/I9DI3uSJA4cbexiwQeRAfjPScqIbSjUDd9TOrcg6pTkdgziesOqxBMBzit8vFCTwrP27t13vFOORRA==}
     dev: false
 
   /agent-base/6.0.2:
@@ -6086,7 +6092,7 @@ packages:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
   /base64-arraybuffer/0.1.4:
-    resolution: {integrity: sha1-mBjHngWbE1X5fgQooBfIOOkLqBI=}
+    resolution: {integrity: sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==}
     engines: {node: '>= 0.6.0'}
     dev: false
 
@@ -6548,7 +6554,7 @@ packages:
     dev: true
 
   /component-bind/1.0.0:
-    resolution: {integrity: sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=}
+    resolution: {integrity: sha512-WZveuKPeKAG9qY+FkYDeADzdHyTYdIboXS59ixDeRJL5ZhxpqUnxSOwop4FQjMsiYm3/Or8cegVbpAHNA7pHxw==}
     dev: false
 
   /component-emitter/1.3.0:
@@ -6556,7 +6562,7 @@ packages:
     dev: false
 
   /component-inherit/0.0.3:
-    resolution: {integrity: sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=}
+    resolution: {integrity: sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA==}
     dev: false
 
   /concat-map/0.0.1:
@@ -8960,7 +8966,7 @@ packages:
     dev: false
 
   /has-cors/1.1.0:
-    resolution: {integrity: sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=}
+    resolution: {integrity: sha512-g5VNKdkFuUuVCP9gYfDJHjK2nqdQJ7aDLTnycnc2+RvsOQbuLdF5pm7vuE5J76SEBIQjs4kQY/BWq74JUmjbXA==}
     dev: false
 
   /has-flag/3.0.0:
@@ -9264,7 +9270,7 @@ packages:
     engines: {node: '>=8'}
 
   /indexof/0.0.1:
-    resolution: {integrity: sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=}
+    resolution: {integrity: sha512-i0G7hLJ1z0DE8dsqJa2rycj9dBmNKgXBvotXtZYXakU9oivfB9Uj2ZBC27qqef2U58/ZLwalxa1X/RDCdkHtVg==}
     dev: false
 
   /inflight/1.0.6:
@@ -10770,6 +10776,13 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.14
     dev: true
 
+  /magic-string/0.30.0:
+    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
   /make-dir/3.1.0:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
@@ -10987,6 +11000,15 @@ packages:
       ufo: 1.0.1
     dev: true
 
+  /mlly/1.2.0:
+    resolution: {integrity: sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==}
+    dependencies:
+      acorn: 8.8.2
+      pathe: 1.1.0
+      pkg-types: 1.0.2
+      ufo: 1.1.1
+    dev: true
+
   /mocha/9.2.2:
     resolution: {integrity: sha512-L6XC3EdwT6YrIk0yXpavvLkn8h+EU+Y5UcCHKECyMbdUIxyMuZj4bX4U9e1nvnvUUvQVsV2VHQr5zLdcUkhW/g==}
     engines: {node: '>= 12.0.0'}
@@ -11485,6 +11507,10 @@ packages:
     resolution: {integrity: sha512-nPdMG0Pd09HuSsr7QOKUXO2Jr9eqaDiZvDwdyIhNG5SHYujkQHYKDfGQkulBxvbDHz8oHLsTgKN86LSwYzSHAg==}
     dev: true
 
+  /pathe/1.1.0:
+    resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==}
+    dev: true
+
   /pause-stream/0.0.11:
     resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
     dependencies:
@@ -11550,6 +11576,14 @@ packages:
       pathe: 1.0.0
     dev: true
 
+  /pkg-types/1.0.2:
+    resolution: {integrity: sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.2.0
+      pathe: 1.1.0
+    dev: true
+
   /portfinder/1.0.32:
     resolution: {integrity: sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==}
     engines: {node: '>= 0.12.0'}
@@ -12959,7 +12993,7 @@ packages:
     dev: true
 
   /to-array/0.1.4:
-    resolution: {integrity: sha1-F+bBH3PdTz10zaek/zI46a2b+JA=}
+    resolution: {integrity: sha512-LhVdShQD/4Mk4zXNroIQZJC+Ap3zgLcDuwEdcmLv9CCO73NWockQDwyUnW/m8VX/EElfL6FcYx7EeutN4HJA6A==}
     dev: false
 
   /to-fast-properties/2.0.0:
@@ -13301,6 +13335,10 @@ packages:
     resolution: {integrity: sha512-boAm74ubXHY7KJQZLlXrtMz52qFvpsbOxDcZOnw/Wf+LS4Mmyu7JxmzD4tDLtUQtmZECypJ0FrCz4QIe6dvKRA==}
     dev: true
 
+  /ufo/1.1.1:
+    resolution: {integrity: sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==}
+    dev: true
+
   /unbox-primitive/1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
@@ -14029,11 +14067,10 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-pwa/0.13.1_bg4cnt4dy3xq3a47wkujd6ryzq:
+  /vite-plugin-pwa/0.13.1_vite@3.1.4:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
-      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
@@ -15087,7 +15124,7 @@ packages:
     dev: false
 
   /yeast/0.1.2:
-    resolution: {integrity: sha1-AI4G2AlDIMNy28L47XagymyKxBk=}
+    resolution: {integrity: sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg==}
     dev: false
 
   /yn/3.1.1: