Merge branch 'main' of https://github.com/lobehub/lobe-chat

Author: actions-user

.github/ISSUE_TEMPLATE/1_bug_report.yml

@@ -3,16 +3,15 @@ description: 'Report an bug'
 title: '[Bug] '
 labels: ['🐛 Bug']
 body:
-  - type: dropdown
+  - type: checkboxes
     attributes:
       label: '📦 Environment'
       options:
-        - Unselected
-        - Official
-        - Official Preview
-        - Vercel / Zeabur / Sealos
-        - Docker
-        - Other
+        - label: 'Official'
+        - label: 'Official Preview'
+        - label: 'Vercel / Zeabur / Sealos'
+        - label: 'Docker'
+        - label: 'Other'
     validations:
       required: true
   - type: input
@@ -21,30 +20,28 @@ body:
     validations:
       required: true
 
-  - type: dropdown
+  - type: checkboxes
     attributes:
       label: '💻 Operating System'
       options:
-        - Unselected
-        - Windows
-        - macOS
-        - Ubuntu
-        - Other Linux
-        - iOS
-        - Android
-        - Other
+        - label: 'Windows'
+        - label: 'macOS'
+        - label: 'Ubuntu'
+        - label: 'Other Linux'
+        - label: 'iOS'
+        - label: 'Android'
+        - label: 'Other'
     validations:
       required: true
-  - type: dropdown
+  - type: checkboxes
     attributes:
       label: '🌐 Browser'
       options:
-        - Unselected
-        - Chrome
-        - Edge
-        - Safari
-        - Firefox
-        - Other
+        - label: 'Chrome'
+        - label: 'Edge'
+        - label: 'Safari'
+        - label: 'Firefox'
+        - label: 'Other'
     validations:
       required: true
   - type: textarea

.github/ISSUE_TEMPLATE/1_bug_report_cn.yml

@@ -3,16 +3,15 @@ description: '反馈一个问题缺陷'
 title: '[Bug] '
 labels: ['🐛 Bug']
 body:
-  - type: dropdown
+  - type: checkboxes
     attributes:
       label: '📦 部署环境'
       options:
-        - 待选择
-        - Official
-        - Official Preview
-        - Vercel / Zeabur / Sealos
-        - Docker
-        - Other
+        - label: 'Official'
+        - label: 'Official Preview'
+        - label: 'Vercel / Zeabur / Sealos'
+        - label: 'Docker'
+        - label: 'Other'
     validations:
       required: true
   - type: input
@@ -21,30 +20,28 @@ body:
     validations:
       required: true
 
-  - type: dropdown
+  - type: checkboxes
     attributes:
       label: '💻 系统环境'
       options:
-        - 待选择
-        - Windows
-        - macOS
-        - Ubuntu
-        - Other Linux
-        - iOS
-        - Android
-        - Other
+        - label: 'Windows'
+        - label: 'macOS'
+        - label: 'Ubuntu'
+        - label: 'Other Linux'
+        - label: 'iOS'
+        - label: 'Android'
+        - label: 'Other'
     validations:
       required: true
-  - type: dropdown
+  - type: checkboxes
     attributes:
       label: '🌐 浏览器'
       options:
-        - 待选择
-        - Chrome
-        - Edge
-        - Safari
-        - Firefox
-        - Other
+        - label: 'Chrome'
+        - label: 'Edge'
+        - label: 'Safari'
+        - label: 'Firefox'
+        - label: 'Other'
     validations:
       required: true
   - type: textarea

CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+### [Version 0.161.13](https://github.com/lobehub/lobe-chat/compare/v0.161.12...v0.161.13)
+
+<sup>Released on **2024-05-24**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.161.12](https://github.com/lobehub/lobe-chat/compare/v0.161.11...v0.161.12)
 
 <sup>Released on **2024-05-23**</sup>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.161.12",
+  "version": "0.161.13",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -158,6 +158,7 @@
     "remark": "^14.0.3",
     "remark-gfm": "^3.0.1",
     "remark-html": "^15.0.2",
+    "resolve-accept-language": "^3.1.4",
     "rtl-detect": "^1.1.2",
     "semver": "^7.6.2",
     "sharp": "^0.33.4",

src/layout/GlobalProvider/index.tsx

@@ -1,6 +1,7 @@
 import dynamic from 'next/dynamic';
-import { cookies } from 'next/headers';
-import { FC, ReactNode } from 'react';
+import { cookies, headers } from 'next/headers';
+import { FC, PropsWithChildren } from 'react';
+import { resolveAcceptLanguage } from 'resolve-accept-language';
 
 import { getDebugConfig } from '@/config/debug';
 import { getServerFeatureFlagsValue } from '@/config/featureFlags';
@@ -10,6 +11,7 @@ import {
   LOBE_THEME_NEUTRAL_COLOR,
   LOBE_THEME_PRIMARY_COLOR,
 } from '@/const/theme';
+import { locales } from '@/locales/resources';
 import { getServerGlobalConfig } from '@/server/globalConfig';
 import { ServerConfigStoreProvider } from '@/store/serverConfig';
 import { getAntdLocale } from '@/utils/locale';
@@ -31,11 +33,27 @@ if (process.env.NODE_ENV === 'development') {
   }
 }
 
-interface GlobalLayoutProps {
-  children: ReactNode;
-}
+const parserFallbackLang = () => {
+  /**
+   * The arguments are as follows:
+   *
+   * 1) The HTTP accept-language header.
+   * 2) The available locales (they must contain the default locale).
+   * 3) The default locale.
+   */
+  let fallbackLang: 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)),
+    'en-US',
+  );
+  // if match the ar-EG then fallback to ar
+  if (fallbackLang === 'ar-EG') fallbackLang = 'ar';
+
+  return fallbackLang;
+};
 
-const GlobalLayout = async ({ children }: GlobalLayoutProps) => {
+const GlobalLayout = async ({ children }: PropsWithChildren) => {
   // get default theme config to use with ssr
   const cookieStore = cookies();
   const appearance = cookieStore.get(LOBE_THEME_APPEARANCE);
@@ -44,15 +62,21 @@ const GlobalLayout = async ({ children }: GlobalLayoutProps) => {
 
   // get default locale config to use with ssr
   const defaultLang = cookieStore.get(LOBE_LOCALE_COOKIE);
-  const antdLocale = await getAntdLocale(defaultLang?.value);
+  const fallbackLang = parserFallbackLang();
+
+  // if it's a new user, there's no cookie
+  // So we need to use the fallback language parsed by accept-language
+  const userLocale = defaultLang?.value || fallbackLang;
+
+  const antdLocale = await getAntdLocale(userLocale);
 
   // get default feature flags to use with ssr
   const serverFeatureFlags = getServerFeatureFlagsValue();
   const serverConfig = getServerGlobalConfig();
   const isMobile = isMobileDevice();
   return (
     <StyleRegistry>
-      <Locale antdLocale={antdLocale} defaultLang={defaultLang?.value}>
+      <Locale antdLocale={antdLocale} defaultLang={userLocale}>
         <AppTheme
           defaultAppearance={appearance?.value}
           defaultNeutralColor={neutralColor?.value as any}