@lobehub/chat 1.22.20 → 1.22.21

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.22.21](https://github.com/lobehub/lobe-chat/compare/v1.22.20...v1.22.21)
+
+<sup>Released on **2024-10-23**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor cookie/headers to async mode.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor cookie/headers to async mode, closes [#4459](https://github.com/lobehub/lobe-chat/issues/4459) ([98c5d21](https://github.com/lobehub/lobe-chat/commit/98c5d21))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.22.20](https://github.com/lobehub/lobe-chat/compare/v1.22.19...v1.22.20)
 
 <sup>Released on **2024-10-23**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.22.20",
+  "version": "1.22.21",
   "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/app/(backend)/api/webhooks/casdoor/validateRequest.ts

@@ -17,7 +17,7 @@ interface CasdoorWebhookPayload {
 
 export const validateRequest = async (request: Request, secret?: string) => {
   const payloadString = await request.text();
-  const headerPayload = headers();
+  const headerPayload = await headers();
   const casdoorSecret = headerPayload.get('casdoor-secret')!;
   try {
     if (casdoorSecret === secret) {

package/src/app/(backend)/api/webhooks/clerk/validateRequest.ts

@@ -4,7 +4,7 @@ import { Webhook } from 'svix';
 
 export const validateRequest = async (request: Request, secret: string) => {
   const payloadString = await request.text();
-  const headerPayload = headers();
+  const headerPayload = await headers();
 
   const svixHeaders = {
     'svix-id': headerPayload.get('svix-id')!,

package/src/app/(backend)/api/webhooks/logto/validateRequest.ts

@@ -26,7 +26,7 @@ interface LogtoWebhookPayload {
 
 export const validateRequest = async (request: Request, signingKey: string) => {
   const payloadString = await request.text();
-  const headerPayload = headers();
+  const headerPayload = await headers();
   const logtoHeaderSignature = headerPayload.get('logto-signature-sha-256')!;
   try {
     const hmac = createHmac('sha256', signingKey);

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

@@ -2,12 +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 { DiscoverPlugintem } from '@/types/discover';
+import { DiscoverPageProps, DiscoverPlugintem } from '@/types/discover';
 import { isMobileDevice } from '@/utils/server/responsive';
 
 import DetailLayout from '../../features/DetailLayout';
@@ -19,9 +18,10 @@ import Temp from './features/Temp';
 // import ConversationExample from './features/ConversationExample';
 // import SystemRole from './features/SystemRole';
 
-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);
 
@@ -56,7 +56,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/(list)/(home)/page.tsx

@@ -7,9 +7,10 @@ import { translation } from '@/server/translation';
 
 import Client from './Client';
 
-type Props = { searchParams: { hl?: Locales } };
+type Props = { searchParams: Promise<{ hl?: Locales }> };
 
-export const generateMetadata = async ({ searchParams }: Props) => {
+export const generateMetadata = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   return metadataModule.generate({
     alternate: true,
@@ -20,7 +21,8 @@ export const generateMetadata = async ({ searchParams }: Props) => {
   });
 };
 
-const Page = async ({ searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const ld = ldModule.generate({
     description: t('discover.description'),

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

@@ -8,9 +8,10 @@ import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from './features/List';
 
-type Props = { searchParams: { hl?: Locales } };
+type Props = { searchParams: Promise<{ hl?: Locales }> };
 
-export const generateMetadata = async ({ searchParams }: Props) => {
+export const generateMetadata = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   return metadataModule.generate({
     alternate: true,
@@ -21,7 +22,8 @@ export const generateMetadata = async ({ searchParams }: Props) => {
   });
 };
 
-const Page = async ({ searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const mobile = isMobileDevice();
 

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

@@ -9,10 +9,12 @@ import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from './features/List';
 
-type Props = { searchParams: { hl?: Locales } };
+type Props = { searchParams: Promise<{ hl?: Locales }> };
 
-export const generateMetadata = async ({ searchParams }: Props) => {
-  const { t, locale } = await translation('metadata', searchParams?.hl);
+export const generateMetadata = async (props: Props) => {
+  const searchParams = await props.searchParams;
+
+  const { t, locale } = await translation('metadata', searchParams.hl);
 
   return metadataModule.generate({
     alternate: true,
@@ -23,7 +25,9 @@ export const generateMetadata = async ({ searchParams }: Props) => {
   });
 };
 
-const Page = async ({ searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const searchParams = await props.searchParams;
+
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const mobile = isMobileDevice();
 

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

@@ -8,9 +8,10 @@ import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from './features/List';
 
-type Props = { searchParams: { hl?: Locales } };
+type Props = { searchParams: Promise<{ hl?: Locales }> };
 
-export const generateMetadata = async ({ searchParams }: Props) => {
+export const generateMetadata = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
 
   return metadataModule.generate({
@@ -22,7 +23,8 @@ export const generateMetadata = async ({ searchParams }: Props) => {
   });
 };
 
-const Page = async ({ searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const mobile = isMobileDevice();
 

package/src/app/(main)/discover/(list)/providers/page.tsx

@@ -8,9 +8,10 @@ import { isMobileDevice } from '@/utils/server/responsive';
 
 import List from './features/List';
 
-type Props = { searchParams: { hl?: Locales } };
+type Props = { searchParams: Promise<{ hl?: Locales }> };
 
-export const generateMetadata = async ({ searchParams }: Props) => {
+export const generateMetadata = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
 
   return metadataModule.generate({
@@ -22,7 +23,8 @@ export const generateMetadata = async ({ searchParams }: Props) => {
   });
 };
 
-const Page = async ({ searchParams }: Props) => {
+const Page = async (props: Props) => {
+  const searchParams = await props.searchParams;
   const { t, locale } = await translation('metadata', searchParams?.hl);
   const mobile = isMobileDevice();
 

package/src/app/layout.tsx

@@ -19,7 +19,7 @@ type RootLayoutProps = {
 };
 
 const RootLayout = async ({ children, modal }: RootLayoutProps) => {
-  const cookieStore = cookies();
+  const cookieStore = await cookies();
 
   const lang = cookieStore.get(LOBE_LOCALE_COOKIE);
   const direction = isRtlLang(lang?.value || DEFAULT_LANG) ? 'rtl' : 'ltr';

package/src/config/modelProviders/stepfun.ts

@@ -10,6 +10,11 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-1-flash',
+      pricing: {
+        currency: 'CNY',
+        input: 1,
+        output: 4,
+      },
       tokens: 8000,
     },
     {
@@ -18,6 +23,11 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-1-8k',
+      pricing: {
+        currency: 'CNY',
+        input: 5,
+        output: 20,
+      },
       tokens: 8000,
     },
     {
@@ -26,6 +36,11 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-1-32k',
+      pricing: {
+        currency: 'CNY',
+        input: 15,
+        output: 70,
+      },
       tokens: 32_000,
     },
     {
@@ -34,6 +49,11 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-1-128k',
+      pricing: {
+        currency: 'CNY',
+        input: 40,
+        output: 200,
+      },
       tokens: 128_000,
     },
     {
@@ -41,6 +61,11 @@ const Stepfun: ModelProviderCard = {
       displayName: 'Step 1 256K',
       functionCall: true,
       id: 'step-1-256k',
+      pricing: {
+        currency: 'CNY',
+        input: 95,
+        output: 300,
+      },
       tokens: 256_000,
     },
     {
@@ -49,6 +74,11 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-2-16k',
+      pricing: {
+        currency: 'CNY',
+        input: 38,
+        output: 120,
+      },
       tokens: 16_000,
     },
     {
@@ -57,6 +87,11 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-1v-8k',
+      pricing: {
+        currency: 'CNY',
+        input: 5,
+        output: 20,
+      },
       tokens: 8000,
       vision: true,
     },
@@ -66,6 +101,24 @@ const Stepfun: ModelProviderCard = {
       enabled: true,
       functionCall: true,
       id: 'step-1v-32k',
+      pricing: {
+        currency: 'CNY',
+        input: 15,
+        output: 70,
+      },
+      tokens: 32_000,
+      vision: true,
+    },
+    {
+      description: '该模型拥有强大的视频理解能力。',
+      displayName: 'Step 1.5V Turbo',
+      enabled: true,
+      id: 'step-1.5v-turbo',
+      pricing: {
+        currency: 'CNY',
+        input: 8,
+        output: 35,
+      },
       tokens: 32_000,
       vision: true,
     },

package/src/layout/GlobalProvider/index.tsx

@@ -23,7 +23,8 @@ import QueryProvider from './Query';
 import StoreInitialization from './StoreInitialization';
 import StyleRegistry from './StyleRegistry';
 
-const parserFallbackLang = () => {
+const parserFallbackLang = async () => {
+  const header = await headers();
   /**
    * The arguments are as follows:
    *
@@ -32,7 +33,7 @@ const parserFallbackLang = () => {
    * 3) The default locale.
    */
   let fallbackLang: string = resolveAcceptLanguage(
-    headers().get('accept-language') || '',
+    header.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',
@@ -45,14 +46,14 @@ const parserFallbackLang = () => {
 
 const GlobalLayout = async ({ children }: PropsWithChildren) => {
   // get default theme config to use with ssr
-  const cookieStore = cookies();
+  const cookieStore = await cookies();
   const appearance = cookieStore.get(LOBE_THEME_APPEARANCE);
   const neutralColor = cookieStore.get(LOBE_THEME_NEUTRAL_COLOR);
   const primaryColor = cookieStore.get(LOBE_THEME_PRIMARY_COLOR);
 
   // get default locale config to use with ssr
   const defaultLang = cookieStore.get(LOBE_LOCALE_COOKIE);
-  const fallbackLang = parserFallbackLang();
+  const fallbackLang = await parserFallbackLang();
 
   // if it's a new user, there's no cookie
   // So we need to use the fallback language parsed by accept-language

package/src/server/translation.ts

@@ -11,7 +11,7 @@ import { isDev } from '@/utils/env';
 
 export const getLocale = async (hl?: string): Promise<Locales> => {
   if (hl) return normalizeLocale(hl) as Locales;
-  const cookieStore = cookies();
+  const cookieStore = await cookies();
   const defaultLang = cookieStore.get(LOBE_LOCALE_COOKIE);
   return (defaultLang?.value || DEFAULT_LANG) as Locales;
 };

package/src/types/discover.ts

@@ -1,10 +1,16 @@
 import { LobeChatPluginManifest } from '@lobehub/chat-plugin-sdk';
 import { LobeChatPluginMeta, Meta } from '@lobehub/chat-plugin-sdk/lib/types/market';
 
+import { Locales } from '@/locales/resources';
 import { ChatModelCard, ModelProviderCard } from '@/types/llm';
 import { MetaData } from '@/types/meta';
 import { LobeAgentSettings } from '@/types/session';
 
+export interface DiscoverPageProps {
+  params: Promise<{ slug: string }>;
+  searchParams: Promise<{ hl?: Locales }>;
+}
+
 export enum AssistantCategory {
   Academic = 'academic',
   All = 'all',