@lobehub/chat 1.17.7 → 1.18.1

package/src/app/redirect/page.tsx

@@ -0,0 +1,15 @@
+import type { Metadata } from 'next';
+import { redirect } from 'next/navigation';
+
+export default function Page({ searchParams }: { searchParams: { url: string } }) {
+  redirect(searchParams.url);
+}
+
+export function generateMetadata(): Metadata {
+  return {
+    robots: {
+      follow: false,
+      index: false,
+    },
+  };
+}

package/src/components/FetchErrorNotification/Description.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Icon } from '@lobehub/ui';
 import { Skeleton } from 'antd';
 import { css, cx } from 'antd-style';

package/src/components/InterceptingLink/index.tsx

@@ -0,0 +1,27 @@
+import Link, { LinkProps } from 'next/link';
+import { CSSProperties, ReactNode, memo } from 'react';
+
+import { useInterceptingRoutes } from '@/hooks/useInterceptingRoutes';
+
+interface InterceptingLinkProps extends LinkProps {
+  children: ReactNode;
+  className?: string;
+  disableIntercepting?: boolean;
+  style?: CSSProperties;
+}
+
+const InterceptingLink = memo<InterceptingLinkProps>(({ href, disableIntercepting, ...rest }) => {
+  const router = useInterceptingRoutes();
+  return (
+    <Link
+      href={href}
+      onClick={(e) => {
+        e.preventDefault();
+        router.push(href as any, disableIntercepting);
+      }}
+      {...rest}
+    />
+  );
+});
+
+export default InterceptingLink;

package/src/components/mdx/CodeBlock.tsx

@@ -0,0 +1,46 @@
+'use client';
+
+import { Pre, PreSingleLine } from '@lobehub/ui/mdx';
+import { FC, PropsWithChildren } from 'react';
+
+const countLines = (str: string): number => {
+  const regex = /\n/g;
+  const matches = str.match(regex);
+  return matches ? matches.length : 1;
+};
+
+const useCode = (raw: any) => {
+  if (!raw) return;
+
+  const { children, className } = raw.props;
+
+  if (!children) return;
+
+  const content = (Array.isArray(children) ? (children[0] as string) : children).trim();
+
+  const lang = className?.replace('language-', '') || 'txt';
+
+  const isSingleLine = countLines(content) <= 1 && content.length <= 32;
+
+  return {
+    content,
+    isSingleLine,
+    lang,
+  };
+};
+
+const CodeBlock: FC<PropsWithChildren> = ({ children }) => {
+  const code = useCode(children);
+
+  if (!code) return;
+
+  if (code.isSingleLine) return <PreSingleLine language={code.lang}>{code.content}</PreSingleLine>;
+
+  return (
+    <Pre allowChangeLanguage={false} fullFeatured language={code.lang}>
+      {code.content}
+    </Pre>
+  );
+};
+
+export default CodeBlock;

package/src/components/mdx/Link.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import Link, { LinkProps } from 'next/link';
+import { FC } from 'react';
+
+const EXTERNAL_HREF_REGEX = /https?:\/\//;
+
+const A: FC<LinkProps> = ({ href = '', ...props }) => {
+  const isOutbound = EXTERNAL_HREF_REGEX.test(href as string);
+  const isOfficial = String(href).includes('lobechat') || String(href).includes('lobehub');
+  return (
+    <Link
+      href={href}
+      rel={isOutbound && !isOfficial ? 'nofollow' : undefined}
+      target={isOutbound ? '_blank' : undefined}
+      {...props}
+    />
+  );
+};
+
+export default A;

package/src/components/mdx/index.tsx

