@agentscope-ai/chat 1.1.4

package/dist/markdown/cursor/Underline.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './index.less';
+export default function (): React.JSX.Element;

package/dist/markdown/cursor/Underline.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import "./index.less";
+export default function () {
+  return /*#__PURE__*/React.createElement("span", {
+    className: "markdown-cursor-underline"
+  });
+}

package/dist/markdown/cursor/index.less

@@ -0,0 +1,124 @@
+@import '../../index.less';
+
+.markdown-cursor-blur {
+  width: 3em;
+  position: absolute;
+  margin-left: -3em;
+  backdrop-filter: blur(1.5px);
+
+  &::after {
+    content: '_';
+    opacity: 0;
+  }
+}
+
+
+.markdown-cursor-dot {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  padding-left: 2px;
+  gap: 4px;
+
+
+  &-dot1 {
+    width: 5px;
+    height: 5px;
+    border-radius: 999px;
+    background-color: e('var(--@{ant-prefix}-color-text)');
+    animation: markdown-cursor-dot1 2s infinite ease;
+  }
+
+
+  &-dot2 {
+    width: 4px;
+    height: 4px;
+    border-radius: 999px;
+    opacity: 0.5;
+    background-color: e('var(--@{ant-prefix}-color-text)');
+    animation: markdown-cursor-dot2 2s infinite ease;
+  }
+
+}
+
+
+.markdown-cursor-underline {
+  opacity: 1;
+  padding: 0 2px;
+  animation: markdown-cursor-underline .8s infinite;
+
+  &::after {
+    content: '_';
+    color: e('var(--@{ant-prefix}-color-primary)'),
+  }
+}
+
+
+@keyframes markdown-cursor-underline {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+
+
+
+@keyframes markdown-cursor-dot1 {
+  0% {
+    transform: translateX(0px)scale(1);
+    z-index: 1;
+    opacity: 1;
+
+  }
+
+  40% {
+    transform: translateX(8.5px)scale(0.8);
+    z-index: 3;
+    opacity: 0.5;
+
+  }
+
+  50% {
+    transform: translateX(8.5px) scale(0.8);
+    z-index: 1;
+    opacity: 0.5;
+  }
+
+  90% {
+    transform: translateX(0px) scale(1);
+    z-index: 1;
+    opacity: 1;
+  }
+}
+
+@keyframes markdown-cursor-dot2 {
+  0% {
+    transform: translateX(0px)scale(1);
+    z-index: 1;
+    opacity: 0.5;
+
+  }
+
+  40% {
+    transform: translateX(-8.5px)scale(1.25);
+    z-index: 3;
+    opacity: 1;
+
+  }
+
+  50% {
+    transform: translateX(-8.5px) scale(1.25);
+    z-index: 1;
+    opacity: 1;
+  }
+
+  90% {
+    transform: translateX(0px) scale(1);
+    z-index: 1;
+    opacity: 0.5;
+  }
+}

package/dist/markdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export declare function useAppendCursor(ref: any, cursor: any, content: any): void;

package/dist/markdown/hooks/index.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useLayoutEffect, useMemo } from 'react';
+import { useProviderContext } from "../..";
+import classNames from 'classnames';
+import Underline from "../cursor/Underline";
+import Dot from "../cursor/Dot";
+import { createRoot } from 'react-dom/client';
+function findDeepNode(childNodes) {
+  var _childNodes, _lastNode$childNodes;
+  var lastNode = childNodes === null || childNodes === void 0 ? void 0 : childNodes[childNodes.length - (
+  // 末尾最后的一个空text节点不当做节点
+  ((_childNodes = childNodes[childNodes.length - 1]) === null || _childNodes === void 0 ? void 0 : _childNodes.nodeValue) === '\n' ? 2 : 1)];
+  if (lastNode !== null && lastNode !== void 0 && (_lastNode$childNodes = lastNode.childNodes) !== null && _lastNode$childNodes !== void 0 && _lastNode$childNodes.length) return findDeepNode(lastNode.childNodes);
+  return lastNode;
+}
+export function useAppendCursor(ref, cursor, content) {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var Cursor = useMemo(function () {
+    return {
+      'underline': Underline,
+      'dot': Dot
+    }[cursor] || Dot;
+  }, [cursor]);
+  var loadingClassName = getPrefixCls('typography-cursor');
+  useLayoutEffect(function () {
+    try {
+      var _ref$current, _loading$parentElemen;
+      var deepNode = findDeepNode((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.childNodes);
+      var loading = ref.current.querySelector(".".concat(loadingClassName));
+      loading && ((_loading$parentElemen = loading.parentElement) === null || _loading$parentElemen === void 0 ? void 0 : _loading$parentElemen.removeChild(loading));
+      if (cursor && deepNode) {
+        var span = document.createElement('span');
+        span.className = classNames(loadingClassName);
+        span.innerHTML = '';
+        if (deepNode.nodeType === 3) {
+          var _deepNode$parentNode;
+          (_deepNode$parentNode = deepNode.parentNode) === null || _deepNode$parentNode === void 0 || _deepNode$parentNode.appendChild(span);
+        } else {
+          deepNode.appendChild(span);
+        }
+        var container = createRoot(span);
+        container.render( /*#__PURE__*/React.createElement(Cursor, null));
+      }
+    } catch (error) {
+      console.error('markdown cursor error', error);
+    }
+  }, [content, cursor]);
+}

package/dist/markdown/hooks/useTypedEffect.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Return typed content and typing status when typing is enabled.
+ * Or return content directly.
+ */
+declare const useTypedEffect: (content: string, typingEnabled: boolean) => [typedContent: string, isTyping: boolean];
+export default useTypedEffect;

package/dist/markdown/hooks/useTypedEffect.js

@@ -0,0 +1,56 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BubbleContext } from "../../bubble/Bubble";
+import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import * as React from 'react';
+function isString(str) {
+  return typeof str === 'string';
+}
+var noop = function noop() {};
+/**
+ * Return typed content and typing status when typing is enabled.
+ * Or return content directly.
+ */
+var useTypedEffect = function useTypedEffect(content, typingEnabled) {
+  var _React$useContext = React.useContext(BubbleContext),
+    _React$useContext$onU = _React$useContext.onUpdate,
+    onUpdate = _React$useContext$onU === void 0 ? noop : _React$useContext$onU;
+  var prevContentRef = React.useRef('');
+  var _React$useState = React.useState(1),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    typingIndex = _React$useState2[0],
+    setTypingIndex = _React$useState2[1];
+  var mergedTypingEnabled = typingEnabled && isString(content);
+
+  // Reset typing index when content changed
+  useLayoutEffect(function () {
+    if (!mergedTypingEnabled && isString(content)) {
+      setTypingIndex(content.length);
+    } else if (isString(content) && isString(prevContentRef.current) && content.indexOf(prevContentRef.current) !== 0) {
+      setTypingIndex(1);
+    }
+    prevContentRef.current = content;
+  }, [content]);
+
+  // Start typing
+  React.useEffect(function () {
+    if (mergedTypingEnabled && typingIndex < content.length) {
+      var id = setTimeout(function () {
+        setTypingIndex(function (prev) {
+          return prev + 1;
+        });
+        onUpdate();
+      });
+      return function () {
+        clearTimeout(id);
+      };
+    }
+  }, [typingIndex, typingEnabled, content]);
+  var mergedTypingContent = mergedTypingEnabled ? content.slice(0, typingIndex) : content;
+  return [mergedTypingContent, mergedTypingEnabled && typingIndex < content.length];
+};
+export default useTypedEffect;

