@lobehub/chat 1.35.12 → 1.35.14

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 # Changelog
 
+### [Version 1.35.14](https://github.com/lobehub/lobe-chat/compare/v1.35.13...v1.35.14)
+
+<sup>Released on **2024-12-06**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor page params to adapt next15 breaking change.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor page params to adapt next15 breaking change, closes [#4904](https://github.com/lobehub/lobe-chat/issues/4904) ([45ec7b4](https://github.com/lobehub/lobe-chat/commit/45ec7b4))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.35.13](https://github.com/lobehub/lobe-chat/compare/v1.35.12...v1.35.13)
+
+<sup>Released on **2024-12-06**</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.35.12](https://github.com/lobehub/lobe-chat/compare/v1.35.11...v1.35.12)
 
 <sup>Released on **2024-12-05**</sup>

package/changelog/v1.json

@@ -1,4 +1,18 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Refactor page params to adapt next15 breaking change."
+      ]
+    },
+    "date": "2024-12-06",
+    "version": "1.35.14"
+  },
+  {
+    "children": {},
+    "date": "2024-12-06",
+    "version": "1.35.13"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.35.12",
+  "version": "1.35.14",
   "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",
@@ -259,7 +259,7 @@
     "@types/node": "^20.16.13",
     "@types/numeral": "^2.0.5",
     "@types/pg": "^8.11.10",
-    "@types/react": "^18.3.11",
+    "@types/react": "18.3.13",
     "@types/react-dom": "^18.3.1",
     "@types/rtl-detect": "^1.0.3",
     "@types/semver": "^7.5.8",

package/scripts/migrateServerDB/errorHint.js

@@ -12,6 +12,25 @@ docker run -p 5432:5432 -d --name pg -e POSTGRES_PASSWORD=mysecretpassword pgvec
 if you have any other question, please open issue here: https://github.com/lobehub/lobe-chat/issues
 `;
 
+const DB_FAIL_INIT_HINT = `------------------------------------------------------------------------------------------
+⚠️ Database migrate failed due to not find the db instance.
+
+1) You might not switch to server db mode, please set the env blow and try again:
+
+\`\`\`
+NEXT_PUBLIC_SERVICE_MODE=server
+\`\`\`
+
+2) if you are using docker postgres image, you may need to set DATABASE_DRIVER to node
+
+\`\`\`
+DATABASE_DRIVER=node
+\`\`\`
+
+if you have any other question, please open issue here: https://github.com/lobehub/lobe-chat/issues
+`;
+
 module.exports = {
+  DB_FAIL_INIT_HINT,
   PGVECTOR_HINT,
 };

package/scripts/migrateServerDB/index.ts

@@ -1,18 +1,24 @@
 import * as dotenv from 'dotenv';
-import * as migrator from 'drizzle-orm/neon-serverless/migrator';
+import { migrate as neonMigrate } from 'drizzle-orm/neon-serverless/migrator';
+import { migrate as nodeMigrate } from 'drizzle-orm/node-postgres/migrator';
 import { join } from 'node:path';
 
 import { serverDB } from '../../src/database/server/core/db';
-import { PGVECTOR_HINT } from './errorHint';
+import { DB_FAIL_INIT_HINT, PGVECTOR_HINT } from './errorHint';
 
 // Read the `.env` file if it exists, or a file specified by the
 // dotenv_config_path parameter that's passed to Node.js
 dotenv.config();
 
