@lobehub/chat 1.22.16 → 1.22.18

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 # Changelog
 
+### [Version 1.22.18](https://github.com/lobehub/lobe-chat/compare/v1.22.17...v1.22.18)
+
+<sup>Released on **2024-10-22**</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 1.22.17](https://github.com/lobehub/lobe-chat/compare/v1.22.16...v1.22.17)
+
+<sup>Released on **2024-10-22**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Fix dynamic import in rsc layout.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Fix dynamic import in rsc layout, closes [#4445](https://github.com/lobehub/lobe-chat/issues/4445) ([011d62a](https://github.com/lobehub/lobe-chat/commit/011d62a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.22.16](https://github.com/lobehub/lobe-chat/compare/v1.22.15...v1.22.16)
 
 <sup>Released on **2024-10-21**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.22.16",
+  "version": "1.22.18",
   "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",
@@ -149,7 +149,7 @@
     "debug": "^4.3.7",
     "dexie": "^3.2.7",
     "diff": "^5.2.0",
-    "drizzle-orm": "^0.34.1",
+    "drizzle-orm": "^0.35.0",
     "drizzle-zod": "^0.5.1",
     "fast-deep-equal": "^3.1.3",
     "file-type": "^19.6.0",
@@ -230,7 +230,7 @@
     "yaml": "^2.6.0",
     "yjs": "^13.6.20",
     "zod": "^3.23.8",
-    "zustand": "^4.5.5",
+    "zustand": "^5.0.0",
     "zustand-utils": "^1.3.2"
   },
   "devDependencies": {
@@ -270,7 +270,7 @@
     "consola": "^3.2.3",
     "dotenv": "^16.4.5",
     "dpdm": "^3.14.0",
-    "drizzle-kit": "^0.25.0",
+    "drizzle-kit": "^0.26.0",
     "eslint": "^8.57.1",
     "eslint-plugin-mdx": "^2.3.4",
     "eslint-plugin-unused-imports": "4.0.1",
@@ -293,7 +293,6 @@
     "semantic-release": "^21.1.2",
     "serwist": "^9.0.9",
     "stylelint": "^15.11.0",
-    "supports-color": "^8.1.1",
     "tsx": "^4.19.1",
     "typescript": "^5.6.3",
     "unified": "^11.0.5",
@@ -302,7 +301,7 @@
     "vitest": "~1.2.2",
     "vitest-canvas-mock": "^0.3.3"
   },
-  "packageManager": "pnpm@9.12.1",
+  "packageManager": "pnpm@9.12.2",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"

package/src/app/layout.tsx

@@ -1,17 +1,16 @@
 import { SpeedInsights } from '@vercel/speed-insights/next';
 import { ResolvingViewport } from 'next';
-import dynamic from 'next/dynamic';
 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/responsive';
 
-const PWAInstall = dynamic(() => import('@/features/PWAInstall'), { ssr: false });
 const inVercel = process.env.VERCEL === '1';
 
 type RootLayoutProps = {

package/src/features/DebugUI/Content.tsx

@@ -0,0 +1,35 @@
+
+import { Icon } from '@lobehub/ui';
+import { App, FloatButton, Spin } from 'antd';
+import { DatabaseIcon, Loader2 } from 'lucide-react';
+import { memo, useState } from 'react';
+
+import { debugService } from '@/services/debug';
+
+const DebugUI = memo(() => {
+  const [loading, setLoading] = useState(false);
+  const { message } = App.useApp();
+  return (
+    <>
+      {loading && <Spin fullscreen />}
+      <FloatButton
+        icon={<Icon icon={loading ? Loader2 : DatabaseIcon} spin={loading} />}
+        onClick={async () => {
+          setLoading(true);
+
+          const startTime = Date.now();
+
+          await debugService.insertLargeDataToDB();
+
+          const duration = Date.now() - startTime;
+
+          setLoading(false);
+          message.success(`插入成功，耗时：${(duration / 1000).toFixed(1)} s`);
+        }}
+        tooltip={'性能压测，插入100w数据'}
+      />
+    </>
+  );
+});
+
+export default DebugUI;

package/src/features/DebugUI/index.tsx

@@ -1,36 +1,20 @@
 'use client';
 
-import { Icon } from '@lobehub/ui';
-import { App, FloatButton, Spin } from 'antd';
-import { DatabaseIcon, Loader2 } from 'lucide-react';
-import { memo, useState } from 'react';
-
-import { debugService } from '@/services/debug';
-
-const DebugUI = memo(() => {
-  const [loading, setLoading] = useState(false);
-  const { message } = App.useApp();
-  return (
-    <>
-      {loading && <Spin fullscreen />}
-      <FloatButton
-        icon={<Icon icon={loading ? Loader2 : DatabaseIcon} spin={loading} />}
-        onClick={async () => {
-          setLoading(true);
-
-          const startTime = Date.now();
-
-          await debugService.insertLargeDataToDB();
-
-          const duration = Date.now() - startTime;
-
-          setLoading(false);
-          message.success(`插入成功，耗时：${(duration / 1000).toFixed(1)} s`);
-        }}
-        tooltip={'性能压测，插入100w数据'}
-      />
-    </>
-  );
-});
+import dynamic from 'next/dynamic';
+import { FC } from 'react';
+
+import { getDebugConfig } from '@/config/debug';
+
+let DebugUI: FC = () => null;
+
+// we need use Constant Folding to remove code below in production
+// refs: https://webpack.js.org/plugins/internal-plugins/#constplugin
+if (process.env.NODE_ENV === 'development') {
+  // eslint-disable-next-line unicorn/no-lonely-if
+  if (getDebugConfig().DEBUG_MODE) {
+    // @ts-ignore
+    DebugUI = dynamic(() => import('./Content'), { ssr: false });
+  }
+}
 
 export default DebugUI;

package/src/layout/GlobalProvider/AppTheme.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { ConfigProvider, NeutralColors, PrimaryColors, ThemeProvider } from '@lobehub/ui';
+import { ConfigProvider as AntdConfigProvider } from 'antd';
 import { ThemeAppearance, createStyles } from 'antd-style';
 import 'antd/dist/reset.css';
 import Image from 'next/image';
@@ -103,31 +104,33 @@ const AppTheme = memo<AppThemeProps>(
     }, [neutralColor]);
 
     return (
-      <ThemeProvider
-        className={cx(styles.app, styles.scrollbar, styles.scrollbarPolyfill)}
-        customTheme={{
-          neutralColor: neutralColor ?? defaultNeutralColor,
-          primaryColor: primaryColor ?? defaultPrimaryColor,
-        }}
-        defaultAppearance={defaultAppearance}
-        onAppearanceChange={(appearance) => {
-          setCookie(LOBE_THEME_APPEARANCE, appearance);
-        }}
-        themeMode={themeMode}
-      >
-        <GlobalStyle />
-        <AntdStaticMethods />
-        <ConfigProvider
-          config={{
-            aAs: Link,
-            imgAs: Image,
-            imgUnoptimized: true,
-            proxy: globalCDN ? 'unpkg' : undefined,
+      <AntdConfigProvider theme={{ cssVar: true }}>
+        <ThemeProvider
+          className={cx(styles.app, styles.scrollbar, styles.scrollbarPolyfill)}
+          customTheme={{
+            neutralColor: neutralColor ?? defaultNeutralColor,
+            primaryColor: primaryColor ?? defaultPrimaryColor,
           }}
+          defaultAppearance={defaultAppearance}
+          onAppearanceChange={(appearance) => {
+            setCookie(LOBE_THEME_APPEARANCE, appearance);
+          }}
+          themeMode={themeMode}
         >
-          {children}
-        </ConfigProvider>
-      </ThemeProvider>
+          <GlobalStyle />
+          <AntdStaticMethods />
+          <ConfigProvider
+            config={{
+              aAs: Link,
+              imgAs: Image,
+              imgUnoptimized: true,
+              proxy: globalCDN ? 'unpkg' : undefined,
+            }}
+          >
+            {children}
+          </ConfigProvider>
+        </ThemeProvider>
+      </AntdConfigProvider>
     );
   },
 );

package/src/layout/GlobalProvider/index.tsx

@@ -1,10 +1,8 @@
-import dynamic from 'next/dynamic';
 import { cookies, headers } from 'next/headers';
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { resolveAcceptLanguage } from 'resolve-accept-language';
 
 import { appEnv } from '@/config/app';
-import { getDebugConfig } from '@/config/debug';
 import { getServerFeatureFlagsValue } from '@/config/featureFlags';
 import { LOBE_LOCALE_COOKIE } from '@/const/locale';
 import {
@@ -12,6 +10,7 @@ import {
   LOBE_THEME_NEUTRAL_COLOR,
   LOBE_THEME_PRIMARY_COLOR,
 } from '@/const/theme';
+import DebugUI from '@/features/DebugUI';
 import { locales } from '@/locales/resources';
 import { getServerGlobalConfig } from '@/server/globalConfig';
 import { ServerConfigStoreProvider } from '@/store/serverConfig';
@@ -24,17 +23,6 @@ import QueryProvider from './Query';
 import StoreInitialization from './StoreInitialization';
 import StyleRegistry from './StyleRegistry';
 
-let DebugUI: FC = () => null;
-
-// we need use Constant Folding to remove code below in production
-// refs: https://webpack.js.org/plugins/internal-plugins/#constplugin
-if (process.env.NODE_ENV === 'development') {
-  // eslint-disable-next-line unicorn/no-lonely-if
-  if (getDebugConfig().DEBUG_MODE) {
-    DebugUI = dynamic(() => import('@/features/DebugUI'), { ssr: false }) as FC;
-  }
-}
-
 const parserFallbackLang = () => {
   /**
    * The arguments are as follows: