@lobehub/chat 0.111.5 → 0.112.0

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

@@ -27,7 +27,24 @@ describe('pluginStoreSelectors', () => {
   describe('onlinePluginStore', () => {
     it('should return the online plugin list', () => {
       const result = pluginStoreSelectors.onlinePluginStore(mockState);
-      expect(result).toEqual(mockState.pluginStoreList);
+      expect(result).toEqual([
+        {
+          identifier: 'plugin-1',
+          author: 'Author 1',
+          createdAt: '2021-01-01',
+          meta: { avatar: 'avatar-url-1', title: 'Plugin 1' },
+          homepage: 'http://homepage-1.com',
+          type: 'plugin',
+        },
+        {
+          identifier: 'plugin-2',
+          author: 'Author 2',
+          createdAt: '2022-02-02',
+          meta: { avatar: 'avatar-url-2', title: 'Plugin 2' },
+          homepage: 'http://homepage-2.com',
+          type: 'plugin',
+        },
+      ]);
     });
   });
 });

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

@@ -1,11 +1,22 @@
+import { InstallPluginMeta } from '@/types/tool/plugin';
+
 import type { ToolStoreState } from '../../initialState';
 
 const onlinePluginStore = (s: ToolStoreState) => {
-  if (s.listType === 'all') return s.pluginStoreList;
-
   const installedPluginIds = new Set(s.installedPlugins.map((i) => i.identifier));
+  const list =
+    s.listType === 'all'
+      ? s.pluginStoreList
+      : s.pluginStoreList.filter((p) => installedPluginIds.has(p.identifier));
 
-  return s.pluginStoreList.filter((p) => installedPluginIds.has(p.identifier));
+  return list.map<InstallPluginMeta>((p) => ({
+    author: p.author,
+    createdAt: p.createdAt,
+    homepage: p.homepage,
+    identifier: p.identifier,
+    meta: p.meta,
+    type: 'plugin',
+  }));
 };
 
 const isPluginInstallLoading = (id: string) => (s: ToolStoreState) => s.pluginInstallLoading[id];

package/src/styles/antdOverride.ts

@@ -4,4 +4,11 @@ export default ({ token }: { prefixCls: string; token: Theme }) => css`
   .${token.prefixCls}-popover {
     z-index: 1100;
   }
+  .${token.prefixCls}-dropdown {
+    > ul {
+      border: 1px solid ${token.colorBorderSecondary};
+      border-radius: ${token.borderRadius}px !important;
+      box-shadow: ${token.boxShadowSecondary};
+    }
+  }
 `;

package/src/types/openai/chat.ts

@@ -1,4 +1,3 @@
-
 import { LLMRoleType } from '@/types/llm';
 
 import { OpenAIFunctionCall } from './functionCall';

package/src/types/openai/plugin.ts

@@ -0,0 +1,57 @@
+type HttpAuthorizationType = 'bearer' | 'basic';
+
+interface BaseManifestAuth {
+  instructions: string;
+  type: string;
+}
+
+interface ManifestNoAuth extends BaseManifestAuth {
+  type: 'none';
+}
+
+interface ManifestServiceHttpAuth extends BaseManifestAuth {
+  authorization_type: HttpAuthorizationType;
+  type: 'service_http';
+  verification_tokens: {
+    [service: string]: string;
+  };
+}
+
+interface ManifestUserHttpAuth extends BaseManifestAuth {
+  authorization_type: HttpAuthorizationType;
+  type: 'user_http';
+}
+
+interface ManifestOAuthAuth extends BaseManifestAuth {
+  authorization_content_type: string;
+  authorization_url: string;
+  client_url: string;
+  scope: string;
+  type: 'oauth';
+  verification_tokens: {
+    [service: string]: string;
+  };
+}
+
+type ManifestAuth =
+  | ManifestNoAuth
+  | ManifestServiceHttpAuth
+  | ManifestUserHttpAuth
+  | ManifestOAuthAuth;
+
+export interface OpenAIPluginManifest {
+  api: {
+    type: string;
+    url: string;
+  };
+  auth: ManifestAuth;
+  contact_email: string;
+  description_for_human: string;
+  description_for_model: string;
+  legal_info_url: string;
+  logo_url: string;
+  name_for_human: string;
+  name_for_model: string;
+  schema_version: string;
+  // 其他可能的字段...
+}