package/dist/markdown/index.d.ts

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import './index.less';
+import { MarkdownProps as InnerMarkdownProps } from './type';
+import type { Components } from 'react-markdown/lib';
+export interface MarkdownProps {
+    content?: string;
+    cursor?: boolean | 'blur' | 'dot' | 'underline';
+    baseFontSize?: number;
+    citations?: InnerMarkdownProps['citations'];
+    citationsMap?: InnerMarkdownProps['citationsMap'];
+    components?: Components & Record<string, FC>;
+    allowHtml?: boolean;
+    typing?: boolean;
+    raw?: boolean;
+}
+export default function (props: MarkdownProps): React.JSX.Element;

package/dist/markdown/index.js

@@ -0,0 +1,37 @@
+import React, { useRef } from 'react';
+import Markdown from "./Markdown";
+import { ConfigProvider, Typography } from 'antd';
+import "./index.less";
+import { useGlobalContext, useProviderContext } from "./..";
+import { useAppendCursor } from "./hooks/index";
+import useTypedEffect from "./hooks/useTypedEffect";
+export default function (props) {
+  var _useGlobalContext = useGlobalContext(),
+    markdown = _useGlobalContext.markdown;
+  var _props$content = props.content,
+    content = _props$content === void 0 ? '' : _props$content,
+    _props$raw = props.raw,
+    raw = _props$raw === void 0 ? false : _props$raw;
+  var baseFontSize = props.baseFontSize || (markdown === null || markdown === void 0 ? void 0 : markdown.baseFontSize) || 14;
+  var ref = useRef();
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('markdown');
+  var typedContent = useTypedEffect(content, props.cursor && props.typing);
+  useAppendCursor(ref, props.cursor, typedContent[0]);
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    theme: {
+      token: {
+        fontSize: baseFontSize
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Typography, null, /*#__PURE__*/React.createElement("div", {
+    className: prefixCls,
+    ref: ref
+  }, raw ? typedContent[0] : /*#__PURE__*/React.createElement(Markdown, {
+    citations: props.citations,
+    citationsMap: props.citationsMap,
+    allowHtml: props.allowHtml,
+    components: props.components
+  }, typedContent[0]))));
+}

