@lobehub/chat 1.37.2 → 1.39.0

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 1.39.0](https://github.com/lobehub/lobe-chat/compare/v1.38.0...v1.39.0)
+
+<sup>Released on **2024-12-23**</sup>
+
+#### ✨ Features
+
+- **misc**: Upgrade to next15 and react19.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Upgrade to next15 and react19, closes [#4450](https://github.com/lobehub/lobe-chat/issues/4450) ([07d7417](https://github.com/lobehub/lobe-chat/commit/07d7417))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 1.38.0](https://github.com/lobehub/lobe-chat/compare/v1.37.2...v1.38.0)
+
+<sup>Released on **2024-12-23**</sup>
+
+#### ✨ Features
+
+- **misc**: Support thread in client pglite.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Support thread in client pglite, closes [#5150](https://github.com/lobehub/lobe-chat/issues/5150) ([848b29f](https://github.com/lobehub/lobe-chat/commit/848b29f))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.37.2](https://github.com/lobehub/lobe-chat/compare/v1.37.1...v1.37.2)
 
 <sup>Released on **2024-12-22**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "features": [
+        "Upgrade to next15 and react19."
+      ]
+    },
+    "date": "2024-12-23",
+    "version": "1.39.0"
+  },
+  {
+    "children": {
+      "features": [
+        "Support thread in client pglite."
+      ]
+    },
+    "date": "2024-12-23",
+    "version": "1.38.0"
+  },
   {
     "children": {
       "improvements": [

package/{next.config.mjs → next.config.ts}

@@ -1,6 +1,7 @@
 import analyzer from '@next/bundle-analyzer';
 import { withSentryConfig } from '@sentry/nextjs';
 import withSerwistInit from '@serwist/next';
+import type { NextConfig } from 'next';
 import ReactComponentName from 'react-scan/react-component-name/webpack';
 
 const isProd = process.env.NODE_ENV === 'production';
@@ -13,8 +14,7 @@ const API_PROXY_ENDPOINT = process.env.API_PROXY_ENDPOINT || '';
 
 const basePath = process.env.NEXT_PUBLIC_BASE_PATH;
 
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+const nextConfig: NextConfig = {
   basePath,
   compress: isProd,
   experimental: {
@@ -27,7 +27,6 @@ const nextConfig = {
       'gpt-tokenizer',
       'chroma-js',
     ],
-    serverComponentsExternalPackages: ['@electric-sql/pglite'],
     webVitalsAttribution: ['CLS', 'LCP'],
   },
 
@@ -107,7 +106,6 @@ const nextConfig = {
       },
     ];
   },
-
   output: buildWithDocker ? 'standalone' : undefined,
   reactStrictMode: true,
   redirects: async () => [
@@ -169,13 +167,14 @@ const nextConfig = {
       source: '/welcome',
     },
   ],
-
   rewrites: async () => [
     // due to google api not work correct in some countries
     // we need a proxy to bypass the restriction
     { destination: `${API_PROXY_ENDPOINT}/api/chat/google`, source: '/api/chat/google' },
   ],
 
+  serverExternalPackages: ['@electric-sql/pglite'],
+
   webpack(config) {
     config.experiments = {
       asyncWebAssembly: true,
@@ -206,7 +205,7 @@ const nextConfig = {
   },
 };
 
-const noWrapper = (config) => config;
+const noWrapper = (config: NextConfig) => config;
 
 const withBundleAnalyzer = process.env.ANALYZE === 'true' ? analyzer() : noWrapper;
 
@@ -221,7 +220,7 @@ const withPWA = isProd
 const hasSentry = !!process.env.NEXT_PUBLIC_SENTRY_DSN;
 const withSentry =
   isProd && hasSentry
-    ? (c) =>
+    ? (c: NextConfig) =>
         withSentryConfig(
           c,
           {
@@ -262,4 +261,4 @@ const withSentry =
         )
     : noWrapper;
 
-export default withBundleAnalyzer(withPWA(withSentry(nextConfig)));
+export default withBundleAnalyzer(withPWA(withSentry(nextConfig) as NextConfig));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.37.2",
+  "version": "1.39.0",
   "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",
@@ -39,7 +39,7 @@
     "db:push-test": "NODE_ENV=test drizzle-kit push",
     "db:studio": "drizzle-kit studio",
     "db:z-pull": "drizzle-kit introspect",
-    "dev": "next dev -p 3010",
+    "dev": "next dev --turbo -p 3010",
     "docs:i18n": "lobe-i18n md && npm run lint:mdx",
     "docs:seo": "lobe-seo && npm run lint:mdx",
     "i18n": "npm run workflow:i18n && lobe-i18n",
@@ -104,7 +104,7 @@
   "dependencies": {
     "@ant-design/icons": "^5.5.1",
     "@ant-design/pro-components": "^2.7.18",
-    "@anthropic-ai/sdk": "^0.32.0",
+    "@anthropic-ai/sdk": "^0.33.0",
     "@auth/core": "^0.37.0",
     "@aws-sdk/client-bedrock-runtime": "^3.675.0",
     "@aws-sdk/client-s3": "^3.675.0",
@@ -130,7 +130,7 @@
     "@lobehub/tts": "^1.25.1",
     "@lobehub/ui": "^1.153.13",
     "@neondatabase/serverless": "^0.10.1",
-    "@next/third-parties": "^14.2.15",
+    "@next/third-parties": "^15.0.0",
     "@react-spring/web": "^9.7.5",
     "@sentry/nextjs": "^7.119.2",
     "@serwist/next": "^9.0.9",
@@ -145,7 +145,7 @@
     "@vercel/speed-insights": "^1.0.12",
     "ahooks": "^3.8.1",
     "ai": "^3.4.16",
-    "antd": "^5.21.4",
+    "antd": "^5.22.6",
     "antd-style": "^3.7.1",
     "brotli-wasm": "^3.0.1",
     "chroma-js": "^2.6.0",
@@ -175,7 +175,7 @@
     "mammoth": "^1.8.0",
     "modern-screenshot": "^4.4.39",
     "nanoid": "^5.0.7",
-    "next": "14.2.8",
+    "next": "^15.1.2",
     "next-auth": "beta",
     "next-mdx-remote": "^4.4.1",
     "nextjs-toploader": "^3.7.15",
@@ -195,9 +195,9 @@
     "pwa-install-handler": "^2.6.1",
     "query-string": "^9.1.1",
     "random-words": "^2.0.1",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "react-confetti": "^6.1.0",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0",
     "react-fast-marquee": "^1.6.5",
     "react-hotkeys-hook": "^4.5.1",
     "react-i18next": "14.0.2",
@@ -244,8 +244,8 @@
     "@lobehub/i18n-cli": "^1.20.0",
     "@lobehub/lint": "^1.24.4",
     "@lobehub/seo-cli": "^1.4.2",
-    "@next/bundle-analyzer": "^14.2.15",
-    "@next/eslint-plugin-next": "^14.2.15",
+    "@next/bundle-analyzer": "^15.0.0",
+    "@next/eslint-plugin-next": "^15.0.0",
     "@peculiar/webcrypto": "^1.5.0",
     "@semantic-release/exec": "^6.0.3",
     "@testing-library/jest-dom": "^6.6.2",

package/src/const/version.ts

@@ -8,6 +8,8 @@ export const CURRENT_VERSION = pkg.version;
 export const isServerMode = getServerDBConfig().NEXT_PUBLIC_ENABLED_SERVER_SERVICE;
 export const isUsePgliteDB = process.env.NEXT_PUBLIC_CLIENT_DB === 'pglite';
 
+export const isDeprecatedEdition = !isServerMode && !isUsePgliteDB;
+
 // @ts-ignore
 export const isCustomBranding = BRANDING_NAME !== 'LobeChat';
 // @ts-ignore

package/src/features/Conversation/hooks/useChatListActionsBar.tsx

@@ -3,7 +3,7 @@ import { Copy, Edit, ListRestart, RotateCcw, Split, Trash } from 'lucide-react';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { isServerMode } from '@/const/version';
+import { isDeprecatedEdition } from '@/const/version';
 
 interface ChatListActionsBar {
   branching: ActionIconGroupItems;
@@ -23,10 +23,10 @@ export const useChatListActionsBar = ({
   return useMemo(
     () => ({
       branching: {
-        disable: !isServerMode,
+        disable: isDeprecatedEdition,
         icon: Split,
         key: 'branching',
-        label: isServerMode
+        label: !isDeprecatedEdition
           ? t('branching', { defaultValue: 'Create Sub Topic' })
           : t('branchingDisable'),
       },

package/src/layout/GlobalProvider/AntdV5MonkeyPatch.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { useEffect } from "react";
+import { unstableSetRender } from "antd";
+import { createRoot } from "react-dom/client";
+
+const AntdV5MonkeyPatch = () => {
+  useEffect(() => {
+    unstableSetRender((node, container) => {
+      const root = createRoot(container);
+      root.render(node);
+      return async () => {
+        root.unmount();
+      };
+    });
+  }, []);
+  return null;
+};
+
+export default AntdV5MonkeyPatch;

package/src/layout/GlobalProvider/index.tsx

@@ -17,6 +17,7 @@ import { ServerConfigStoreProvider } from '@/store/serverConfig';
 import { getAntdLocale } from '@/utils/locale';
 import { isMobileDevice } from '@/utils/server/responsive';
 
+import AntdV5MonkeyPatch from './AntdV5MonkeyPatch';
 import AppTheme from './AppTheme';
 import Debug from './Debug';
 import Locale from './Locale';
@@ -91,6 +92,7 @@ const GlobalLayout = async ({ children }: PropsWithChildren) => {
           <DebugUI />
           <Debug />
         </AppTheme>
+        <AntdV5MonkeyPatch />
       </Locale>
     </StyleRegistry>
   );

package/src/locales/default/common.ts

@@ -33,7 +33,7 @@ export default {
   blog: '产品博客',
   branching: '创建子话题',
   branchingDisable:
-    '「子话题」功能仅服务端版本可用，如需该功能，请切换到服务端部署模式或使用 LobeChat Cloud',
+    '「子话题」功能在当前模式下不可用，如需该功能，请切换到 Postgres/Pglite DB 模式或使用 LobeChat Cloud',
   cancel: '取消',
   changelog: '更新日志',
   clientDB: {

package/src/services/thread/client.ts

@@ -0,0 +1,57 @@
+import { INBOX_SESSION_ID } from '@/const/session';
+import { clientDB } from '@/database/client/db';
+import { MessageModel } from '@/database/server/models/message';
+import { ThreadModel } from '@/database/server/models/thread';
+import { BaseClientService } from '@/services/baseClientService';
+import { CreateMessageParams } from '@/types/message';
+import { CreateThreadParams, ThreadItem } from '@/types/topic';
+
+import { IThreadService } from './type';
+
+interface CreateThreadWithMessageParams extends CreateThreadParams {
+  message: CreateMessageParams;
+}
+export class ClientService extends BaseClientService implements IThreadService {
+  private get threadModel(): ThreadModel {
+    return new ThreadModel(clientDB as any, this.userId);
+  }
+  private get messageModel(): MessageModel {
+    return new MessageModel(clientDB as any, this.userId);
+  }
+
+  getThreads = async (topicId: string): Promise<ThreadItem[]> => {
+    return this.threadModel.queryByTopicId(topicId);
+  };
+
+  createThreadWithMessage = async (
+    input: CreateThreadWithMessageParams,
+  ): Promise<{ messageId: string; threadId: string }> => {
+    const thread = await this.threadModel.create({
+      parentThreadId: input.parentThreadId,
+      sourceMessageId: input.sourceMessageId,
+      title: input.message.content.slice(0, 20),
+      topicId: input.topicId,
+      type: input.type,
+    });
+
+    const message = await this.messageModel.create({
+      ...input.message,
+      sessionId: this.toDbSessionId(input.message.sessionId) as string,
+      threadId: thread?.id,
+    });
+
+    return { messageId: message?.id, threadId: thread?.id };
+  };
+
+  updateThread(id: string, data: Partial<ThreadItem>): Promise<any> {
+    return this.threadModel.update(id, data);
+  }
+
+  removeThread(id: string): Promise<any> {
+    return this.threadModel.delete(id);
+  }
+
+  private toDbSessionId(sessionId: string | undefined) {
+    return sessionId === INBOX_SESSION_ID ? null : sessionId;
+  }
+}

package/src/services/thread/index.ts

@@ -0,0 +1,5 @@
+import { ClientService } from './client';
+import { ServerService } from './server';
+
+export const threadService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

package/src/services/{thread.ts → thread/server.ts}

@@ -3,10 +3,12 @@ import { lambdaClient } from '@/libs/trpc/client';
 import { CreateMessageParams } from '@/types/message';
 import { CreateThreadParams, ThreadItem } from '@/types/topic';
 
+import { IThreadService } from './type';
+
 interface CreateThreadWithMessageParams extends CreateThreadParams {
   message: CreateMessageParams;
 }
-export class ThreadService {
+export class ServerService implements IThreadService {
   getThreads = (topicId: string): Promise<ThreadItem[]> => {
     return lambdaClient.thread.getThreads.query({ topicId });
   };
@@ -21,34 +23,15 @@ export class ThreadService {
     });
   }
 
-  // createThread(params: CreateThreadParams): Promise<string> {
-  //   return lambdaClient.thread.createThread.mutate(params);
-  // }
-
   updateThread(id: string, data: Partial<ThreadItem>): Promise<any> {
     return lambdaClient.thread.updateThread.mutate({ id, value: data });
   }
 
-  //
   removeThread(id: string): Promise<any> {
     return lambdaClient.thread.removeThread.mutate({ id });
   }
-  //
-  // removeThreads(sessionId: string): Promise<any> {
-  //   return lambdaClient.thread.batchDeleteBySessionId.mutate({ id: this.toDbSessionId(sessionId) });
-  // }
-  //
-  // batchRemoveThreads(topics: string[]): Promise<any> {
-  //   return lambdaClient.thread.batchDelete.mutate({ ids: topics });
-  // }
-  //
-  // removeAllThread(): Promise<any> {
-  //   return lambdaClient.thread.removeAllThreads.mutate();
-  // }
 
   private toDbSessionId(sessionId: string | undefined) {
     return sessionId === INBOX_SESSION_ID ? null : sessionId;
   }
 }
-
-export const threadService = new ThreadService();

package/src/services/thread/type.ts

@@ -0,0 +1,20 @@
+/* eslint-disable typescript-sort-keys/interface */
+import { CreateMessageParams } from '@/types/message';
+import { CreateThreadParams, ThreadItem } from '@/types/topic';
+
+interface CreateThreadWithMessageParams extends CreateThreadParams {
+  message: CreateMessageParams;
+}
+
+export interface IThreadService {
+  getThreads(topicId: string): Promise<ThreadItem[]>;
+
+  createThreadWithMessage({
+    message,
+    ...params
+  }: CreateThreadWithMessageParams): Promise<{ messageId: string; threadId: string }>;
+
+  updateThread(id: string, data: Partial<ThreadItem>): Promise<any>;
+  //
+  removeThread(id: string): Promise<any>;
+}

package/src/store/chat/slices/thread/action.ts

@@ -6,7 +6,7 @@ import { StateCreator } from 'zustand/vanilla';
 
 import { chainSummaryTitle } from '@/chains/summaryTitle';
 import { LOADING_FLAT, THREAD_DRAFT_ID } from '@/const/message';
-import { isServerMode } from '@/const/version';
+import { isDeprecatedEdition } from '@/const/version';
 import { useClientDataSWR } from '@/libs/swr';
 import { chatService } from '@/services/chat';
 import { threadService } from '@/services/thread';
@@ -211,7 +211,7 @@ export const chatThreadMessage: StateCreator<
 
   useFetchThreads: (enable, topicId) =>
     useClientDataSWR<ThreadItem[]>(
-      enable && !!topicId && isServerMode ? [SWR_USE_FETCH_THREADS, topicId] : null,
+      enable && !!topicId && !isDeprecatedEdition ? [SWR_USE_FETCH_THREADS, topicId] : null,
       async ([, topicId]: [string, string]) => threadService.getThreads(topicId),
       {
         suspense: true,