react-markdown-typer 0.0.2 → 1.0.0-beta.2

package/{dist/esm/index.js → es/hooks/useTypingTask.js}

@@ -1,10 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect, useMemo, forwardRef, useState, useImperativeHandle, memo } from 'react';
-import ReactMarkdown from 'react-markdown';
-
-const __DEV__ = process.env.NODE_ENV === 'development';
-
-const useTypingTask = (options) => {
+import { useEffect, useRef } from 'react';
+export const useTypingTask = (options) => {
     const { timerType = 'setTimeout', interval, charsRef, onEnd, onStart, onBeforeTypedChar, onTypedChar, processCharDisplay, wholeContentRef, disableTyping, triggerUpdate, resetWholeContent, } = options;
     /** 是否卸载 */
     const isUnmountRef = useRef(false);
@@ -22,6 +17,54 @@ const useTypingTask = (options) => {
     disableTypingRef.current = disableTyping;
     const intervalRef = useRef(interval);
     intervalRef.current = interval;
+    // 记录本次打字任务的初始/最高剩余字符总量，用于计算剩余占比（流式追加时会增大）
+    const initialRemainTotalRef = useRef(0);
+    /**
+     * 根据剩余字符数与曲线配置，计算当前打字间隔（毫秒）
+     */
+    const getCurrentInterval = (remainCharsLength) => {
+        const cfg = intervalRef.current;
+        if (typeof cfg === 'number')
+            return cfg;
+        // 动态更新初始参考总量，考虑流式场景新增字符
+        if (remainCharsLength > initialRemainTotalRef.current) {
+            initialRemainTotalRef.current = remainCharsLength;
+        }
+        const baseTotal = initialRemainTotalRef.current || remainCharsLength || 1;
+        // r: 剩余占比 [0,1]，越大表示剩余越多
+        const r = Math.max(0, Math.min(1, remainCharsLength / baseTotal));
+        // 曲线函数（优先使用自定义）
+        const pickCurveFn = () => {
+            if (typeof cfg.curveFn === 'function')
+                return cfg.curveFn;
+            switch (cfg.curve) {
+                case 'linear':
+                    return (x) => x;
+                case 'ease-in':
+                    return (x) => x * x; // 加速慢起
+                case 'ease-out':
+                    return (x) => 1 - (1 - x) * (1 - x); // 减速快止
+                case 'ease-in-out':
+                    return (x) => (x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2);
+                case 'step-start':
+                    return (x) => (x > 0 ? 1 : 0);
+                case 'step-end':
+                    return (x) => (x < 1 ? 0 : 1);
+                case 'ease':
+                default:
+                    // 近似通用 ease
+                    return (x) => 1 - Math.pow(1 - x, 1.6);
+            }
+        };
+        const curveFn = pickCurveFn();
+        const y = curveFn(r); // y ∈ [0,1]，随 r 增大而增大
+        // 设计：剩余越多 => 越快（更小的间隔）。
+        // interval = min + (max - min) * (1 - y)
+        const min = Math.max(0, cfg.min);
+        const max = Math.max(min, cfg.max);
+        const intervalMs = min + (max - min) * (1 - y);
+        return intervalMs;
+    };
     const getChars = () => {
         return charsRef.current;
     };
@@ -29,7 +72,6 @@ const useTypingTask = (options) => {
         isUnmountRef.current = false;
         return () => {
             isUnmountRef.current = true;
-            clearTimer();
         };
     }, []);
     /**
@@ -51,12 +93,13 @@ const useTypingTask = (options) => {
      * 触发打字结束回调
      */
     const triggerOnEnd = (data) => {
+        var _a;
         if (!onEnd) {
             return;
         }
         onEnd({
             str: wholeContentRef.current.content,
-            manual: data?.manual ?? false,
+            manual: (_a = data === null || data === void 0 ? void 0 : data.manual) !== null && _a !== void 0 ? _a : false,
         });
     };
     /**
@@ -130,12 +173,12 @@ const useTypingTask = (options) => {
         const chars = getChars();
         const answerCharsStr = chars.map((char) => char.content).join('');
         if (answerCharsStr) {
-            await onBeforeTypedChar?.({
+            await (onBeforeTypedChar === null || onBeforeTypedChar === void 0 ? void 0 : onBeforeTypedChar({
                 currentIndex: wholeContentRef.current.length,
                 currentChar: answerCharsStr,
                 prevStr: wholeContentRef.current.content,
                 percent: 100,
-            });
+            }));
         }
         wholeContentRef.current.content += answerCharsStr;
         wholeContentRef.current.prevLength = wholeContentRef.current.length;
@@ -149,20 +192,21 @@ const useTypingTask = (options) => {
     const startAnimationFrameMode = () => {
         let lastFrameTime = performance.now();
         const frameLoop = async (currentTime) => {
+            if (isUnmountRef.current)
+                return;
             // 如果关闭打字机效果，则打完所有字符
             if (disableTypingRef.current) {
                 await typingRemainAll();
                 return;
             }
             const chars = getChars();
-            if (isUnmountRef.current)
-                return;
             if (chars.length === 0) {
                 stopAnimationFrame();
                 return;
             }
             const deltaTime = currentTime - lastFrameTime;
-            let needToTypingCharsLength = Math.max(0, Math.floor(deltaTime / intervalRef.current));
+            const currentInterval = getCurrentInterval(chars.length);
+            let needToTypingCharsLength = Math.max(0, Math.floor(deltaTime / currentInterval));
             needToTypingCharsLength = Math.min(needToTypingCharsLength, chars.length);
             if (needToTypingCharsLength > 0) {
                 // 处理字符
@@ -216,17 +260,18 @@ const useTypingTask = (options) => {
                 stopTimeout();
                 return;
             }
-            timerRef.current = setTimeout(startTyped, intervalRef.current);
+            const currentInterval = getCurrentInterval(chars.length);
+            timerRef.current = setTimeout(startTyped, currentInterval);
         };
         const startTyped = async (isStartPoint = false) => {
+            if (isUnmountRef.current)
+                return;
             // 如果关闭打字机效果，则打完所有字符
             if (disableTypingRef.current) {
                 typingRemainAll();
                 return;
             }
             const chars = getChars();
-            if (isUnmountRef.current)
-                return;
             isTypingRef.current = true;
             const char = chars.shift();
             if (char === undefined) {
@@ -312,253 +357,4 @@ const useTypingTask = (options) => {
         typedIsManualStopRef,
     };
 };
-
-const replaceMathBracket = (value) => {
-    // Extract all block-level formula content, temporarily replace with placeholder, [...]
-    const blockMatches = [];
-    let replaced = value.replace(/\\*\[([\s\S]+?)\\*\]/g, (_m, p1) => {
-        blockMatches.push(p1);
-        return `__BLOCK_MATH_${blockMatches.length - 1}__`;
-    });
-    // Extract all inline formula content, temporarily replace with placeholder, [...]
-    replaced = replaced.replace(/\$\$([\s\S]+?)\$\$/g, (_m, p1) => {
-        blockMatches.push(p1);
-        return `__BLOCK_MATH_${blockMatches.length - 1}__`;
-    });
-    // Replace ( ... ) outside the block-level formula with $...$
-    replaced = replaced.replace(/\\*\(([^)]+?)\\*\)/g, (_m, p1) => {
-        return '$' + p1 + '$';
-    });
-    // Restore block-level formula content, keep the original parentheses inside
-    replaced = replaced.replace(/__BLOCK_MATH_(\d+)__/g, (_m, idx) => {
-        return '$$' + blockMatches[Number(idx)] + '$$';
-    });
-    return replaced;
-};
-
-const HighReactMarkdown = ({ reactMarkdownProps, children: _children, math }) => {
-    const mathSplitSymbol = math?.splitSymbol ?? 'dollar';
-    const children = useMemo(() => {
-        /** 如果存在数学公式插件，并且数学公式分隔符为括号，则替换成 $ 符号 */
-        if (mathSplitSymbol === 'bracket') {
-            return replaceMathBracket(_children);
-        }
-        return _children;
-    }, [mathSplitSymbol, _children]);
-    return jsx(ReactMarkdown, { ...reactMarkdownProps, children: children });
-};
-
-const MarkdownCMD = forwardRef(({ interval = 30, onEnd, onStart, onTypedChar, onBeforeTypedChar, timerType = 'setTimeout', math, reactMarkdownProps, disableTyping = false, autoStartTyping = true }, ref) => {
-    /** 是否自动开启打字动画, 后面发生变化将不会生效 */
-    const autoStartTypingRef = useRef(autoStartTyping);
-    /** 是否打过字 */
-    const isStartedTypingRef = useRef(false);
-    /** 当前需要打字的内容 */
-    const charsRef = useRef([]);
-    /**
-     * 打字是否已经完全结束
-     * 如果打字已经完全结束，则不会再触发打字效果
-     */
-    const isWholeTypedEndRef = useRef(false);
-    const charIndexRef = useRef(0);
-    /** 整个内容引用 */
-    const wholeContentRef = useRef({
-        content: '',
-        length: 0,
-        prevLength: 0,
-    });
-    const [, setUpdate] = useState(0);
-    const triggerUpdate = () => {
-        setUpdate((prev) => prev + 1);
-    };
-    /**
-     * 处理字符显示逻辑
-     */
-    const processCharDisplay = (char) => {
-        if (!isStartedTypingRef.current) {
-            isStartedTypingRef.current = true;
-        }
-        wholeContentRef.current.prevLength = wholeContentRef.current.length;
-        wholeContentRef.current.content += char.content;
-        wholeContentRef.current.length += char.content.length;
-        triggerUpdate();
-    };
-    const resetWholeContent = () => {
-        wholeContentRef.current.content = '';
-        wholeContentRef.current.length = 0;
-        wholeContentRef.current.prevLength = 0;
-    };
-    // 使用新的打字任务 hook
-    const typingTask = useTypingTask({
-        timerType,
-        interval,
-        charsRef,
-        onEnd,
-        onStart,
-        onTypedChar,
-        onBeforeTypedChar,
-        processCharDisplay,
-        wholeContentRef,
-        disableTyping,
-        triggerUpdate,
-        resetWholeContent,
-    });
-    /**
-     * 内部推送处理逻辑
-     */
-    const processHasTypingPush = (content) => {
-        if (content.length === 0) {
-            return;
-        }
-        charsRef.current.push(...content.split('').map((chatStr) => {
-            const index = charIndexRef.current++;
-            const charObj = {
-                content: chatStr,
-                tokenId: 0,
-                index,
-            };
-            return charObj;
-        }));
-        // 如果关闭了自动打字， 并且没有打过字， 则不开启打字动画
-        if (!autoStartTypingRef.current && !isStartedTypingRef.current) {
-            return;
-        }
-        if (!typingTask.isTyping()) {
-            typingTask.start();
-        }
-    };
-    const processNoTypingPush = (content) => {
-        wholeContentRef.current.content += content;
-        // 记录打字前的长度
-        wholeContentRef.current.prevLength = wholeContentRef.current.length;
-        wholeContentRef.current.length += content.length;
-        triggerUpdate();
-        onEnd?.({
-            str: content,
-            manual: false,
-        });
-    };
-    useImperativeHandle(ref, () => ({
-        /**
-         * 添加内容
-         * @param content 内容 {string}
-         * @param answerType 回答类型 {AnswerType}
-         */
-        push: (content) => {
-            if (disableTyping) {
-                processNoTypingPush(content);
-                return;
-            }
-            processHasTypingPush(content);
-        },
-        /**
-         * 清除打字任务
-         */
-        clear: () => {
-            typingTask.stop();
-            typingTask.typedIsManualStopRef.current = false;
-            charsRef.current = [];
-            resetWholeContent();
-            isWholeTypedEndRef.current = false;
-            charIndexRef.current = 0;
-            isStartedTypingRef.current = false;
-            triggerUpdate();
-        },
-        /** 开启打字，只有在关闭了自动打字才生效 */
-        start: () => {
-            if (!autoStartTypingRef.current) {
-                typingTask.start();
-            }
-        },
-        /** 停止打字任务 */
-        stop: () => {
-            typingTask.stop();
-        },
-        /** 重新开始打字任务 */
-        resume: () => {
-            typingTask.resume();
-        },
-        /**
-         * 主动触发打字结束
-         */
-        triggerWholeEnd: () => {
-            isWholeTypedEndRef.current = true;
-            if (!typingTask.isTyping()) {
-                // 这里需要手动触发结束回调，因为 hook 中的 triggerOnEnd 不能直接调用
-                onEnd?.({
-                    str: wholeContentRef.current.content,
-                    manual: true,
-                });
-            }
-        },
-        /** 重新开始打字任务 */
-        restart: () => {
-            typingTask.restart();
-        },
-    }));
-    return (jsx(HighReactMarkdown, { reactMarkdownProps: reactMarkdownProps, math: math, children: wholeContentRef.current.content }));
-});
-if (__DEV__) {
-    MarkdownCMD.displayName = 'MarkdownCMD';
-}
-
-const MarkdownInner = ({ children: _children = '', markdownRef, ...rest }) => {
-    const cmdRef = useRef(null);
-    const prefixRef = useRef('');
-    const content = useMemo(() => {
-        if (typeof _children === 'string') {
-            return _children;
-        }
-        if (__DEV__) {
-            console.error('Markdown component must have a string child');
-        }
-        return '';
-    }, [_children]);
-    useEffect(() => {
-        if (prefixRef.current !== content) {
-            let newContent = '';
-            if (prefixRef.current === '') {
-                newContent = content;
-            }
-            else {
-                if (content.startsWith(prefixRef.current)) {
-                    newContent = content.slice(prefixRef.current.length);
-                }
-                else {
-                    newContent = content;
-                    cmdRef.current.clear();
-                }
-            }
-            cmdRef.current.push(newContent);
-            prefixRef.current = content;
-        }
-    }, [content]);
-    useImperativeHandle(markdownRef, () => ({
-        stop: () => {
-            cmdRef.current.stop();
-        },
-        resume: () => {
-            cmdRef.current.resume();
-        },
-        start: () => {
-            cmdRef.current.start();
-        },
-        restart: () => {
-            cmdRef.current.restart();
-        },
-    }));
-    return jsx(MarkdownCMD, { ref: cmdRef, ...rest });
-};
-const Markdown = forwardRef((props, ref) => {
-    const { children = '' } = props;
-    if (__DEV__) {
-        if (typeof children !== 'string') {
-            throw new Error('Markdown component must have a string child');
-        }
-    }
-    return jsx(MarkdownInner, { ...props, markdownRef: ref });
-});
-var Markdown$1 = memo(Markdown);
-
-export { Markdown$1 as Markdown, MarkdownCMD, Markdown$1 as default };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=useTypingTask.js.map

