feat: add i18n toggle

Author: xiaoyu2er

apps/docs/src/app/provider.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { ORAMA_CONFIGS_MAP } from '@/lib/orama/config';
+import { LOCALES, LOCALE_URL_MAP } from '@next-i18n/const';
 import { RootProvider } from 'fumadocs-ui/provider';
 import type { RootProviderProps } from 'fumadocs-ui/provider/base';
 import { useLocale } from 'next-intl';
@@ -16,6 +17,17 @@ export function Provider({ children, ...props }: RootProviderProps) {
   return (
     <RootProvider
       {...props}
+      i18n={{
+        locale,
+        locales: LOCALES.filter((l) => l.enabled).map((l) => ({
+          name: `${l.flag} ${l.nativeName}`,
+          locale: l.locale,
+        })),
+        onLocaleChange: (locale) => {
+          const url = LOCALE_URL_MAP[locale];
+          window.location.href = new URL(window.location.pathname, url).href;
+        },
+      }}
       search={
         config
           ? {

apps/docs/src/hooks/useLayoutOptions.tsx

@@ -7,6 +7,7 @@ import Image from 'next/image';
 export const useBaseOptions = () => {
   const t = useTranslations('baseOptions');
   return {
+    i18n: true,
     nav: {
       title: (
         <>

apps/docs/src/lib/metadata.ts

@@ -1,4 +1,5 @@
-import { PENDING_SITES, SITES } from '@next-i18n/const';
+import { LOCALES, LOCALE_URL_MAP } from '@next-i18n/const';
+import type { Locale } from 'next-intl';
 import type { Metadata } from 'next/types';
 
 export function createMetadata(
@@ -35,11 +36,15 @@ export function createMetadata(
       ? {
           alternates: {
             canonical: baseUrl.origin + override.pathname,
-            languages: {
-              'en-US': SITES.en + override.pathname,
-              'zh-Hans': SITES['zh-hans'] + override.pathname,
-              'zh-Hant': SITES['zh-hant'] + override.pathname,
-            },
+            languages: LOCALES.reduce(
+              (acc, site) => {
+                if (site.enabled) {
+                  acc[site.locale] = new URL(site.url + override.pathname).href;
+                }
+                return acc;
+              },
+              {} as Record<Locale, string>,
+            ),
           },
         }
       : {}),
@@ -51,5 +56,5 @@ export const baseUrl =
     ? new URL('http://localhost:3000')
     : new URL(
         // biome-ignore lint/style/noNonNullAssertion: <explanation>
-        SITES[process.env.LOCALE!] || PENDING_SITES[process.env.LOCALE!],
+        LOCALE_URL_MAP[process.env.LOCALE!],
       );

apps/index/src/app/globals.css

@@ -1,5 +1,5 @@
 @import "tailwindcss";
-
+@source "../../../../packages/const/dist/**/*.js";
 :root {
   --background: #ffffff;
   --foreground: #171717;