@lobehub/chat 0.111.5 → 0.112.0

package/src/features/PluginStore/index.tsx

@@ -1,46 +1,23 @@
-import { Icon, Modal, SearchBar } from '@lobehub/ui';
-import { Button, Empty, Segmented } from 'antd';
-import { createStyles } from 'antd-style';
-import isEqual from 'fast-deep-equal';
-import { ServerCrash } from 'lucide-react';
-import { memo, useState } from 'react';
+import { Modal } from '@lobehub/ui';
+import { Segmented } from 'antd';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
 import MobilePadding from '@/components/MobilePadding';
 import { useToolStore } from '@/store/tool';
-import { pluginStoreSelectors } from '@/store/tool/selectors';
 
-import Loading from './Loading';
-import PluginItem from './PluginItem';
-
-const useStyles = createStyles(({ css, token }) => ({
-  header: css`
-    color: ${token.colorTextDescription};
-
-    > div {
-      flex: 1;
-    }
-  `,
-}));
+import InstalledPluginList from './InstalledPluginList';
+import OnlineList from './OnlineList';
 
 interface PluginStoreProps {
   open?: boolean;
   setOpen: (open: boolean) => void;
 }
 export const PluginStore = memo<PluginStoreProps>(({ setOpen, open }) => {
-  const [keywords, setKeywords] = useState<string>();
   const { t } = useTranslation('plugin');
-  const { styles } = useStyles();
-  const [listType, useFetchPluginList, installPlugins] = useToolStore((s) => [
-    s.listType,
-    s.useFetchPluginStore,
-    s.installPlugins,
-  ]);
 
-  const pluginStoreList = useToolStore(pluginStoreSelectors.onlinePluginStore, isEqual);
-  const { isLoading, error } = useFetchPluginList();
-  const isEmpty = pluginStoreList.length === 0;
+  const [listType] = useToolStore((s) => [s.listType]);
 
   return (
     <Modal
@@ -55,69 +32,20 @@ export const PluginStore = memo<PluginStoreProps>(({ setOpen, open }) => {
       <MobilePadding>
         <Center>
           <Flexbox gap={24} width={'100%'}>
-            <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>
-              <Segmented
-                block
-                onChange={(v) => {
-                  useToolStore.setState({ listType: v as any });
-                }}
-                options={[
-                  { label: t('store.tabs.all'), value: 'all' },
-                  { label: t('store.tabs.installed'), value: 'installed' },
-                ]}
-                style={{ flex: 1 }}
-                value={listType}
-              />
-            </Flexbox>
-            {isLoading ? (
-              <Loading />
-            ) : isEmpty ? (
-              <Center gap={12} padding={40}>
-                {error ? (
-                  <>
-                    <Icon icon={ServerCrash} size={{ fontSize: 80 }} />
-                    {t('store.networkError')}
-                  </>
-                ) : (
-                  <Empty
-                    description={t('store.empty')}
-                    image={Empty.PRESENTED_IMAGE_SIMPLE}
-                  ></Empty>
-                )}
-              </Center>
-            ) : (
-              <>
-                <Flexbox className={styles.header} gap={8} horizontal>
-                  <SearchBar
-                    allowClear
-                    onChange={(e) => setKeywords(e.target.value)}
-                    placeholder={t('store.placeholder')}
-                    type={'block'}
-                    value={keywords}
-                  />
-                  {listType === 'all' && (
-                    <Button
-                      onClick={() => {
-                        installPlugins(pluginStoreList.map((item) => item.identifier));
-                      }}
-                    >
-                      {t('store.installAllPlugins')}
-                    </Button>
-                  )}
-                </Flexbox>
-
-                {pluginStoreList
-                  .filter((item) =>
-                    [item.meta.title, item.meta.description, item.author, ...(item.meta.tags || [])]
-                      .join('')
-                      .toLowerCase()
-                      .includes((keywords || '')?.toLowerCase()),
-                  )
-                  .map((item) => (
-                    <PluginItem key={item.identifier} {...item} />
-                  ))}
-              </>
-            )}
+            <Segmented
+              block
+              onChange={(v) => {
+                useToolStore.setState({ listType: v as any });
+              }}
+              options={[
+                { label: t('store.tabs.all'), value: 'all' },
+                { label: t('store.tabs.installed'), value: 'installed' },
+              ]}
+              style={{ flex: 1 }}
+              value={listType}
+            />
+
+            {listType === 'all' ? <OnlineList /> : <InstalledPluginList />}
           </Flexbox>
         </Center>
       </MobilePadding>

package/src/hooks/usePlatform.ts

@@ -0,0 +1,15 @@
+import { useRef } from 'react';
+
+import { getBrowser, getPlatform } from '@/utils/platform';
+
+export const usePlatform = () => {
+  const platform = useRef(getPlatform());
+  const browser = useRef(getBrowser());
+  return {
+    isApple: platform.current && ['Mac OS', 'iOS'].includes(platform.current),
+    isChrome: browser.current === 'Chrome',
+    isIOS: platform.current === 'iOS',
+    isMacOS: platform.current === 'Mac OS',
+    isSafari: browser.current === 'Safari',
+  };
+};

package/src/locales/default/chat.ts

@@ -2,7 +2,7 @@ export default {
   agentDefaultMessage:
     '你好，我是 **{{name}}**，你可以立即与我开始对话，也可以前往 [助手设置](/chat/settings#session={{id}}) 完善我的信息。',
   agentDefaultMessageWithSystemRole: '你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！',
-  backToBottom: '查看最新消息',
+  backToBottom: '跳转至当前',
   clearCurrentMessages: '清空当前会话消息',
   confirmClearCurrentMessages: '即将清空当前会话消息，清空后将无法找回，请确认你的操作',
   confirmRemoveSessionItemAlert: '即将删除该助手，删除后该将无法找回，请确认你的操作',

package/src/locales/default/common.ts

@@ -82,7 +82,7 @@ export default {
   temp: '临时',
   updateAgent: '更新助理信息',
   upgradeVersion: {
-    action: '立即升级',
+    action: '升级',
     hasNew: '有可用更新',
     newVersion: '有新版本可用：{{version}}',
   },

package/src/locales/default/error.ts

@@ -29,6 +29,8 @@ export default {
     PluginSettingsInvalid: '该插件需要正确配置后才可以使用，请检查你的配置是否正确',
     PluginServerError:
       '插件服务端请求返回出错，请检查根据下面的报错信息检查你的插件描述文件、插件配置或服务端实现',
+    PluginGatewayError: '很抱歉，插件网关出现错误，请检查插件网关配置是否正确',
+    PluginOpenApiInitError: '很抱歉，OpenAPI 客户端初始化失败，请检查 OpenAPI 的配置信息是否正确',
 
     InvalidAccessCode: '密码不正确或为空，请输入正确的访问密码，或者添加自定义 OpenAI API Key',
     OpenAIBizError: '请求 OpenAI 服务出错，请根据以下信息排查或重试',

package/src/locales/default/plugin.ts

@@ -6,8 +6,25 @@ export default {
     on: '查看插件调用信息',
     response: '返回结果',
   },
+  detailModal: {
+    info: {
+      description: 'API 描述',
+      name: 'API 名称',
+    },
+    tabs: {
+      info: '插件能力',
+      manifest: '安装文件',
+      settings: '设置',
+    },
+    title: '插件详情',
+  },
   dev: {
     confirmDeleteDevPlugin: '即将删除该本地插件，删除后将无法找回，是否删除该插件？',
+    customParams: {
+      useProxy: {
+        label: '通过代理安装（如遇到跨域访问错误，可尝试开启该选项后重新安装）',
+      },
+    },
     deleteSuccess: '插件删除成功',
     manifest: {
       identifier: {
@@ -65,6 +82,10 @@ export default {
     metaConfig: '插件元信息配置',
     modalDesc:
       '添加自定义插件后，可用于插件开发验证，也可直接在会话中使用。插件开发请参考<1>开发文档↗</>',
+    openai: {
+      importUrl: '从 URL 链接导入',
+      schema: 'Schema',
+    },
     preview: {
       card: '预览插件展示效果',
       desc: '预览插件描述',
@@ -76,15 +97,23 @@ export default {
       manifest: '功能描述清单 (Manifest)',
       meta: '插件元信息',
     },
-    title: '添加自定义插件',
+    title: {
+      create: '添加自定义插件',
+      edit: '编辑自定义插件',
+    },
+    type: {
+      lobe: 'LobeChat 插件',
+      openai: 'OpenAI 插件',
+    },
     update: '更新',
     updateSuccess: '插件设置更新成功',
   },
   error: {
     fetchError: '请求该 manifest 链接失败，请确保链接的有效性，并检查链接是否允许跨域访问',
     installError: '插件 {{name}} 安装失败',
-    manifestInvalid: ' manifest 不符合规范，校验结果: \n\n {{error}}',
+    manifestInvalid: 'manifest 不符合规范，校验结果: \n\n {{error}}',
     noManifest: '描述文件不存在',
+    openAPIInvalid: 'OpenAPI 解析失败，错误: \n\n {{error}}',
     reinstallError: '插件 {{name}} 刷新失败',
     urlError: '该链接没有返回 JSON 格式的内容, 请确保是有效的链接',
   },
@@ -114,8 +143,17 @@ export default {
     title: '设置插件市场',
   },
   store: {
+    actions: {
+      confirmUninstall: '即将卸载该插件，卸载后将清除该插件配置，请确认你的操作',
+      detail: '详情',
+      install: '安装',
+      manifest: '编辑安装文件',
+      settings: '设置',
+      uninstall: '卸载',
+    },
+    communityPlugin: '三方社区',
+    customPlugin: '自定义',
     empty: '暂无已安装插件',
-    install: '安装',
     installAllPlugins: '安装全部',
     networkError: '获取插件商店失败，请检测网络连接后重试',
     placeholder: '搜索插件名称介绍或关键词...',
@@ -125,6 +163,5 @@ export default {
       installed: '已安装',
     },
     title: '插件商店',
-    uninstall: '卸载',
   },
 };

package/src/locales/default/setting.ts

@@ -85,7 +85,7 @@ export default {
     waitingForMore: '更多模型正在 <1>计划接入</1> 中，敬请期待 ✨',
   },
   plugin: {
-    addTooltip: '添加自定义插件',
+    addTooltip: '自定义插件',
     clearDeprecated: '移除无效插件',
     empty: '暂无已安装插件，欢迎前往 <1>插件商店</1> 探索',
     installStatus: {

package/src/services/__tests__/__snapshots__/plugin.test.ts.snap

@@ -0,0 +1,154 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`PluginService > can parse the OpenAI plugin 1`] = `
+{
+  "api": [],
+  "homepage": "https://products.wolframalpha.com/api/commercial-termsofuse",
+  "identifier": "Wolfram",
+  "meta": {
+    "avatar": "https://www.wolframcdn.com/images/icons/Wolfram.png",
+    "description": "Access computation, math, curated knowledge & real-time data through Wolfram|Alpha and Wolfram Language.",
+    "title": "Wolfram",
+  },
+  "openapi": "https://www.wolframalpha.com/.well-known/apispec.json",
+  "settings": {
+    "properties": {
+      "apiAuthKey": {
+        "default": "18c4412dec6846eda6ec2fa95f144e1f",
+        "description": "API Key",
+        "format": "password",
+        "title": "API Key",
+        "type": "string",
+      },
+    },
+    "type": "object",
+  },
+  "type": "default",
+  "version": "1",
+}
+`;
+
+exports[`PluginService > getPluginManifest > support OpenAPI manifest > should get plugin manifest 1`] = `
+{
+  "$schema": "../node_modules/@lobehub/chat-plugin-sdk/schema.json",
+  "api": [
+    {
+      "description": "Read Course Segments",
+      "name": "read_course_segments_course_segments__get",
+      "parameters": {
+        "properties": {},
+        "type": "object",
+      },
+    },
+    {
+      "description": "Read Problem Set Item",
+      "name": "read_problem_set_item_problem_set__problem_set_id___question_number__get",
+      "parameters": {
+        "properties": {
+          "problem_set_id": {
+            "title": "Problem Set Id",
+            "type": "integer",
+          },
+          "question_number": {
+            "title": "Question Number",
+            "type": "integer",
+          },
+        },
+        "required": [
+          "problem_set_id",
+          "question_number",
+        ],
+        "type": "object",
+      },
+    },
+    {
+      "description": "Read Random Problem Set Items",
+      "name": "read_random_problem_set_items_problem_set_random__problem_set_id___n_items__get",
+      "parameters": {
+        "properties": {
+          "n_items": {
+            "title": "N Items",
+            "type": "integer",
+          },
+          "problem_set_id": {
+            "title": "Problem Set Id",
+            "type": "integer",
+          },
+        },
+        "required": [
+          "problem_set_id",
+          "n_items",
+        ],
+        "type": "object",
+      },
+    },
+    {
+      "description": "Read Range Of Problem Set Items",
+      "name": "read_range_of_problem_set_items_problem_set_range__problem_set_id___start___end__get",
+      "parameters": {
+        "properties": {
+          "end": {
+            "title": "End",
+            "type": "integer",
+          },
+          "problem_set_id": {
+            "title": "Problem Set Id",
+            "type": "integer",
+          },
+          "start": {
+            "title": "Start",
+            "type": "integer",
+          },
+        },
+        "required": [
+          "problem_set_id",
+          "start",
+          "end",
+        ],
+        "type": "object",
+      },
+    },
+    {
+      "description": "Read User Id",
+      "name": "read_user_id_user__get",
+      "parameters": {
+        "properties": {},
+        "type": "object",
+      },
+    },
+  ],
+  "author": "LobeHub",
+  "createAt": "2023-08-12",
+  "homepage": "https://github.com/lobehub/chat-plugin-realtime-weather",
+  "identifier": "realtime-weather",
+  "meta": {
+    "avatar": "🌈",
+    "description": "Get realtime weather information",
+    "tags": [
+      "weather",
+      "realtime",
+    ],
+    "title": "Realtime Weather",
+  },
+  "openapi": "http://fake-url.com/openapiUrl.json",
+  "settings": {
+    "properties": {
+      "HTTPBearer": {
+        "description": "HTTPBearer Bearer token",
+        "format": "password",
+        "title": "HTTPBearer",
+        "type": "string",
+      },
+    },
+    "required": [
+      "HTTPBearer",
+    ],
+    "type": "object",
+  },
+  "ui": {
+    "height": 310,
+    "url": "https://realtime-weather.chat-plugin.lobehub.com/iframe",
+  },
+  "version": "1",
+}
+`;

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

@@ -57,7 +57,7 @@ describe('ChatService', () => {
 
       expect(getChatCompletionSpy).toHaveBeenCalledWith(
         expect.objectContaining({
-          functions: expect.arrayContaining([{ name: 'plugin1____api1____default' }]),
+          functions: expect.arrayContaining([{ name: 'plugin1____api1' }]),
           messages: expect.anything(),
         }),
         undefined,

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

@@ -0,0 +1,57 @@
+import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { globalService } from '../global';
+
+global.fetch = vi.fn();
+
+beforeEach(() => {
+  vi.clearAllMocks();
+});
+
+describe('GlobalService', () => {
+  it('should return the latest version when fetch is successful', async () => {
+    // Arrange
+    const mockVersion = '1.0.0';
+    (fetch as Mock).mockResolvedValue({
+      json: () => Promise.resolve({ 'dist-tags': { latest: mockVersion } }),
+    });
+
+    // Act
+    const version = await globalService.getLatestVersion();
+
+    // Assert
+    expect(fetch).toHaveBeenCalledWith('https://registry.npmmirror.com/@lobehub/chat');
+    expect(version).toBe(mockVersion);
+  });
+
+  it('should return undefined if the latest version is not found in the response', async () => {
+    // Arrange
+    (fetch as Mock).mockResolvedValue({
+      json: () => Promise.resolve({}),
+    });
+
+    // Act
+    const version = await globalService.getLatestVersion();
+
+    // Assert
+    expect(version).toBeUndefined();
+  });
+
+  it('should throw an error when the fetch call fails', async () => {
+    // Arrange
+    (fetch as Mock).mockRejectedValue(new Error('Network error'));
+
+    // Act & Assert
+    await expect(globalService.getLatestVersion()).rejects.toThrow('Network error');
+  });
+
+  it('should handle non-JSON responses gracefully', async () => {
+    // Arrange
+    (fetch as Mock).mockResolvedValue({
+      json: () => Promise.reject(new SyntaxError('Unexpected token < in JSON at position 0')),
+    });
+
+    // Act & Assert
+    await expect(globalService.getLatestVersion()).rejects.toThrow(SyntaxError);
+  });
+});