fix: Dynamic locale loading in Chinese

Change-Id: I8b40a459055751add6351f35d749fba0f8c9a061

Author: XayahSuSuSu

docs/.vitepress/config.mts

@@ -6,11 +6,89 @@ const localeRedirects = Object.entries(siteLocales).map(([key, locale]) => ({
   lang: locale.lang
 }))
 
+function createLocaleRedirectScript() {
+  return `(() => {
+    const redirects = ${JSON.stringify(localeRedirects)};
+    const pathname = window.location.pathname;
+
+    if (pathname !== '/' && pathname !== '/index.html') {
+      return;
+    }
+
+    const params = new URLSearchParams(window.location.search);
+    const delayValue = Number(params.get('redirectDelay') ?? '0');
+    const redirectDelay = Number.isFinite(delayValue) && delayValue >= 0
+      ? delayValue
+      : 0;
+
+    const preferred = [];
+    const seen = new Set();
+    const push = (language) => {
+      if (typeof language !== 'string') {
+        return;
+      }
+
+      const normalized = language.trim().toLowerCase().replace(/_/g, '-');
+
+      if (!normalized || seen.has(normalized)) {
+        return;
+      }
+
+      seen.add(normalized);
+      preferred.push(normalized);
+    };
+
+    try {
+      push(Intl.DateTimeFormat().resolvedOptions().locale);
+    } catch {}
+
+    push(navigator.language);
+
+    for (const language of navigator.languages ?? []) {
+      push(language);
+    }
+
+    push(navigator.userLanguage);
+    push(navigator.browserLanguage);
+    push(navigator.systemLanguage);
+
+    const resolve = () => {
+      const normalized = preferred.flatMap((language) => [language, language.split('-')[0]]);
+
+      for (const candidate of normalized) {
+        const matched = redirects.find(({ lang }) => {
+          const normalizedLang = lang.toLowerCase();
+          return candidate === normalizedLang || candidate === normalizedLang.split('-')[0];
+        });
+
+        if (matched) {
+          return matched.path;
+        }
+      }
+
+      return redirects.find(({ lang }) => lang.toLowerCase().startsWith('en'))?.path
+        ?? redirects[0]?.path
+        ?? '/en/';
+    };
+
+    const target = resolve();
+
+    if (target && target !== pathname) {
+      window.setTimeout(() => {
+        window.location.replace(target);
+      }, redirectDelay);
+    }
+  })();`
+}
+
 export default defineConfig({
   title: 'DataBackup',
   description: 'Free and open-source data backup application',
   base: '/',
-  head: [['link', { rel: 'icon', href: '/images/logo.png' }]],
+  head: [
+    ['link', { rel: 'icon', href: '/images/logo.png' }],
+    ['script', {}, createLocaleRedirectScript()]
+  ],
   themeConfig: {
     logo: '/images/logo.png',
     localeRedirects,

docs/.vitepress/locales.ts

@@ -22,6 +22,7 @@ function readLocaleFile(localePath: string): SiteLocale {
 function loadSiteLocales(): Record<string, SiteLocale> {
   const localeEntries = readdirSync(docsRoot, { withFileTypes: true })
     .filter((entry) => entry.isDirectory() && !entry.name.startsWith('.'))
+    .sort((left, right) => left.name.localeCompare(right.name))
     .map((entry) => {
       const localeFile = join(docsRoot, entry.name, 'locale.json')
       return existsSync(localeFile)

docs/.vitepress/redirect.ts

@@ -3,12 +3,69 @@ export type LocaleRedirect = {
   lang: string
 }
 
+function normalizeLanguage(language: string): string {
+  return language.trim().toLowerCase().replace(/_/g, '-')
+}
+
+function pushLanguage(
+  target: string[],
+  seen: Set<string>,
+  language: string | undefined
+) {
+  if (!language) {
+    return
+  }
+
+  const normalized = normalizeLanguage(language)
+
+  if (!normalized || seen.has(normalized)) {
+    return
+  }
+
+  seen.add(normalized)
+  target.push(normalized)
+}
+
+export function getPreferredLanguages(
+  navigatorLike: Navigator = navigator
+): string[] {
+  const preferred: string[] = []
+  const seen = new Set<string>()
+  const legacyNavigator = navigatorLike as Navigator & {
+    userLanguage?: string
+    browserLanguage?: string
+    systemLanguage?: string
+  }
+
+  try {
+    pushLanguage(
+      preferred,
+      seen,
+      Intl.DateTimeFormat().resolvedOptions().locale
+    )
+  } catch {
+    // Ignore locale detection failures and fall back to navigator hints.
+  }
+
+  pushLanguage(preferred, seen, navigatorLike.language)
+
+  for (const language of navigatorLike.languages ?? []) {
+    pushLanguage(preferred, seen, language)
+  }
+
+  pushLanguage(preferred, seen, legacyNavigator.userLanguage)
+  pushLanguage(preferred, seen, legacyNavigator.browserLanguage)
+  pushLanguage(preferred, seen, legacyNavigator.systemLanguage)
+
+  return preferred
+}
+
 export function resolveRedirectPath(
   redirects: LocaleRedirect[],
   preferredLanguages: readonly string[]
 ): string {
   const normalized = preferredLanguages
-    .map((language) => language.toLowerCase())
+    .map((language) => normalizeLanguage(language))
     .flatMap((language) => [language, language.split('-')[0]])
 
   for (const preferred of normalized) {
@@ -22,7 +79,9 @@ export function resolveRedirectPath(
     }
   }
 
-  return '/en/'
+  return redirects.find(({ lang }) => lang.toLowerCase().startsWith('en'))?.path
+    ?? redirects[0]?.path
+    ?? '/en/'
 }
 
 export function getRedirectDelay(search: string): number {

docs/.vitepress/theme/RedirectPage.vue

@@ -1,7 +1,12 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useData } from 'vitepress'
-import { getRedirectDelay, resolveRedirectPath, type LocaleRedirect } from '../redirect'
+import {
+  getPreferredLanguages,
+  getRedirectDelay,
+  resolveRedirectPath,
+  type LocaleRedirect
+} from '../redirect'
 
 const { site } = useData()
 
@@ -12,9 +17,7 @@ const preferredLanguages = ref<string[]>([])
 const targetPath = ref('/en/')
 
 onMounted(() => {
-  preferredLanguages.value = navigator.languages.length > 0
-    ? [...navigator.languages]
-    : [navigator.language || 'en']
+  preferredLanguages.value = getPreferredLanguages()
 
   targetPath.value = resolveRedirectPath(redirects.value, preferredLanguages.value)
 

docs/.vitepress/theme/index.ts

@@ -1,9 +1,12 @@
+import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
+
 import RedirectPage from './RedirectPage.vue'
 
 export default {
   extends: DefaultTheme,
-  enhanceApp({ app }) {
-    app.component('RedirectPage', RedirectPage)
-  }
-}
+  enhanceApp(ctx) {
+    DefaultTheme.enhanceApp?.(ctx)
+    ctx.app.component('RedirectPage', RedirectPage)
+  },
+} satisfies Theme