@lobehub/chat 1.96.20 → 1.97.1

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/Actions.tsx

@@ -1,35 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { Flexbox, FlexboxProps } from 'react-layout-kit';
-import urlJoin from 'url-join';
-
-import { OFFICIAL_URL } from '@/const/url';
-import { DiscoverPlugintem } from '@/types/discover';
-
-import ShareButton from '../../../features/ShareButton';
-import InstallTool from './InstallPlugin';
-
-interface PluginActionsProps extends FlexboxProps {
-  data: DiscoverPlugintem;
-  identifier: string;
-}
-
-const PluginActions = memo<PluginActionsProps>(({ identifier, data }) => {
-  return (
-    <Flexbox align={'center'} gap={8} horizontal>
-      <InstallTool identifier={identifier} />
-      <ShareButton
-        meta={{
-          avatar: data.meta.avatar,
-          desc: data.meta.description,
-          hashtags: data.meta.tags,
-          title: data.meta.title,
-          url: urlJoin(OFFICIAL_URL, '/discover/plugin', identifier),
-        }}
-      />
-    </Flexbox>
-  );
-});
-
-export default PluginActions;

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx

@@ -1,119 +0,0 @@
-'use client';
-
-import { Avatar, Button, Icon, Tag } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { startCase } from 'lodash-es';
-import { ChevronRight } from 'lucide-react';
-import Link from 'next/link';
-import qs from 'query-string';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import urlJoin from 'url-join';
-
-import { DiscoverPlugintem } from '@/types/discover';
-
-import Back from '../../../features/Back';
-
-export const useStyles = createStyles(({ css, token }) => ({
-  tag: css`
-    border: none;
-    color: ${token.colorTextSecondary};
-    background: ${token.colorFillSecondary};
-  `,
-  time: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-  title: css`
-    margin-block: 0;
-    font-size: 18px;
-    font-weight: bold;
-    line-height: 1.2;
-  `,
-}));
-
-interface HeaderProps {
-  data: DiscoverPlugintem;
-  identifier: string;
-  mobile?: boolean;
-}
-
-const Header = memo<HeaderProps>(({ identifier, data, mobile }) => {
-  const { styles, theme } = useStyles();
-  const { t } = useTranslation('discover');
-
-  return (
-    <Flexbox gap={12} width={'100%'}>
-      {!mobile && <Back href={'/discover/plugins'} />}
-      <Flexbox align={'center'} gap={8} horizontal justify={'space-between'} width={'100%'}>
-        <Flexbox align={'center'} gap={16} horizontal justify={'flex-start'}>
-          <Avatar
-            alt={identifier}
-            animation
-            avatar={data.meta.avatar}
-            background={theme.colorFillTertiary}
-            size={48}
-            style={{ flex: 'none' }}
-          />
-          <Flexbox gap={4}>
-            <h1 className={styles.title}>{data.meta.title}</h1>
-            <Flexbox align={'center'} gap={8} horizontal>
-              <Link href={data.homepage} target={'_blank'}>
-                @{data.author}
-              </Link>
-              <time className={styles.time} dateTime={new Date(data.createdAt).toISOString()}>
-                {data.createdAt}
-              </time>
-            </Flexbox>
-          </Flexbox>
-        </Flexbox>
-        {!mobile && (
-          <Flexbox align={'center'} gap={4} horizontal justify={'flex-end'}>
-            <Link href={'/discover/plugins'}>
-              <Button className={styles.tag} shape={'round'} size={'small'}>
-                {t('tab.plugins')}
-              </Button>
-            </Link>
-            {data.meta?.category && (
-              <>
-                <Icon color={theme.colorTextSecondary} icon={ChevronRight} />
-                <Link href={urlJoin('/discover/plugins', data.meta?.category || '')}>
-                  <Button
-                    className={styles.tag}
-                    color={'default'}
-                    shape={'round'}
-                    size={'small'}
-                    variant={'filled'}
-                  >
-                    {t(`category.plugin.${data.meta?.category}` as any)}
-                  </Button>
-                </Link>
-              </>
-            )}
-          </Flexbox>
-        )}
-      </Flexbox>
-      <div>{data.meta.description}</div>
-      {data.meta.tags && (
-        <Flexbox gap={4} horizontal wrap={'wrap'}>
-          {data.meta.tags.map((tag) => (
-            <Link
-              href={qs.stringifyUrl({
-                query: { q: tag },
-                url: '/discover/search',
-              })}
-              key={tag}
-            >
-              <Tag key={tag} style={{ margin: 0 }}>
-                {startCase(tag).trim()}
-              </Tag>
-            </Link>
-          ))}
-        </Flexbox>
-      )}
-    </Flexbox>
-  );
-});
-
-export default Header;

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/InfoSidebar/SuggestionItem.tsx

@@ -1,64 +0,0 @@
-import { Avatar } from '@lobehub/ui';
-import { Typography } from 'antd';
-import { createStyles } from 'antd-style';
-import { CSSProperties, memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { DiscoverPlugintem } from '@/types/discover';
-
-const { Paragraph, Title } = Typography;
-
-const useStyles = createStyles(({ css, token, isDarkMode }) => ({
-  banner: css`
-    opacity: ${isDarkMode ? 0.9 : 0.4};
-  `,
-  container: css`
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    height: 100%;
-  `,
-  desc: css`
-    margin-block-end: 0 !important;
-    color: ${token.colorTextDescription};
-  `,
-  title: css`
-    margin-block-end: 0 !important;
-    font-size: 16px !important;
-    font-weight: 500 !important;
-  `,
-}));
-
-export interface SuggestionItemProps
-  extends Omit<DiscoverPlugintem, 'suggestions' | 'socialData' | 'category' | 'manifest'> {
-  className?: string;
-  style?: CSSProperties;
-}
-
-const SuggestionItem = memo<SuggestionItemProps>(({ className, meta, identifier, style }) => {
-  const { avatar, title, description } = meta;
-
-  const { cx, styles, theme } = useStyles();
-
-  return (
-    <Flexbox className={cx(styles.container, className)} gap={12} key={identifier} style={style}>
-      <Flexbox align={'center'} gap={12} horizontal width={'100%'}>
-        <Avatar
-          alt={title}
-          avatar={avatar}
-          background={theme.colorFillTertiary}
-          size={36}
-          title={title}
-        />
-        <Title className={styles.title} ellipsis={{ rows: 1, tooltip: title }} level={3}>
-          {title}
-        </Title>
-      </Flexbox>
-      <Paragraph className={styles.desc} ellipsis={{ rows: 2 }}>
-        {description}
-      </Paragraph>
-    </Flexbox>
-  );
-});
-
-export default SuggestionItem;

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/InfoSidebar/index.tsx

@@ -1,45 +0,0 @@
-'use client';
-
-import { Skeleton } from 'antd';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import urlJoin from 'url-join';
-
-import { DiscoverPlugintem } from '@/types/discover';
-
-import Block from '../../../../features/Block';
-import SuggestionItem from './SuggestionItem';
-
-interface InfoSidebarProps {
-  data: DiscoverPlugintem;
-  identifier: string;
-}
-
-const InfoSidebar = memo<InfoSidebarProps>(({ data }) => {
-  const { t } = useTranslation('discover');
-
-  return (
-    <Flexbox gap={48} style={{ position: 'relative' }} width={'100%'}>
-      <Block
-        gap={24}
-        more={t('assistants.more')}
-        moreLink={urlJoin('/discover/plugins', data.meta?.category || '')}
-        title={t('assistants.suggestions')}
-      >
-        {data?.suggestions?.length > 0 ? (
-          data?.suggestions.map((item) => (
-            <Link href={urlJoin('/discover/plugin', item.identifier)} key={item.identifier}>
-              <SuggestionItem {...item} />
-            </Link>
-          ))
-        ) : (
-          <Skeleton active paragraph={{ rows: 5 }} title={false} />
-        )}
-      </Block>
-    </Flexbox>
-  );
-});
-
-export default InfoSidebar;

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/InstallPlugin.tsx

@@ -1,83 +0,0 @@
-'use client';
-
-import { Button } from '@lobehub/ui';
-import { App, Skeleton } from 'antd';
-import { createStyles } from 'antd-style';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { useFetchInstalledPlugins } from '@/hooks/useFetchInstalledPlugins';
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors, pluginStoreSelectors } from '@/store/tool/selectors';
-
-const useStyles = createStyles(({ css }) => ({
-  button: css`
-    button {
-      width: 100%;
-    }
-  `,
-}));
-
-const InstallPlugin = memo<{ identifier: string }>(({ identifier }) => {
-  const { styles } = useStyles();
-  const { t } = useTranslation(['discover', 'plugin']);
-  const [loading, setLoading] = useState(false);
-  const { modal } = App.useApp();
-  const [useFetchPluginStore, installed, installing, installPlugin, unInstallPlugin] = useToolStore(
-    (s) => [
-      s.useFetchPluginStore,
-      pluginSelectors.isPluginInstalled(identifier)(s),
-      pluginStoreSelectors.isPluginInstallLoading(identifier)(s),
-      s.installPlugin,
-      s.uninstallPlugin,
-    ],
-  );
-
-  const { isLoading } = useFetchPluginStore();
-  const { isLoading: installedPluginLoading } = useFetchInstalledPlugins();
-  const loadingState = installedPluginLoading || loading;
-
-  const handleInstall = async () => {
-    setLoading(true);
-    await installPlugin(identifier);
-    setLoading(false);
-  };
-
-  const handleUninstall = async () => {
-    modal.confirm({
-      centered: true,
-      okButtonProps: { danger: true },
-      onOk: async () => {
-        setLoading(true);
-        await unInstallPlugin(identifier);
-        setLoading(false);
-      },
-      title: t('store.actions.confirmUninstall', { ns: 'plugin' }),
-      type: 'error',
-    });
-  };
-
-  if (isLoading) return <Skeleton.Button block size={'large'} />;
-
-  return (
-    <Button
-      className={styles.button}
-      loading={loadingState}
-      onClick={() => {
-        if (loading || installing) return;
-        if (installed) {
-          handleUninstall();
-        } else {
-          handleInstall();
-        }
-      }}
-      size={'large'}
-      style={{ flex: 1, width: 'unset' }}
-      type={installed ? 'default' : 'primary'}
-    >
-      {t(installed ? 'plugins.installed' : 'plugins.install')}
-    </Button>
-  );
-});
-
-export default InstallPlugin;

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/ParameterList.tsx

