@lobehub/chat 0.110.3 → 0.110.5

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 # Changelog
 
+### [Version 0.110.5](https://github.com/lobehub/lobe-chat/compare/v0.110.4...v0.110.5)
+
+<sup>Released on **2023-12-10**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix setting plugin i18n.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix setting plugin i18n, closes [#606](https://github.com/lobehub/lobe-chat/issues/606) ([4e18ebf](https://github.com/lobehub/lobe-chat/commit/4e18ebf))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.110.4](https://github.com/lobehub/lobe-chat/compare/v0.110.3...v0.110.4)
+
+<sup>Released on **2023-12-08**</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 0.110.3](https://github.com/lobehub/lobe-chat/compare/v0.110.2...v0.110.3)
 
 <sup>Released on **2023-12-08**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.110.3",
+  "version": "0.110.5",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",
@@ -144,7 +144,7 @@
     "@types/ua-parser-js": "^0.7",
     "@types/uuid": "^9",
     "@umijs/lint": "^4",
-    "@vitest/coverage-v8": "^1",
+    "@vitest/coverage-v8": "0.34.6",
     "commitlint": "^18",
     "consola": "^3",
     "dpdm": "^3",
@@ -162,7 +162,7 @@
     "stylelint": "^15",
     "ts-node": "^10",
     "typescript": "^5",
-    "vitest": "^1"
+    "vitest": "0.34.6"
   },
   "publishConfig": {
     "access": "public",

package/src/app/chat/(desktop)/features/ChatInput/index.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, ChatInputArea, ChatSendButton } from '@lobehub/ui';
 import { Maximize2, Minimize2 } from 'lucide-react';
