@lobehub/chat 1.96.19 → 1.97.0

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

@@ -1,82 +0,0 @@
-import { redirect } from 'next/navigation';
-import urlJoin from 'url-join';
-
-import StructuredData from '@/components/StructuredData';
-import { Locales } from '@/locales/resources';
-import { ldModule } from '@/server/ld';
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { PageProps } from '@/types/next';
-import { RouteVariants } from '@/utils/server/routeVariants';
-
-import AssistantsResult from './features/AssistantsResult';
-import ModelsResult from './features/ModelsResult';
-import PluginsResult from './features/PluginsResult';
-import ProvidersResult from './features/ProvidersResult';
-
-type Props = PageProps<
-  { variants: string },
-  {
-    hl?: Locales;
-    q?: string;
-    type?: 'assistants' | 'plugins' | 'models' | 'providers';
-  }
->;
-
-const getSharedProps = async (props: Props) => {
-  const searchParams = await props.searchParams;
-  const { q, type = 'assistants' } = searchParams;
-  const { isMobile, locale: hl } = await RouteVariants.getVariantsFromProps(props);
-  const { t, locale } = await translation('metadata', searchParams?.hl || hl);
-  return {
-    isMobile,
-    locale,
-    q,
-    t,
-    type,
-  };
-};
-
-export const generateMetadata = async (props: Props) => {
-  const { locale, t } = await getSharedProps(props);
-
-  return metadataModule.generate({
-    alternate: true,
-    description: t('discover.description'),
-    locale,
-    title: t('discover.search'),
-    url: '/discover/search',
-  });
-};
-
-const Page = async (props: Props) => {
-  const { locale, t, q, type, isMobile } = await getSharedProps(props);
-
-  if (!q) redirect(urlJoin(`/discover`, type));
-  const keywords = decodeURIComponent(q);
-
-  const ld = ldModule.generate({
-    description: t('discover.description'),
-    locale,
-    title: t('discover.search'),
-    url: '/discover/search',
-    webpage: {
-      enable: true,
-      search: '/discover/search',
-    },
-  });
-
-  return (
-    <>
-      <StructuredData ld={ld} />
-      {type === 'assistants' && <AssistantsResult locale={locale} mobile={isMobile} q={keywords} />}
-      {type === 'plugins' && <PluginsResult locale={locale} mobile={isMobile} q={keywords} />}
-      {type === 'models' && <ModelsResult locale={locale} mobile={isMobile} q={keywords} />}
-      {type === 'providers' && <ProvidersResult locale={locale} mobile={isMobile} q={keywords} />}
-    </>
-  );
-};
-
-Page.DisplayName = 'DiscoverSearch';
-
-export default Page;

package/src/features/PluginStore/InstalledPluginList.tsx

@@ -1,59 +0,0 @@
-import { SearchBar } from '@lobehub/ui';
-import isEqual from 'fast-deep-equal';
-import { memo, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import { Virtuoso } from 'react-virtuoso';
-
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors } from '@/store/tool/selectors';
-
-import AddPluginButton from './AddPluginButton';
-import PluginItem from './PluginItem';
-
-export const InstalledPluginList = memo(() => {
-  const { t } = useTranslation('plugin');
-  const [keywords, setKeywords] = useState<string>();
-  const installedPlugins = useToolStore(pluginSelectors.installedPluginMetaList, isEqual);
-
-  const filteredPluginList = useMemo(
-    () =>
-      installedPlugins.filter((item) =>
-        [item.meta?.title, item.meta?.description, item.author, ...(item.meta?.tags || [])]
-          .filter(Boolean)
-          .join('')
-          .toLowerCase()
-          .includes((keywords || '')?.toLowerCase()),
-      ),
-    [installedPlugins, keywords],
-  );
-
-  return (
-    <>
-      <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>
-        <Flexbox flex={1}>
-          <SearchBar
-            allowClear
-            onChange={(e) => setKeywords(e.target.value)}
-            placeholder={t('store.placeholder')}
-            style={{ flex: 1, width: '100%' }}
-            value={keywords}
-            variant={'filled'}
-          />
-        </Flexbox>
-        <AddPluginButton />
-      </Flexbox>
-      <Virtuoso
-        itemContent={(index) => {
-          const item = filteredPluginList[index];
-          return <PluginItem key={item.identifier} {...item} />;
-        }}
-        overscan={400}
-        style={{ height: 500, marginInline: -16 }}
-        totalCount={filteredPluginList.length}
-      />
-    </>
-  );
-});
-
-export default InstalledPluginList;

