@lobehub/chat 0.128.0 → 0.128.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.128.1](https://github.com/lobehub/lobe-chat/compare/v0.128.0...v0.128.1)
+
+<sup>Released on **2024-02-15**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix auto lang switch.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix auto lang switch, closes [#1305](https://github.com/lobehub/lobe-chat/issues/1305) ([7a51329](https://github.com/lobehub/lobe-chat/commit/7a51329))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.128.0](https://github.com/lobehub/lobe-chat/compare/v0.127.2...v0.128.0)
 
 <sup>Released on **2024-02-14**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.128.0",
+  "version": "0.128.1",
   "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",

package/src/layout/GlobalLayout/Locale.tsx

@@ -5,10 +5,7 @@ import useSWR from 'swr';
 
 import { createI18nNext } from '@/locales/create';
 import { normalizeLocale } from '@/locales/resources';
-import { useOnFinishHydrationGlobal } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
 import { isOnServerSide } from '@/utils/env';
-import { switchLang } from '@/utils/switchLang';
 
 const getAntdLocale = async (lang?: string) => {
   let normalLang = normalizeLocale(lang);
@@ -50,12 +47,6 @@ const Locale = memo<LocaleLayoutProps>(({ children, defaultLang }) => {
       });
   }
 
-  useOnFinishHydrationGlobal((s) => {
-    if (settingsSelectors.currentSettings(s).language === 'auto') {
-      switchLang('auto');
-    }
-  }, []);
-
   // handle i18n instance language change
   useEffect(() => {
     const handleLang = (e: string) => {

package/src/layout/GlobalLayout/StoreHydration.tsx

@@ -2,7 +2,8 @@ import { useResponsive } from 'antd-style';
 import { useRouter } from 'next/navigation';
 import { memo, useEffect } from 'react';
 
-import { useEffectAfterGlobalHydrated, useGlobalStore } from '@/store/global';
+import { useGlobalStore } from '@/store/global';
+import { useEffectAfterGlobalHydrated } from '@/store/global/hooks/useEffectAfterHydrated';
 
 const StoreHydration = memo(() => {
   const [useFetchServerConfig, useFetchUserConfig] = useGlobalStore((s) => [

package/src/store/global/index.ts

@@ -1,2 +1 @@
-export * from './hooks';
 export * from './store';

package/src/store/global/slices/common/action.ts

@@ -12,6 +12,9 @@ import type { GlobalStore } from '@/store/global';
 import type { GlobalServerConfig, GlobalSettings } from '@/types/settings';
 import { merge } from '@/utils/merge';
 import { setNamespace } from '@/utils/storeDebug';
+import { switchLang } from '@/utils/switchLang';
+
+import { settingsSelectors } from '../settings/selectors';
 
 const n = setNamespace('common');
 
@@ -82,6 +85,11 @@ export const createCommonSlice: StateCreator<
           if (!data) return;
 
           set({ avatar: data.avatar, settings: data.settings }, false, n('fetchUserConfig', data));
+
+          const { language } = settingsSelectors.currentSettings(get());
+          if (language === 'auto') {
+            switchLang('auto');
+          }
         },
         revalidateOnFocus: false,
       },

package/src/store/global/hooks/index.ts

@@ -1,3 +0,0 @@
-export * from './useEffectAfterHydrated';
-export * from './useOnFinishHydrationGlobal';
-

package/src/store/global/hooks/useOnFinishHydrationGlobal.ts

@@ -1,16 +0,0 @@
-import { useEffect } from 'react';
-
-import { GlobalStore, useGlobalStore } from '../store';
-
-/**
- * 当 Session 水合完毕后才会执行的 useEffect
- * @param fn
- * @param deps
- */
-export const useOnFinishHydrationGlobal = (fn: (state: GlobalStore) => void, deps: any[] = []) => {
-  useEffect(() => {
-    useGlobalStore.persist.onFinishHydration(() => {
-      fn(useGlobalStore.getState());
-    });
-  }, deps);
-};