@lobehub/chat 1.1.12 → 1.1.14

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.1.14](https://github.com/lobehub/lobe-chat/compare/v1.1.13...v1.1.14)
+
+<sup>Released on **2024-06-27**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor plugin state.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor plugin state, closes [#3059](https://github.com/lobehub/lobe-chat/issues/3059) ([6448570](https://github.com/lobehub/lobe-chat/commit/6448570))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.1.13](https://github.com/lobehub/lobe-chat/compare/v1.1.12...v1.1.13)
+
+<sup>Released on **2024-06-27**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: -check_updates cannot be set by FEATURE_FLAGS.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: -check_updates cannot be set by FEATURE_FLAGS, closes [#3038](https://github.com/lobehub/lobe-chat/issues/3038) ([bdadfee](https://github.com/lobehub/lobe-chat/commit/bdadfee))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.1.12](https://github.com/lobehub/lobe-chat/compare/v1.1.11...v1.1.12)
 
 <sup>Released on **2024-06-26**</sup>

package/README.md

@@ -226,12 +226,12 @@ In addition, these plugins are not limited to news aggregation, but can also ext
 
 <!-- PLUGIN LIST -->
 
-| Recent Submits                                                                                                            | Description                                                                                                                |
-| ------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
-| [Social Search](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **say-apps** on **2024-06-02**</sup>         | The Social Search provides access to tweets, users, followers, images, media and more.<br/>`social` `twitter` `x` `search` |
-| [Space](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **automateyournetwork** on **2024-05-12**</sup>      | Space data including NASA.<br/>`space` `nasa`                                                                              |
-| [Search1API](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **fatwang2** on **2024-05-06**</sup>            | Search aggregation service, specifically designed for LLMs<br/>`web` `search`                                              |
-| [Search Google via Serper](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **Barry** on **2024-04-30**</sup> | Google search engine via Serper.dev free API (2500x🆓/month)<br/>`web` `search`                                            |
+| Recent Submits                                                                                                         | Description                                                                                                                |
+| ---------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| [Savvy Trader AI](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **savvytrader** on **2024-06-27**</sup> | Realtime stock, crypto and other investment data.<br/>`stock` `analyze`                                                    |
+| [Social Search](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **say-apps** on **2024-06-02**</sup>      | The Social Search provides access to tweets, users, followers, images, media and more.<br/>`social` `twitter` `x` `search` |
+| [Space](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **automateyournetwork** on **2024-05-12**</sup>   | Space data including NASA.<br/>`space` `nasa`                                                                              |
+| [Search1API](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **fatwang2** on **2024-05-06**</sup>         | Search aggregation service, specifically designed for LLMs<br/>`web` `search`                                              |
 
 > 📊 Total plugins: [<kbd>**52**</kbd>](https://github.com/lobehub/lobe-chat-plugins)
 

package/README.zh-CN.md

@@ -219,12 +219,12 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 
 <!-- PLUGIN LIST -->
 
-| 最近新增                                                                                                                 | 插件描述                                                                            |
-| ------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- |
-| [社交搜索](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **say-apps** on **2024-06-02**</sup>             | 社交搜索提供访问推文、用户、关注者、图片、媒体等功能。<br/>`社交` `推特` `x` `搜索` |
-| [空间](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **automateyournetwork** on **2024-05-12**</sup>      | 包括 NASA 的空间数据。<br/>`空间` `nasa`                                            |
-| [Search1API](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **fatwang2** on **2024-05-06**</sup>           | 搜索聚合服务，专为 LLMs 设计<br/>`web` `search`                                     |
-| [通过 Serper 搜索 Google](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **Barry** on **2024-04-30**</sup> | 通过 Serper.dev 免费 API 进行 Google 搜索引擎（每月 2500 次🆓）<br/>`网络` `搜索`   |
+| 最近新增                                                                                                               | 插件描述                                                                            |
+| ---------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
+| [Savvy Trader AI](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **savvytrader** on **2024-06-27**</sup> | 实时股票、加密货币和其他投资数据。<br/>`股票` `分析`                                |
+| [社交搜索](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **say-apps** on **2024-06-02**</sup>           | 社交搜索提供访问推文、用户、关注者、图片、媒体等功能。<br/>`社交` `推特` `x` `搜索` |
+| [空间](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **automateyournetwork** on **2024-05-12**</sup>    | 包括 NASA 的空间数据。<br/>`空间` `nasa`                                            |
+| [Search1API](https://chat-preview.lobehub.com/settings/agent)<br/><sup>By **fatwang2** on **2024-05-06**</sup>         | 搜索聚合服务，专为 LLMs 设计<br/>`web` `search`                                     |
 
 > 📊 Total plugins: [<kbd>**52**</kbd>](https://github.com/lobehub/lobe-chat-plugins)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.1.12",
+  "version": "1.1.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",

package/src/app/(main)/settings/about/features/Version.tsx

@@ -8,6 +8,7 @@ import { Center, Flexbox } from 'react-layout-kit';
 
 import { MANUAL_UPGRADE_URL, OFFICIAL_SITE, RELEASES_URL } from '@/const/url';
 import { CURRENT_VERSION } from '@/const/version';
+import { useNewVersion } from '@/features/User/UserPanel/useNewVersion';
 import { useGlobalStore } from '@/store/global';
 
 const useStyles = createStyles(({ css, token }) => ({
@@ -20,16 +21,11 @@ const useStyles = createStyles(({ css, token }) => ({
 }));
 
 const Version = memo<{ mobile?: boolean }>(({ mobile }) => {
-  const [hasNewVersion, latestVersion, useCheckLatestVersion] = useGlobalStore((s) => [
-    s.hasNewVersion,
-    s.latestVersion,
-    s.useCheckLatestVersion,
-  ]);
+  const hasNewVersion = useNewVersion();
+  const [latestVersion] = useGlobalStore((s) => [s.latestVersion]);
   const { t } = useTranslation('common');
   const { styles, theme } = useStyles();
 
-  useCheckLatestVersion();
-
   return (
     <Flexbox
       align={mobile ? 'stretch' : 'center'}

package/src/app/metadata.ts

@@ -1,7 +1,7 @@
 import { Metadata } from 'next';
 
 import { appEnv, getAppConfig } from '@/config/app';
-import { OFFICIAL_URL } from '@/const/url';
+import { OFFICIAL_URL, OG_URL } from '@/const/url';
 import { translation } from '@/server/translation';
 
 const title = 'LobeChat';
@@ -14,6 +14,7 @@ const noManifest = !!BASE_PATH;
 
 export const generateMetadata = async (): Promise<Metadata> => {
   const { t } = await translation('metadata');
+
   return {
     appleWebApp: {
       statusBarStyle: 'black-translucent',
@@ -33,7 +34,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
         {
           alt: t('chat.title'),
           height: 640,
-          url: '/og/cover.png?v=1',
+          url: OG_URL,
           width: 1200,
         },
       ],
@@ -50,7 +51,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
     twitter: {
       card: 'summary_large_image',
       description: t('chat.description'),
-      images: ['/og/cover.png?v=1'],
+      images: [OG_URL],
       site: '@lobehub',
       title: t('chat.title'),
     },

package/src/const/url.ts

@@ -11,6 +11,8 @@ export const OFFICIAL_SITE = 'https://lobehub.com/';
 
 export const getCanonicalUrl = (path: string) => urlJoin(OFFICIAL_URL, path);
 
+export const OG_URL = '/og/cover.png?v=1';
+
 export const GITHUB = pkg.homepage;
 export const GITHUB_ISSUES = urlJoin(GITHUB, 'issues/new/choose');
 export const CHANGELOG = urlJoin(GITHUB, 'blob/main/CHANGELOG.md');

package/src/features/Conversation/Messages/Tool/index.tsx

@@ -9,7 +9,7 @@ import PluginRender from '../../Plugins/Render';
 import Arguments from '../components/Arguments';
 import Inspector from './Inspector';
 
-export const ToolMessage = memo<ChatMessage>(({ id, content, plugin }) => {
+export const ToolMessage = memo<ChatMessage>(({ id, content, pluginState, plugin }) => {
   const loading = useChatStore(chatSelectors.isPluginApiInvoking(id));
 
   const [showRender, setShow] = useState(plugin?.type !== 'default');
@@ -32,6 +32,7 @@ export const ToolMessage = memo<ChatMessage>(({ id, content, plugin }) => {
           identifier={plugin?.identifier}
           loading={loading}
           payload={plugin}
+          pluginState={pluginState}
           type={plugin?.type}
         />
       ) : (

package/src/features/Conversation/Plugins/Render/BuiltinType/index.tsx

@@ -10,9 +10,10 @@ export interface BuiltinTypeProps {
   id: string;
   identifier?: string;
   loading?: boolean;
+  pluginState?: any;
 }
 
-const BuiltinType = memo<BuiltinTypeProps>(({ content, id, identifier, loading }) => {
+const BuiltinType = memo<BuiltinTypeProps>(({ content, pluginState, id, identifier, loading }) => {
   const { isJSON, data } = useParseContent(content);
 
   if (!isJSON) {
@@ -23,7 +24,7 @@ const BuiltinType = memo<BuiltinTypeProps>(({ content, id, identifier, loading }
 
   if (!Render) return;
 
-  return <Render content={data} identifier={identifier} messageId={id} />;
+  return <Render content={data} identifier={identifier} messageId={id} pluginState={pluginState} />;
 });
 
 export default BuiltinType;

package/src/features/Conversation/Plugins/Render/StandaloneType/Iframe.tsx

@@ -96,7 +96,7 @@ const IFrameRender = memo<IFrameRenderProps>(({ url, id, payload, width = 600, h
   // when plugin update state, we should update it to the message pluginState key
   const updatePluginState = useChatStore((s) => s.updatePluginState);
   useOnPluginStateUpdate((key, value) => {
-    updatePluginState(id, key, value);
+    updatePluginState(id, { [key]: value });
   });
 
   // when plugin wants to get plugin settings, send it to plugin

package/src/features/Conversation/Plugins/Render/index.tsx

@@ -23,18 +23,27 @@ export interface PluginRenderProps {
   identifier?: string;
   loading?: boolean;
   payload?: PluginRequestPayload;
+  pluginState?: any;
   type?: LobeToolRenderType;
 }
 
 const PluginRender = memo<PluginRenderProps>(
-  ({ content, id, payload, identifier, type, loading }) => {
+  ({ content, id, payload, pluginState, identifier, type, loading }) => {
     switch (type) {
       case 'standalone': {
         return <Standalone id={id} name={identifier} payload={payload} />;
       }
 
       case 'builtin': {
-        return <BuiltinType content={content} id={id} identifier={identifier} loading={loading} />;
+        return (
+          <BuiltinType
+            content={content}
+            id={id}
+            identifier={identifier}
+            loading={loading}
+            pluginState={pluginState}
+          />
+        );
       }
 
       case 'markdown': {

package/src/server/metadata.ts

@@ -1,13 +1,13 @@
 import { Metadata } from 'next';
 
-import { getCanonicalUrl } from '@/const/url';
+import { OG_URL, getCanonicalUrl } from '@/const/url';
 import { formatDescLength, formatTitleLength } from '@/utils/genOG';
 
 export class Meta {
   public generate({
     description = 'LobeChat offers you the best ChatGPT, OLLaMA, Gemini, Claude WebUI user experience',
     title,
-    image = '/og/cover.png?v=1',
+    image = OG_URL,
     url,
     type = 'website',
     tags,

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

@@ -50,7 +50,7 @@ export const chatToolSlice: StateCreator<
         toggleDallEImageLoading(messageId + params.prompt, false);
         errorArray[index] = e;
 
-        await get().updatePluginState(messageId, `error`, errorArray);
+        await get().updatePluginState(messageId, { error: errorArray });
       }
 
       if (!url) return;

package/src/store/chat/slices/plugin/action.test.ts

@@ -358,8 +358,7 @@ describe('ChatPluginAction', () => {
   describe('updatePluginState', () => {
     it('should update the plugin state for a message', async () => {
       const messageId = 'message-id';
-      const pluginStateKey = 'key';
-      const pluginStateValue = 'value';
+      const pluginStateValue = { key: 'value' };
 
       const initialState = {
         refreshMessages: vi.fn(),
@@ -369,12 +368,13 @@ describe('ChatPluginAction', () => {
       const { result } = renderHook(() => useChatStore());
 
       await act(async () => {
-        await result.current.updatePluginState(messageId, pluginStateKey, pluginStateValue);
+        await result.current.updatePluginState(messageId, pluginStateValue);
       });
 
-      expect(messageService.updateMessagePluginState).toHaveBeenCalledWith(messageId, {
-        [pluginStateKey]: pluginStateValue,
-      });
+      expect(messageService.updateMessagePluginState).toHaveBeenCalledWith(
+        messageId,
+        pluginStateValue,
+      );
       expect(initialState.refreshMessages).toHaveBeenCalled();
     });
   });

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

@@ -36,7 +36,7 @@ export interface ChatPluginAction {
   triggerAIMessage: (params: { parentId?: string; traceId?: string }) => Promise<void>;
 
   triggerToolCalls: (id: string) => Promise<void>;
-  updatePluginState: (id: string, key: string, value: any) => Promise<void>;
+  updatePluginState: (id: string, value: any) => Promise<void>;
 
   internal_callPluginApi: (id: string, payload: ChatToolPayload) => Promise<string | undefined>;
   internal_invokeDifferentTypePlugin: (id: string, payload: ChatToolPayload) => Promise<any>;
@@ -200,10 +200,10 @@ export const chatPlugin: StateCreator<
 
     await get().triggerAIMessage({ traceId });
   },
-  updatePluginState: async (id, key, value) => {
+  updatePluginState: async (id, value) => {
     const { refreshMessages } = get();
 
-    await messageService.updateMessagePluginState(id, { [key]: value });
+    await messageService.updateMessagePluginState(id, value);
     await refreshMessages();
   },
 

package/src/store/tool/slices/builtin/action.ts

@@ -38,11 +38,11 @@ export const createBuiltinToolSlice: StateCreator<
 
     if (builtinToolLoading[key]) return;
 
-    toggleBuiltinToolLoading(key, true);
-
     const { [key as keyof BuiltinToolAction]: action } = get();
 
-    if (!action) return;
+    if (!action) return JSON.stringify(params);
+
+    toggleBuiltinToolLoading(key, true);
 
     // @ts-ignore
     const result = await action(params);

package/src/types/tool/builtin.ts

@@ -27,10 +27,11 @@ export interface LobeBuiltinTool {
   type: 'builtin';
 }
 
-export interface BuiltinRenderProps<Result = any> {
-  content: Result;
+export interface BuiltinRenderProps<Content = any, State = any> {
+  content: Content;
   identifier?: string;
   messageId: string;
+  pluginState?: State;
 }
 
 export type BuiltinRender = <T = any>(props: BuiltinRenderProps<T>) => ReactNode;