npm - @lobehub/chat - Versions diffs - 1.51.2 → 1.51.4 - Mend

@lobehub/chat 1.51.2 → 1.51.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (643) hide show

package/src/app/layout.tsx DELETED Viewed

@@ -1,67 +0,0 @@
-import { SpeedInsights } from '@vercel/speed-insights/next';
-import { ResolvingViewport } from 'next';
-import { cookies } from 'next/headers';
-import { ReactNode } from 'react';
-import { isRtlLang } from 'rtl-detect';
-import Analytics from '@/components/Analytics';
-import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
-import PWAInstall from '@/features/PWAInstall';
-import AuthProvider from '@/layout/AuthProvider';
-import GlobalProvider from '@/layout/GlobalProvider';
-import { isMobileDevice } from '@/utils/server/responsive';
-const inVercel = process.env.VERCEL === '1';
-type RootLayoutProps = {
-  children: ReactNode;
-  modal: ReactNode;
-};
-const RootLayout = async ({ children, modal }: RootLayoutProps) => {
-  const cookieStore = await cookies();
-  const lang = cookieStore.get(LOBE_LOCALE_COOKIE);
-  const locale = lang?.value || DEFAULT_LANG;
-  const direction = isRtlLang(locale) ? 'rtl' : 'ltr';
-  const mobile = await isMobileDevice();
-  return (
-    <html dir={direction} lang={locale} suppressHydrationWarning>
-      <body>
-        <GlobalProvider>
-          <AuthProvider>
-            {children}
-            {!mobile && modal}
-          </AuthProvider>
-          <PWAInstall />
-        </GlobalProvider>
-        <Analytics />
-        {inVercel && <SpeedInsights />}
-      </body>
-    </html>
-  );
-};
-export default RootLayout;
-export { generateMetadata } from './metadata';
-export const generateViewport = async (): ResolvingViewport => {
-  const isMobile = await isMobileDevice();
-  const dynamicScale = isMobile ? { maximumScale: 1, userScalable: false } : {};
-  return {
-    ...dynamicScale,
-    initialScale: 1,
-    minimumScale: 1,
-    themeColor: [
-      { color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
-      { color: '#000', media: '(prefers-color-scheme: dark)' },
-    ],
-    viewportFit: 'cover',
-    width: 'device-width',
-  };
-};

package/src/features/Conversation/Error/APIKeyForm/Wenxin.tsx DELETED Viewed

@@ -1,49 +0,0 @@
-import { Wenxin } from '@lobehub/icons';
-import { Input } from 'antd';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ModelProvider } from '@/libs/agent-runtime';
-import { useUserStore } from '@/store/user';
-import { keyVaultsConfigSelectors } from '@/store/user/selectors';
-import { FormAction } from '../style';
-const WenxinForm = memo(() => {
-  const { t } = useTranslation('modelProvider');
-  const [accessKey, secretKey, setConfig] = useUserStore((s) => [
-    keyVaultsConfigSelectors.wenxinConfig(s).accessKey,
-    keyVaultsConfigSelectors.wenxinConfig(s).secretKey,
-    s.updateKeyVaultConfig,
-  ]);
-  return (
-    <FormAction
-      avatar={<Wenxin.Color size={56} />}
-      description={t('wenxin.unlock.description')}
-      title={t('wenxin.unlock.title')}
-    >
-      <Input.Password
-        autoComplete={'new-password'}
-        onChange={(e) => {
-          setConfig(ModelProvider.Wenxin, { accessKey: e.target.value });
-        }}
-        placeholder={'Access Key'}
-        type={'block'}
-        value={accessKey}
-      />
-      <Input.Password
-        autoComplete={'new-password'}
-        onChange={(e) => {
-          setConfig(ModelProvider.Wenxin, { secretKey: e.target.value });
-        }}
-        placeholder={'Secret Key'}
-        type={'block'}
-        value={secretKey}
-      />
-    </FormAction>
-  );
-});
-export default WenxinForm;

package/src/features/DevPanel/FloatPanel.tsx DELETED Viewed