+const migrationsFolder = join(__dirname, '../../src/database/migrations');
+
 const runMigrations = async () => {
-  await migrator.migrate(serverDB, {
-    migrationsFolder: join(__dirname, '../../src/database/migrations'),
-  });
+  if (process.env.DATABASE_DRIVER === 'node') {
+    await nodeMigrate(serverDB, { migrationsFolder });
+  } else {
+    await neonMigrate(serverDB, { migrationsFolder });
+  }
+
   console.log('✅ database migration pass.');
   // eslint-disable-next-line unicorn/no-process-exit
   process.exit(0);
@@ -26,8 +32,12 @@ if (connectionString) {
   runMigrations().catch((err) => {
     console.error('❌ Database migrate failed:', err);
 
-    if ((err.message as string).includes('extension "vector" is not available')) {
+    const errMsg = err.message as string;
+
+    if (errMsg.includes('extension "vector" is not available')) {
       console.info(PGVECTOR_HINT);
+    } else if (errMsg.includes(`Cannot read properties of undefined (reading 'migrate')`)) {
+      console.info(DB_FAIL_INIT_HINT);
     }
 
     // eslint-disable-next-line unicorn/no-process-exit

package/src/app/(main)/discover/(detail)/model/[...slugs]/page.tsx

@@ -8,6 +8,7 @@ import { metadataModule } from '@/server/metadata';
 import { DiscoverService } from '@/server/services/discover';
 import { translation } from '@/server/translation';
 import { DiscoverProviderItem } from '@/types/discover';
+import { PageProps } from '@/types/next';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import DetailLayout from '../../features/DetailLayout';
@@ -17,9 +18,12 @@ import InfoSidebar from './features/InfoSidebar';
 import ParameterList from './features/ParameterList';
 import ProviderList from './features/ProviderList';
 
-type Props = { params: { slugs: string[] }; searchParams: { hl?: Locales } };
+type Props = PageProps<{ slugs: string[] }, { hl?: Locales }>;
+
+export const generateMetadata = async (props: Props) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ params, searchParams }: Props) => {
   const { slugs } = params;
   const identifier = decodeURIComponent(slugs.join('/'));
   const { t, locale } = await translation('metadata', searchParams?.hl);
@@ -59,7 +63,10 @@ export const generateMetadata = async ({ params, searchParams }: Props) => {
   };
 };
 
-const Page = async ({ params, searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+
   const { slugs } = params;
 
   const identifier = decodeURIComponent(slugs.join('/'));

package/src/app/(main)/discover/(detail)/plugin/[slug]/page.tsx

@@ -2,11 +2,11 @@ import { notFound } from 'next/navigation';
 import urlJoin from 'url-join';
 
 import StructuredData from '@/components/StructuredData';
-import { Locales } from '@/locales/resources';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { DiscoverService } from '@/server/services/discover';
 import { translation } from '@/server/translation';
+import { DiscoverPageProps } from '@/types/discover';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import DetailLayout from '../../features/DetailLayout';
@@ -16,9 +16,10 @@ import InfoSidebar from './features/InfoSidebar';
 import ParameterList from './features/ParameterList';
 import Schema from './features/Schema';
 
-type Props = { params: { slug: string }; searchParams: { hl?: Locales } };
+export const generateMetadata = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ params, searchParams }: Props) => {
   const { slug: identifier } = params;
   const { t, locale } = await translation('metadata', searchParams?.hl);
 
@@ -57,7 +58,10 @@ export const generateMetadata = async ({ params, searchParams }: Props) => {
   };
 };
 
-const Page = async ({ params, searchParams }: Props) => {
+const Page = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+
   const { slug: identifier } = params;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const mobile = isMobileDevice();

package/src/app/(main)/discover/(detail)/provider/[slug]/page.tsx

@@ -3,13 +3,12 @@ import urlJoin from 'url-join';
 
 import StructuredData from '@/components/StructuredData';
 import { CustomMDX } from '@/components/mdx';
-import { Locales } from '@/locales/resources';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { DiscoverService } from '@/server/services/discover';
 import { DocService } from '@/server/services/doc';
 import { translation } from '@/server/translation';
-import { DiscoverModelItem } from '@/types/discover';
+import { DiscoverModelItem, DiscoverPageProps } from '@/types/discover';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import DetailLayout from '../../features/DetailLayout';
@@ -18,9 +17,10 @@ import Header from './features/Header';
 import InfoSidebar from './features/InfoSidebar';
 import ModelList from './features/ModelList';
 
-type Props = { params: { slug: string }; searchParams: { hl?: Locales } };
+export const generateMetadata = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ params, searchParams }: Props) => {
   const { slug: identifier } = params;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const { t: td } = await translation('models', searchParams?.hl);
@@ -55,7 +55,10 @@ export const generateMetadata = async ({ params, searchParams }: Props) => {
   };
 };
 
-const Page = async ({ params, searchParams }: Props) => {
+const Page = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+
   const { slug: identifier } = params;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const { t: td } = await translation('models', searchParams?.hl);

package/src/app/(main)/discover/(list)/assistants/[slug]/page.tsx

@@ -1,19 +1,19 @@
 import urlJoin from 'url-join';
 
 import StructuredData from '@/components/StructuredData';
-import { Locales } from '@/locales/resources';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { DiscoverService } from '@/server/services/discover';
 import { translation } from '@/server/translation';
-import { AssistantCategory } from '@/types/discover';
+import { AssistantCategory, DiscoverPageProps } from '@/types/discover';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from '../features/List';
 
-type Props = { params: { slug: AssistantCategory }; searchParams: { hl?: Locales } };
+export const generateMetadata = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ params, searchParams }: Props) => {
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const { t: td } = await translation('discover', searchParams?.hl);
 
@@ -26,7 +26,10 @@ export const generateMetadata = async ({ params, searchParams }: Props) => {
   });
 };
 