@@ -1,95 +0,0 @@
-'use client';
-
-import { Tabs, Tag } from '@lobehub/ui';
-import { Empty, Skeleton, Table } from 'antd';
-import { useTheme } from 'antd-style';
-import { PuzzleIcon } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox, FlexboxProps } from 'react-layout-kit';
-
-import { DiscoverPlugintem } from '@/types/discover';
-
-import HighlightBlock from '../../../features/HighlightBlock';
-
-interface ParameterListProps extends FlexboxProps {
-  data?: DiscoverPlugintem;
-}
-
-const ParameterList = memo<ParameterListProps>(({ data }) => {
-  const { t } = useTranslation('discover');
-  const [active, setActive] = useState<number>(0);
-  const theme = useTheme();
-  if (!data) return <Skeleton active />;
-
-  let content;
-
-  if (!data.manifest?.api) {
-    content = <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
-  } else {
-    const api = data.manifest?.api;
-    const parameters = Object.entries(api[active]?.parameters?.properties || {}).map(
-      ([key, value]) => ({
-        name: key,
-        type: value.type,
-      }),
-    );
-
-    content = (
-      <>
-        <Tabs
-          activeKey={active as any}
-          compact
-          items={api.map((item, index) => ({
-            key: index as any,
-            label: item.name,
-          }))}
-          onChange={(key) => setActive(key as any)}
-        />
-        <Flexbox
-          padding={16}
-          style={{
-            border: `1px solid ${theme.colorBorderSecondary}`,
-            borderRadius: theme.borderRadiusLG,
-          }}
-        >
-          {api[active].description}
-        </Flexbox>
-        <Table
-          bordered
-          columns={[
-            {
-              dataIndex: 'name',
-              render: (name: string) => <code>{name}</code>,
-              title: t('plugins.meta.parameter'),
-            },
-            {
-              dataIndex: 'type',
-              render: (type: string) => <Tag>{type.toUpperCase()}</Tag>,
-              title: t('plugins.meta.type'),
-            },
-          ]}
-          dataSource={parameters}
-          pagination={false}
-          rowKey={'name'}
-          tableLayout="fixed"
-        />
-      </>
-    );
-  }
-
-  return (
-    <HighlightBlock
-      avatar={data?.meta?.avatar}
-      icon={PuzzleIcon}
-      style={{ background: theme.colorBgContainer }}
-      title={t('plugins.meta.title')}
-    >
-      <Flexbox gap={24} padding={16} width={'100%'}>
-        {content}
-      </Flexbox>
-    </HighlightBlock>
-  );
-});
-
-export default ParameterList;