package/es/hooks/useTypingTask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTypingTask.js","sourceRoot":"","sources":["../../src/hooks/useTypingTask.ts"],"names":[],"mappings":"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"}

package/es/index.d.ts

@@ -0,0 +1,7 @@
+import MarkdownCMD from './MarkdownCMD';
+import Markdown from './Markdown';
+import type { MarkdownCMDRef, MarkdownRef, IMarkdownMath, ITypedChar, MarkdownProps, MarkdownCMDProps } from './defined';
+export default Markdown;
+export type { MarkdownCMDRef, MarkdownRef, IMarkdownMath, ITypedChar, MarkdownProps, MarkdownCMDProps };
+export { Markdown, MarkdownCMD };
+//# sourceMappingURL=index.d.ts.map

package/es/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAEzH,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AACxG,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/es/index.js

@@ -0,0 +1,5 @@
+import MarkdownCMD from './MarkdownCMD/index.js';
+import Markdown from './Markdown/index.js';
+export default Markdown;
+export { Markdown, MarkdownCMD };
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,eAAe,QAAQ,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/es/utils/grapheme.d.ts

@@ -0,0 +1,2 @@
+export declare function splitGraphemes(input: string): string[];
+//# sourceMappingURL=grapheme.d.ts.map

package/es/utils/grapheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grapheme.d.ts","sourceRoot":"","sources":["../../src/utils/grapheme.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAEtD"}