package/dist/markdown/index.less

@@ -0,0 +1,204 @@
+@import '../index.less';
+
+.@{ant-prefix}-typography {
+  line-height: 1.7;
+  color: inherit;
+
+  .katex-display {
+    font-size: 1.3em;
+  }
+
+  .katex-html {
+    display: none;
+  }
+
+  .katex-error {
+    color: inherit !important;
+  }
+
+  .cm-gutter-lint {
+    width: 0;
+  }
+
+  .cm-line {
+    background-color: transparent !important;
+  }
+
+  .cm-activeLineGutter {
+    background-color: transparent !important;
+    color: inherit !important;
+  }
+
+  .ͼ1.cm-focused {
+    outline: 0 !important;
+  }
+
+  mstyle[mathcolor="#cc0000"] {
+    opacity: 0;
+  }
+
+  ol li {
+    margin-inline: 40px 0;
+  }
+
+  &-cursor {}
+
+  figure {
+    margin: 0;
+  }
+
+  figure img {
+    display: block;
+    cursor: pointer;
+  }
+
+  code .@{ant-prefix}-typography-cursor,
+  pre .@{ant-prefix}-typography-cursor,
+  table .@{ant-prefix}-typography-cursor {
+    display: none;
+  }
+
+  @keyframes typography-cursor {
+    0% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 0;
+    }
+  }
+
+  code {
+    font-size: 0.8571428571428571em;
+    border: 0 !important;
+  }
+
+  pre code {
+    font-size: 0.8571428571428571em;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 0.5714285714285714em !important;
+    margin-bottom: 0.5714285714285714em !important;
+    font-weight: 500;
+    line-height: 1.7777;
+    color: inherit !important;
+  }
+
+  p {
+    margin-top: 0.5714285714285714em !important;
+    margin-bottom: 0.5714285714285714em !important;
+  }
+
+  h1 {
+    font-size: 1.2857142857142858em;
+  }
+
+  h2 {
+    font-size: 1.1428571428571428em;
+  }
+
+  h3 {
+    font-size: 1em;
+  }
+
+  h4 {
+    font-size: 1em;
+  }
+
+  h5 {
+    font-size: 1em;
+  }
+
+  h6 {
+    font-size: 1em;
+  }
+
+  hr {
+    border-color: e('var(--@{ant-prefix}-color-border-secondary)');
+    border-style: solid;
+    border-width: 1px 0 0 0;
+    margin: 1em 0;
+  }
+
+  table {
+    border-collapse: collapse;
+    display: block;
+    width: max-content;
+    max-width: 100%;
+    overflow: auto;
+  }
+
+  table th {
+    background: e('var(--@{ant-prefix}-color-fill-quaternary)');
+    text-align: left;
+  }
+
+  table td,
+  table th {
+    padding: 0.75em 1.5em;
+    border: 1px solid e('var(--@{ant-prefix}-color-border-secondary)');
+    white-space: pre;
+  }
+}
+
+.@{ant-prefix}-markdown-video {
+  position: relative;
+  width: 30%;
+  padding-top: 18%;
+  border-radius: 8px;
+  cursor: pointer;
+  background-color: #000;
+
+  &-play {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+    color: #ccc;
+    font-size: 30px;
+  }
+}
+
+.@{ant-prefix}-markdown-image {
+  cursor: pointer;
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.@{ant-prefix}-typography *:last-child {
+  margin-bottom: 0 !important;
+}
+
+.@{ant-prefix}-typography *:first-child {
+  margin-top: 0 !important;
+}
+
+[data-prefers-color='dark'] .@{ant-prefix}-typography {
+  #setText pre {
+    code {
+      filter: invert(1);
+    }
+  }
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+
+.animate-fade-in {
+  animation: fade-in 1s;
+}

package/dist/markdown/plugins/footnote.d.ts

@@ -0,0 +1,2 @@
+export declare const remarkCustomFootnotes: () => (tree: any, file: any) => void;
+export declare const rehypeFootnoteLinks: () => (tree: any, file: any) => void;

package/dist/markdown/plugins/footnote.js

@@ -0,0 +1,89 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { SKIP, visit } from 'unist-util-visit';
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var remarkCustomFootnotes = function remarkCustomFootnotes() {
+  return function (tree, file) {
+    var footnoteLinks = new Map();
+    visit(tree, 'footnoteDefinition', function (node) {
+      var linkData = null;
+
+      // 查找第一个link类型的子节点
+      visit(node, 'link', function (linkNode) {
+        if (linkData) return SKIP; // 只取第一个链接
+
+        // 提取链接文本
+        var textNode = linkNode.children.find(function (n) {
+          return n.type === 'text';
+        });
+        linkData = {
+          alt: (textNode === null || textNode === void 0 ? void 0 : textNode.value) || '',
+          title: (textNode === null || textNode === void 0 ? void 0 : textNode.value) || '',
+          url: linkNode.url // 或者根据需求处理
+        };
+        return SKIP; // 找到后停止遍历
+      });
+      if (linkData) {
+        footnoteLinks.set(node.identifier, linkData);
+      }
+    });
+
+    // 将数据存入文件上下文
+    file.data.footnoteLinks = Object.fromEntries(footnoteLinks);
+  };
+};
+
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var rehypeFootnoteLinks = function rehypeFootnoteLinks() {
+  return function (tree, file) {
+    var linksData = file.data.footnoteLinks || {};
+    visit(tree, 'element', function (node) {
+      var _node$properties$clas;
+      if (node.tagName === 'section' && (_node$properties$clas = node.properties.className) !== null && _node$properties$clas !== void 0 && _node$properties$clas.includes('footnotes')) {
+        // 转换数据格式为数组（按identifier排序）
+        var sortedLinks = Object.entries(linksData).sort(function (_ref, _ref2) {
+          var _ref3 = _slicedToArray(_ref, 1),
+            a = _ref3[0];
+          var _ref4 = _slicedToArray(_ref2, 1),
+            b = _ref4[0];
+          return a.localeCompare(b);
+        }).map(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+            id = _ref6[0],
+            data = _ref6[1];
+          return _objectSpread({
+            id: id
+          }, data);
+        });
+        // 注入数据属性
+        node.properties['data-footnote-links'] = JSON.stringify(sortedLinks);
+      }
+      if (node.tagName === 'sup') {
+        var link = node.children.find(function (n) {
+          return n.tagName === 'a';
+        });
+        if (link) {
+          var _link$properties;
+          // a node example
+          // {
+          //     "href": "#user-content-fn-3",
+          //     "id": "user-content-fnref-3-2",
+          //     "dataFootnoteRef": true,
+          // }
+          var linkRefIndex = (_link$properties = link.properties) === null || _link$properties === void 0 || (_link$properties = _link$properties.id) === null || _link$properties === void 0 ? void 0 : _link$properties.replace(/^user-content-fnref-/, '')[0];
+          if (linkRefIndex !== undefined) link.properties['data-link'] = JSON.stringify(linksData[linkRefIndex]);
+        }
+      }
+    });
+  };
+};