@@ -0,0 +1,51 @@
+import { Typography as Typo, TypographyProps } from '@lobehub/ui';
+import { mdxComponents } from '@lobehub/ui/mdx';
+import { MDXRemote, type MDXRemoteProps } from 'next-mdx-remote/rsc';
+import { FC } from 'react';
+import remarkGfm from 'remark-gfm';
+
+import CodeBlock from './CodeBlock';
+import Link from './Link';
+
+export const Typography = ({
+  children,
+  mobile,
+  style,
+  ...rest
+}: { mobile?: boolean } & TypographyProps) => {
+  const headerMultiple = mobile ? 0.2 : 0.4;
+  return (
+    <Typo
+      fontSize={14}
+      headerMultiple={headerMultiple}
+      style={{ width: '100%', ...style }}
+      {...rest}
+    >
+      {children}
+    </Typo>
+  );
+};
+
+export const CustomMDX: FC<MDXRemoteProps & { mobile?: boolean }> = ({ mobile, ...rest }) => {
+  // ref: https://github.com/hashicorp/next-mdx-remote/issues/405
+  const list: any = {};
+  Object.entries({
+    ...mdxComponents,
+    a: Link,
+    pre: CodeBlock,
+    ...rest.components,
+  }).forEach(([key, Render]: any) => {
+    list[key] = (props: any) => <Render {...props} />;
+  });
+
+  return (
+    <Typography mobile={mobile}>
+      <MDXRemote
+        {...rest}
+        components={list}
+        // @ts-ignore
+        options={{ mdxOptions: { remarkPlugins: [remarkGfm] } }}
+      />
+    </Typography>
+  );
+};

package/src/const/discover.ts

@@ -1 +1,63 @@
-export const CNYtoUSD = 7.14;
+import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
+import {
+  DiscoverAssistantItem,
+  DiscoverModelItem,
+  DiscoverPlugintem,
+  DiscoverProviderItem,
+} from '@/types/discover';
+
+export const CNY_TO_USD = 7.14;
+
+const DEFAULT_CREATED_AT = new Date().toISOString();
+
+export const DEFAULT_DISCOVER_ASSISTANT_ITEM: Partial<DiscoverAssistantItem> = {
+  author: '',
+  config: DEFAULT_AGENT_CONFIG,
+  createdAt: DEFAULT_CREATED_AT,
+  homepage: '',
+  identifier: '',
+  schemaVersion: 1,
+  socialData: {
+    conversations: 0,
+    likes: 0,
+    users: 0,
+  },
+};
+
+export const DEFAULT_DISCOVER_PLUGIN_ITEM: Partial<DiscoverPlugintem> = {
+  author: '',
+  createdAt: DEFAULT_CREATED_AT,
+  homepage: '',
+  identifier: '',
+  schemaVersion: 1,
+  socialData: {
+    called: 0,
+    executionTime: 0,
+    likes: 0,
+    relatedAssistants: 0,
+    successRate: 1,
+    users: 0,
+  },
+};
+
+export const DEFAULT_DISCOVER_MODEL_ITEM: Partial<DiscoverModelItem> = {
+  createdAt: DEFAULT_CREATED_AT,
+  identifier: '',
+  providers: [],
+  socialData: {
+    conversations: 0,
+    likes: 0,
+    tokens: 0,
+  },
+};
+
+export const DEFAULT_DISCOVER_PROVIDER_ITEM: Partial<DiscoverProviderItem> = {
+  createdAt: DEFAULT_CREATED_AT,
+  identifier: '',
+  models: [],
+  socialData: {
+    conversations: 0,
+    likes: 0,
+    users: 0,
+  },
+};

package/src/features/Conversation/Error/PluginSettings.tsx