package/src/app/[variants]/(main)/discover/(detail)/plugin/[slug]/features/Schema.tsx

@@ -1,23 +0,0 @@
-'use client';
-
-import { Highlighter } from '@lobehub/ui';
-import { Skeleton } from 'antd';
-import { memo } from 'react';
-
-import Block from '../../../features/Block';
-
-const Schema = memo<{ children?: string }>(({ children }) => {
-  return (
-    <Block title={'JSON Schema'}>
-      {children ? (
-        <Highlighter allowChangeLanguage={false} fullFeatured language={'json'}>
-          {children}
-        </Highlighter>
-      ) : (
-        <Skeleton paragraph={{ rows: 4 }} title={false} />
-      )}
-    </Block>
-  );
-});
-
-export default Schema;

package/src/app/[variants]/(main)/discover/(detail)/provider/[slug]/features/Header.tsx

@@ -1,73 +0,0 @@
-'use client';
-
-import { ProviderCombine } from '@lobehub/icons';
-import { Button } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { DiscoverProviderItem } from '@/types/discover';
-
-import Back from '../../../features/Back';
-
-export const useStyles = createStyles(({ css, token }) => ({
-  tag: css`
-    border: none;
-    color: ${token.colorTextSecondary};
-    background: ${token.colorFillSecondary};
-  `,
-  time: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-  title: css`
-    margin-block: 0;
-    font-size: 18px;
-    font-weight: bold;
-    line-height: 1.2;
-  `,
-}));
-
-interface HeaderProps {
-  data: DiscoverProviderItem;
-  identifier: string;
-  mobile?: boolean;
-}
-
-const Header = memo<HeaderProps>(({ identifier, data, mobile }) => {
-  const { styles, theme } = useStyles();
-  const { t } = useTranslation(['discover', 'providers']);
-
-  return (
-    <Flexbox gap={12} width={'100%'}>
-      {!mobile && <Back href={'/discover/providers'} />}
-      <Flexbox align={'center'} gap={8} horizontal justify={'space-between'} width={'100%'}>
-        <Flexbox align={'flex-start'} gap={4} justify={'flex-start'}>
-          <ProviderCombine provider={identifier} size={40} />
-          <Flexbox gap={8} horizontal>
-            <Link href={data.meta.url} target={'_blank'}>
-              @{data.meta.title}
-            </Link>
-            <div style={{ color: theme.colorTextDescription }}>
-              {t('providers.modelCount', { count: data.models.length })}
-            </div>
-          </Flexbox>
-        </Flexbox>
-        {!mobile && (
-          <Flexbox align={'center'} gap={4} horizontal justify={'flex-end'}>
-            <Link href={'/discover/providers'}>
-              <Button className={styles.tag} shape={'round'} size={'small'}>
-                {t('tab.providers')}
-              </Button>
-            </Link>
-          </Flexbox>
-        )}
-      </Flexbox>
-      {data.meta.description && <div> {t(`${identifier}.description`, { ns: 'providers' })}</div>}
-    </Flexbox>
-  );
-});
-
-export default Header;