package/es/utils/grapheme.js

@@ -0,0 +1,4 @@
+export function splitGraphemes(input) {
+    return Array.from(input);
+}
+//# sourceMappingURL=grapheme.js.map

package/es/utils/grapheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grapheme.js","sourceRoot":"","sources":["../../src/utils/grapheme.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC"}

package/package.json

@@ -1,11 +1,9 @@
 {
   "name": "react-markdown-typer",
   "private": false,
-  "version": "0.0.2",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/cjs/index.d.ts",
-  "module": "./dist/esm/index.js",
-  "style": "./dist/style.css",
+  "version": "1.0.0-beta.2",
+  "main": "./es/index.js",
+  "types": "./es/index.d.ts",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -17,24 +15,20 @@
   },
   "exports": {
     ".": {
-      "browser": "./dist/esm/index.js",
       "import": {
-        "types": "./dist/esm/index.d.ts",
-        "default": "./dist/esm/index.js"
+        "types": "./es/index.d.ts",
+        "default": "./es/index.js"
       },
-      "require": {
-        "types": "./dist/cjs/index.d.ts",
-        "default": "./dist/cjs/index.js"
-      }
+      "default": "./es/index.js"
     }
   },
   "files": [
-    "dist"
+    "es"
   ],
   "scripts": {
     "dev": "vite",
     "build:docs": "rimraf docs && vite build",
-    "build": "rimraf dist && rollup -c",
+    "build": "node scripts/build-lib-ts.js",
     "lint": "eslint .",
     "preview": "vite preview",
     "release": "npm run build && node scripts/set-tag.cjs && cross-env RELEASE_MODE=true npm publish",
@@ -65,6 +59,8 @@
     "@types/react-dom": "^19.1.2",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.4.1",
+    "fs-extra": "^11.3.0",
+    "glob": "^11.0.3",
     "babel-jest": "^29.0.0",
     "cross-env": "^7.0.3",
     "eslint": "^9.25.0",
@@ -116,6 +112,6 @@
     "react-markdown"
   ],
   "publishConfig": {
-    "tag": "latest"
+    "tag": "beta"
   }
 }