@@ -26,7 +26,7 @@ const PluginSettings = memo<PluginSettingsProps>(({ id, plugin }) => {
   const [resend, deleteMessage] = useChatStore((s) => [s.regenerateMessage, s.deleteMessage]);
   const pluginIdentifier = plugin?.identifier as string;
   const pluginMeta = useToolStore(pluginSelectors.getPluginMetaById(pluginIdentifier), isEqual);
-  const manifest = useToolStore(pluginSelectors.getPluginManifestById(pluginIdentifier), isEqual);
+  const manifest = useToolStore(pluginSelectors.getToolManifestById(pluginIdentifier), isEqual);
 
   return (
     !!manifest && (

package/src/features/Conversation/Messages/Tool/Inspector/Settings.tsx

@@ -8,7 +8,7 @@ import { pluginHelpers, useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
 
 const Settings = memo<{ id: string }>(({ id }) => {
-  const item = useToolStore(pluginSelectors.getPluginManifestById(id));
+  const item = useToolStore(pluginSelectors.getToolManifestById(id));
   const [open, setOpen] = useState(false);
   const { t } = useTranslation('plugin');
   const hasSettings = pluginHelpers.isSettingSchemaNonEmpty(item?.settings);

package/src/features/Conversation/components/InboxWelcome/AgentsSuggest.tsx

@@ -3,14 +3,18 @@
 import { ActionIcon, Avatar, Grid } from '@lobehub/ui';
 import { Skeleton, Typography } from 'antd';
 import { createStyles } from 'antd-style';
-import isEqual from 'fast-deep-equal';
 import { RefreshCw } from 'lucide-react';
-import Link from 'next/link';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
+import useSWR from 'swr';
+import urlJoin from 'url-join';
 
-import { useMarketStore } from '@/store/market';
+import InterceptingLink from '@/components/InterceptingLink';
+import { assistantService } from '@/services/assistant';
+import { useUserStore } from '@/store/user';
+import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { DiscoverAssistantItem } from '@/types/discover';
 
 const { Paragraph } = Typography;
 
@@ -56,11 +60,19 @@ const useStyles = createStyles(({ css, token, responsive }) => ({
 
 const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
   const { t } = useTranslation('welcome');
-
+  const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
   const [sliceStart, setSliceStart] = useState(0);
-  const useFetchAgentList = useMarketStore((s) => s.useFetchAgentList);
-  const { isLoading } = useFetchAgentList();
-  const agentList = useMarketStore((s) => s.agentList, isEqual);
+
+  const { data: assistantList, isLoading } = useSWR(
+    ['assistant-list', locale].join('-'),
+    async () => await assistantService.getAssistantList(),
+    {
+      refreshWhenOffline: false,
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+    },
+  );
+
   const { styles } = useStyles();
 
   const agentLength = mobile ? 2 : 4;
@@ -72,8 +84,8 @@ const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
   ));
 
   const handleRefresh = () => {
-    if (!agentList) return;
-    setSliceStart(Math.floor((Math.random() * agentList.length) / 2));
+    if (!assistantList) return;
+    setSliceStart(Math.floor((Math.random() * assistantList.length) / 2));
   };
 
   return (
@@ -88,23 +100,28 @@ const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
         />
       </Flexbox>
       <Grid gap={8} rows={2}>
-        {isLoading
+        {isLoading || !assistantList
           ? loadingCards
-          : agentList.slice(sliceStart, sliceStart + agentLength).map((agent) => (
-              <Link href={`/market?agent=${agent.identifier}`} key={agent.identifier}>
-                <Flexbox className={styles.card} gap={8} horizontal>
-                  <Avatar avatar={agent.meta.avatar} style={{ flex: 'none' }} />
-                  <Flexbox gap={mobile ? 2 : 8} style={{ overflow: 'hidden', width: '100%' }}>
-                    <Paragraph className={styles.cardTitle} ellipsis={{ rows: 1 }}>
-                      {agent.meta.title}
-                    </Paragraph>
-                    <Paragraph className={styles.cardDesc} ellipsis={{ rows: mobile ? 1 : 2 }}>
-                      {agent.meta.description}
-                    </Paragraph>
+          : assistantList
+              .slice(sliceStart, sliceStart + agentLength)
+              .map((item: DiscoverAssistantItem) => (
+                <InterceptingLink
+                  href={urlJoin('/discover/assistant/', item.identifier)}
+                  key={item.identifier}
+                >
+                  <Flexbox className={styles.card} gap={8} horizontal>
+                    <Avatar avatar={item.meta.avatar} style={{ flex: 'none' }} />
+                    <Flexbox gap={mobile ? 2 : 8} style={{ overflow: 'hidden', width: '100%' }}>
+                      <Paragraph className={styles.cardTitle} ellipsis={{ rows: 1 }}>
+                        {item.meta.title}
+                      </Paragraph>
+                      <Paragraph className={styles.cardDesc} ellipsis={{ rows: mobile ? 1 : 2 }}>
+                        {item.meta.description}
+                      </Paragraph>
+                    </Flexbox>
                   </Flexbox>
-                </Flexbox>
-              </Link>
-            ))}
+                </InterceptingLink>
+              ))}
       </Grid>
     </Flexbox>
   );

package/src/features/MobileTabBar/index.tsx

@@ -47,11 +47,11 @@ export default memo<Props>(({ className, tabBarKey }) => {
           icon: (active: boolean) => (
             <Icon className={active ? styles.active : undefined} icon={Bot} />
           ),
-          key: SidebarTabKey.Market,
+          key: SidebarTabKey.Discover,
           onClick: () => {
-            router.push('/market');
+            router.push('/discover');
           },
-          title: t('tab.market'),
+          title: t('tab.discover'),
         },
         {
           icon: (active: boolean) => (

package/src/features/PluginDetailModal/APIs.tsx

@@ -11,7 +11,7 @@ const APIs = memo<{
   id: string;
 }>(({ id }) => {
   const { t } = useTranslation('plugin');
-  const pluginManifest = useToolStore(pluginSelectors.getPluginManifestById(id), isEqual);
+  const pluginManifest = useToolStore(pluginSelectors.getToolManifestById(id), isEqual);
 
   if (!pluginManifest?.api) return <Empty />;
 

package/src/features/PluginDevModal/UrlManifestForm.tsx

@@ -78,7 +78,7 @@ const UrlManifestForm = memo<{ form: FormInstance; isEditMode: boolean }>(
 
                 try {
                   const useProxy = form.getFieldValue(proxyKey);
-                  const data = await toolService.getPluginManifest(value, useProxy);
+                  const data = await toolService.getToolManifest(value, useProxy);
                   setManifest(data);
 
                   form.setFieldsValue({ identifier: data.identifier, manifest: data });

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

@@ -30,7 +30,7 @@ const Actions = memo<ActionsProps>(({ identifier, type }) => {
   const isCustomPlugin = type === 'customPlugin';
   const { t } = useTranslation('plugin');
   const [open, setOpen] = useState(false);
-  const plugin = useToolStore(pluginSelectors.getPluginManifestById(identifier));
+  const plugin = useToolStore(pluginSelectors.getToolManifestById(identifier));
   const { modal } = App.useApp();
   const [tab, setTab] = useState('info');
   const hasSettings = pluginHelpers.isSettingSchemaNonEmpty(plugin?.settings);

package/src/features/PluginsUI/Render/DefaultType/index.tsx

@@ -18,7 +18,7 @@ export interface PluginDefaultTypeProps {
 }
 
 const PluginDefaultType = memo<PluginDefaultTypeProps>(({ content, name, loading }) => {
-  const manifest = useToolStore(pluginSelectors.getPluginManifestById(name || ''));
+  const manifest = useToolStore(pluginSelectors.getToolManifestById(name || ''));
 
   const { isJSON, data } = useParseContent(content);
 

package/src/features/PluginsUI/Render/StandaloneType/index.tsx

@@ -13,7 +13,7 @@ export interface PluginStandaloneTypeProps {
 }
 
 const PluginDefaultType = memo<PluginStandaloneTypeProps>(({ payload, id, name = 'unknown' }) => {
-  const manifest = useToolStore(pluginSelectors.getPluginManifestById(name));
+  const manifest = useToolStore(pluginSelectors.getToolManifestById(name));
 
   if (!manifest?.ui) return;
 

package/src/hooks/useInterceptingRoutes.ts

@@ -1,6 +1,7 @@
-import { useMemo } from 'react';
+import { useContext, useMemo } from 'react';
 import urlJoin from 'url-join';
 
+import { InterceptContext } from '@/app/@modal/features/InterceptingContext';
 import { INBOX_SESSION_ID } from '@/const/session';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
@@ -44,3 +45,22 @@ export const useOpenChatSettings = (tab: ChatSettingsTabs = ChatSettingsTabs.Met
     }
   }, [openSettings, mobile, activeId, router, tab]);
 };
+
+export const useInterceptingRoutes = () => {
+  const router = useQueryRoute();
+  const mobile = useIsMobile();
+  const isIntercepted = useContext(InterceptContext);
+  return useMemo(
+    () => ({
+      isIntercepted,
+      push: (url: string, disableIntercepting?: boolean) => {
+        if (disableIntercepting || mobile) {
+          router.push(`/redirect`, { query: { url } });
+          return;
+        }
+        router.push(url);
+      },
+    }),
+    [mobile, router, isIntercepted],
+  );
+};

package/src/hooks/useShare.tsx

@@ -0,0 +1,191 @@
+import {
+  SiLinkedin,
+  SiMastodon,
+  SiReddit,
+  SiSinaweibo,
+  SiTelegram,
+  SiWhatsapp,
+  SiX,
+} from '@icons-pack/react-simple-icons';
+import { camelCase, identity, pickBy } from 'lodash-es';
+import qs from 'query-string';
+
+const stringifyHashtags = (hashtags: string[], joinfix: string = ',', prefix?: string) => {
+  // eslint-disable-next-line no-param-reassign
+  if (prefix) hashtags = hashtags.map((tag) => prefix + camelCase(tag));
+  return hashtags.filter(Boolean).join(joinfix);
+};
+export const useShare = ({
+  url,
+  title,
+  desc,
+  hashtags = [],
+}: {
+  desc: string;
+  hashtags?: string[];
+  title: string;
+  url: string;
+}) => {
+  const genRedditLink = () => {
+    const query = pickBy(
+      {
+        title: [
+          [title, desc].filter(Boolean).join(' - '),
+          hashtags && stringifyHashtags(hashtags, ' ', '#'),
+        ]
+          .filter(Boolean)
+          .join(' '),
+        url,
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'https://www.reddit.com/submit',
+    });
+  };
+
+  const genTelegramLink = () => {
+    const query = pickBy(
+      {
+        text: [
+          [title, desc].filter(Boolean).join(' - '),
+          hashtags && stringifyHashtags(hashtags, ' ', '#'),
+        ]
+          .filter(Boolean)
+          .join(' '),
+        url,
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'https://t.me/share/url"',
+    });
+  };
+
+  const genWeiboLink = () => {
+    const query = pickBy(
+      {
+        sharesource: 'weibo',
+        title: [
+          [title, desc].filter(Boolean).join(' - '),
+          hashtags && stringifyHashtags(hashtags, ' ', '#'),
+        ]
+          .filter(Boolean)
+          .join(' '),
+        url,
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'http://service.weibo.com/share/share.php',
+    });
+  };
+
+  const genWhatsappLink = () => {
+    const query = pickBy(
+      {
+        text: [
+          [title, desc].filter(Boolean).join(' - '),
+          url,
+          hashtags && stringifyHashtags(hashtags, ' ', '#'),
+        ]
+          .filter(Boolean)
+          .join(' '),
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'https://api.whatsapp.com/send',
+    });
+  };
+
+  const genXLink = () => {
+    const query = pickBy(
+      {
+        hashtags: hashtags && stringifyHashtags(hashtags),
+        text: [title, desc].filter(Boolean).join(' - '),
+        url,
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'https://x.com/intent/tweet',
+    });
+  };
+
+  const genLinkdinLink = () => {
+    const query = pickBy(
+      {
+        url,
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'https://www.linkedin.com/sharing/share-offsite/',
+    });
+  };
+
+  const genMastodonLink = () => {
+    const query = pickBy(
+      {
+        text: [
+          [title, desc].filter(Boolean).join(' - '),
+
+          hashtags && stringifyHashtags(hashtags, ' ', '#'),
+        ]
+          .filter(Boolean)
+          .join(' '),
+        url,
+      },
+      identity,
+    ) as any;
+    return qs.stringifyUrl({
+      query,
+      url: 'https://mastodon.social/share',
+    });
+  };
+
+  return {
+    linkedin: {
+      icon: SiLinkedin,
+      link: genLinkdinLink(),
+      title: 'Linkedin',
+    },
+    mastodon: {
+      icon: SiMastodon,
+      link: genMastodonLink(),
+      title: 'Mastodon',
+    },
+    reddit: {
+      icon: SiReddit,
+      link: genRedditLink(),
+      title: 'Reddit',
+    },
+    telegram: {
+      icon: SiTelegram,
+      link: genTelegramLink(),
+      title: 'Telegram',
+    },
+    weibo: {
+      icon: SiSinaweibo,
+      link: genWeiboLink(),
+      title: 'Weibo',
+    },
+    whatsapp: {
+      icon: SiWhatsapp,
+      link: genWhatsappLink(),
+      title: 'WhatsApp',
+    },
+    x: {
+      icon: SiX,
+      link: genXLink(),
+      title: 'X',
+    },
+  };
+};

package/src/locales/create.ts

@@ -11,7 +11,7 @@ import { normalizeLocale } from '@/locales/resources';
 import { isDev, isOnServerSide } from '@/utils/env';
 
 const { I18N_DEBUG, I18N_DEBUG_BROWSER, I18N_DEBUG_SERVER } = getDebugConfig();
-const debugMode = I18N_DEBUG ?? isOnServerSide ? I18N_DEBUG_SERVER : I18N_DEBUG_BROWSER;
+const debugMode = (I18N_DEBUG ?? isOnServerSide) ? I18N_DEBUG_SERVER : I18N_DEBUG_BROWSER;
 
 export const createI18nNext = (lang?: string) => {
   const instance = i18n

package/src/locales/default/common.ts

@@ -188,8 +188,8 @@ export default {
   },
   tab: {
     chat: '会话',
+    discover: '发现',
     files: '文件',
-    market: '发现',
     me: '我',
     setting: '设置',
   },