package/src/features/PluginStore/OnlineList.tsx

@@ -1,87 +0,0 @@
-import { Icon, SearchBar } from '@lobehub/ui';
-import { Empty } from 'antd';
-import isEqual from 'fast-deep-equal';
-import { ServerCrash } from 'lucide-react';
-import { memo, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Center, Flexbox } from 'react-layout-kit';
-import { Virtuoso } from 'react-virtuoso';
-
-import AddPluginButton from '@/features/PluginStore/AddPluginButton';
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors, pluginStoreSelectors } from '@/store/tool/selectors';
-
-import Loading from './Loading';
-import PluginItem from './PluginItem';
-
-export const OnlineList = memo(() => {
-  const { t } = useTranslation('plugin');
-  const [keywords, setKeywords] = useState<string>();
-  const pluginStoreList = useToolStore((s) => {
-    const custom = pluginSelectors.installedCustomPluginMetaList(s);
-    const store = pluginStoreSelectors.onlinePluginStore(s);
-
-    return [...custom, ...store];
-  }, isEqual);
-
-  const useFetchPluginList = useToolStore((s) => s.useFetchPluginStore);
-
-  const { isLoading, error } = useFetchPluginList();
-
-  const isEmpty = pluginStoreList.length === 0;
-
-  const filteredPluginList = useMemo(
-    () =>
-      pluginStoreList.filter((item) =>
-        [item.meta?.title, item.meta?.description, item.author, ...(item.meta?.tags || [])]
-          .filter(Boolean)
-          .join('')
-          .toLowerCase()
-          .includes((keywords || '')?.toLowerCase()),
-      ),
-    [pluginStoreList, keywords],
-  );
-
-  return (
-    <>
-      <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>
-        <Flexbox flex={1}>
-          <SearchBar
-            allowClear
-            onChange={(e) => setKeywords(e.target.value)}
-            placeholder={t('store.placeholder')}
-            value={keywords}
-            variant={'filled'}
-          />
-        </Flexbox>
-        <AddPluginButton />
-      </Flexbox>
-      {isLoading ? (
-        <Loading />
-      ) : isEmpty ? (
-        <Center gap={12} padding={40}>
-          {error ? (
-            <>
-              <Icon icon={ServerCrash} size={80} />
-              {t('store.networkError')}
-            </>
-          ) : (
-            <Empty description={t('store.empty')} image={Empty.PRESENTED_IMAGE_SIMPLE} />
-          )}
-        </Center>
-      ) : (
-        <Virtuoso
-          itemContent={(index) => {
-            const item = filteredPluginList[index];
-            return <PluginItem key={item.identifier} {...item} />;
-          }}
-          overscan={400}
-          style={{ height: 500, marginInline: -16 }}
-          totalCount={filteredPluginList.length}
-        />
-      )}
-    </>
-  );
-});
-
-export default OnlineList;

package/src/features/PluginStore/PluginItem/EditCustomPlugin.tsx