package/src/types/tool/index.ts

@@ -1,8 +1,7 @@
 import { LobeChatPluginManifest } from '@lobehub/chat-plugin-sdk';
 
 import { CustomPluginParams } from './plugin';
-
-export type LobeToolType = 'builtin' | 'customPlugin' | 'plugin';
+import { LobeToolType } from './tool';
 
 export interface LobeTool {
   customParams?: CustomPluginParams;

package/src/types/tool/plugin.ts

@@ -1,4 +1,6 @@
-import { LobeChatPluginManifest } from '@lobehub/chat-plugin-sdk';
+import { LobeChatPluginManifest, Meta } from '@lobehub/chat-plugin-sdk';
+
+import { LobeToolType } from './tool';
 
 export type PluginManifestMap = Record<string, LobeChatPluginManifest>;
 
@@ -7,6 +9,7 @@ export interface CustomPluginParams {
   enableSettings?: boolean;
   manifestMode?: 'local' | 'url';
   manifestUrl?: string;
+  useProxy?: boolean;
 }
 
 export interface LobeToolCustomPlugin {
@@ -17,6 +20,15 @@ export interface LobeToolCustomPlugin {
   type: 'customPlugin';
 }
 
+export interface InstallPluginMeta {
+  author?: string;
+  createdAt?: string;
+  homepage?: string;
+  identifier: string;
+  meta?: Meta;
+  type: LobeToolType;
+}
+
 export interface PluginInstallError {
   cause?: string;
   message: 'noManifest' | 'fetchError' | 'manifestInvalid' | 'urlError';

package/src/types/tool/tool.ts

@@ -0,0 +1 @@
+export type LobeToolType = 'builtin' | 'customPlugin' | 'plugin';

package/src/types/translate.ts

@@ -2,4 +2,3 @@ export interface Translate {
   from?: string;
   to: string;
 }
-

package/src/utils/platform.ts

@@ -1,11 +1,14 @@
 import UAParser from 'ua-parser-js';
 
-export const getPlatform = () => {
+const getPaser = () => {
   let ua = navigator.userAgent;
-  return new UAParser(ua).getOS();
+  return new UAParser(ua);
+};
+
+export const getPlatform = () => {
+  return getPaser().getOS().name;
 };
 
-export const isApplePlatform = () => {
-  const platform = getPlatform().name;
-  return platform && ['Mac OS', 'iOS'].includes(platform);
+export const getBrowser = () => {
+  return getPaser().getResult().browser.name;
 };

package/src/features/PluginDevModal/UrlModeForm.tsx

@@ -1,98 +0,0 @@
-import { LobeChatPluginManifest } from '@lobehub/chat-plugin-sdk';
-import { ActionIcon, FormItem, Input } from '@lobehub/ui';
-import { Form, FormInstance } from 'antd';
-import { FileCode, RotateCwIcon } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import ManifestPreviewer from '@/components/ManifestPreviewer';
-import { pluginService } from '@/services/plugin';
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors } from '@/store/tool/selectors';
-import { PluginInstallError } from '@/types/tool/plugin';
-
-const UrlModeForm = memo<{ form: FormInstance; isEditMode: boolean }>(({ form, isEditMode }) => {
-  const { t } = useTranslation('plugin');
-
-  const [manifest, setManifest] = useState<LobeChatPluginManifest>();
-
-  const urlKey = ['customParams', 'manifestUrl'];
-  const pluginIds = useToolStore(pluginSelectors.storeAndInstallPluginsIdList);
-
-  return (
-    <Form form={form} layout={'vertical'}>
-      <FormItem
-        extra={
-          <Flexbox horizontal justify={'space-between'} style={{ marginTop: 8 }}>
-            {t('dev.meta.manifest.desc')}
-            {manifest && (
-              <ManifestPreviewer manifest={manifest}>
-                <ActionIcon icon={FileCode} size={'small'} title={t('dev.meta.manifest.preview')} />
-              </ManifestPreviewer>
-            )}
-          </Flexbox>
-        }
-        hasFeedback
-        label={t('dev.meta.manifest.label')}
-        name={urlKey}
-        required
-        rules={[
-          { required: true },
-          {
-            message: t('error.urlError'),
-            pattern: /^https?:\/\/.*/,
-          },
-          {
-            validator: async (_, value) => {
-              if (!value) return true;
-
-              try {
-                const data = await pluginService.getPluginManifest(value);
-                setManifest(data);
-
-                form.setFieldsValue({ identifier: data.identifier, manifest: data });
-              } catch (error) {
-                const err = error as PluginInstallError;
-                throw t(`error.${err.message}`, { error: err.cause! });
-              }
-            },
-          },
-          // 编辑模式下，不进行重复校验
-          isEditMode
-            ? {}
-            : {
-                message: t('dev.meta.identifier.errorDuplicate'),
-                validator: async () => {
-                  const id = form.getFieldValue('identifier');
-                  if (!id) return true;
-
-                  if (pluginIds.includes(id)) {
-                    throw new Error('Duplicate');
-                  }
-                },
-              },
-        ]}
-      >
-        <Input
-          placeholder={'http://localhost:3400/manifest-dev.json'}
-          suffix={
-            <ActionIcon
-              icon={RotateCwIcon}
-              onClick={(e) => {
-                e.stopPropagation();
-                form.validateFields([urlKey, 'identifier']);
-              }}
-              size={'small'}
-              title={t('dev.meta.manifest.refresh')}
-            />
-          }
-        />
-      </FormItem>
-      <FormItem name={'identifier'} noStyle />
-      <FormItem name={'manifest'} noStyle />
-    </Form>
-  );
-});
-
-export default UrlModeForm;

package/src/features/PluginSettingsModal/index.tsx

@@ -1,59 +0,0 @@
-import { Avatar, Modal } from '@lobehub/ui';
-import { Divider, Typography } from 'antd';
-import { useTheme } from 'antd-style';
-import isEqual from 'fast-deep-equal';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Center, Flexbox } from 'react-layout-kit';
-
-import MobilePadding from '@/components/MobilePadding';
-import PluginSettingsConfig from '@/features/PluginSettings';
-import { pluginHelpers, useToolStore } from '@/store/tool';
-import { pluginSelectors } from '@/store/tool/selectors';
-
-interface PluginSettingsModalProps {
-  id: string;
-  onClose: () => void;
-  open?: boolean;
-  schema: any;
-}
-
-const PluginSettingsModal = memo<PluginSettingsModalProps>(({ schema, onClose, id, open }) => {
-  const pluginMeta = useToolStore(pluginSelectors.getPluginMetaById(id), isEqual);
-
-  const { t } = useTranslation('plugin');
-  const theme = useTheme();
-  return (
-    <Modal
-      cancelText={t('cancel', { ns: 'common' })}
-      okText={t('ok', { ns: 'common' })}
-      onCancel={onClose}
-      onOk={() => {
-        onClose();
-      }}
-      open={open}
-      title={t('setting')}
-      width={600}
-    >
-      <MobilePadding>
-        <Center gap={16}>
-          <Avatar
-            avatar={pluginHelpers.getPluginAvatar(pluginMeta) || '⚙️'}
-            background={theme.colorFillContent}
-            gap={12}
-            size={64}
-          />
-
-          <Flexbox style={{ fontSize: 20 }}>{pluginHelpers.getPluginTitle(pluginMeta)}</Flexbox>
-          <Typography.Text type={'secondary'}>
-            {pluginHelpers.getPluginDesc(pluginMeta)}
-          </Typography.Text>
-          <Divider style={{ marginBottom: 0, marginTop: 8 }} />
-          {schema && <PluginSettingsConfig id={id} schema={schema} />}
-        </Center>
-      </MobilePadding>
-    </Modal>
-  );
-});
-
-export default PluginSettingsModal;

package/src/features/PluginStore/PluginItem.tsx

@@ -1,82 +0,0 @@
-import { LobeChatPluginMeta } from '@lobehub/chat-plugin-sdk';
-import { Avatar, Icon, Tag } from '@lobehub/ui';
-import { Button } from 'antd';
-import { createStyles, useResponsive } from 'antd-style';
-import { BadgeCheck, CircleUser } from 'lucide-react';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors, pluginStoreSelectors } from '@/store/tool/selectors';
-
-import PluginSettings from './PluginSettings';
-
-const useStyles = createStyles(({ css, token }) => ({
-  desc: css`
-    color: ${token.colorTextDescription};
-  `,
-  link: css`
-    color: ${token.colorText};
-  `,
-  tag: css`
-    color: ${token.colorTextSecondary};
-  `,
-  title: css`
-    font-size: ${token.fontSizeLG}px;
-    font-weight: bold;
-    line-height: 2;
-  `,
-}));
-const PluginItem = memo<LobeChatPluginMeta>(({ identifier, homepage, author, meta }) => {
-  const [installed, installing, installPlugin, unInstallPlugin] = useToolStore((s) => [
-    pluginSelectors.isPluginInstalled(identifier)(s),
-    pluginStoreSelectors.isPluginInstallLoading(identifier)(s),
-    s.installPlugin,
-    s.uninstallPlugin,
-  ]);
-  const { mobile } = useResponsive();
-  const { styles } = useStyles();
-
-  const { t } = useTranslation('plugin');
-  return (
-    <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>
-      <Flexbox align={'center'} gap={8} horizontal>
-        <Avatar avatar={meta.avatar} size={mobile ? 40 : 56} style={{ flex: 'none' }} />
-        <Flexbox gap={4}>
-          <Flexbox align={'center'} gap={8} horizontal>
-            <Link className={styles.link} href={homepage} target={'_blank'}>
-              <div className={styles.title}>{meta.title}</div>
-            </Link>
-
-            <Tag
-              className={styles.tag}
-              icon={<Icon icon={author === 'LobeHub' ? BadgeCheck : CircleUser} />}
-            >
-              {author}
-            </Tag>
-          </Flexbox>
-          <div className={styles.desc}>{meta.description} </div>
-        </Flexbox>
-      </Flexbox>
-      <Flexbox align={'center'} gap={8} horizontal>
-        <PluginSettings identifier={identifier} />
-        <Button
-          loading={installing}
-          onClick={() => {
-            if (installed) {
-              unInstallPlugin(identifier);
-            } else installPlugin(identifier);
-          }}
-          size={mobile ? 'small' : undefined}
-          type={installed ? 'default' : 'primary'}
-        >
-          {t(installed ? 'store.uninstall' : 'store.install')}
-        </Button>
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default PluginItem;

package/src/features/PluginStore/PluginSettings.tsx

@@ -1,40 +0,0 @@
-import { ActionIcon } from '@lobehub/ui';
-import { Settings2 } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PluginSettingsModal from '@/features/PluginSettingsModal';
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors } from '@/store/tool/selectors';
-
-const PluginSettings = memo<{ identifier: string }>(({ identifier }) => {
-  const { t } = useTranslation('setting');
-
-  const [open, setOpen] = useState(false);
-
-  const plugin = useToolStore(pluginSelectors.getPluginManifestById(identifier));
-
-  if (!plugin?.settings) return null;
-
-  return (
-    <>
-      <ActionIcon
-        icon={Settings2}
-        onClick={() => {
-          setOpen(true);
-        }}
-        title={t('plugin.settings.tooltip')}
-      />
-      <PluginSettingsModal
-        id={identifier}
-        onClose={() => {
-          setOpen(false);
-        }}
-        open={open}
-        schema={plugin.settings}
-      />
-    </>
-  );
-});
-
-export default PluginSettings;

package/src/services/latestVersion.ts

@@ -1,11 +0,0 @@
-const VERSION_URL = 'https://registry.npmmirror.com/@lobehub/chat';
-
-/**
- * get latest version from npm
- */
-export const featLatestVersion = async (): Promise<string> => {
-  const res = await fetch(VERSION_URL);
-  const data = await res.json();
-
-  return data['dist-tags']?.latest;
-};

package/src/services/shareGPT.ts

@@ -1,28 +0,0 @@
-import { ShareGPTConversation } from '@/types/share';
-import { parseMarkdown } from '@/utils/parseMarkdown';
-
-const SHAREGPT_URL = 'https://sharegpt.com/api/conversations';
-
-export const genShareGPTUrl = async (conversation: ShareGPTConversation) => {
-  const items = [];
-
-  for (const item of conversation.items) {
-    items.push({
-      from: item.from,
-      value: item.from === 'gpt' ? await parseMarkdown(item.value) : item.value,
-    });
-  }
-
-  const res = await fetch(SHAREGPT_URL, {
-    body: JSON.stringify({ ...conversation, items }),
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    method: 'POST',
-  });
-
-  const { id } = await res.json();
-
-  // short link to the ShareGPT post
-  return `https://shareg.pt/${id}`;
-};