package/dist/cjs/index.d.ts

@@ -1,77 +0,0 @@
-import * as react from 'react';
-import react__default from 'react';
-import { Options } from 'react-markdown';
-
-interface IOnTypedCharData {
-    currentIndex: number;
-    currentChar: string;
-    prevStr: string;
-}
-interface ITypedChar extends IOnTypedCharData {
-    percent: number;
-    currentStr: string;
-}
-interface IBeforeTypedChar extends IOnTypedCharData {
-    percent: number;
-}
-interface MarkdownBaseProps {
-    reactMarkdownProps?: Options;
-    /** 计时类型： 支持setTimeout和requestAnimationFrame */
-    timerType?: 'setTimeout' | 'requestAnimationFrame';
-    /** 打字机效果间隔时间 */
-    interval: number;
-    /** 是否关闭打字机效果 */
-    disableTyping?: boolean;
-    /** 打字完成后回调,  */
-    onEnd?: (data?: IEndData) => void;
-    /** 开始打字回调 */
-    onStart?: (data?: IOnTypedCharData) => void;
-    /** 打字前回调 */
-    onBeforeTypedChar?: (data?: IBeforeTypedChar) => Promise<void>;
-    /**
-     * 打字机打完一个字符回调
-     * @param char 字符
-     * @param index 字符索引
-     */
-    onTypedChar?: (data?: ITypedChar) => void;
-    /** 是否自动开启打字动画 */
-    autoStartTyping?: boolean;
-    math?: IMarkdownMath;
-}
-interface MarkdownProps extends MarkdownBaseProps {
-    children: string | undefined;
-}
-/**  MarkdownCMD 组件不需要 children */
-interface MarkdownCMDProps extends MarkdownBaseProps {
-    children?: undefined;
-}
-interface IMarkdownMath {
-    /** 是括号还是$作为分隔符, 默认是$ */
-    splitSymbol: 'bracket' | 'dollar';
-}
-interface MarkdownBaseRef {
-    stop: () => void;
-    resume: () => void;
-    start: () => void;
-    restart: () => void;
-}
-/** Markdown 组件的ref 类型 */
-type MarkdownRef = MarkdownBaseRef;
-/** MarkdownCMD 组件的 ref 类型 */
-interface MarkdownCMDRef extends MarkdownBaseRef {
-    push: (content: string) => void;
-    clear: () => void;
-    triggerWholeEnd: () => void;
-}
-interface IEndData {
-    manual: boolean;
-    /** 打字机打过的字符串, 和answerStr 相同 */
-    str: string;
-}
-
-declare const MarkdownCMD: react.ForwardRefExoticComponent<MarkdownCMDProps & react.RefAttributes<MarkdownCMDRef>>;
-
-declare const _default: react__default.NamedExoticComponent<MarkdownProps & react__default.RefAttributes<MarkdownBaseRef>>;
-
-export { _default as Markdown, MarkdownCMD, _default as default };
-export type { IMarkdownMath, ITypedChar, MarkdownCMDProps, MarkdownCMDRef, MarkdownProps, MarkdownRef };