package/src/app/[variants]/(main)/discover/(detail)/provider/[slug]/features/InfoSidebar/SuggestionItem.tsx

@@ -1,77 +0,0 @@
-import { ProviderCombine } from '@lobehub/icons';
-import { Typography } from 'antd';
-import { createStyles } from 'antd-style';
-import { CSSProperties, memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { DiscoverProviderItem } from '@/types/discover';
-
-const { Paragraph } = Typography;
-
-const useStyles = createStyles(({ css, token, isDarkMode }) => ({
-  banner: css`
-    opacity: ${isDarkMode ? 0.9 : 0.4};
-  `,
-  container: css`
-    cursor: pointer;
-
-    position: relative;
-
-    overflow: hidden;
-
-    height: 100%;
-
-    color: ${token.colorText};
-  `,
-  desc: css`
-    margin-block-end: 0 !important;
-    color: ${token.colorTextDescription};
-  `,
-  id: css`
-    margin-block-end: 0 !important;
-    font-size: 12px;
-    color: ${token.colorTextSecondary};
-  `,
-  title: css`
-    margin-block-end: 0 !important;
-    font-size: 16px !important;
-    font-weight: 500 !important;
-  `,
-  token: css`
-    font-family: ${token.fontFamilyCode};
-  `,
-}));
-
-export interface SuggestionItemProps
-  extends Omit<DiscoverProviderItem, 'suggestions' | 'socialData'> {
-  className?: string;
-  style?: CSSProperties;
-}
-
-const SuggestionItem = memo<SuggestionItemProps>(
-  ({ className, meta, identifier, models, style }) => {
-    const { title, description } = meta;
-    const { t } = useTranslation(['discover', 'providers']);
-    const { cx, styles, theme } = useStyles();
-
-    return (
-      <Flexbox className={cx(styles.container, className)} gap={12} key={identifier} style={style}>
-        <ProviderCombine provider={identifier} size={24} title={title} />
-        <Flexbox gap={8} horizontal style={{ fontSize: 12, marginTop: -8 }}>
-          <div style={{ color: theme.colorTextSecondary }}>@{meta.title}</div>
-          <div style={{ color: theme.colorTextDescription }}>
-            {t('providers.modelCount', { count: models.length })}
-          </div>
-        </Flexbox>
-        {description && (
-          <Paragraph className={styles.desc} ellipsis={{ rows: 2 }}>
-            {t(`${identifier}.description`, { ns: 'providers' })}
-          </Paragraph>
-        )}
-      </Flexbox>
-    );
-  },
-);
-
-export default SuggestionItem;

package/src/app/[variants]/(main)/discover/(detail)/provider/[slug]/features/InfoSidebar/index.tsx

@@ -1,45 +0,0 @@
-'use client';
-
-import { Skeleton } from 'antd';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import urlJoin from 'url-join';
-
-import { DiscoverProviderItem } from '@/types/discover';
-
-import Block from '../../../../features/Block';
-import SuggestionItem from './SuggestionItem';
-
-interface InfoSidebarProps {
-  data: DiscoverProviderItem;
-  identifier: string;
-}
-
-const InfoSidebar = memo<InfoSidebarProps>(({ data }) => {
-  const { t } = useTranslation('discover');
-
-  return (
-    <Flexbox gap={48} style={{ position: 'relative' }} width={'100%'}>
-      <Block
-        gap={24}
-        more={t('providers.more')}
-        moreLink={'/discover/providers'}
-        title={t('providers.suggestions')}
-      >
-        {data?.suggestions?.length > 0 ? (
-          data?.suggestions.map((item) => (
-            <Link href={urlJoin('/discover/provider', item.identifier)} key={item.identifier}>
-              <SuggestionItem {...item} />
-            </Link>
-          ))
-        ) : (
-          <Skeleton active paragraph={{ rows: 5 }} title={false} />
-        )}
-      </Block>
-    </Flexbox>
-  );
-});
-
-export default InfoSidebar;