@mujian/js-sdk 0.0.6-beta.7 → 0.0.6-beta.71

package/dist/modules/ai/chat/index.d.ts

@@ -1,4 +1,4 @@
-export { applyRegex, complete, continueComplete, regenerate } from './chat';
+export { applyRegex, type CompleteOption, complete, continueComplete, type ParsedData, regenerate, renderMessage, } from './chat';
 export * as message from './message';
 export * as project from './project';
 export * as settings from './settings';

package/dist/modules/ai/chat/message/index.d.ts

@@ -1,5 +1,6 @@
 import type { MujianSdk } from '../../../../index.ts';
 import type { Message } from '../../../../react/chat/useChat/message';
+import { Cursor } from '../../../../types';
 /**
  * 获取消息列表
  * @returns 消息当前列表
@@ -41,3 +42,6 @@ this: MujianSdk, messageId: string, swipeId: number) => Promise<unknown>;
 export declare const getPrompt: (
 /** @hidden */
 this: MujianSdk, messageId: string) => Promise<unknown>;
+export declare function getPage(
+/** @hidden */
+this: MujianSdk, fromCursor: Cursor, pageSize: number): Promise<unknown>;

package/dist/modules/ai/index.d.ts

@@ -1,5 +1,6 @@
 /**
  * @module ai
  */
-export * as chat from './chat';
-export * as text from './text';
+export * as chat from "./chat";
+export * as text from "./text";
+export * as openai from "./openai";

package/dist/modules/ai/openai/chat.d.ts

@@ -0,0 +1,25 @@
+import { MujianSdk } from '../../../index';
+import type OpenAI from 'openai';
+/**
+ * @namespace openai.chat
+ * @description OpenAI 聊天补全
+ */
+export declare const chat: {
+    /**
+     * @namespace openai.chat.completions
+     * @description OpenAI 聊天补全
+     */
+    completions: {
+        /**
+         * OpenAI 聊天补全
+         * @function openai.chat.completions.create
+         * @async
+         * @param {OpenAI.ChatCompletionCreateParams} params - 聊天补全参数
+         * @param {OpenAI.RequestOptions} options - 聊天补全选项
+         * @param {Function} onData - 数据生成时的回调
+         * @param {AbortSignal} signal - 停止生成的信号
+         * @returns {Promise<void>} 聊天补全结果
+         */
+        create: (this: MujianSdk, params: OpenAI.ChatCompletionCreateParams, options?: OpenAI.RequestOptions, onData?: (data: unknown) => void, signal?: AbortSignal | undefined) => Promise<OpenAI.ChatCompletion>;
+    };
+};

package/dist/modules/ai/openai/completions.d.ts

@@ -0,0 +1,19 @@
+import { MujianSdk } from '../../../index';
+import type OpenAI from 'openai';
+/**
+ * @namespace openai.completions
+ * @description OpenAI 文本补全
+ */
+export declare const completions: {
+    /**
+     * OpenAI 文本补全
+     * @function openai.completions.create
+     * @async
+     * @param {OpenAI.CompletionCreateParams} params - 文本补全参数
+     * @param {OpenAI.RequestOptions} options - 文本补全选项
+     * @param {Function} onData - 数据生成时的回调
+     * @param {AbortSignal} signal - 停止生成的信号
+     * @returns {Promise<void>} 文本补全结果
+     */
+    create: (this: MujianSdk, params: OpenAI.CompletionCreateParams, options?: OpenAI.RequestOptions, onData?: (data: unknown) => void, signal?: AbortSignal | undefined) => Promise<OpenAI.Completion>;
+};

package/dist/modules/ai/openai/images.d.ts

