feat(migrates): implement migration system with versioning and initial migration logic

- Added a helper function to define migration options.
- Created the first migration (v1) to enable enhanced settings based on default values.
- Updated migration handling in the index file to track and apply migrations as needed.

This enhancement establishes a structured approach to manage application migrations, improving maintainability and upgrade processes.

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

apps/desktop/src/renderer/src/initialize/migrates/helper.ts

@@ -0,0 +1,7 @@
+export interface DefineMigrationOptions {
+  version: string
+  migrate: () => void | Promise<void>
+}
+export const defineMigration = (options: DefineMigrationOptions) => {
+  return options
+}

apps/desktop/src/renderer/src/initialize/migrates/index.ts

@@ -2,27 +2,50 @@ import { getStorageNS } from "@follow/utils/ns"
 
 import { appLog } from "~/lib/log"
 
+import type { DefineMigrationOptions } from "./helper"
+import { v1 } from "./v/v1"
+
 const appVersionKey = getStorageNS("app_version")
+const migrationVersionKey = getStorageNS("migration_version")
 
 declare global {
   interface Window {
     __app_is_upgraded__: boolean
   }
 }
 
+const getMigrationVersions = () => {
+  try {
+    const versions = localStorage.getItem(migrationVersionKey) || "[]"
+    return new Set(JSON.parse(versions))
+  } catch {
+    return new Set()
+  }
+}
+const migrations: DefineMigrationOptions[] = [v1]
 export const doMigration = async () => {
+  const migrationVersions = getMigrationVersions()
+
+  for (const migration of migrations) {
+    if (migrationVersions.has(migration.version)) continue
+
+    appLog(`Migrating ${migration.version}...`)
+    await migration.migrate()
+    migrationVersions.add(migration.version)
+  }
+
+  localStorage.setItem(migrationVersionKey, JSON.stringify(Array.from(migrationVersions)))
+
+  // AppVersion logic
   const lastVersion = localStorage.getItem(appVersionKey) || APP_VERSION
   localStorage.setItem(appVersionKey, APP_VERSION)
 
-  if (lastVersion === APP_VERSION) return
-
   const lastVersionParts = lastVersion.split("-")
   const lastVersionMajorMinor = lastVersionParts[0]
   const currentVersionMajorMinor = APP_VERSION.split("-")[0]
+  if (lastVersion === APP_VERSION) return
   if (lastVersionMajorMinor === currentVersionMajorMinor) return
 
-  // NOTE: Add migration logic here
-
   window.__app_is_upgraded__ = true
   appLog(`Upgrade from ${lastVersion} to ${APP_VERSION}`)
 }

apps/desktop/src/renderer/src/initialize/migrates/v/v1.ts

@@ -0,0 +1,33 @@
+import { defaultSettings } from "@follow/shared/settings/defaults"
+
+import { getGeneralSettings, setGeneralSetting } from "~/atoms/settings/general"
+import { getUISettings } from "~/atoms/settings/ui"
+
+import { defineMigration } from "../helper"
+
+export const v1 = defineMigration({
+  version: "v1",
+  migrate: () => {
+    const settings = getGeneralSettings()
+    const uiSettings = getUISettings()
+
+    let enabledEnhancedSettings = false
+    for (const key in defaultSettings.ui) {
+      const defaultValue = defaultSettings.ui[key]
+      const currentValue = uiSettings[key]
+      if (defaultValue !== currentValue) {
+        enabledEnhancedSettings = true
+        break
+      }
+    }
+    for (const key in defaultSettings.general) {
+      const defaultValue = defaultSettings.general[key]
+      const currentValue = settings[key]
+      if (defaultValue !== currentValue) {
+        enabledEnhancedSettings = true
+        break
+      }
+    }
+    setGeneralSetting("enhancedSettings", enabledEnhancedSettings)
+  },
+})

apps/desktop/src/renderer/src/modules/settings/modal/content.mobile.tsx

@@ -48,7 +48,13 @@ const Content = (props: { tab: string }) => {
           ns="settings"
           i18nKey="common.give_star"
           components={{
-            Link: <a href={`${PKG.repository.url}`} className="text-accent" target="_blank" />,
+            Link: (
+              <a
+                href={`${PKG.repository.url}`}
+                className="text-accent font-semibold"
+                target="_blank"
+              />
+            ),
             HeartIcon: <i className="i-mgc-heart-cute-fi" />,
           }}
         />

apps/desktop/src/renderer/src/modules/settings/modal/content.tsx

@@ -59,7 +59,13 @@ const Content = () => {
             ns="settings"
             i18nKey="common.give_star"
             components={{
-              Link: <a href={`${repository.url}`} className="text-accent" target="_blank" />,
+              Link: (
+                <a
+                  href={`${repository.url}`}
+                  className="text-accent font-semibold"
+                  target="_blank"
+                />
+              ),
               HeartIcon: <i className="i-mgc-heart-cute-fi" />,
             }}
           />