@lobehub/chat 1.51.3 → 1.51.5

package/src/server/translation.ts

@@ -1,19 +1,16 @@
 'use server';
 
 import { get } from 'lodash-es';
-import { cookies } from 'next/headers';
 import { existsSync, readFileSync } from 'node:fs';
 import { join } from 'node:path';
 
-import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
+import { DEFAULT_LANG } from '@/const/locale';
 import { Locales, NS, normalizeLocale } from '@/locales/resources';
 import { isDev } from '@/utils/env';
 
 export const getLocale = async (hl?: string): Promise<Locales> => {
   if (hl) return normalizeLocale(hl) as Locales;
-  const cookieStore = await cookies();
-  const defaultLang = cookieStore.get(LOBE_LOCALE_COOKIE);
-  return (defaultLang?.value || DEFAULT_LANG) as Locales;
+  return DEFAULT_LANG as Locales;
 };
 
 export const translation = async (ns: NS = 'common', hl?: string) => {

package/src/types/discover.ts

@@ -7,7 +7,10 @@ import { MetaData } from '@/types/meta';
 import { PageProps } from '@/types/next';
 import { LobeAgentSettings } from '@/types/session';
 
-export type DiscoverPageProps<T = string> = PageProps<{ slug: T }, { hl?: Locales }>;
+export type DiscoverPageProps<T = string> = PageProps<
+  { slug: T; variants: string },
+  { hl?: Locales }
+>;
 
 export enum AssistantCategory {
   Academic = 'academic',

package/src/types/next.ts

@@ -4,3 +4,7 @@ export interface PageProps<Params, SearchParams = undefined> {
 }
 
 export type PagePropsWithId = PageProps<{ id: string }>;
+
+export interface DynamicLayoutProps {
+  params: Promise<{ variants: string }>;
+}

package/src/utils/locale.ts

@@ -1,7 +1,8 @@
 import { resolveAcceptLanguage } from 'resolve-accept-language';
 
 import { DEFAULT_LANG } from '@/const/locale';
-import { locales, normalizeLocale } from '@/locales/resources';
+import { Locales, locales, normalizeLocale } from '@/locales/resources';
+import { RouteVariants } from '@/utils/server/routeVariants';
 
 export const getAntdLocale = async (lang?: string) => {
   let normalLang = normalizeLocale(lang);
@@ -32,14 +33,29 @@ export const parseBrowserLanguage = (headers: Headers, defaultLang: string = DEF
    * 2) The available locales (they must contain the default locale).
    * 3) The default locale.
    */
-  let fallbackLang: string = resolveAcceptLanguage(
+  let browserLang: string = resolveAcceptLanguage(
     headers.get('accept-language') || '',
     //  Invalid locale identifier 'ar'. A valid locale should follow the BCP 47 'language-country' format.
     locales.map((locale) => (locale === 'ar' ? 'ar-EG' : locale)),
     defaultLang,
   );
+
   // if match the ar-EG then fallback to ar
-  if (fallbackLang === 'ar-EG') fallbackLang = 'ar';
+  if (browserLang === 'ar-EG') browserLang = 'ar';
+
+  return browserLang;
+};
 
-  return fallbackLang;
+/**
+ * Parse the page locale from the URL and search params
+ * @param props
+ */
+export const parsePageLocale = async (props: {
+  params: Promise<{ variants: string }>;
+  searchParams: Promise<any>;
+}) => {
+  const searchParams = await props.searchParams;
+
+  const browserLocale = await RouteVariants.getLocale(props);
+  return normalizeLocale(searchParams?.hl || browserLocale) as Locales;
 };

package/src/utils/server/routeVariants.ts

@@ -0,0 +1,80 @@
+// 定义主题类型
+import { ThemeAppearance } from 'antd-style/lib/types/appearance';
+
+import { DEFAULT_LANG } from '@/const/locale';
+import { locales } from '@/locales/resources';
+import { DynamicLayoutProps } from '@/types/next';
+
+// 定义变体接口
+export interface IRouteVariants {
+  isMobile: boolean;
+  locale: string;
+  neutralColor?: string;
+  primaryColor?: string;
+  theme: ThemeAppearance;
+}
+
+// 支持的主题
+const SUPPORTED_THEMES = ['dark', 'light'] as const;
+
+// 默认变体配置
+export const DEFAULT_VARIANTS: IRouteVariants = {
+  isMobile: false,
+  locale: DEFAULT_LANG,
+  theme: 'light',
+};
+
+const SPLITTER = '__';
+
+export class RouteVariants {
+  static serializeVariants = (variants: IRouteVariants): string => {
+    // 使用紧凑的格式: locale_isMobile_theme
+    // 例如: "en-US_0_dark" 表示 英文_非移动端_深色主题
+    return [variants.locale, Number(variants.isMobile), variants.theme].join(SPLITTER);
+  };
+
+  static deserializeVariants = (serialized: string): IRouteVariants => {
+    try {
+      const [locale, isMobile, theme] = serialized.split(SPLITTER);
+
+      // 验证并返回变体
+      return {
+        isMobile: isMobile === '1',
+        locale: this.isValidLocale(locale) ? locale : DEFAULT_VARIANTS.locale,
+        theme: this.isValidTheme(theme) ? theme : DEFAULT_VARIANTS.theme,
+      };
+    } catch {
+      // 解析失败时返回默认值
+      return { ...DEFAULT_VARIANTS };
+    }
+  };
+
+  static getVariantsFromProps = async (props: DynamicLayoutProps) => {
+    const { variants } = await props.params;
+    return RouteVariants.deserializeVariants(variants);
+  };
+
+  static getIsMobile = async (props: DynamicLayoutProps) => {
+    const { variants } = await props.params;
+    const { isMobile } = RouteVariants.deserializeVariants(variants);
+    return isMobile;
+  };
+
+  static getLocale = async (props: DynamicLayoutProps) => {
+    const { variants } = await props.params;
+    const { locale } = RouteVariants.deserializeVariants(variants);
+    return locale;
+  };
+
+  // 工具函数：创建变体
+
+  static createVariants = (options: Partial<IRouteVariants> = {}): IRouteVariants => ({
+    ...DEFAULT_VARIANTS,
+    ...options,
+  });
+
+  // 验证函数
+  private static isValidLocale = (locale: string): boolean => locales.includes(locale as any);
+
+  private static isValidTheme = (theme: string): boolean => SUPPORTED_THEMES.includes(theme as any);
+}

package/src/app/layout.tsx

@@ -1,67 +0,0 @@
-import { SpeedInsights } from '@vercel/speed-insights/next';
-import { ResolvingViewport } from 'next';
-import { cookies } from 'next/headers';
-import { ReactNode } from 'react';
-import { isRtlLang } from 'rtl-detect';
-
-import Analytics from '@/components/Analytics';
-import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
-import PWAInstall from '@/features/PWAInstall';
-import AuthProvider from '@/layout/AuthProvider';
-import GlobalProvider from '@/layout/GlobalProvider';
-import { isMobileDevice } from '@/utils/server/responsive';
-
-const inVercel = process.env.VERCEL === '1';
-
-type RootLayoutProps = {
-  children: ReactNode;
-  modal: ReactNode;
-};
-
-const RootLayout = async ({ children, modal }: RootLayoutProps) => {
-  const cookieStore = await cookies();
-
-  const lang = cookieStore.get(LOBE_LOCALE_COOKIE);
-  const locale = lang?.value || DEFAULT_LANG;
-
-  const direction = isRtlLang(locale) ? 'rtl' : 'ltr';
-  const mobile = await isMobileDevice();
-
-  return (
-    <html dir={direction} lang={locale} suppressHydrationWarning>
-      <body>
-        <GlobalProvider>
-          <AuthProvider>
-            {children}
-            {!mobile && modal}
-          </AuthProvider>
-          <PWAInstall />
-        </GlobalProvider>
-        <Analytics />
-        {inVercel && <SpeedInsights />}
-      </body>
-    </html>
-  );
-};
-
-export default RootLayout;
-
-export { generateMetadata } from './metadata';
-
-export const generateViewport = async (): ResolvingViewport => {
-  const isMobile = await isMobileDevice();
-
-  const dynamicScale = isMobile ? { maximumScale: 1, userScalable: false } : {};
-
-  return {
-    ...dynamicScale,
-    initialScale: 1,
-    minimumScale: 1,
-    themeColor: [
-      { color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
-      { color: '#000', media: '(prefers-color-scheme: dark)' },
-    ],
-    viewportFit: 'cover',
-    width: 'device-width',
-  };
-};

package/src/hooks/useSettingsTab.ts

@@ -1,12 +0,0 @@
-import { useQueryState } from 'nuqs';
-
-import { SettingsTabs } from '@/store/global/initialState';
-
-export const useSettingsTab = () => {
-  const [type] = useQueryState('tab', {
-    clearOnDefault: true,
-    defaultValue: SettingsTabs.Common,
-  });
-
-  return type as SettingsTabs;
-};