-const Page = async ({ params, searchParams }: Props) => {
+const Page = async (props: DiscoverPageProps<AssistantCategory>) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const { t: td } = await translation('discover', searchParams?.hl);
   const mobile = isMobileDevice();

package/src/app/(main)/discover/(list)/models/[slug]/page.tsx

@@ -2,19 +2,19 @@ import urlJoin from 'url-join';
 
 import StructuredData from '@/components/StructuredData';
 import { DEFAULT_LANG } from '@/const/locale';
-import { Locales } from '@/locales/resources';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { DiscoverService } from '@/server/services/discover';
 import { translation } from '@/server/translation';
-import { AssistantCategory } from '@/types/discover';
+import { DiscoverPageProps } from '@/types/discover';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from '../features/List';
 
-type Props = { params: { slug: AssistantCategory }; searchParams: { hl?: Locales } };
+export const generateMetadata = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ params, searchParams }: Props) => {
   const { t, locale } = await translation('metadata', searchParams?.hl);
 
   const discoverService = new DiscoverService();
@@ -30,7 +30,10 @@ export const generateMetadata = async ({ params, searchParams }: Props) => {
   });
 };
 
-const Page = async ({ params, searchParams }: Props) => {
+const Page = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const mobile = isMobileDevice();
 

package/src/app/(main)/discover/(list)/plugins/[slug]/page.tsx

@@ -1,19 +1,19 @@
 import urlJoin from 'url-join';
 
 import StructuredData from '@/components/StructuredData';
-import { Locales } from '@/locales/resources';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { DiscoverService } from '@/server/services/discover';
 import { translation } from '@/server/translation';
-import { PluginCategory } from '@/types/discover';
+import { DiscoverPageProps, PluginCategory } from '@/types/discover';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from '../features/List';
 
-type Props = { params: { slug: PluginCategory }; searchParams: { hl?: Locales } };
+export const generateMetadata = async (props: DiscoverPageProps) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ params, searchParams }: Props) => {
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const { t: td } = await translation('discover', searchParams?.hl);
 
@@ -26,7 +26,10 @@ export const generateMetadata = async ({ params, searchParams }: Props) => {
   });
 };
 