@@ -0,0 +1,19 @@
+import { MujianSdk } from '../../../index';
+import type OpenAI from 'openai';
+/**
+ * @namespace openai.images
+ * @description OpenAI 图像生成
+ */
+export declare const images: {
+    /**
+      * OpenAI 图像生成
+     * @function openai.images.generate
+     * @async
+     * @param {OpenAI.ImageGenerateParams} params - 图像生成参数
+     * @param {OpenAI.RequestOptions} options - 图像生成选项
+     * @param {Function} onData - 数据生成时的回调
+     * @param {AbortSignal} signal - 停止生成的信号
+     * @returns {Promise<OpenAI.ImagesResponse>} 图像生成结果
+     */
+    generate: (this: MujianSdk, params: OpenAI.ImageGenerateParams, options?: OpenAI.RequestOptions, onData?: (data: unknown) => void, signal?: AbortSignal | undefined) => Promise<OpenAI.ImagesResponse>;
+};

package/dist/modules/ai/openai/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chat';
+export * from './completions';
+export * from './responses';
+export * from './images';

package/dist/modules/ai/openai/responses.d.ts

@@ -0,0 +1,20 @@
+import { MujianSdk } from '../../../index';
+import type OpenAI from 'openai';
+import type { ResponseCreateParams } from 'openai/resources/responses/responses.mjs';
+/**
+ * @namespace openai.responses
+ * @description OpenAI 响应创建
+ */
+export declare const responses: {
+    /**
+     * OpenAI 响应创建
+     * @function openai.responses.create
+     * @async
+     * @param {ResponseCreateParams} params - 响应创建参数
+     * @param {OpenAI.RequestOptions} options - 响应创建选项
+     * @param {Function} onData - 数据生成时的回调
+     * @param {AbortSignal} signal - 停止生成的信号
+     * @returns {Promise<void>} 响应创建结果
+     */
+    create: (this: MujianSdk, params: ResponseCreateParams, options?: OpenAI.RequestOptions, onData?: (data: unknown) => void, signal?: AbortSignal | undefined) => Promise<OpenAI.Responses>;
+};

package/dist/modules/ai/text/index.d.ts

@@ -1,2 +1,9 @@
-import type { MujianSdk } from '../../../index';
-export declare const generate: (this: MujianSdk) => Promise<void>;
+import { MujianSdk } from "../../../index";
+/**
+ * 文本补全
+ * @param content 文本内容
+ * @returns 文本补全结果
+ */
+export declare const generate: (
+/** @hidden */
+this: MujianSdk, content: string) => Promise<void>;

package/dist/modules/config.d.ts

@@ -0,0 +1,12 @@
+import { type MujianSdk } from '../index.ts';
+export type Config = {
+    openapi: {
+        baseUrl: string;
+        apiKey: string;
+    };
+};
+/**
+ * 读取配置
+ */
+export declare function getConfig(
+/** @hidden */ this: MujianSdk): Promise<Config>;

package/dist/modules/utils/clipboard.d.ts

@@ -0,0 +1,5 @@
+import { type MujianSdk } from '../../index.ts';
+/**
+ * 写入剪贴版
+ */
+export declare function writeText(/** @hidden */ this: MujianSdk, text: string): Promise<unknown>;

package/dist/modules/utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @module game
+ */
+export * as clipboard from './clipboard';

package/dist/react/chat/useChat/index.d.ts

