@lobehub/chat 1.52.0 → 1.52.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.52.1](https://github.com/lobehub/lobe-chat/compare/v1.52.0...v1.52.1)
+
+<sup>Released on **2025-02-08**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix static relative issues.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix static relative issues, closes [#5874](https://github.com/lobehub/lobe-chat/issues/5874) ([419977b](https://github.com/lobehub/lobe-chat/commit/419977b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.52.0](https://github.com/lobehub/lobe-chat/compare/v1.51.16...v1.52.0)
 
 <sup>Released on **2025-02-08**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix static relative issues."
+      ]
+    },
+    "date": "2025-02-08",
+    "version": "1.52.1"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.52.0",
+  "version": "1.52.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/app/[variants]/(main)/(mobile)/me/(home)/__tests__/useCategory.test.tsx

@@ -1,7 +1,7 @@
 import { act, renderHook } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
-import { ServerConfigStoreProvider } from '@/store/serverConfig';
+import { ServerConfigStoreProvider } from '@/store/serverConfig/Provider';
 import { useUserStore } from '@/store/user';
 
 import { useCategory } from '../features/useCategory';

package/src/app/[variants]/(main)/(mobile)/me/(home)/page.tsx

@@ -37,5 +37,3 @@ const Page = async (props: DynamicLayoutProps) => {
 Page.displayName = 'Me';
 
 export default Page;
-
-export const dynamic = 'force-static';

package/src/app/[variants]/(main)/(mobile)/me/profile/page.tsx

@@ -27,5 +27,3 @@ const Page = async (props: DynamicLayoutProps) => {
 Page.displayName = 'MeProfile';
 
 export default Page;
-
-export const dynamic = 'force-static';

package/src/app/[variants]/(main)/(mobile)/me/settings/page.tsx

@@ -27,5 +27,3 @@ const Page = async (props: DynamicLayoutProps) => {
 Page.displayName = 'MeSettings';
 
 export default Page;
-
-export const dynamic = 'force-static';

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

@@ -71,5 +71,3 @@ const Page = async (props: Props) => {
 Page.DisplayName = 'DiscoverSearch';
 
 export default Page;
-
-export const dynamic = 'force-static';

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

@@ -8,5 +8,3 @@ const MainLayout = ServerLayout({ Desktop, Mobile });
 MainLayout.displayName = 'MainLayout';
 
 export default MainLayout;
-
-export const dynamic = 'force-dynamic';

package/src/app/[variants]/(main)/settings/layout.ts

@@ -9,5 +9,3 @@ const SettingsLayout = ServerLayout<LayoutProps>({ Desktop, Mobile });
 SettingsLayout.displayName = 'SettingsLayout';
 
 export default SettingsLayout;
-
-export const dynamic = 'force-static';

package/src/features/User/__tests__/useMenu.test.tsx

@@ -1,7 +1,7 @@
 import { act, renderHook } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
-import { ServerConfigStoreProvider } from '@/store/serverConfig';
+import { ServerConfigStoreProvider } from '@/store/serverConfig/Provider';
 import { useUserStore } from '@/store/user';
 
 import { useMenu } from '../UserPanel/useMenu';

package/src/layout/GlobalProvider/StoreInitialization.tsx

@@ -38,6 +38,10 @@ const StoreInitialization = memo(() => {
   // init the system preference
   useInitSystemStatus();
 
+  // fetch server config
+  const useFetchServerConfig = useServerConfigStore((s) => s.useInitServerConfig);
+  useFetchServerConfig();
+
   // Update NextAuth status
   const useUserStoreUpdater = createStoreUpdater(useUserStore);
   const oAuthSSOProviders = useServerConfigStore(serverConfigSelectors.oAuthSSOProviders);

package/src/layout/GlobalProvider/index.tsx

@@ -4,7 +4,7 @@ import { appEnv } from '@/config/app';
 import { getServerFeatureFlagsValue } from '@/config/featureFlags';
 import DevPanel from '@/features/DevPanel';
 import { getServerGlobalConfig } from '@/server/globalConfig';
-import { ServerConfigStoreProvider } from '@/store/serverConfig';
+import { ServerConfigStoreProvider } from '@/store/serverConfig/Provider';
 import { getAntdLocale } from '@/utils/locale';
 
 import AntdV5MonkeyPatch from './AntdV5MonkeyPatch';
@@ -37,7 +37,7 @@ const GlobalLayout = async ({
 
   // get default feature flags to use with ssr
   const serverFeatureFlags = getServerFeatureFlagsValue();
-  const serverConfig = getServerGlobalConfig();
+  const serverConfig = await getServerGlobalConfig();
   return (
     <StyleRegistry>
       <Locale antdLocale={antdLocale} defaultLang={userLocale}>

package/src/server/routers/edge/config/index.test.ts

@@ -37,7 +37,7 @@ describe('configRouter', () => {
           const response = await router.getGlobalConfig();
 
           // Assert
-          const result = response.languageModel?.openai;
+          const result = response.serverConfig.languageModel?.openai;
 
           expect(result).toMatchSnapshot();
           process.env.OPENAI_MODEL_LIST = '';
@@ -49,7 +49,7 @@ describe('configRouter', () => {
 
           const response = await router.getGlobalConfig();
 
-          const result = response.languageModel?.openai?.serverModelCards;
+          const result = response.serverConfig.languageModel?.openai?.serverModelCards;
 
           expect(result).toMatchSnapshot();
 
@@ -62,7 +62,7 @@ describe('configRouter', () => {
 
           const response = await router.getGlobalConfig();
 
-          const result = response.languageModel?.openai?.serverModelCards;
+          const result = response.serverConfig.languageModel?.openai?.serverModelCards;
 
           expect(result?.find((s) => s.id === 'gpt-4-0125-preview')?.displayName).toEqual(
             'gpt-4-32k',
@@ -76,7 +76,7 @@ describe('configRouter', () => {
 
           const response = await router.getGlobalConfig();
 
-          const result = response.languageModel?.openai?.serverModelCards;
+          const result = response.serverConfig.languageModel?.openai?.serverModelCards;
 
           expect(result?.find((r) => r.id === 'gpt-4')).toBeUndefined();
 
@@ -88,7 +88,7 @@ describe('configRouter', () => {
 
           const response = await router.getGlobalConfig();
 
-          const result = response.languageModel?.openai?.serverModelCards;
+          const result = response.serverConfig.languageModel?.openai?.serverModelCards;
 
           const model = result?.find((o) => o.id === 'gpt-4-1106-preview');
 
@@ -102,7 +102,7 @@ describe('configRouter', () => {
 
           const response = await router.getGlobalConfig();
 
-          const result = response.languageModel?.openai?.serverModelCards;
+          const result = response.serverConfig.languageModel?.openai?.serverModelCards;
 
           expect(result).toContainEqual({
             displayName: 'model1',
@@ -137,7 +137,7 @@ describe('configRouter', () => {
           const response = await router.getGlobalConfig();
 
           // Assert
-          const result = response.languageModel?.openrouter;
+          const result = response.serverConfig.languageModel?.openrouter;
 
           expect(result).toMatchSnapshot();
 

package/src/server/routers/edge/config/index.ts

@@ -1,12 +1,17 @@
+import { getServerFeatureFlagsValue } from '@/config/featureFlags';
 import { publicProcedure, router } from '@/libs/trpc';
 import { getServerDefaultAgentConfig, getServerGlobalConfig } from '@/server/globalConfig';
+import { GlobalRuntimeConfig } from '@/types/serverConfig';
 
 export const configRouter = router({
   getDefaultAgentConfig: publicProcedure.query(async () => {
     return getServerDefaultAgentConfig();
   }),
 
-  getGlobalConfig: publicProcedure.query(async () => {
-    return getServerGlobalConfig();
+  getGlobalConfig: publicProcedure.query(async (): Promise<GlobalRuntimeConfig> => {
+    const serverConfig = await getServerGlobalConfig();
+    const serverFeatureFlags = getServerFeatureFlagsValue();
+
+    return { serverConfig, serverFeatureFlags };
   }),
 });

package/src/services/__tests__/global.test.ts

@@ -1,7 +1,7 @@
 import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { edgeClient } from '@/libs/trpc/client';
-import { GlobalServerConfig } from '@/types/serverConfig';
+import { GlobalRuntimeConfig } from '@/types/serverConfig';
 
 import { globalService } from '../global';
 
@@ -77,14 +77,17 @@ describe('GlobalService', () => {
   describe('ServerConfig', () => {
     it('should return the serverConfig when fetch is successful', async () => {
       // Arrange
-      const mockConfig = { enabledOAuthSSO: true } as GlobalServerConfig;
+      const mockConfig = {
+        serverConfig: { enabledOAuthSSO: true },
+        serverFeatureFlags: {},
+      } as GlobalRuntimeConfig;
       vi.spyOn(edgeClient.config.getGlobalConfig, 'query').mockResolvedValue(mockConfig);
 
       // Act
       const config = await globalService.getGlobalConfig();
 
       // Assert
-      expect(config).toEqual({ enabledOAuthSSO: true });
+      expect(config).toEqual(mockConfig);
     });
 
     it('should return the defaultAgentConfig when fetch is successful', async () => {

package/src/services/global.ts

@@ -2,7 +2,7 @@ import { DeepPartial } from 'utility-types';
 
 import { edgeClient } from '@/libs/trpc/client';
 import { LobeAgentConfig } from '@/types/agent';
-import { GlobalServerConfig } from '@/types/serverConfig';
+import { GlobalRuntimeConfig } from '@/types/serverConfig';
 
 const VERSION_URL = 'https://registry.npmmirror.com/@lobehub/chat/latest';
 
@@ -17,7 +17,7 @@ class GlobalService {
     return data['version'];
   };
 
-  getGlobalConfig = async (): Promise<GlobalServerConfig> => {
+  getGlobalConfig = async (): Promise<GlobalRuntimeConfig> => {
     return edgeClient.config.getGlobalConfig.query();
   };
 

package/src/store/serverConfig/action.ts

@@ -0,0 +1,36 @@
+import { SWRResponse } from 'swr';
+import { StateCreator } from 'zustand/vanilla';
+
+import { useOnlyFetchOnceSWR } from '@/libs/swr';
+import { globalService } from '@/services/global';
+import { GlobalRuntimeConfig } from '@/types/serverConfig';
+
+import type { ServerConfigStore } from './store';
+
+const FETCH_SERVER_CONFIG_KEY = 'FETCH_SERVER_CONFIG';
+export interface ServerConfigAction {
+  useInitServerConfig: () => SWRResponse<GlobalRuntimeConfig>;
+}
+
+export const createServerConfigSlice: StateCreator<
+  ServerConfigStore,
+  [['zustand/devtools', never]],
+  [],
+  ServerConfigAction
+> = (set) => ({
+  useInitServerConfig: () => {
+    return useOnlyFetchOnceSWR<GlobalRuntimeConfig>(
+      FETCH_SERVER_CONFIG_KEY,
+      () => globalService.getGlobalConfig(),
+      {
+        onSuccess: (data) => {
+          set(
+            { featureFlags: data.serverFeatureFlags, serverConfig: data.serverConfig },
+            false,
+            'initServerConfig',
+          );
+        },
+      },
+    );
+  },
+});

package/src/store/serverConfig/index.ts

@@ -1,3 +1,2 @@
-export { ServerConfigStoreProvider } from './Provider';
 export { featureFlagsSelectors } from './selectors';
 export { useServerConfigStore } from './store';

package/src/store/serverConfig/store.test.ts

@@ -21,7 +21,7 @@ describe('createServerConfigStore', () => {
   it('should initialize store with default state', () => {
     const store = createServerConfigStore();
 
-    expect(store.getState()).toEqual({
+    expect(store.getState()).toMatchObject({
       featureFlags: DEFAULT_FEATURE_FLAGS,
       serverConfig: { telemetry: {}, aiProvider: {} },
     });

package/src/store/serverConfig/store.ts

@@ -10,26 +10,33 @@ import { GlobalServerConfig } from '@/types/serverConfig';
 import { merge } from '@/utils/merge';
 import { StoreApiWithSelector } from '@/utils/zustand';
 
-const initialState: ServerConfigStore = {
+import { ServerConfigAction, createServerConfigSlice } from './action';
+
+interface ServerConfigState {
+  featureFlags: IFeatureFlags;
+  isMobile?: boolean;
+  serverConfig: GlobalServerConfig;
+}
+
+const initialState: ServerConfigState = {
   featureFlags: DEFAULT_FEATURE_FLAGS,
   serverConfig: { aiProvider: {}, telemetry: {} },
 };
 
 //  ===============  聚合 createStoreFn ============ //
 
-export interface ServerConfigStore {
-  featureFlags: IFeatureFlags;
-  isMobile?: boolean;
-  serverConfig: GlobalServerConfig;
-}
+export interface ServerConfigStore extends ServerConfigState, ServerConfigAction {}
 
 type CreateStore = (
   initState: Partial<ServerConfigStore>,
 ) => StateCreator<ServerConfigStore, [['zustand/devtools', never]]>;
 
-const createStore: CreateStore = (runtimeState) => () => ({
-  ...merge(initialState, runtimeState),
-});
+const createStore: CreateStore =
+  (runtimeState) =>
+  (...params) => ({
+    ...merge(initialState, runtimeState),
+    ...createServerConfigSlice(...params),
+  });
 
 //  ===============  实装 useStore ============ //
 

package/src/types/serverConfig.ts

@@ -1,5 +1,6 @@
 import { DeepPartial } from 'utility-types';
 
+import { IFeatureFlags } from '@/config/featureFlags';
 import { ChatModelCard } from '@/types/llm';
 import {
   GlobalLLMProviderKey,
@@ -38,3 +39,8 @@ export interface GlobalServerConfig {
     langfuse?: boolean;
   };
 }
+
+export interface GlobalRuntimeConfig {
+  serverConfig: GlobalServerConfig;
+  serverFeatureFlags: IFeatureFlags;
+}