-import { memo } from 'react';
+import { memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ActionBar from '@/app/chat/features/ChatInput/ActionBar';
@@ -27,50 +27,64 @@ const ChatInputDesktopLayout = memo(() => {
     canUpload,
   } = useChatInput();
 
+  const handleSizeChange = useCallback(
+    (_: any, size: any) => {
+      if (!size) return;
+      updatePreference({
+        inputHeight: typeof size.height === 'string' ? Number.parseInt(size.height) : size.height,
+      });
+    },
+    [updatePreference],
+  );
+
+  const buttonAddons = useMemo(
+    () => (
+      <ChatSendButton
+        leftAddons={canUpload && <LocalFiles />}
+        loading={loading}
+        onSend={onSend}
+        onStop={onStop}
+        rightAddons={<SaveTopic />}
+        texts={{
+          send: t('send'),
+          stop: t('stop'),
+          warp: t('warp'),
+        }}
+      />
+    ),
+    [canUpload, loading, onSend, onStop, t],
+  );
+
+  const topAddons = useMemo(
+    () => (
+      <ActionBar
+        rightAreaEndRender={
+          <ActionIcon
+            icon={expand ? Minimize2 : Maximize2}
+            onClick={() => {
+              setExpand(!expand);
+            }}
+          />
+        }
+      />
+    ),
+    [expand],
+  );
+
   return (
     <>
       {canUpload && <DragUpload />}
       <ChatInputArea
-        bottomAddons={
-          <ChatSendButton
-            leftAddons={canUpload && <LocalFiles />}
-            loading={loading}
-            onSend={onSend}
-            onStop={onStop}
-            rightAddons={<SaveTopic />}
-            texts={{
-              send: t('send'),
-              stop: t('stop'),
-              warp: t('warp'),
-            }}
-          />
-        }
+        bottomAddons={buttonAddons}
         expand={expand}
         heights={{ headerHeight: HEADER_HEIGHT, inputHeight, minHeight: CHAT_TEXTAREA_HEIGHT }}
         loading={loading}
         onInput={onInput}
         onSend={onSend}
-        onSizeChange={(_, size) => {
-          if (!size) return;
-          updatePreference({
-            inputHeight:
-              typeof size.height === 'string' ? Number.parseInt(size.height) : size.height,
-          });
-        }}
+        onSizeChange={handleSizeChange}
         placeholder={t('sendPlaceholder')}
         ref={ref}
-        topAddons={
-          <ActionBar
-            rightAreaEndRender={
-              <ActionIcon
-                icon={expand ? Minimize2 : Maximize2}
-                onClick={() => {
-                  setExpand(!expand);
-                }}
-              />
-            }
-          />
-        }
+        topAddons={topAddons}
         value={value}
       />
     </>

package/src/app/chat/features/ChatInput/useChatInput.ts

@@ -1,5 +1,5 @@
 import { TextAreaRef } from 'antd/es/input/TextArea';
-import { useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
 
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';
@@ -24,17 +24,19 @@ export const useChatInput = () => {
     s.stopGenerateMessage,
   ]);
 
+  const handleSend = useCallback(() => {
+    setExpand(false);
+    ref?.current?.blur();
+    onSend();
+  }, [onSend]);
+
   return {
     canUpload,
     expand,
     inputHeight,
     loading,
     onInput,
-    onSend: () => {
-      setExpand(false);
-      ref?.current?.blur();
-      onSend();
-    },
+    onSend: handleSend,
     onStop,
     ref,
     setExpand,

package/src/features/AgentSetting/AgentPlugin/index.tsx

@@ -27,7 +27,7 @@ const AgentPlugin = memo(() => {
     s.toggleAgentPlugin,
   ]);
 
-  const installedPlugins = useToolStore(pluginSelectors.installedPlugins, isEqual);
+  const installedPlugins = useToolStore(pluginSelectors.installedPluginMetaList, isEqual);
   const useFetchInstalledPlugins = useToolStore((s) => s.useFetchInstalledPlugins);
 
   const { isLoading } = useFetchInstalledPlugins();
@@ -36,7 +36,7 @@ const AgentPlugin = memo(() => {
 
   //  =========== Plugin List =========== //
 
-  const list = installedPlugins.map(({ identifier, type, manifest: { meta } = {} }) => {
+  const list = installedPlugins.map(({ identifier, type, meta }) => {
     const isCustomPlugin = type === 'customPlugin';
 
     return {

package/src/store/tool/slices/plugin/selectors.test.ts

@@ -7,7 +7,7 @@ import { pluginSelectors } from './selectors';
 
 const mockState = {
   ...initialState,
-  pluginManifestLoading: {
+  pluginInstallLoading: {
     'plugin-1': false,
     'plugin-2': true,
   },
@@ -139,4 +139,73 @@ describe('pluginSelectors', () => {
       expect(result).toBe(true);
     });
   });
+
+  describe('isPluginInstalled', () => {
+    it('should return true if the plugin is installed', () => {
+      const result = pluginSelectors.isPluginInstalled('plugin-1')(mockState);
+      expect(result).toBe(true);
+    });
+
+    it('should return false if the plugin is not installed', () => {
+      const result = pluginSelectors.isPluginInstalled('non-installed-plugin')(mockState);
+      expect(result).toBe(false);
+    });
+  });
+
+  describe('getInstalledPluginById', () => {
+    it('should return the installed plugin by id', () => {
+      const result = pluginSelectors.getInstalledPluginById('plugin-1')(mockState);
+      expect(result).toEqual(mockState.installedPlugins[0]);
+    });
+
+    it('should return undefined if the plugin is not installed', () => {
+      const result = pluginSelectors.getInstalledPluginById('non-installed-plugin')(mockState);
+      expect(result).toBeUndefined();
+    });
+  });
+
+  describe('getPluginManifestLoadingStatus', () => {
+    it('should return "loading" if the plugin manifest is being loaded', () => {
+      const result = pluginSelectors.getPluginManifestLoadingStatus('plugin-2')(mockState);
+      expect(result).toBe('loading');
+    });
+
+    it('should return "error" if the plugin manifest is not found', () => {
+      const result =
+        pluginSelectors.getPluginManifestLoadingStatus('non-existing-plugin')(mockState);
+      expect(result).toBe('error');
+    });
+
+    it('should return "success" if the plugin manifest is loaded', () => {
+      const result = pluginSelectors.getPluginManifestLoadingStatus('plugin-1')(mockState);
+      expect(result).toBe('success');
+    });
+  });
+
+  describe('storeAndInstallPluginsIdList', () => {
+    it('should return a list of unique plugin identifiers from both installed and store lists', () => {
+      const result = pluginSelectors.storeAndInstallPluginsIdList(mockState);
+      expect(result).toEqual(['plugin-1', 'plugin-2']);
+    });
+  });
+
+  describe('installedPluginManifestList', () => {
+    it('should return a list of manifests for installed plugins', () => {
+      const result = pluginSelectors.installedPluginManifestList(mockState);
+      const expectedManifests = mockState.installedPlugins.map((p) => p.manifest);
+      expect(result).toEqual(expectedManifests);
+    });
+  });
+
+  describe('installedPluginMetaList', () => {
+    it('should return a list of meta information for installed plugins', () => {
+      const result = pluginSelectors.installedPluginMetaList(mockState);
+      const expectedMetaList = mockState.installedPlugins.map((p) => ({
+        identifier: p.identifier,
+        meta: pluginSelectors.getPluginMetaById(p.identifier)(mockState),
+        type: p.type,
+      }));
+      expect(result).toEqual(expectedMetaList);
+    });
+  });
 });

package/src/store/tool/slices/plugin/selectors.ts

@@ -63,6 +63,7 @@ const installedPluginMetaList = (s: ToolStoreState) =>
   installedPlugins(s).map((p) => ({
     identifier: p.identifier,
     meta: getPluginMetaById(p.identifier)(s),
+    type: p.type,
   }));
 
 const isPluginHasUI = (id: string) => (s: ToolStoreState) => {