refactor: modularize frontend flows

src/stores/configStore.ts

@@ -0,0 +1,62 @@
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+import type { ConfigState } from '@/types'
+import {
+  DEFAULT_PUBLIC_CONFIG,
+  readNotifyKey,
+  readStoredConfig,
+  toPublicConfig,
+  writeNotifyKey,
+  writeStoredConfig,
+  type PublicConfig
+} from '@/utils/config-storage'
+
+export const useConfigStore = defineStore('config', () => {
+  const config = ref<PublicConfig>({
+    ...DEFAULT_PUBLIC_CONFIG,
+    ...toPublicConfig(readStoredConfig<Partial<ConfigState>>())
+  })
+
+  const uploadSizeLimit = computed(() => config.value.uploadSize)
+
+  const updateConfig = (nextConfig: Partial<ConfigState>) => {
+    config.value = {
+      ...DEFAULT_PUBLIC_CONFIG,
+      ...config.value,
+      ...toPublicConfig(nextConfig)
+    }
+    writeStoredConfig(config.value)
+  }
+
+  const applyRemoteConfig = (nextConfig: Partial<ConfigState>): string | null => {
+    updateConfig(nextConfig)
+
+    const { notify_title: notifyTitle, notify_content: notifyContent } = nextConfig
+    if (!notifyTitle || !notifyContent) {
+      return null
+    }
+
+    const notifyKey = notifyTitle + notifyContent
+    if (readNotifyKey() === notifyKey) {
+      return null
+    }
+
+    writeNotifyKey(notifyKey)
+    return `${notifyTitle}: ${notifyContent}`
+  }
+
+  const reloadStoredConfig = () => {
+    config.value = {
+      ...DEFAULT_PUBLIC_CONFIG,
+      ...toPublicConfig(readStoredConfig<Partial<ConfigState>>())
+    }
+  }
+
+  return {
+    config,
+    uploadSizeLimit,
+    applyRemoteConfig,
+    updateConfig,
+    reloadStoredConfig
+  }
+})