@lobehub/ui 1.58.0 → 1.60.0

package/es/types/llm.d.ts

@@ -1,42 +1,22 @@
+import { ChatMessageError, MessageRoleType } from "./chatMessage";
 /**
- * LLM 模型
+ * @title ChatGPTMessage 聊天消息
+ * @category Model
  */
-export declare enum LanguageModel {
-    /**
-     * GPT 3.5 Turbo
-     */
-    GPT3_5 = "gpt-3.5-turbo",
-    /**
-     * GPT 4
-     */
-    GPT4 = "gpt-4"
-}
-export interface LMParameters {
-    /**
-     * 控制生成文本中的惩罚系数，用于减少重复性
-     */
-    frequency_penalty?: number;
-    /**
-     * 生成文本的最大长度
-     */
-    max_tokens?: number;
+export interface LLMMessage {
     /**
-     * 控制生成文本中的惩罚系数，用于减少主题的变化
+     * @title 内容
+     * @description 消息内容
      */
-    presence_penalty?: number;
+    content: string;
     /**
-     * 生成文本的随机度量，用于控制文本的创造性和多样性
-     * @default 0.8
+     * 如果存在错误消息
      */
-    temperature: number;
+    error?: ChatMessageError;
     /**
-     * 控制生成文本中最高概率的单个 token
+     * @title 角色
+     * @description 消息发送者的角色
+     * @enum {MessageRoleType} ChatGPTAgent
      */
-    top_p?: number;
-}
-export type LLMRoleType = 'user' | 'system' | 'assistant' | 'function';
-export interface LLMMessage {
-    content: string;
-    role: LLMRoleType;
+    role: MessageRoleType;
 }
-export type LLMExample = LLMMessage[];

package/es/types/llm.js

@@ -1,10 +1 @@
-/**
- * LLM 模型
- */
-export var LanguageModel = /*#__PURE__*/function (LanguageModel) {
-  LanguageModel["GPT3_5"] = "gpt-3.5-turbo";
-  LanguageModel["GPT4"] = "gpt-4";
-  return LanguageModel;
-}({});
-
-// 语言模型的设置参数
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.58.0",
+  "version": "1.60.0",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",

package/es/Chat/const.d.ts

@@ -1 +0,0 @@
-export declare const LOADING_FLAT = "...";

package/es/Chat/const.js

@@ -1 +0,0 @@
-export var LOADING_FLAT = '...';

package/es/Chat/index.d.ts

@@ -1,2 +0,0 @@
-export { messagesReducer } from './store';
-export * from './types';

package/es/Chat/index.js

@@ -1,2 +0,0 @@
-export { messagesReducer } from "./store";
-export * from "./types";

package/es/Chat/store/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { StoreApi } from 'zustand';
-import { ChatStore } from './store';
-export declare const createChatStore: (showDevtools?: boolean) => import("zustand").UseBoundStore<Omit<StoreApi<ChatStore>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined, action?: A | undefined): void;
-}>;
-export declare const Provider: ({ createStore, children }: {
-    createStore: () => StoreApi<ChatStore>;
-    children: import("react").ReactNode;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<StoreApi<ChatStore> | undefined>>, useStore: import("zustand-utils").UseContextStore<StoreApi<ChatStore>>, useStoreApi: () => {
-    setState: (partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined) => void;
-    getState: () => ChatStore;
-    subscribe: (listener: (state: ChatStore, prevState: ChatStore) => void) => () => void;
-    destroy: () => void;
-};
-export { type MessageDispatch, messagesReducer } from './messageReducer';
-export type { ChatStore } from './store';

package/es/Chat/store/index.js

@@ -1,15 +0,0 @@
-import { create } from 'zustand';
-import { createContext, optionalDevtools } from 'zustand-utils';
-import { createStore } from "./store";
-export var createChatStore = function createChatStore() {
-  var showDevtools = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return create()(optionalDevtools(showDevtools)(createStore, {
-    name: 'CHAT_COMPONENT'
-  }));
-};
-var _createContext = createContext(),
-  Provider = _createContext.Provider,
-  useStore = _createContext.useStore,
-  useStoreApi = _createContext.useStoreApi;
-export { Provider, useStore, useStoreApi };
-export { messagesReducer } from "./messageReducer";

package/es/Chat/store/initialState.d.ts

@@ -1,28 +0,0 @@
-import { ChatMessage, InternalChatContext, OpenAIRequestParameters } from '../types';
-export interface ChatState extends InternalChatContext {
-    /**
-     * @title 改变系统角色状态
-     * @type {boolean}
-     */
-    changingSystemRole: boolean;
-    /**
-     * 编辑中的消息 id
-     */
-    editingMessageId?: number | undefined;
-    /**
-     * @title 加载状态
-     * @type {boolean}
-     */
-    loading: boolean;
-    /**
-     * @title 消息
-     * @type {string}
-     */
-    message: string;
-    onAgentChange?: (agent: any, type: 'update' | 'remove') => void;
-    onMessagesChange?: (messages: ChatMessage[]) => void;
-    onResponseFinished?: (session: any) => void;
-    onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
-    request?: (parameters: OpenAIRequestParameters) => Promise<Response>;
-}
-export declare const initialState: ChatState;

package/es/Chat/store/initialState.js

@@ -1,9 +0,0 @@
-export var initialState = {
-  changingSystemRole: false,
-  createAt: -1,
-  editingMessageId: undefined,
-  loading: false,
-  message: '',
-  messages: [],
-  updateAt: -1
-};

package/es/Chat/store/store.d.ts

@@ -1,34 +0,0 @@
-import { StateCreator } from 'zustand/vanilla';
-import { ChatMessage } from '../types';
-import { FetchSSEOptions } from '../utils/fetch';
-import { ChatState } from './initialState';
-import { MessageDispatch } from './messageReducer';
-interface ChatAction {
-    /**
-     * @title 派发消息
-     * @param payload - 消息分发
-     * @returns void
-     */
-    dispatchMessage: (payload: MessageDispatch) => void;
-    generateMessage: (message: string, messages: ChatMessage[], options: FetchSSEOptions) => Promise<void>;
-    /**
-     * @title 处理消息编辑
-     * @param index - 消息索引或空
-     * @returns void
-     */
-    handleMessageEditing: (index?: number | undefined) => void;
-    /**
-     * @title 重发消息
-     * @param index - 消息索引
-     * @returns Promise<void>
-     */
-    resendMessage: (index: number) => Promise<void>;
-    /**
-     * @title 发送消息
-     * @returns Promise<void>
-     */
-    sendMessage: () => Promise<void>;
-}
-export type ChatStore = ChatAction & ChatState;
-export declare const createStore: StateCreator<ChatStore, [['zustand/devtools', never]]>;
-export {};

package/es/Chat/store/store.js

@@ -1,240 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["type"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { LOADING_FLAT } from "../const";
-import { fetchSSE } from "../utils/fetch";
-import { initialState } from "./initialState";
-import { messagesReducer } from "./messageReducer";
-export var createStore = function createStore(set, get) {
-  return _objectSpread(_objectSpread({}, initialState), {}, {
-    dispatchMessage: function dispatchMessage(payload) {
-      var _get$onMessagesChange, _get;
-      var type = payload.type,
-        res = _objectWithoutProperties(payload, _excluded);
-      var messages = messagesReducer(get().messages, payload);
-      set({
-        messages: messages
-      }, false, {
-        payload: res,
-        type: "dispatchMessage/".concat(type)
-      });
-      (_get$onMessagesChange = (_get = get()).onMessagesChange) === null || _get$onMessagesChange === void 0 ? void 0 : _get$onMessagesChange.call(_get, messages);
-    },
-    generateMessage: function () {
-      var _generateMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(message, messages, options) {
-        var _get2, onResponseStart, request, onResponseFinished, fetcher;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _get2 = get(), onResponseStart = _get2.onResponseStart, request = _get2.request, onResponseFinished = _get2.onResponseFinished;
-              if (request) {
-                _context.next = 3;
-                break;
-              }
-              return _context.abrupt("return");
-            case 3:
-              _context.next = 5;
-              return onResponseStart === null || onResponseStart === void 0 ? void 0 : onResponseStart(get().messages);
-            case 5:
-              set({
-                loading: true
-              });
-              fetcher = function fetcher() {
-                return request({
-                  messages: messages
-                });
-              };
-              _context.next = 9;
-              return fetchSSE(fetcher, options);
-            case 9:
-              set({
-                loading: false
-              });
-              onResponseFinished === null || onResponseFinished === void 0 ? void 0 : onResponseFinished({
-                messages: get().messages
-              });
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function generateMessage(_x, _x2, _x3) {
-        return _generateMessage.apply(this, arguments);
-      }
-      return generateMessage;
-    }(),
-    handleMessageEditing: function handleMessageEditing(index) {
-      set({
-        editingMessageId: index
-      });
-    },
-    resendMessage: function () {
-      var _resendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(index) {
-        var _contextMessages$at;
-        var _get3, dispatchMessage, sendMessage, generateMessage, messages, lastMessage, contextMessages, userMessage, targetMessage, botPreviousMessage, currentResponse;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _get3 = get(), dispatchMessage = _get3.dispatchMessage, sendMessage = _get3.sendMessage, generateMessage = _get3.generateMessage, messages = _get3.messages;
-              lastMessage = messages.at(-1); // 用户通过手动删除，造成了他的问题是最后一条消息
-              // 这种情况下，相当于用户重新发送消息
-              if (!(messages.length === index && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'user')) {
-                _context2.next = 8;
-                break;
-              }
-              dispatchMessage({
-                index: index - 1,
-                type: 'deleteMessage'
-              });
-              set({
-                message: lastMessage.content
-              });
-              _context2.next = 7;
-              return sendMessage();
-            case 7:
-              return _context2.abrupt("return");
-            case 8:
-              // 上下文消息就是当前消息之前的消息
-              contextMessages = get().messages.slice(0, index); // 上下文消息中最后一条消息
-              userMessage = (_contextMessages$at = contextMessages.at(-1)) === null || _contextMessages$at === void 0 ? void 0 : _contextMessages$at.content;
-              if (userMessage) {
-                _context2.next = 12;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 12:
-              targetMessage = messages[index]; // 如果不是 assistant 的消息，那么需要额外插入一条消息
-              if (targetMessage.role === 'assistant') {
-                botPreviousMessage = targetMessage.content; // 保存之前的消息为历史消息
-                dispatchMessage({
-                  index: index,
-                  message: botPreviousMessage,
-                  type: 'updateMessageChoice'
-                });
-                dispatchMessage({
-                  index: index,
-                  message: LOADING_FLAT,
-                  type: 'updateMessage'
-                });
-              } else {
-                dispatchMessage({
-                  index: index,
-                  message: {
-                    content: LOADING_FLAT,
-                    role: 'assistant'
-                  },
-                  type: 'insertMessage'
-                });
-              }
-
-              // 重置错误信息
-              dispatchMessage({
-                error: undefined,
-                index: index,
-                type: 'setErrorMessage'
-              });
-
-              // 开始更新消息
-              currentResponse = [];
-              _context2.next = 18;
-              return generateMessage(userMessage, contextMessages, {
-                onErrorHandle: function onErrorHandle(error) {
-                  dispatchMessage({
-                    error: error,
-                    index: index,
-                    type: 'setErrorMessage'
-                  });
-                },
-                onMessageHandle: function onMessageHandle(text) {
-                  currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
-                  dispatchMessage({
-                    index: index,
-                    message: currentResponse.join(''),
-                    type: 'updateMessage'
-                  });
-                }
-              });
-            case 18:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function resendMessage(_x4) {
-        return _resendMessage.apply(this, arguments);
-      }
-      return resendMessage;
-    }(),
-    sendMessage: function () {
-      var _sendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _get4, message, dispatchMessage, generateMessage, messages, currentResponse;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _get4 = get(), message = _get4.message, dispatchMessage = _get4.dispatchMessage, generateMessage = _get4.generateMessage, messages = _get4.messages;
-              if (message) {
-                _context3.next = 3;
-                break;
-              }
-              return _context3.abrupt("return");
-            case 3:
-              set({
-                message: ''
-              });
-              dispatchMessage({
-                message: message,
-                type: 'addUserMessage'
-              });
-
-              // 添加一个空的信息用于放置 ai 响应
-              dispatchMessage({
-                message: {
-                  content: LOADING_FLAT,
-                  role: 'assistant'
-                },
-                type: 'addMessage'
-              });
-              currentResponse = []; // 生成 messages
-              _context3.next = 9;
-              return generateMessage(message, messages, {
-                onErrorHandle: function onErrorHandle(error) {
-                  dispatchMessage({
-                    error: error,
-                    index: get().messages.length - 1,
-                    type: 'setErrorMessage'
-                  });
-                },
-                onMessageHandle: function onMessageHandle(text) {
-                  currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
-                  dispatchMessage({
-                    responseStream: currentResponse,
-                    type: 'updateLatestBotMessage'
-                  });
-
-                  // 滚动到最后一条消息
-                  var item = document.querySelector('#for-loading');
-                  if (!item) return;
-                  item.scrollIntoView({
-                    behavior: 'smooth'
-                  });
-                }
-              });
-            case 9:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function sendMessage() {
-        return _sendMessage.apply(this, arguments);
-      }
-      return sendMessage;
-    }()
-  });
-};

package/es/Chat/types.d.ts

@@ -1,77 +0,0 @@
-export type InternalChatContext = Omit<ChatContext, 'id'>;
-export type MessageRoleType = 'user' | 'system' | 'assistant' | 'function';
-/**
- * 聊天消息错误对象
- */
-export interface ChatMessageError {
-    /**
-     * 错误信息
-     */
-    message: string;
-    /**
-     * 错误状态码
-     */
-    status: number;
-    /**
-     * 错误类型
-     * @enum ["chatbot", "openai"]
-     * @enumNames ["聊天机器人", "开放AI"]
-     */
-    type: 'chatbot' | 'openai';
-}
-/**
- * @title ChatGPTMessage 聊天消息
- * @category Model
- */
-export interface ChatMessage {
-    /**
-     * 其余生成项
-     */
-    choices?: string[];
-    /**
-     * @title 内容
-     * @description 消息内容
-     */
-    content: string;
-    /**
-     * 如果存在错误消息
-     */
-    error?: ChatMessageError;
-    /**
-     * @title 角色
-     * @description 消息发送者的角色
-     * @enum {MessageRoleType} ChatGPTAgent
-     */
-    role: MessageRoleType;
-}
-export interface ChatContext {
-    createAt: number;
-    /**
-     * @title 会话描述
-     * @description 用户设置的会话描述
-     * @type {string}
-     */
-    description?: string;
-    id: string;
-    /**
-     * @title 消息列表
-     * @description 聊天室中的所有消息
-     * @type {ChatMessage[]}
-     */
-    messages: ChatMessage[];
-    /**
-     * @title 会话标题
-     */
-    title?: string;
-    updateAt: number;
-}
-export type ChatContextMap = Record<string, Omit<ChatContext, 'systemRole'>>;
-/**
- * 请求数据类型
- */
-export interface OpenAIRequestParameters {
-    /**
-     * 中间的聊天记录
-     */
-    messages?: ChatMessage[];
-}

package/es/Chat/types.js

@@ -1 +0,0 @@
-export {};

package/es/Chat/utils/fetch.d.ts

@@ -1,11 +0,0 @@
-import { ChatMessageError } from '../types';
-export interface FetchSSEOptions {
-    onErrorHandle?: (error: ChatMessageError) => void;
-    onMessageHandle?: (text: string) => void;
-}
-/**
- * 使用流式方法获取数据
- * @param fetchFn
- * @param options
- */
-export declare const fetchSSE: (fetchFunction: () => Promise<Response>, options?: FetchSSEOptions) => Promise<Response | undefined>;

package/es/Chat/utils/fetch.js

@@ -1,100 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-var codeMessage = {
-  200: '成功获取数据，服务已响应',
-  201: '操作成功，数据已保存',
-  202: '您的请求已进入后台排队，请耐心等待异步任务完成',
-  204: '数据已成功删除',
-  400: '很抱歉，您的请求出错，服务器未执行任何数据的创建或修改操作',
-  401: '很抱歉，您的权限不足。请确认用户名或密码是否正确',
-  403: '很抱歉，您无权访问此内容',
-  404: '很抱歉，您请求的记录不存在，服务器未能执行任何操作',
-  406: '很抱歉，服务器不支持该请求格式',
-  410: '很抱歉，你所请求的资源已永久删除',
-  422: '很抱歉，在创建对象时遇到验证错误，请稍后再试',
-  500: '很抱歉，服务器出现了问题，请稍后再试',
-  502: '很抱歉，您遇到了网关错误。这可能是由于网络故障或服务器问题导致的。请稍后再试，或联系管理员以获取更多帮助',
-  503: '很抱歉，我们的服务器过载或处在维护中，服务暂时不可用',
-  504: '很抱歉，网关请求超时，请稍后再试'
-};
-/**
- * 使用流式方法获取数据
- * @param fetchFn
- * @param options
- */
-export var fetchSSE = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fetchFunction) {
-    var options,
-      response,
-      _options$onErrorHandl,
-      chatMessageError,
-      returnRes,
-      data,
-      reader,
-      decoder,
-      done,
-      _options$onMessageHan,
-      _yield$reader$read,
-      value,
-      doneReading,
-      chunkValue,
-      _args = arguments;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
-          _context.next = 3;
-          return fetchFunction();
-        case 3:
-          response = _context.sent;
-          if (response.ok) {
-            _context.next = 8;
-            break;
-          }
-          chatMessageError = {
-            message: codeMessage[response.status],
-            status: response.status,
-            type: 'chatbot'
-          };
-          (_options$onErrorHandl = options.onErrorHandle) === null || _options$onErrorHandl === void 0 ? void 0 : _options$onErrorHandl.call(options, chatMessageError);
-          return _context.abrupt("return");
-        case 8:
-          returnRes = response.clone();
-          data = response.body;
-          if (data) {
-            _context.next = 12;
-            break;
-          }
-          return _context.abrupt("return");
-        case 12:
-          reader = data.getReader();
-          decoder = new TextDecoder();
-          done = false;
-        case 15:
-          if (done) {
-            _context.next = 26;
-            break;
-          }
-          _context.next = 18;
-          return reader.read();
-        case 18:
-          _yield$reader$read = _context.sent;
-          value = _yield$reader$read.value;
-          doneReading = _yield$reader$read.done;
-          done = doneReading;
-          chunkValue = decoder.decode(value);
-          (_options$onMessageHan = options.onMessageHandle) === null || _options$onMessageHan === void 0 ? void 0 : _options$onMessageHan.call(options, chunkValue);
-          _context.next = 15;
-          break;
-        case 26:
-          return _context.abrupt("return", returnRes);
-        case 27:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function fetchSSE(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();