@lobehub/chat 0.73.0 → 0.75.0

package/src/store/market/store.ts

@@ -0,0 +1,51 @@
+import { PersistOptions, devtools, persist } from 'zustand/middleware';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+import type { StateCreator } from 'zustand/vanilla';
+
+import { createHyperStorage } from '@/store/middleware/createHyperStorage';
+import { isDev } from '@/utils/env';
+
+import { type StoreAction, createMarketAction } from './action';
+import { type StoreState, initialState } from './initialState';
+
+export type Store = StoreAction & StoreState;
+
+const LOBE_AGENT_MARKET = 'LOBE_AGENT_MARKET';
+
+const persistOptions: PersistOptions<Store> = {
+  name: LOBE_AGENT_MARKET,
+
+  skipHydration: true,
+
+  storage: createHyperStorage({
+    localStorage: {
+      dbName: 'LobeHub',
+      selectors: ['agentMap'],
+    },
+    url: {
+      mode: 'hash',
+      selectors: [
+        // map state key to storage key
+        { currentIdentifier: 'agent' },
+      ],
+    },
+  }),
+
+  version: 0,
+};
+
+const createStore: StateCreator<Store, [['zustand/devtools', never]]> = (...parameters) => ({
+  ...initialState,
+  ...createMarketAction(...parameters),
+});
+
+export const useMarketStore = createWithEqualityFn<Store>()(
+  persist(
+    devtools(createStore, {
+      name: LOBE_AGENT_MARKET + (isDev ? '_DEV' : ''),
+    }),
+    persistOptions,
+  ),
+  shallow,
+);

package/src/store/session/slices/session/action.ts

@@ -1,13 +1,14 @@
 import { produce } from 'immer';
 import { merge } from 'lodash-es';
 import Router from 'next/router';
+import { DeepPartial } from 'utility-types';
 import { StateCreator } from 'zustand/vanilla';
 
 import { INBOX_SESSION_ID } from '@/const/session';
 import { SESSION_CHAT_URL } from '@/const/url';
 import { useGlobalStore } from '@/store/global';
 import { SessionStore } from '@/store/session';
-import { LobeAgentSession, LobeSessions } from '@/types/session';
+import { LobeAgentSession, LobeAgentSettings, LobeSessions } from '@/types/session';
 import { setNamespace } from '@/utils/storeDebug';
 import { uuid } from '@/utils/uuid';
 