@@ -1,55 +0,0 @@
-import { ActionIcon } from '@lobehub/ui';
-import isEqual from 'fast-deep-equal';
-import { PackageSearch } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import DevModal from '@/features/PluginDevModal';
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors } from '@/store/tool/slices/plugin/selectors';
-
-const EditCustomPlugin = memo<{ identifier: string }>(({ identifier }) => {
-  const { t } = useTranslation('plugin');
-  const [showModal, setModal] = useState(false);
-
-  const [installCustomPlugin, updateNewDevPlugin, uninstallCustomPlugin] = useToolStore((s) => [
-    s.installCustomPlugin,
-    s.updateNewCustomPlugin,
-    s.uninstallCustomPlugin,
-  ]);
-
-  const customPlugin = useToolStore(pluginSelectors.getCustomPluginById(identifier), isEqual);
-
-  return (
-    <div
-      onClick={(e) => {
-        e.stopPropagation();
-      }}
-    >
-      <DevModal
-        mode={'edit'}
-        onDelete={() => {
-          uninstallCustomPlugin(identifier);
-          setModal(false);
-        }}
-        onOpenChange={setModal}
-        onSave={async (devPlugin) => {
-          await installCustomPlugin(devPlugin);
-          setModal(false);
-        }}
-        onValueChange={updateNewDevPlugin}
-        open={showModal}
-        value={customPlugin}
-      />
-      <ActionIcon
-        icon={PackageSearch}
-        onClick={() => {
-          setModal(true);
-        }}
-        title={t('store.actions.manifest')}
-      />
-    </div>
-  );
-});
-
-export default EditCustomPlugin;

package/src/features/PluginStore/PluginItem/PluginTag.tsx

@@ -1,29 +0,0 @@
-import { Icon, Tag } from '@lobehub/ui';
-import { BadgeCheck, CircleUser, Package } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { InstallPluginMeta } from '@/types/tool/plugin';
-
-interface PluginTagProps extends Pick<InstallPluginMeta, 'author' | 'type'> {
-  showIcon?: boolean;
-  showText?: boolean;
-}
-
-const PluginTag = memo<PluginTagProps>(({ showIcon = true, author, type, showText = true }) => {
-  const { t } = useTranslation('plugin');
-  const isCustom = type === 'customPlugin';
-  const isOfficial = author === 'LobeHub';
-
-  return (
-    <Tag
-      color={isCustom ? 'warning' : isOfficial ? 'success' : undefined}
-      icon={showIcon && <Icon icon={isCustom ? Package : isOfficial ? BadgeCheck : CircleUser} />}
-      size={'small'}
-    >
-      {showText && (author || t(isCustom ? 'store.customPlugin' : 'store.communityPlugin'))}
-    </Tag>
-  );
-});
-
-export default PluginTag;

package/src/features/PluginStore/PluginItem/index.tsx

@@ -1,83 +0,0 @@
-import { Tooltip } from '@lobehub/ui';
-import { Typography } from 'antd';
-import { createStyles } from 'antd-style';
-import Link from 'next/link';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { InstallPluginMeta } from '@/types/tool/plugin';
-
-import Actions from './Action';
-import PluginAvatar from './PluginAvatar';
-import PluginTag from './PluginTag';
-
-const { Paragraph } = Typography;
-
-const useStyles = createStyles(({ css, token }) => ({
-  desc: css`
-    margin: 0 !important;
-    font-size: 12px;
-    line-height: 1;
-    color: ${token.colorTextDescription};
-  `,
-  link: css`
-    overflow: hidden;
-    color: ${token.colorText};
-  `,
-  title: css`
-    margin: 0 !important;
-    font-size: 14px;
-    font-weight: bold;
-    line-height: 1;
-  `,
-}));
-
-const PluginItem = memo<InstallPluginMeta>(({ identifier, homepage, author, type, meta = {} }) => {
-  const { styles } = useStyles();
-
-  return (
-    <Flexbox
-      align={'center'}
-      gap={8}
-      horizontal
-      justify={'space-between'}
-      paddingBlock={12}
-      paddingInline={16}
-      style={{ position: 'relative' }}
-    >
-      <Flexbox
-        align={'center'}
-        flex={1}
-        gap={8}
-        horizontal
-        style={{ overflow: 'hidden', position: 'relative' }}
-      >
-        <PluginAvatar avatar={meta.avatar} />
-        <Flexbox flex={1} gap={4} style={{ overflow: 'hidden', position: 'relative' }}>
-          <Flexbox align={'center'} gap={8} horizontal>
-            <Tooltip title={identifier}>
-              {homepage ? (
-                <Link className={styles.link} href={homepage} target={'_blank'}>
-                  <Paragraph className={styles.title} ellipsis={{ rows: 1 }}>
-                    {meta.title}
-                  </Paragraph>
-                </Link>
-              ) : (
-                <Paragraph className={styles.title} ellipsis={{ rows: 1 }}>
-                  {meta.title}
-                </Paragraph>
-              )}
-            </Tooltip>
-            <PluginTag author={author} type={type} />
-          </Flexbox>
-          <Paragraph className={styles.desc} ellipsis={{ rows: 1 }}>
-            {meta.description}
-          </Paragraph>
-        </Flexbox>
-      </Flexbox>
-      <Actions identifier={identifier} type={type} />
-    </Flexbox>
-  );
-});
-
-export default PluginItem;

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