-const Page = async ({ params, searchParams }: Props) => {
+const Page = async (props: DiscoverPageProps<PluginCategory>) => {
+  const params = await props.params;
+  const searchParams = await props.searchParams;
+
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const { t: td } = await translation('discover', searchParams?.hl);
   const mobile = isMobileDevice();

package/src/app/(main)/discover/search/page.tsx

@@ -7,6 +7,7 @@ import { Locales } from '@/locales/resources';
 import { ldModule } from '@/server/ld';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
+import { PageProps } from '@/types/next';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import { ListLoadingWithoutBanner } from '../components/ListLoading';
@@ -24,15 +25,18 @@ const ProvidersResult = dynamic(() => import('./features/ProvidersResult'), {
   loading: () => <ListLoadingWithoutBanner />,
 });
 
-type Props = {
-  searchParams: {
+type Props = PageProps<
+  undefined,
+  {
     hl?: Locales;
     q?: string;
     type?: 'assistants' | 'plugins' | 'models' | 'providers';
-  };
-};
+  }
+>;
+
+export const generateMetadata = async (props: Props) => {
+  const searchParams = await props.searchParams;
 
-export const generateMetadata = async ({ searchParams }: Props) => {
   const { t, locale } = await translation('metadata', searchParams?.hl);
 
   return metadataModule.generate({
@@ -44,7 +48,9 @@ export const generateMetadata = async ({ searchParams }: Props) => {
   });
 };
 
-const Page = async ({ searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const searchParams = await props.searchParams;
+
   const { q, type = 'assistants' } = searchParams;
   if (!q) redirect(urlJoin(`/discover`, type));
   const keywords = decodeURIComponent(q);

package/src/app/(main)/files/(content)/@modal/(.)[id]/page.tsx

@@ -1,14 +1,12 @@
+import { PagePropsWithId } from '@/types/next';
+
 import FileDetail from './FileDetail';
 import FilePreview from './FilePreview';
 import FullscreenModal from './FullscreenModal';
 
-interface Params {
-  id: string;
-}
-
-type Props = { params: Params };
+const Page = async (props: PagePropsWithId) => {
+  const params = await props.params;
 
-const Page = ({ params }: Props) => {
   return (
     <FullscreenModal detail={<FileDetail id={params.id} />}>
       <FilePreview id={params.id} />

package/src/app/(main)/files/[id]/page.tsx

@@ -5,19 +5,16 @@ import FileDetail from '@/app/(main)/files/features/FileDetail';
 import FileViewer from '@/features/FileViewer';
 import { createCallerFactory } from '@/libs/trpc';
 import { lambdaRouter } from '@/server/routers/lambda';
+import { PagePropsWithId } from '@/types/next';
 import { getUserAuth } from '@/utils/server/auth';
 
 import Header from './Header';
 
-interface Params {
-  id: string;
-}
-
-type Props = { params: Params };
-
 const createCaller = createCallerFactory(lambdaRouter);
 
-const FilePage = async ({ params }: Props) => {
+const FilePage = async (props: PagePropsWithId) => {
+  const params = await props.params;
+
   const { userId } = await getUserAuth();
 
   const caller = createCaller({ userId });

package/src/app/(main)/repos/[id]/evals/dataset/page.tsx

@@ -6,7 +6,6 @@ import { Flexbox } from 'react-layout-kit';
 import CircleLoading from '@/components/CircleLoading';
 import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
 
-import { PageProps } from '../type';
 import DatasetDetail from './DatasetDetail';
 import DatasetList from './DatasetList';
 import EmptyGuide from './EmptyGuide';
@@ -18,7 +17,13 @@ const useStyles = createStyles(({ css, token }) => ({
   `,
 }));
 
-const Dataset = ({ params }: PageProps) => {
+interface Params {
+  id: string;
+}
+
+type Props = { params: Params & Promise<Params> };
+
+const Dataset = ({ params }: Props) => {
   const { styles } = useStyles();
   const knowledgeBaseId = params.id;
 

package/src/app/(main)/repos/[id]/evals/evaluation/page.tsx

@@ -5,11 +5,16 @@ import { Flexbox } from 'react-layout-kit';
 import CircleLoading from '@/components/CircleLoading';
 import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
 
-import { PageProps } from '../type';
 import EmptyGuide from './EmptyGuide';
 import EvaluationList from './EvaluationList';
 
-const Evaluation = ({ params }: PageProps) => {
+interface Params {
+  id: string;
+}
+
+type Props = { params: Params };
+
+const Evaluation = ({ params }: Props) => {
   const knowledgeBaseId = params.id;
 
   const useFetchEvaluation = useKnowledgeBaseStore((s) => s.useFetchEvaluationList);

package/src/app/(main)/repos/[id]/evals/layout.tsx

@@ -3,20 +3,21 @@ import { PropsWithChildren } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import { serverFeatureFlags } from '@/config/featureFlags';
+import { PagePropsWithId } from '@/types/next';
 
 import Container from './components/Container';
 import { Tabs } from './components/Tabs';
-import { PageProps } from './type';
 
-export default ({ children, params }: PropsWithChildren<PageProps>) => {
+export default async (props: PropsWithChildren<PagePropsWithId>) => {
   const enableRAGEval = serverFeatureFlags().enableRAGEval;
+  const params = await props.params;
 
   if (!enableRAGEval) return notFound();
 
   return (
     <Flexbox gap={24} height={'100%'} padding={24} style={{ paddingTop: 0 }}>
       <Tabs knowledgeBaseId={params.id} />
-      <Container>{children}</Container>
+      <Container>{props.children}</Container>
     </Flexbox>
   );
 };

package/src/app/(main)/repos/[id]/evals/page.tsx

@@ -1,9 +1,9 @@
 import { redirect } from 'next/navigation';
 
-interface Params {
-  id: string;
-}
+import { PagePropsWithId } from '@/types/next';
 
-type Props = { params: Params };
+export default async (props: PagePropsWithId) => {
+  const params = await props.params;
 
-export default ({ params }: Props) => redirect(`/repos/${params.id}/evals/dataset`);
+  return redirect(`/repos/${params.id}/evals/dataset`);
+};

package/src/app/(main)/repos/[id]/layout.tsx

@@ -8,6 +8,4 @@ const Layout = ServerLayout<LayoutProps>({ Desktop, Mobile });
 
 Layout.displayName = 'RepoLayout';
 
-export default (props: LayoutProps) => {
-  return <Layout {...props} />;
-};
+export default (props: LayoutProps) => <Layout {...props} />;

package/src/app/(main)/repos/[id]/page.tsx

@@ -3,14 +3,11 @@ import { redirect } from 'next/navigation';
 import { serverDB } from '@/database/server';
 import { KnowledgeBaseModel } from '@/database/server/models/knowledgeBase';
 import FileManager from '@/features/FileManager';
+import { PagePropsWithId } from '@/types/next';
 
-interface Params {
-  id: string;
-}
+export default async (props: PagePropsWithId) => {
+  const params = await props.params;
 
-type Props = { params: Params };
-
-export default async ({ params }: Props) => {
   const item = await KnowledgeBaseModel.findById(serverDB, params.id);
 
   if (!item) return redirect('/repos');

package/src/types/discover.ts

@@ -4,12 +4,10 @@ import { LobeChatPluginMeta, Meta } from '@lobehub/chat-plugin-sdk/lib/types/mar
 import { Locales } from '@/locales/resources';
 import { ChatModelCard, ModelProviderCard } from '@/types/llm';
 import { MetaData } from '@/types/meta';
+import { PageProps } from '@/types/next';
 import { LobeAgentSettings } from '@/types/session';
 
-export interface DiscoverPageProps {
-  params: Promise<{ slug: string }>;
-  searchParams: Promise<{ hl?: Locales }>;
-}
+export type DiscoverPageProps<T = string> = PageProps<{ slug: T }, { hl?: Locales }>;
 
 export enum AssistantCategory {
   Academic = 'academic',

package/src/types/next.ts

@@ -0,0 +1,6 @@
+export interface PageProps<Params, SearchParams = undefined> {
+  params: Promise<Params>;
+  searchParams: Promise<SearchParams>;
+}
+
+export type PagePropsWithId = PageProps<{ id: string }>;

package/src/app/(main)/repos/[id]/evals/type.ts

@@ -1,5 +0,0 @@
-interface Params {
-  id: string;
-}
-
-export type PageProps = { params: Params };