@@ -1,136 +0,0 @@
-import { ActionIcon, Icon } from '@lobehub/ui';
-import { FloatButton } from 'antd';
-import { createStyles } from 'antd-style';
-import { BugIcon, BugOff, XIcon } from 'lucide-react';
-import React, { PropsWithChildren, useEffect, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import { Rnd } from 'react-rnd';
-// 定义样式
-const useStyles = createStyles(({ token, css }) => {
-  return {
-    collapsed: css`
-      pointer-events: none;
-      transform: scale(0.8);
-      opacity: 0;
-    `,
-    content: css`
-      overflow: auto;
-      flex: 1;
-      height: 100%;
-      color: ${token.colorText};
-    `,
-    expanded: css`
-      pointer-events: auto;
-      transform: scale(1);
-      opacity: 1;
-    `,
-    header: css`
-      cursor: move;
-      user-select: none;
-      padding-block: 8px;
-      padding-inline: 16px;
-      border-block-end: 1px solid ${token.colorBorderSecondary};
-      border-start-start-radius: 12px;
-      border-start-end-radius: 12px;
-      font-weight: ${token.fontWeightStrong};
-      color: ${token.colorText};
-      background: ${token.colorFillAlter};
-    `,
-    panel: css`
-      position: fixed;
-      z-index: 1000;
-      overflow: hidden;
-      display: flex;
-      border-radius: 12px;
-      background: ${token.colorBgContainer};
-      box-shadow: ${token.boxShadow};
-      transition: opacity ${token.motionDurationMid} ${token.motionEaseInOut};
-    `,
-  };
-});
-const minWidth = 800;
-const minHeight = 600;
-const CollapsibleFloatPanel = ({ children }: PropsWithChildren) => {
-  const { styles } = useStyles();
-  const [isExpanded, setIsExpanded] = useState(false);
-  const [position, setPosition] = useState({ x: 100, y: 100 });
-  const [size, setSize] = useState({ height: minHeight, width: minWidth });
-  useEffect(() => {
-    try {
-      const localStoragePosition = localStorage.getItem('debug-panel-position');
-      if (localStoragePosition && JSON.parse(localStoragePosition)) {
-        setPosition(JSON.parse(localStoragePosition));
-      }
-    } catch {
-      /* empty */
-    }
-    try {
-      const localStorageSize = localStorage.getItem('debug-panel-size');
-      if (localStorageSize && JSON.parse(localStorageSize)) {
-        setSize(JSON.parse(localStorageSize));
-      }
-    } catch {
-      /* empty */
-    }
-  }, []);
-  return (
-    <>
-      <FloatButton
-        icon={<Icon icon={isExpanded ? BugOff : BugIcon} />}
-        onClick={() => setIsExpanded(!isExpanded)}
-        style={{ bottom: 24, right: 24 }}
-      />
-      {isExpanded && (
-        <Rnd
-          bounds="window"
-          className={`${styles.panel} ${isExpanded ? styles.expanded : styles.collapsed}`}
-          dragHandleClassName="panel-drag-handle"
-          minHeight={minHeight}
-          minWidth={minWidth}
-          onDragStop={(e, d) => {
-            setPosition({ x: d.x, y: d.y });
-          }}
-          onResizeStop={(e, direction, ref, delta, position) => {
-            setSize({
-              height: Number(ref.style.height),
-              width: Number(ref.style.width),
-            });
-            setPosition(position);
-          }}
-          position={position}
-          size={size}
-        >
-          <Flexbox height={'100%'}>
-            <Flexbox
-              align={'center'}
-              className={`panel-drag-handle ${styles.header}`}
-              horizontal
-              justify={'space-between'}
-            >
-              开发者面板
-              <ActionIcon icon={XIcon} onClick={() => setIsExpanded(false)} />
-            </Flexbox>
-            <Flexbox className={styles.content}>{children}</Flexbox>
-          </Flexbox>
-        </Rnd>
-      )}
-    </>
-  );
-};
-export default CollapsibleFloatPanel;

package/src/features/DevPanel/PostgresViewer/DataTable/TableCell.tsx DELETED Viewed

@@ -1,34 +0,0 @@
-import React, { useMemo } from 'react';
-interface TableCellProps {
-  column: string;
-  dataItem: any;
-  rowIndex: number;
-}
-const TableCell = ({ dataItem, column, rowIndex }: TableCellProps) => {
-  const data = dataItem[column];
-  const content = useMemo(() => {
-    switch (typeof data) {
-      case 'object': {
-        return JSON.stringify(data);
-      }
-      case 'boolean': {
-        return data ? 'True' : 'False';
-      }
-      default: {
-        return data;
-      }
-    }
-  }, [data]);
-  return (
-    <td key={column} onDoubleClick={() => console.log('Edit cell:', rowIndex, column)}>
-      {content}
-    </td>
-  );
-};
-export default TableCell;

package/src/hooks/useSettingsTab.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { useQueryState } from 'nuqs';
-import { SettingsTabs } from '@/store/global/initialState';
-export const useSettingsTab = () => {
-  const [type] = useQueryState('tab', {
-    clearOnDefault: true,
-    defaultValue: SettingsTabs.Common,
-  });
-  return type as SettingsTabs;
-};

package/src/libs/agent-runtime/utils/streams/wenxin.test.ts DELETED Viewed

@@ -1,153 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-import * as uuidModule from '@/utils/uuid';
-import { convertIterableToStream } from '../../utils/streams/protocol';
-import { ChatResp } from '../../wenxin/type';
-import { WenxinStream } from './wenxin';
-const dataStream = [
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089502,
-    sentence_id: 0,
-    is_end: false,
-    is_truncated: false,
-    result: '当然可以，',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089504,
-    sentence_id: 1,
-    is_end: false,
-    is_truncated: false,
-    result:
-      '以下是一些建议的自驾游路线，它们涵盖了各种不同的风景和文化体验：\n\n1. **西安-敦煌历史文化之旅**：\n\n\n\t* 路线：西安',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089506,
-    sentence_id: 2,
-    is_end: false,
-    is_truncated: false,
-    result: ' - 天水 - 兰州 - 嘉峪关 - 敦煌\n\t* 特点：此路线让您领略到中国西北的丰富历史文化。',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089508,
-    sentence_id: 3,
-    is_end: false,
-    is_truncated: false,
-    result: '您可以参观西安的兵马俑、大雁塔，体验兰州的黄河风情，以及在敦煌欣赏壮丽的莫高窟。',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089511,
-    sentence_id: 4,
-    is_end: false,
-    is_truncated: false,
-    result: '\n2. **海南环岛热带风情游**：\n\n\n\t* 路线：海口 - 三亚 - 陵水 - 万宁 - 文昌 - 海',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 2, total_tokens: 7 },
-  },
-  {
-    id: 'as-vb0m37ti8y',
-    object: 'chat.completion',
-    created: 1709089512,
-    sentence_id: 5,
-    is_end: false,
-    is_truncated: false,
-    result:
-      '口\n\t* 特点：海南岛是中国唯一的黎族聚居区，这里有独特的热带风情、美丽的海滩和丰富的水果。',
-    need_clear_history: false,
-    finish_reason: 'normal',
-    usage: { prompt_tokens: 5, completion_tokens: 153, total_tokens: 158 },
-  },
-];
-describe('WenxinStream', () => {
-  it('should transform Wenxin stream to protocol stream', async () => {
-    vi.spyOn(uuidModule, 'nanoid').mockReturnValueOnce('1');
-    const mockWenxinStream: AsyncIterable<ChatResp> = {
-      // @ts-ignore
-      async *[Symbol.asyncIterator]() {
-        for (const item of dataStream) {
-          yield item;
-        }
-      },
-    };
-    const stream = convertIterableToStream(mockWenxinStream);
-    const onStartMock = vi.fn();
-    const onTextMock = vi.fn();
-    const onTokenMock = vi.fn();
-    const onCompletionMock = vi.fn();
-    const protocolStream = WenxinStream(stream, {
-      onStart: onStartMock,
-      onText: onTextMock,
-      onToken: onTokenMock,
-      onCompletion: onCompletionMock,
-    });
-    const decoder = new TextDecoder();
-    const chunks = [];
-    // @ts-ignore
-    for await (const chunk of protocolStream) {
-      chunks.push(decoder.decode(chunk, { stream: true }));
-    }
-    expect(chunks).toEqual(
-      [
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "当然可以，"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "以下是一些建议的自驾游路线，它们涵盖了各种不同的风景和文化体验：\\n\\n1. **西安-敦煌历史文化之旅**：\\n\\n\\n\\t* 路线：西安"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: " - 天水 - 兰州 - 嘉峪关 - 敦煌\\n\\t* 特点：此路线让您领略到中国西北的丰富历史文化。"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "您可以参观西安的兵马俑、大雁塔，体验兰州的黄河风情，以及在敦煌欣赏壮丽的莫高窟。"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "\\n2. **海南环岛热带风情游**：\\n\\n\\n\\t* 路线：海口 - 三亚 - 陵水 - 万宁 - 文昌 - 海"\n`,
-        'id: as-vb0m37ti8y',
-        'event: text',
-        `data: "口\\n\\t* 特点：海南岛是中国唯一的黎族聚居区，这里有独特的热带风情、美丽的海滩和丰富的水果。"\n`,
-      ].map((item) => `${item}\n`),
-    );
-    expect(onStartMock).toHaveBeenCalledTimes(1);
-    expect(onTextMock).toHaveBeenNthCalledWith(1, '"当然可以，"');
-    expect(onTextMock).toHaveBeenNthCalledWith(
-      2,
-      '"以下是一些建议的自驾游路线，它们涵盖了各种不同的风景和文化体验：\\n\\n1. **西安-敦煌历史文化之旅**：\\n\\n\\n\\t* 路线：西安"',
-    );
-    expect(onTokenMock).toHaveBeenCalledTimes(6);
-    expect(onCompletionMock).toHaveBeenCalledTimes(1);
-  });
-});

package/src/libs/agent-runtime/utils/streams/wenxin.ts DELETED Viewed

@@ -1,38 +0,0 @@
-import { ChatStreamCallbacks } from '@/libs/agent-runtime';
-import { nanoid } from '@/utils/uuid';
-import { ChatResp } from '../../wenxin/type';
-import {
-  StreamProtocolChunk,
-  StreamStack,
-  createCallbacksTransformer,
-  createSSEProtocolTransformer,
-} from './protocol';
-const transformERNIEBotStream = (chunk: ChatResp): StreamProtocolChunk => {
-  const finished = chunk.is_end;
-  if (finished) {
-    return { data: chunk.finish_reason || 'stop', id: chunk.id, type: 'stop' };
-  }
-  if (chunk.result) {
-    return { data: chunk.result, id: chunk.id, type: 'text' };
-  }
-  return {
-    data: chunk,
-    id: chunk.id,
-    type: 'data',
-  };
-};
-export const WenxinStream = (
-  rawStream: ReadableStream<ChatResp>,
-  callbacks?: ChatStreamCallbacks,
-) => {
-  const streamStack: StreamStack = { id: 'chat_' + nanoid() };
-  return rawStream
-    .pipeThrough(createSSEProtocolTransformer(transformERNIEBotStream, streamStack))
-    .pipeThrough(createCallbacksTransformer(callbacks));
-};

package/src/libs/agent-runtime/wenxin/type.ts DELETED Viewed

@@ -1,84 +0,0 @@
-/**
- * token 用量基类
- */
-export interface TokenUsage {
-  /**
-   * 回答tokens数
-   */
-  completion_tokens?: number;
-  /**
-   * 问题tokens数
-   */
-  prompt_tokens: number;
-  /**
-   * tokens总数
-   */
-  total_tokens: number;
-}
-/**
- * 响应基类
- */
-export interface RespBase {
-  /**
-   * 时间戳
-   */
-  created: number;
-  /**
-   * 本轮对话的id
-   */
-  id: string;
-  /**
-   * 表示当前子句是否是最后一句。只有在流式接口模式下会返回该字段
-   */
-  is_end?: boolean;
-  /**
-   * 1：表示输入内容无安全风险
-   * 0：表示输入内容有安全风险
-   */
-  is_safe?: number;
-  /**
-   * 回包类型。
-   *
-   * chat.completion：多轮对话返回
-   */
-  object: string;
-  /**
-   * 对话返回结果
-   */
-  result: string;
-  /**
-   * 表示当前子句的序号。只有在流式接口模式下会返回该字段
-   */
-  sentence_id?: number;
-  /**
-   * token统计信息，token数 = 汉字数+单词数*1.3 （仅为估算逻辑）
-   */
-  usage: TokenUsage;
-}
-export interface ChatResp extends RespBase {
-  /**
-   * 当 need_clear_history 为 true 时，此字段会告知第几轮对话有敏感信息，如果是当前问题，ban_round=-1
-   */
-  ban_round: number;
-  /**
-   * 输出内容标识，说明：
-   * · normal：输出内容完全由大模型生成，未触发截断、替换
-   * · stop：输出结果命中入参stop中指定的字段后被截断
-   * · length：达到了最大的token数，根据EB返回结果is_truncated来截断
-   * · content_filter：输出内容被截断、兜底、替换为**等
-   */
-  finish_reason: string;
-  /**
-   * 当前生成的结果是否被截断
-   */
-  is_truncated?: boolean;
-  /**
-   * 表示用户输入是否存在安全，是否关闭当前会话，清理历史会话信息
-   *
-   * true：是，表示用户输入存在安全风险，建议关闭当前会话，清理历史会话信息
-   * false：否，表示用户输入无安全风险
-   */
-  need_clear_history: boolean;
-}