@@ -1,108 +0,0 @@
-import { TRPCError } from '@trpc/server';
-import { z } from 'zod';
-
-import { DEFAULT_LANG } from '@/const/locale';
-import { publicProcedure, router } from '@/libs/trpc/edge';
-import { Locales } from '@/locales/resources';
-import { AssistantStore } from '@/server/modules/AssistantStore';
-import { PluginStore } from '@/server/modules/PluginStore';
-import { AgentStoreIndex } from '@/types/discover';
-
-export const marketRouter = router({
-  getAgent: publicProcedure
-    .input(
-      z.object({
-        id: z.string(),
-        locale: z.string().optional(),
-      }),
-    )
-    .query(async ({ input }) => {
-      const { id, locale } = input;
-
-      const market = new AssistantStore();
-
-      // 获取助手 URL
-      const url = market.getAgentUrl(id, locale as Locales);
-
-      // 获取助手数据
-      let res = await fetch(url);
-
-      // 如果找不到对应语言的助手，尝试获取默认语言的助手
-      if (res.status === 404) {
-        res = await fetch(market.getAgentUrl(id, DEFAULT_LANG));
-      }
-
-      if (!res.ok) {
-        throw new Error(`Failed to fetch agent with id ${id}`);
-      }
-
-      return res.json();
-    }),
-
-  getAgentIndex: publicProcedure
-    .input(
-      z
-        .object({
-          locale: z.string().optional(),
-        })
-        .optional(),
-    )
-    .query(async ({ input }): Promise<AgentStoreIndex> => {
-      const locale = input?.locale;
-
-      const market = new AssistantStore();
-      try {
-        return await market.getAgentIndex(locale as Locales);
-      } catch (e) {
-        // it means failed to fetch
-        if ((e as Error).message.includes('fetch failed')) {
-          return { agents: [], schemaVersion: 1 };
-        }
-
-        throw new TRPCError({
-          code: 'INTERNAL_SERVER_ERROR',
-          message: 'failed to fetch agent market index',
-        });
-      }
-    }),
-
-  getPluginIndex: publicProcedure
-    .input(
-      z
-        .object({
-          locale: z.string().optional(),
-        })
-        .optional(),
-    )
-    .query(async ({ input }) => {
-      const locale = input?.locale;
-
-      const pluginStore = new PluginStore();
-
-      try {
-        // 获取插件索引URL
-        let res = await fetch(pluginStore.getPluginIndexUrl(locale as Locales));
-
-        // 如果找不到对应语言的插件索引，尝试获取默认语言的插件索引
-        if (res.status === 404) {
-          res = await fetch(pluginStore.getPluginIndexUrl(DEFAULT_LANG));
-        }
-
-        if (res.ok) {
-          return res.json();
-        }
-
-        throw new Error('Failed to fetch plugin index');
-      } catch (e) {
-        // it means failed to fetch
-        if ((e as Error).message.includes('fetch failed')) {
-          return [];
-        }
-
-        throw new TRPCError({
-          code: 'INTERNAL_SERVER_ERROR',
-          message: 'failed to fetch plugin market index',
-        });
-      }
-    }),
-});

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