package/dist/markdown/plugins/katexDir.d.ts

@@ -0,0 +1 @@
+export declare const rehypeKatexDir: () => (tree: any) => void;

package/dist/markdown/plugins/katexDir.js

@@ -0,0 +1,15 @@
+import { visit } from 'unist-util-visit';
+
+// katex-directive
+// 给 class="katex" 的节点加上 dir="ltr" 属性
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var rehypeKatexDir = function rehypeKatexDir() {
+  return function (tree) {
+    visit(tree, 'element', function (node) {
+      var _node$properties;
+      if ((_node$properties = node.properties) !== null && _node$properties !== void 0 && (_node$properties = _node$properties.className) !== null && _node$properties !== void 0 && _node$properties.includes('katex')) {
+        node.properties.dir = 'ltr';
+      }
+    });
+  };
+};

package/dist/markdown/rehype/fadeIn.d.ts

@@ -0,0 +1,2 @@
+import type { Root } from 'hast';
+export declare function rehypeFadeIn(): (tree: Root) => void;

package/dist/markdown/rehype/fadeIn.js

@@ -0,0 +1,43 @@
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
+import { visit } from 'unist-util-visit';
+export function rehypeFadeIn() {
+  return function (tree) {
+    visit(tree, 'element', function (node) {
+      if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'strong'].includes(node.tagName) && node.children) {
+        var newChildren = [];
+        node.children.forEach(function (child) {
+          if (child.type === 'text') {
+            // @ts-ignore
+            var segmenter = new Intl.Segmenter('zh', {
+              granularity: 'word'
+            });
+            var segments = segmenter.segment(child.value);
+            var words = Array.from(segments)
+            // @ts-ignore
+            .map(function (segment) {
+              return segment.segment;
+            }).filter(Boolean);
+            words.forEach(function (word) {
+              newChildren.push({
+                type: 'element',
+                tagName: 'span',
+                properties: {
+                  className: 'animate-fade-in'
+                },
+                children: [{
+                  type: 'text',
+                  value: word
+                }]
+              });
+            });
+          } else {
+            newChildren.push(child);
+          }
+        });
+        node.children = newChildren;
+      }
+    });
+  };
+}