@@ -24,7 +25,7 @@ export interface SessionAction {
    * @param session - 会话信息
    * @returns void
    */
-  createSession: () => Promise<string>;
+  createSession: (agent?: DeepPartial<LobeAgentSettings>) => Promise<string>;
   /**
    * 变更session
    * @param payload - 聊天记录
@@ -79,7 +80,7 @@ export const createSessionSlice: StateCreator<
     set({ sessions: {} }, false, t('clearSessions'));
   },
 
-  createSession: async () => {
+  createSession: async (agent) => {
     const { dispatchSession, switchSession } = get();
 
     const timestamp = Date.now();
@@ -87,6 +88,7 @@ export const createSessionSlice: StateCreator<
     // 合并 settings 里的 defaultAgent
     const globalDefaultAgent = useGlobalStore.getState().settings.defaultAgent;
     const newSession: LobeAgentSession = merge({}, initLobeSession, globalDefaultAgent, {
+      ...agent,
       createAt: timestamp,
       id: uuid(),
       updateAt: timestamp,

package/src/store/session/slices/session/initialState.ts

@@ -16,6 +16,7 @@ export interface SessionState {
   isMobile?: boolean;
   searchKeywords: string;
   sessions: Record<string, LobeAgentSession>;
+  topicSearchKeywords: string;
 }
 
 export const initLobeSession: LobeAgentSession = {
@@ -44,4 +45,5 @@ export const initialSessionState: SessionState = {
   isMobile: false,
   searchKeywords: '',
   sessions: {},
+  topicSearchKeywords: '',
 };

package/src/store/session/slices/session/reducers/session.test.ts

@@ -109,7 +109,7 @@ describe('sessionsReducer', () => {
             avatar: 'avatar-url',
             backgroundColor: 'background-color',
             description: 'description',
-            tag: ['tag1', 'tag2'],
+            tags: ['tag1', 'tag2'],
             title: 'title',
           },
         } as LobeAgentSession,
@@ -151,7 +151,7 @@ describe('sessionsReducer', () => {
             avatar: 'avatar-url',
             backgroundColor: 'background-color',
             description: 'description',
-            tag: ['tag1', 'tag2'],
+            tags: ['tag1', 'tag2'],
             title: 'title',
           },
         } as LobeAgentSession,
@@ -185,7 +185,7 @@ describe('sessionsReducer', () => {
             avatar: 'avatar-url',
             backgroundColor: 'background-color',
             description: 'description',
-            tag: ['tag1', 'tag2'],
+            tags: ['tag1', 'tag2'],
             title: 'title',
           },
         } as LobeAgentSession,
@@ -221,7 +221,7 @@ describe('sessionsReducer', () => {
             avatar: 'avatar-url',
             backgroundColor: 'background-color',
             description: 'description',
-            tag: ['tag1', 'tag2'],
+            tags: ['tag1', 'tag2'],
             title: 'title',
           },
         } as LobeAgentSession,

package/src/types/market.ts

@@ -0,0 +1,19 @@
+import { MetaData } from '@/types/meta';
+import { LobeAgentSettings } from '@/types/session';
+
+export interface AgentsMarketIndexItem {
+  author: string;
+  createAt: string;
+  homepage: string;
+  identifier: string;
+  manifest: string;
+  meta: MetaData;
+  schemaVersion: 1;
+}
+
+export type AgentsMarketItem = AgentsMarketIndexItem & LobeAgentSettings;
+
+export interface LobeChatAgentsMarketIndex {
+  agents: AgentsMarketIndexItem[];
+  schemaVersion: 1;
+}

package/src/types/meta.ts

@@ -10,7 +10,7 @@ export interface MetaData {
    */
   backgroundColor?: string;
   description?: string;
-  tag?: string[];
+  tags?: string[];
   /**
    * 名称
    * @description 可选参数，如果不传则使用默认名称

package/src/utils/filter.ts

@@ -11,7 +11,7 @@ export const filterWithKeywords = <T extends BaseDataModel>(
     Object.entries(map).filter(([, item]) => {
       const meta = item.meta;
 
-      const keyList = [meta.title, meta.description, meta.tag?.join('')].filter(
+      const keyList = [meta.title, meta.description, meta.tags?.join('')].filter(
         Boolean,
       ) as string[];
 

package/src/utils/findDuplicates.ts

@@ -0,0 +1,22 @@
+export const findDuplicates = (arr: string[]): string[] => {
+  const duplicates: { [key: string]: number } = {};
+
+  // 统计每个项目出现的次数
+  for (const item of arr) {
+    if (duplicates[item]) {
+      duplicates[item]++;
+    } else {
+      duplicates[item] = 1;
+    }
+  }
+
+  // 挑出重复出现 3 次以上的项目
+  const COUNT = 3;
+
+  const result = Object.keys(duplicates).filter((item) => duplicates[item] >= COUNT);
+
+  // 按重复次数从多到少排序
+  result.sort((a, b) => duplicates[b] - duplicates[a]);
+
+  return result;
+};

package/scripts/genDefaultLocale.ts

@@ -1,18 +0,0 @@
-import { consola } from 'consola';
-import { colors } from 'consola/utils';
-import fs from 'node:fs';
-import { resolve } from 'node:path';
-
-import i18nConfig from '../.i18nrc';
-
-export const genDefaultLocale = (input: string) => {
-  consola.info(`Default locale is ${i18nConfig.entryLocale}...`);
-  const resources = require(`../${input}/${i18nConfig.entryLocale}`);
-  const data = Object.entries(resources.default);
-  consola.start(`Generate default locale json, found ${data.length} namespaces...`);
-  for (const [ns, value] of data) {
-    const filepath = resolve(i18nConfig.output, i18nConfig.entryLocale, `${ns}.json`);
-    fs.writeFileSync(filepath, JSON.stringify(value, null, 2));
-    consola.success(colors.bgWhiteBright(colors.black(` ${ns} `)), colors.gray(filepath));
-  }
-};

package/scripts/genResources.ts

@@ -1,51 +0,0 @@
-import { consola } from 'consola';
-import { colors } from 'consola/utils';
-import { tocForResources } from 'i18next-resources-for-ts';
-import fs from 'node:fs';
-import { resolve } from 'node:path';
-
-import i18nConfig from '../.i18nrc.js';
-
-const locales = [i18nConfig.entryLocale, ...i18nConfig.outputLocales];
-export const genResources = (output: string) => {
-  let index = '';
-  let indexObj = '';
-  consola.start(`Generate locale resources and types, found ${locales.length} locales...`);
-  for (const locale of locales) {
-    const files = fs
-      .readdirSync(resolve(i18nConfig.output, locale))
-      .filter((name) => name.includes('.json'));
-    index += `import ${locale} from "./${locale}";\n`;
-    indexObj += `   "${locale.replace('_', '-')}": ${locale},\n`;
-    const ns = [];
-    for (const file of files) {
-      ns.push({
-        name: file.replace('.json', ''),
-        path: resolve(i18nConfig.output, locale, file),
-      });
-    }
-    let toc = tocForResources(ns, resolve(output)).replaceAll('\\', '/');
-    if (locale === i18nConfig.entryLocale) {
-      toc = toc.replaceAll('.json', '').replaceAll('../../../locales/zh_CN', '../default');
-    }
-    const filepath = resolve(output, `${locale}.ts`);
-    fs.writeFileSync(filepath, toc);
-    consola.success(colors.bgBlue(colors.black(` ${locale} `)), colors.gray(filepath));
-  }
-  const indexFilepath = resolve(output, `index.ts`);
-  fs.writeFileSync(
-    indexFilepath,
-    `${index}
-const resources = {
-${indexObj}} as const;
-export default resources;
-export const defaultResources = ${i18nConfig.entryLocale};
-export type Resources = typeof resources;
-export type DefaultResources = typeof defaultResources;
-export type Namespaces = keyof DefaultResources;
-export type Locales = keyof Resources;
-`,
-  );
-
-  consola.success(colors.bgGreen(colors.black(` INDEX `)), colors.gray(indexFilepath));
-};

package/scripts/toc.ts

@@ -1,7 +0,0 @@
-import { genDefaultLocale } from './genDefaultLocale';
-import { genResources } from './genResources';
-
-const RES_OUTPUT = 'src/locales/resources';
-
-genDefaultLocale(RES_OUTPUT);
-genResources(RES_OUTPUT);

package/src/components/Empty/index.tsx

@@ -1,63 +0,0 @@
-import { ActionIcon, DivProps } from '@lobehub/ui';
-import { X } from 'lucide-react';
-import Image from 'next/image';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import useMergeState from 'use-merge-value';
-
-import { useStyles } from './style';
-
-interface EmptyProps extends DivProps {
-  alt: string;
-  cover: string;
-  defaultVisible?: boolean;
-  desc: string;
-  height?: number;
-  onVisibleChange?: (visible: boolean) => void;
-  title: string;
-  visible?: boolean;
-  width?: number;
-}
-
-const Empty = memo<EmptyProps>(
-  ({
-    cover,
-    visible,
-    defaultVisible,
-    onVisibleChange,
-    alt,
-    title,
-    desc,
-    width,
-    height,
-    ...props
-  }) => {
-    const [value, setValue] = useMergeState(true, {
-      defaultValue: defaultVisible,
-      onChange: onVisibleChange,
-      value: visible,
-    });
-
-    const { styles } = useStyles();
-    if (!value) return null;
-    return (
-      <Flexbox className={styles.container} {...props}>
-        <ActionIcon
-          className={styles.close}
-          icon={X}
-          onClick={() => setValue(false)}
-          size={{ blockSize: 24, fontSize: 16 }}
-        />
-        {cover && (
-          <Image alt={alt} className={styles.image} height={height} src={cover} width={width} />
-        )}
-        <div className={styles.content}>
-          {title && <h3>{title}</h3>}
-          {desc && <p className={styles.desc}>{desc}</p>}
-        </div>
-      </Flexbox>
-    );
-  },
-);
-
-export default Empty;

package/src/components/Empty/style.ts

@@ -1,31 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const useStyles = createStyles(({ css, token, isDarkMode }) => ({
-  close: css`
-    position: absolute;
-    top: 8px;
-    right: 8px;
-  `,
-  container: css`
-    position: relative;
-
-    overflow: hidden;
-
-    background: linear-gradient(
-      to bottom,
-      ${isDarkMode ? token.colorBgElevated : token.colorBgLayout},
-      ${token.colorBgContainer}
-    );
-    border: 1px solid ${token.colorBorderSecondary};
-    border-radius: ${token.borderRadius}px;
-  `,
-  content: css`
-    padding: 0 16px 16px;
-  `,
-  desc: css`
-    color: ${token.colorTextDescription};
-  `,
-  image: css`
-    align-self: center;
-  `,
-}));

package/src/components/SelectWithImg/index.tsx

@@ -1,97 +0,0 @@
-import { Icon, IconProps } from '@lobehub/ui';
-import { SelectProps } from 'antd';
-import { type CSSProperties, ReactNode, memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import useControlledState from 'use-merge-value';
-
-import { useStyles } from './styles';
-
-export interface SelectWithImgOptionItem {
-  icon?: IconProps['icon'];
-  img: string;
-  label: ReactNode;
-  value: string;
-}
-
-export interface SelectWithImgProps {
-  className?: string;
-  classNames?: {
-    img?: string;
-  };
-  defaultValue?: SelectProps['defaultValue'];
-  height: number;
-  onChange?: (value: this['value']) => void;
-  options?: SelectWithImgOptionItem[];
-  style?: CSSProperties;
-
-  styles?: {
-    img?: CSSProperties;
-  };
-  value?: SelectProps['value'];
-  width: number;
-}
-
-const SelectWithImg = memo<SelectWithImgProps>(
-  ({
-    className,
-    style,
-    value,
-    defaultValue,
-    onChange,
-    options,
-    width,
-    height,
-    styles: outStyles = {},
-    classNames = {},
-  }) => {
-    const [currentValue, setCurrentValue] = useControlledState<string>(defaultValue, {
-      defaultValue,
-      onChange,
-      value,
-    });
-
-    const { styles, cx } = useStyles();
-
-    return (
-      <Flexbox className={className} gap={16} horizontal style={style}>
-        {options?.map((item) => {
-          const isActive = item.value === currentValue;
-          return (
-            <Flexbox
-              align={'center'}
-              className={cx(styles.container, isActive && styles.active)}
-              gap={4}
-              key={item.value}
-              onClick={() => setCurrentValue(item.value)}
-            >
-              <div
-                className={cx(styles.imgCtn, isActive && styles.imgActive, classNames.img)}
-                style={{
-                  ...outStyles.img,
-                  height,
-                  width,
-                }}
-              >
-                <div
-                  className={styles.img}
-                  style={{
-                    backgroundImage: `url(${item.img})`,
-                    backgroundSize: 'contain',
-                    height,
-                    width,
-                  }}
-                />
-              </div>
-              <Flexbox align={'center'} gap={4} horizontal>
-                {item.icon && <Icon icon={item.icon} />}
-                {item.label}
-              </Flexbox>
-            </Flexbox>
-          );
-        })}
-      </Flexbox>
-    );
-  },
-);
-
-export default SelectWithImg;

package/src/components/SelectWithImg/styles.ts

@@ -1,43 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const useStyles = createStyles(({ css, token, cx }) => {
-  const hover = css`
-    &:hover {
-      border-color: ${token.colorText};
-      box-shadow: 0 0 0 2px ${token.colorText};
-    }
-  `;
-
-  const img = cx(
-    css`
-      border-radius: ${token.borderRadius}px;
-      box-shadow: inset 0 0 0 2px ${token.colorSplit};
-      transition: all 100ms ${token.motionEaseOut};
-    `,
-    hover,
-  );
-
-  return {
-    active: css`
-      color: ${token.colorText};
-    `,
-    container: css`
-      cursor: pointer;
-      color: ${token.colorTextDescription};
-    `,
-    img,
-    imgActive: css`
-      box-shadow: 0 0 0 2px ${token.colorTextTertiary};
-
-      .${img} {
-        box-shadow: none;
-      }
-    `,
-    imgCtn: css`
-      background: ${token.colorFillTertiary};
-      border-radius: ${token.borderRadius}px;
-
-      ${hover}
-    `,
-  };
-});

package/src/pages/chat/features/Conversation/Input/ActionRight.tsx

@@ -1,31 +0,0 @@
-import { ActionIcon } from '@lobehub/ui';
-import { Popconfirm } from 'antd';
-import { Eraser } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { useSessionStore } from '@/store/session';
-
-const ActionsRight = memo(() => {
-  const { t } = useTranslation('setting');
-  const [clearMessage] = useSessionStore((s) => [s.clearMessage, s.updateAgentConfig]);
-
-  return (
-    <Popconfirm
-      cancelText={t('cancel', { ns: 'common' })}
-      okButtonProps={{ danger: true }}
-      okText={t('ok', { ns: 'common' })}
-      onConfirm={() => clearMessage()}
-      placement={'topRight'}
-      title={t('confirmClearCurrentMessages', { ns: 'common' })}
-    >
-      <ActionIcon
-        icon={Eraser}
-        placement={'bottom'}
-        title={t('clearCurrentMessages', { ns: 'common' })}
-      />
-    </Popconfirm>
-  );
-});
-
-export default ActionsRight;

package/src/pages/chat/features/Conversation/Input/Footer.tsx

@@ -1,49 +0,0 @@
-import { Icon, Tooltip } from '@lobehub/ui';
-import { Button } from 'antd';
-import { useTheme } from 'antd-style';
-import { ArrowBigUp, CornerDownLeft, LucideGalleryVerticalEnd } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-export interface FooterProps {
-  hasTopic: boolean;
-  saveToTopic: () => void;
-}
-
-const Footer = memo<FooterProps>(({ hasTopic, saveToTopic }) => {
-  const theme = useTheme();
-  const { t } = useTranslation('common');
-
-  const saveTopic = hasTopic ? null : (
-    <Tooltip title={t('topic.saveCurrentMessages')}>
-      <Button icon={<Icon icon={LucideGalleryVerticalEnd} />} onClick={saveToTopic} />
-    </Tooltip>
-  );
-
-  const footerTooltip = (
-    <Flexbox
-      gap={4}
-      horizontal
-      style={{ color: theme.colorTextDescription, fontSize: 12, marginRight: 12 }}
-    >
-      <Icon icon={CornerDownLeft} />
-      <span>{t('send')}</span>
-      <span>/</span>
-      <Flexbox horizontal>
-        <Icon icon={ArrowBigUp} />
-        <Icon icon={CornerDownLeft} />
-      </Flexbox>
-      <span>{t('warp')}</span>
-    </Flexbox>
-  );
-
-  return (
-    <>
-      {footerTooltip}
-      {saveTopic}
-    </>
-  );
-});
-
-export default Footer;