@@ -1,87 +0,0 @@
-import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { edgeClient } from '@/libs/trpc/client';
-import { globalHelpers } from '@/store/global/helpers';
-
-import { assistantService } from '../assistant';
-
-// Mocking modules and functions
-
-vi.mock('@/store/global/helpers', () => ({
-  globalHelpers: {
-    getCurrentLanguage: vi.fn(),
-  },
-}));
-
-vi.mock('@/libs/trpc/client', () => ({
-  edgeClient: {
-    market: {
-      getAgentIndex: {
-        query: vi.fn(),
-      },
-      getAgent: {
-        query: vi.fn(),
-      },
-    },
-  },
-}));
-
-beforeEach(() => {
-  vi.resetAllMocks();
-});
-
-describe('AssistantService', () => {
-  describe('getAssistantList', () => {
-    it('should fetch and return the assistant list', async () => {
-      // Arrange
-      const fakeResponse = { agents: [{ name: 'TestAssisstant' }] };
-      (globalHelpers.getCurrentLanguage as Mock).mockReturnValue('tt');
-
-      (edgeClient.market.getAgentIndex.query as Mock).mockResolvedValue(fakeResponse);
-
-      // Act
-      const assistantList = await assistantService.getAssistantList();
-
-      // Assert
-      expect(globalHelpers.getCurrentLanguage).toHaveBeenCalled();
-      expect(assistantList).toEqual(fakeResponse.agents);
-    });
-
-    it('should handle fetch error', async () => {
-      // Arrange
-      (globalHelpers.getCurrentLanguage as Mock).mockReturnValue('en');
-      (edgeClient.market.getAgentIndex.query as Mock).mockRejectedValue(new Error('Network error'));
-
-      // Act & Assert
-      await expect(assistantService.getAssistantList()).rejects.toThrow('Network error');
-    });
-  });
-
-  describe('getAssistantById', () => {
-    it('should fetch and return the assistant by id', async () => {
-      // Arrange
-      const fakeResponse = { identifier: 'test-assisstant' };
-      (globalHelpers.getCurrentLanguage as Mock).mockReturnValue('tt');
-
-      (edgeClient.market.getAgent.query as Mock).mockResolvedValue(fakeResponse);
-
-      // Act
-      const assistant = await assistantService.getAssistantById('test-assisstant');
-
-      // Assert
-      expect(globalHelpers.getCurrentLanguage).toHaveBeenCalled();
-      expect(assistant.identifier).toEqual(fakeResponse.identifier);
-    });
-
-    it('should handle fetch error', async () => {
-      // Arrange
-      (globalHelpers.getCurrentLanguage as Mock).mockReturnValue('en');
-      (edgeClient.market.getAgent.query as Mock).mockRejectedValue(new Error('Network error'));
-
-      // Act & Assert
-      await expect(assistantService.getAssistantById('test-assisstant')).rejects.toThrow(
-        'Network error',
-      );
-    });
-  });
-});

package/src/services/assistant.ts

@@ -1,25 +0,0 @@
-import { cloneDeep, merge } from 'lodash-es';
-
-import { DEFAULT_DISCOVER_ASSISTANT_ITEM } from '@/const/discover';
-import { edgeClient } from '@/libs/trpc/client';
-import { globalHelpers } from '@/store/global/helpers';
-import { DiscoverAssistantItem } from '@/types/discover';
-
-class AssistantService {
-  getAssistantList = async (): Promise<DiscoverAssistantItem[]> => {
-    const locale = globalHelpers.getCurrentLanguage();
-
-    const data = await edgeClient.market.getAgentIndex.query({ locale });
-
-    return data.agents as unknown as DiscoverAssistantItem[];
-  };
-
-  getAssistantById = async (identifier: string): Promise<DiscoverAssistantItem> => {
-    const locale = globalHelpers.getCurrentLanguage();
-
-    const assistant = await edgeClient.market.getAgent.query({ id: identifier, locale });
-
-    return merge(cloneDeep(DEFAULT_DISCOVER_ASSISTANT_ITEM), assistant);
-  };
-}
-export const assistantService = new AssistantService();