@@ -10,21 +10,34 @@ export type { Message };
  */
 export type UseChatProps = {
     body?: object;
-    onError?: (e: Error) => void;
+    onError?: (e: unknown) => void;
     onFinish?: (message: Message) => void;
+    /** 消息分页大小，不传时不分页 */
+    pageSize?: number;
 };
 /**
  * Use chat return
- * @param {Message[]} messages - The messages of the chat.
- * @param {string} status - The status of the chat.
- * @param {Error} error - The error of the chat.
- * @param {function} append - The function to call when the chat is finished.
- * @param {function} regenerate - The function to call when the chat is finished.
+ * @param {Message[]} messages - 消息列表
+ * @param {string} status - 状态
+ * @param {Error} error - 错误
+ * @param {function} append - 添加消息
+ * @param {function} regenerate - 重新生成最后一条回答
+ * @param {function} continueGenerate - 让AI继续说
+ * @param {function} stop - 停止对话
+ * @param {function} setMessages - 设置消息
+ * @param {function} input - 用户输入
+ * @param {function} setInput - 设置输入
+ * @param {function} handleSubmit - 提交用户输入，让AI回答
+ * @param {function} setSwipe - 设置Swipe
+ * @param {function} editMessage - 编辑消息
+ * @param {function} deleteMessage - 删除消息
+ * @param {function} loadMoreMessage - 加载更多消息
+ * @param {string} messagesStatus - 消息状态
  */
 export type UseChatReturn = {
     messages: Message[];
     status: 'uninitialized' | 'ready' | 'streaming' | 'error';
-    error?: Error;
+    error?: unknown;
     /** 提交用户输入，让AI回答 */
     append: (query: string) => Promise<void>;
     /** 重新生成最后一条回答 */
@@ -39,6 +52,8 @@ export type UseChatReturn = {
     setSwipe: (messageId: string, swipeId: number) => Promise<void>;
     editMessage: (messageId: string, content: string) => Promise<void>;
     deleteMessage: (messageId: string) => Promise<void>;
+    loadMoreMessage: () => Promise<void>;
+    messagesStatus: 'all-loaded' | 'loading' | 'has-more' | 'error';
 };
 /**
  * Use chat common
@@ -50,6 +65,17 @@ export type UseChatCommon = {
 };
 /**
  * Use chat
+ * @param {UseChatProps} props - The props of the chat.
+ * @param {object} props.body - The body of the chat.
+ * @param {function} props.onError - The function to call when an error occurs.
+ * @param {function} props.onFinish - The function to call when the chat is finished.
+ * @param {number} props.pageSize - The page size of the chat.
  * @returns {UseChatReturn} The chat.
+ * @example
+ * const { messages, status, error, append, regenerate, continueGenerate, stop, setMessages, input, setInput, handleSubmit, setSwipe, editMessage, deleteMessage, loadMoreMessage, messagesStatus } = useChat({
+ *   body: {
+ *     model: 'gpt-4o-mini',
+ *   },
+ * });
  */
-export declare const useChat: ({ body, onError, onFinish, }: UseChatProps) => UseChatReturn;
+export declare const useChat: ({ body, onError, onFinish, pageSize, }: UseChatProps) => UseChatReturn;

package/dist/react/chat/useChat/inner/chatStreaming.d.ts

@@ -4,10 +4,11 @@ import type { UseChatCommon } from '..';
 import type { Message } from '../message';
 interface ChatStreamingProps {
     common: UseChatCommon;
-    setError: (error: Error | undefined) => void;
+    setError: (error: unknown) => void;
     setMessages: Dispatch<SetStateAction<Message[]>>;
     mujian: MujianSdk;
 }
+export declare const NOT_SAVED_MSG_ID_PREFIX = "not_saved";
 export declare const useChatStreaming: ({ common, setError, setMessages, mujian, }: ChatStreamingProps) => {
     chatStreaming: ({ query, regenerate, is_continue, signal, }: {
         /** 用户输入 */

package/dist/react/chat/useChat/message.d.ts

@@ -4,6 +4,11 @@ export declare const Role: {
     readonly System: "system";
 };
 export type Role = (typeof Role)[keyof typeof Role];
+type Mjv = {
+    value: unknown;
+    delta: unknown;
+    schema: unknown;
+};
 export type Message = {
     id: string;
     role: Role;
@@ -12,26 +17,33 @@ export type Message = {
     activeSwipeId: number;
     sendAt: Date;
     isStreaming: boolean;
+    mjv?: Mjv;
+    swipeInfo: Array<{
+        mjv?: Mjv;
+    }>;
 };
-export type RawData = {
-    id: string;
-    provider: string;
-    model: string;
-    object: string;
-    created: number;
+type MetaChunk = {
+    type: 'meta';
+    question_id: string;
+    reply_id: string;
+};
+type StreamChunk = {
+    type: 'stream';
     choices: [
         {
-            index: number;
             delta: {
-                role: string;
                 content: string;
                 reasoning: string;
             };
-            finish_reason: string | null;
-            native_finish_reason: string | null;
-            logprobs: string | null;
         }
     ];
-    question_id: string;
-    reply_id: string;
+    isFinished: boolean;
+};
+type MjvChunk = {
+    type: 'mjv';
+    value: unknown;
+    delta: unknown;
+    schema: unknown;
 };
+export type RawData = MetaChunk | StreamChunk | MjvChunk;
+export {};

package/dist/react/components/MdRenderer/index.d.ts

@@ -1,19 +1,21 @@
-import React from "react";
-import "./MdTheme.css";
+import React from 'react';
+import './MdTheme.css';
 export type MdRendererProps = {
     /**
      * The markdown content to render
      */
     content: string;
+    unsafe?: boolean;
+    extra?: Record<string, unknown>;
 };
 /**
  * A React component that renders markdown content as HTML
  */
 export declare const MdRendererBase: {
-    ({ content }: MdRendererProps): import("react/jsx-runtime").JSX.Element;
+    ({ content, unsafe, extra, }: MdRendererProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const MdRenderer: React.MemoExoticComponent<{
-    ({ content }: MdRendererProps): import("react/jsx-runtime").JSX.Element;
+    ({ content, unsafe, extra, }: MdRendererProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/react/components/MdRenderer/utils/iframe.d.ts

@@ -0,0 +1,9 @@
+export declare const unescapeHTML: (str: string) => string;
+export declare const replaceVhInContent: (content: string) => string;
+/**
+ * 转义 HTML 属性值中的引号，防止破坏 HTML 属性
+ * @param value 需要转义的属性值
+ * @returns 转义后的值
+ */
+export declare function escapeHtmlAttribute(value: string): string;
+export declare function createSrcContent(content: string, iframeId: string, unsafe: boolean, extra: Record<string, unknown>): string;

package/dist/react/components/MdRenderer/utils/scripts.d.ts

@@ -0,0 +1,4 @@
+export declare const adjustIframeHeight: (iframeId: string) => string;
+export declare const iframeAdjustViewport: (parentHeight: number) => string;
+export declare const init: (_iframeId: string, unsafe: boolean, extra: Record<string, unknown>) => string;
+export declare const thirdParty = "\n<script src=\"https://cdn.jsdmirror.com/npm/@fortawesome/fontawesome-free/js/all.min.js\"></script>\n<script src=\"https://cdn.jsdmirror.com/npm/@tailwindcss/browser/dist/index.global.min.js\"></script>\n<script src=\"https://cdn.jsdmirror.com/npm/jquery/dist/jquery.min.js\"></script>\n<script src=\"https://cdn.jsdmirror.com/npm/jquery-ui/dist/jquery-ui.min.js\"></script>\n<link rel=\"stylesheet\" href=\"https://cdn.jsdmirror.com/npm/jquery-ui/themes/base/theme.min.css\" />\n<script src=\"https://cdn.jsdmirror.com/npm/jquery-ui-touch-punch\"></script>\n";

package/dist/react/components/MujianSpinner/index.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'react';
+interface Props {
+    className?: string;
+    style: CSSProperties;
+}
+export declare const MujianSpinner: ({ className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/components/index.d.ts

@@ -1,4 +1,5 @@
 export type { VListHandle } from 'virtua';
 export { MdRenderer } from './MdRenderer';
 export { MujianProvider, useMujian } from './MujianProvider';
+export { MujianSpinner } from './MujianSpinner';
 export { Thread } from './Thread';

package/dist/react/index.d.ts

@@ -1,2 +1,3 @@
 export * from './chat';
 export * from './components';
+export * from './mjEngine';

package/dist/react/mjEngine/index.d.ts

@@ -0,0 +1,48 @@
+import { PersonaInfo, ProjectInfo } from '../../types';
+import { useChat } from '../chat';
+declare global {
+    interface MjEngineAiChat {
+        complete?: (message: string) => Promise<void>;
+        project?: ProjectInfo;
+        settings: {
+            persona?: PersonaInfo;
+        };
+        /**
+         * @param index 下标从1开始
+         */
+        setFirstMesIndex?: (index: number) => Promise<void>;
+    }
+    interface MjEngineAi {
+        chat: MjEngineAiChat;
+    }
+    interface MjEngine {
+        ai: MjEngineAi;
+    }
+    interface Window {
+        $mj_engine: MjEngine & {
+            bind: (extra: {
+                messageId: string;
+                swipeId: number;
+            }) => MjEngine & {
+                ai: {
+                    chat: {
+                        mjv: {
+                            get: (path: string) => unknown;
+                            getAll: () => unknown;
+                        };
+                    };
+                };
+            };
+        };
+    }
+}
+type UseChatRet = ReturnType<typeof useChat>;
+export type UseMjEngineOpts = {
+    projectInfo?: ProjectInfo;
+    activePersona?: PersonaInfo;
+    onSend: (query: string) => unknown;
+    messages: UseChatRet['messages'];
+    setSwipe: UseChatRet['setSwipe'];
+};
+export declare function useMjEngine({ projectInfo, activePersona, onSend, messages, setSwipe, }: UseMjEngineOpts): void;
+export {};

package/dist/react.css

@@ -42,7 +42,7 @@
   --SmartThemeBodyColor: #abc6df;
   --SmartThemeEmColor: #fff;
   --SmartThemeUnderlineColor: #bce7cf;
-  --SmartThemeQuoteColor: #6f85fd;
+  --SmartThemeQuoteColor: #b983ff;
   --SmartThemeBlurTintColor: #171717;
   --SmartThemeChatTintColor: #171717;
   --SmartThemeUserMesBlurTintColor: #0000004d;
@@ -89,6 +89,69 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.spin-overlay {
+  background-color: #000;
+  animation: 3s ease-in-out infinite breath;
+}
+
+@keyframes breath {
+  0% {
+    background-color: #0009;
+  }
+
+  50% {
+    background-color: #00000080;
+  }
+
+  100% {
+    background-color: #0009;
+  }
+}
+
+.wave-text span {
+  font-family: var(--mainFontFamily);
+  animation: 2s ease-in-out infinite wave;
+  display: inline-block;
+}
+
+.wave-text span:first-child {
+  animation-delay: 0s;
+}
+
+.wave-text span:nth-child(2) {
+  animation-delay: .2s;
+}
+
+.wave-text span:nth-child(3) {
+  animation-delay: .4s;
+}
+
+.wave-text span:nth-child(4) {
+  animation-delay: .6s;
+}
+
+.wave-text span:nth-child(5) {
+  animation-delay: .8s;
+}
+
+.wave-text span:nth-child(6) {
+  animation-delay: 1s;
+}
+
+.wave-text span:nth-child(7) {
+  animation-delay: 1.2s;
+}
+
+@keyframes wave {
+  0%, 100% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-8px);
+  }
+}
+
 body {
   font-size: var(--mainFontSize);
   color: var(--SmartThemeBodyColor);
@@ -261,11 +324,9 @@ body {
 code {
   font-family: var(--monoFontFamily);
   white-space: pre-wrap;
-  border: 1px solid var(--SmartThemeBorderColor);
-  background-color: var(--black70a);
   line-height: var(--mainFontSize);
   color: var(--white70a);
-  border-radius: 5px;
+  border: 1px solid #fff;
   padding: 0 3px;
 }