npm - @chat-lab/ui - Versions diffs - 0.1.0-beta.14 → 0.1.0-beta.16 - Mend

@chat-lab/ui 0.1.0-beta.14 → 0.1.0-beta.16

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 (35) hide show

package/dist/utils/imageLoadingPlugin.cjs ADDED Viewed

@@ -0,0 +1,73 @@
+'use strict';
+var index = require('../node_modules/.pnpm/unist-util-visit-parents@6.0.2/node_modules/unist-util-visit-parents/lib/index.cjs');
+/**
+ * 匹配未闭合的图片语法
+ * 规则：
+ * 1. (?<!\\) : 前面没有反斜杠（非转义）
+ * 2. !\[     : 以 ![ 开头
+ * 3. [^\]]*  : 中括号内非 ] 字符
+ * 4. \]      : 中括号闭合
+ * 5. \(      : 接左圆括号
+ * 6. [^)]*$  : 圆括号后直到字符串结束都不能有右括号
+ */
+const INCOMPLETE_IMAGE_REGEX = /(?<!\\)!\[[^\]]*\]\([^)]*$/;
+// 定义我们需要忽略的父级节点类型
+const IGNORED_PARENTS = new Set(['code', 'inlineCode', 'link', 'image']);
+const remarkLoadingImage = () => {
+    const transformer = (tree) => {
+        // 显式声明 node 为 Text 类型，ancestors 为 Node 数组
+        index.visitParents(tree, 'text', (node, ancestors) => {
+            const value = node.value;
+            // === 1. 环境检测 (Context Awareness) ===
+            // 检查祖先节点链中是否包含代码块、链接等不应该处理的类型
+            const isInsideIgnoredElement = ancestors.some((parent) => IGNORED_PARENTS.has(parent.type));
+            if (isInsideIgnoredElement) {
+                return;
+            }
+            // === 2. 正则匹配 ===
+            const match = value.match(INCOMPLETE_IMAGE_REGEX);
+            // 必须匹配，且匹配的内容必须位于字符串的**最末尾**
+            if (!match || match.index === undefined || match.index + match[0].length !== value.length) {
+                return;
+            }
+            // === 3. 节点替换逻辑 ===
+            // 保留未完成图片语法之前的正常文本
+            const cleanText = value.replace(INCOMPLETE_IMAGE_REGEX, '');
+            const newNodes = [];
+            // 如果有正常文本，先推入一个 Text 节点
+            if (cleanText) {
+                newNodes.push({ type: 'text', value: cleanText });
+            }
+            // 构造自定义的 Loading 占位节点
+            const loadingNode = {
+                type: 'imageLoading',
+                data: {
+                    // 指示 rehype 将其渲染为 div 标签
+                    hName: 'div',
+                    hProperties: {
+                        className: ['img-loading-placeholder'],
+                        'data-content': '正在生成图片...',
+                    },
+                },
+            };
+            newNodes.push(loadingNode);
+            // === 4. 修改 AST 树 ===
+            // 获取直接父节点 (Parent 类型)
+            const parent = ancestors[ancestors.length - 1];
+            const index = parent.children.indexOf(node);
+            if (index !== -1) {
+                // 使用 splice 替换节点
+                parent.children.splice(index, 1, ...newNodes);
+                // 返回新的索引位置，以便 visit 继续遍历（跳过刚插入的节点）
+                // return (index + inserted_count)
+                return index + newNodes.length;
+            }
+        });
+    };
+    return transformer;
+};
+module.exports = remarkLoadingImage;
+//# sourceMappingURL=imageLoadingPlugin.cjs.map

package/dist/utils/imageLoadingPlugin.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"imageLoadingPlugin.cjs","sources":["../../src/utils/imageLoadingPlugin.tsx"],"sourcesContent":["import { visitParents } from 'unist-util-visit-parents';\nimport type { Plugin, Transformer } from 'unified';\nimport type { Node, Parent } from 'unist';\nimport type { Root, Text } from 'mdast';\n\n/**\n * 匹配未闭合的图片语法\n * 规则：\n * 1. (?<!\\\\) : 前面没有反斜杠（非转义）\n * 2. !\\[ : 以 ![ 开头\n * 3. [^\\]]* : 中括号内非 ] 字符\n * 4. \\] : 中括号闭合\n * 5. \$ : 接左圆括号\n * 6. [^)]*$ : 圆括号后直到字符串结束都不能有右括号\n */\nconst INCOMPLETE_IMAGE_REGEX = /(?<!\\\$!\\[[^\\]]*\\]\\([^)]*$/;\n\n// 定义我们需要忽略的父级节点类型\nconst IGNORED_PARENTS = new Set(['code', 'inlineCode', 'link', 'image']);\n\n// 自定义 Loading 节点的接口定义（为了 TS 类型提示）\ninterface ImageLoadingNode extends Node {\n type: 'imageLoading';\n data: {\n hName: string;\n hProperties: {\n className: string[];\n [key: string]: unknown;\n };\n };\n}\n\nconst remarkLoadingImage: Plugin<[], Root> = () => {\n const transformer: Transformer<Root> = (tree) => {\n // 显式声明 node 为 Text 类型，ancestors 为 Node 数组\n visitParents(tree, 'text', (node: Text, ancestors: Node[]) => {\n const value = node.value;\n\n // === 1. 环境检测 (Context Awareness) ===\n // 检查祖先节点链中是否包含代码块、链接等不应该处理的类型\n const isInsideIgnoredElement = ancestors.some((parent) => \n IGNORED_PARENTS.has(parent.type)\n );\n\n if (isInsideIgnoredElement) {\n return;\n }\n\n // === 2. 正则匹配 ===\n const match = value.match(INCOMPLETE_IMAGE_REGEX);\n\n // 必须匹配，且匹配的内容必须位于字符串的**最末尾**\n if (!match || match.index === undefined || match.index + match[0].length !== value.length) {\n return;\n }\n\n // === 3. 节点替换逻辑 ===\n \n // 保留未完成图片语法之前的正常文本\n const cleanText = value.replace(INCOMPLETE_IMAGE_REGEX, '');\n const newNodes: Node[] = [];\n\n // 如果有正常文本，先推入一个 Text 节点\n if (cleanText) {\n newNodes.push({ type: 'text', value: cleanText } as Text);\n }\n\n // 构造自定义的 Loading 占位节点\n const loadingNode: ImageLoadingNode = {\n type: 'imageLoading',\n data: {\n // 指示 rehype 将其渲染为 div 标签\n hName: 'div', \n hProperties: {\n className: ['img-loading-placeholder'],\n 'data-content': '正在生成图片...',\n },\n },\n };\n newNodes.push(loadingNode);\n\n // === 4. 修改 AST 树 ===\n // 获取直接父节点 (Parent 类型)\n const parent = ancestors[ancestors.length - 1] as Parent;\n const index = parent.children.indexOf(node);\n\n if (index !== -1) {\n // 使用 splice 替换节点\n parent.children.splice(index, 1, ...newNodes);\n\n // 返回新的索引位置，以便 visit 继续遍历（跳过刚插入的节点）\n // return (index + inserted_count)\n return index + newNodes.length;\n }\n });\n };\n\n return transformer;\n};\n\nexport default remarkLoadingImage;"],"names":["visitParents"],"mappings":";;;;AAKA;;;;;;;;;AASG;AACH,MAAM,sBAAsB,GAAG,4BAA4B,CAAC;AAE5D;AACA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAcnE,MAAA,kBAAkB,GAAqB,MAAK;AAChD,IAAA,MAAM,WAAW,GAAsB,CAAC,IAAI,KAAI;;QAE9CA,kBAAY,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,IAAU,EAAE,SAAiB,KAAI;AAC3D,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;;;YAIzB,MAAM,sBAAsB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,KACnD,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CACjC,CAAC;YAEF,IAAI,sBAAsB,EAAE;gBAC1B,OAAO;aACR;;YAGD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;;YAGlD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;gBACzF,OAAO;aACR;;;YAKD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;YAC5D,MAAM,QAAQ,GAAW,EAAE,CAAC;;YAG5B,IAAI,SAAS,EAAE;AACb,gBAAA,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAU,CAAC,CAAC;aAC3D;;AAGD,YAAA,MAAM,WAAW,GAAqB;AACpC,gBAAA,IAAI,EAAE,cAAc;AACpB,gBAAA,IAAI,EAAE;;AAEJ,oBAAA,KAAK,EAAE,KAAK;AACZ,oBAAA,WAAW,EAAE;wBACX,SAAS,EAAE,CAAC,yBAAyB,CAAC;AACtC,wBAAA,cAAc,EAAE,WAAW;AAC5B,qBAAA;AACF,iBAAA;aACF,CAAC;AACF,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;;YAI3B,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAW,CAAC;YACzD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAE5C,YAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;;AAEhB,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;;;AAI9C,gBAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;aAChC;AACH,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,WAAW,CAAC;AACrB;;;;"}

package/dist/utils/imageLoadingPlugin.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { Plugin } from 'unified';
+import type { Root } from 'mdast';
+declare const remarkLoadingImage: Plugin<[], Root>;
+export default remarkLoadingImage;
+//# sourceMappingURL=imageLoadingPlugin.d.ts.map

package/dist/utils/imageLoadingPlugin.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"imageLoadingPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/imageLoadingPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAE,IAAI,EAAQ,MAAM,OAAO,CAAC;AA6BxC,QAAA,MAAM,kBAAkB,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,CAkExC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/utils/imageLoadingPlugin.js ADDED Viewed

@@ -0,0 +1,71 @@
+import { visitParents } from '../node_modules/.pnpm/unist-util-visit-parents@6.0.2/node_modules/unist-util-visit-parents/lib/index.js';
+/**
+ * 匹配未闭合的图片语法
+ * 规则：
+ * 1. (?<!\\) : 前面没有反斜杠（非转义）
+ * 2. !\[     : 以 ![ 开头
+ * 3. [^\]]*  : 中括号内非 ] 字符
+ * 4. \]      : 中括号闭合
+ * 5. \(      : 接左圆括号
+ * 6. [^)]*$  : 圆括号后直到字符串结束都不能有右括号
+ */
+const INCOMPLETE_IMAGE_REGEX = /(?<!\\)!\[[^\]]*\]\([^)]*$/;
+// 定义我们需要忽略的父级节点类型
+const IGNORED_PARENTS = new Set(['code', 'inlineCode', 'link', 'image']);
+const remarkLoadingImage = () => {
+    const transformer = (tree) => {
+        // 显式声明 node 为 Text 类型，ancestors 为 Node 数组
+        visitParents(tree, 'text', (node, ancestors) => {
+            const value = node.value;
+            // === 1. 环境检测 (Context Awareness) ===
+            // 检查祖先节点链中是否包含代码块、链接等不应该处理的类型
+            const isInsideIgnoredElement = ancestors.some((parent) => IGNORED_PARENTS.has(parent.type));
+            if (isInsideIgnoredElement) {
+                return;
+            }
+            // === 2. 正则匹配 ===
+            const match = value.match(INCOMPLETE_IMAGE_REGEX);
+            // 必须匹配，且匹配的内容必须位于字符串的**最末尾**
+            if (!match || match.index === undefined || match.index + match[0].length !== value.length) {
+                return;
+            }
+            // === 3. 节点替换逻辑 ===
+            // 保留未完成图片语法之前的正常文本
+            const cleanText = value.replace(INCOMPLETE_IMAGE_REGEX, '');
+            const newNodes = [];
+            // 如果有正常文本，先推入一个 Text 节点
+            if (cleanText) {
+                newNodes.push({ type: 'text', value: cleanText });
+            }
+            // 构造自定义的 Loading 占位节点
+            const loadingNode = {
+                type: 'imageLoading',
+                data: {
+                    // 指示 rehype 将其渲染为 div 标签
+                    hName: 'div',
+                    hProperties: {
+                        className: ['img-loading-placeholder'],
+                        'data-content': '正在生成图片...',
+                    },
+                },
+            };
+            newNodes.push(loadingNode);
+            // === 4. 修改 AST 树 ===
+            // 获取直接父节点 (Parent 类型)
+            const parent = ancestors[ancestors.length - 1];
+            const index = parent.children.indexOf(node);
+            if (index !== -1) {
+                // 使用 splice 替换节点
+                parent.children.splice(index, 1, ...newNodes);
+                // 返回新的索引位置，以便 visit 继续遍历（跳过刚插入的节点）
+                // return (index + inserted_count)
+                return index + newNodes.length;
+            }
+        });
+    };
+    return transformer;
+};
+export { remarkLoadingImage as default };
+//# sourceMappingURL=imageLoadingPlugin.js.map

package/dist/utils/imageLoadingPlugin.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"imageLoadingPlugin.js","sources":["../../src/utils/imageLoadingPlugin.tsx"],"sourcesContent":["import { visitParents } from 'unist-util-visit-parents';\nimport type { Plugin, Transformer } from 'unified';\nimport type { Node, Parent } from 'unist';\nimport type { Root, Text } from 'mdast';\n\n/**\n * 匹配未闭合的图片语法\n * 规则：\n * 1. (?<!\\\\) : 前面没有反斜杠（非转义）\n * 2. !\\[ : 以 ![ 开头\n * 3. [^\\]]* : 中括号内非 ] 字符\n * 4. \\] : 中括号闭合\n * 5. \$ : 接左圆括号\n * 6. [^)]*$ : 圆括号后直到字符串结束都不能有右括号\n */\nconst INCOMPLETE_IMAGE_REGEX = /(?<!\\\$!\\[[^\\]]*\\]\\([^)]*$/;\n\n// 定义我们需要忽略的父级节点类型\nconst IGNORED_PARENTS = new Set(['code', 'inlineCode', 'link', 'image']);\n\n// 自定义 Loading 节点的接口定义（为了 TS 类型提示）\ninterface ImageLoadingNode extends Node {\n type: 'imageLoading';\n data: {\n hName: string;\n hProperties: {\n className: string[];\n [key: string]: unknown;\n };\n };\n}\n\nconst remarkLoadingImage: Plugin<[], Root> = () => {\n const transformer: Transformer<Root> = (tree) => {\n // 显式声明 node 为 Text 类型，ancestors 为 Node 数组\n visitParents(tree, 'text', (node: Text, ancestors: Node[]) => {\n const value = node.value;\n\n // === 1. 环境检测 (Context Awareness) ===\n // 检查祖先节点链中是否包含代码块、链接等不应该处理的类型\n const isInsideIgnoredElement = ancestors.some((parent) => \n IGNORED_PARENTS.has(parent.type)\n );\n\n if (isInsideIgnoredElement) {\n return;\n }\n\n // === 2. 正则匹配 ===\n const match = value.match(INCOMPLETE_IMAGE_REGEX);\n\n // 必须匹配，且匹配的内容必须位于字符串的**最末尾**\n if (!match || match.index === undefined || match.index + match[0].length !== value.length) {\n return;\n }\n\n // === 3. 节点替换逻辑 ===\n \n // 保留未完成图片语法之前的正常文本\n const cleanText = value.replace(INCOMPLETE_IMAGE_REGEX, '');\n const newNodes: Node[] = [];\n\n // 如果有正常文本，先推入一个 Text 节点\n if (cleanText) {\n newNodes.push({ type: 'text', value: cleanText } as Text);\n }\n\n // 构造自定义的 Loading 占位节点\n const loadingNode: ImageLoadingNode = {\n type: 'imageLoading',\n data: {\n // 指示 rehype 将其渲染为 div 标签\n hName: 'div', \n hProperties: {\n className: ['img-loading-placeholder'],\n 'data-content': '正在生成图片...',\n },\n },\n };\n newNodes.push(loadingNode);\n\n // === 4. 修改 AST 树 ===\n // 获取直接父节点 (Parent 类型)\n const parent = ancestors[ancestors.length - 1] as Parent;\n const index = parent.children.indexOf(node);\n\n if (index !== -1) {\n // 使用 splice 替换节点\n parent.children.splice(index, 1, ...newNodes);\n\n // 返回新的索引位置，以便 visit 继续遍历（跳过刚插入的节点）\n // return (index + inserted_count)\n return index + newNodes.length;\n }\n });\n };\n\n return transformer;\n};\n\nexport default remarkLoadingImage;"],"names":[],"mappings":";;AAKA;;;;;;;;;AASG;AACH,MAAM,sBAAsB,GAAG,4BAA4B,CAAC;AAE5D;AACA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAcnE,MAAA,kBAAkB,GAAqB,MAAK;AAChD,IAAA,MAAM,WAAW,GAAsB,CAAC,IAAI,KAAI;;QAE9C,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,IAAU,EAAE,SAAiB,KAAI;AAC3D,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;;;YAIzB,MAAM,sBAAsB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,KACnD,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CACjC,CAAC;YAEF,IAAI,sBAAsB,EAAE;gBAC1B,OAAO;aACR;;YAGD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;;YAGlD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;gBACzF,OAAO;aACR;;;YAKD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;YAC5D,MAAM,QAAQ,GAAW,EAAE,CAAC;;YAG5B,IAAI,SAAS,EAAE;AACb,gBAAA,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAU,CAAC,CAAC;aAC3D;;AAGD,YAAA,MAAM,WAAW,GAAqB;AACpC,gBAAA,IAAI,EAAE,cAAc;AACpB,gBAAA,IAAI,EAAE;;AAEJ,oBAAA,KAAK,EAAE,KAAK;AACZ,oBAAA,WAAW,EAAE;wBACX,SAAS,EAAE,CAAC,yBAAyB,CAAC;AACtC,wBAAA,cAAc,EAAE,WAAW;AAC5B,qBAAA;AACF,iBAAA;aACF,CAAC;AACF,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;;YAI3B,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAW,CAAC;YACzD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAE5C,YAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;;AAEhB,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;;;AAI9C,gBAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;aAChC;AACH,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,WAAW,CAAC;AACrB;;;;"}

package/dist/utils/markdownCursorPlugin.cjs ADDED Viewed

@@ -0,0 +1,65 @@
+'use strict';
+// 定义光标节点
+const cursorNode = {
+    type: "element",
+    tagName: "span",
+    properties: {
+        className: ["aui-cursor-anchor"],
+        "aria-hidden": true,
+    },
+    children: [],
+};
+// 这些标签不能钻进去，只能插在后面
+const VOID_TAGS = [
+    "img",
+    "br",
+    "hr",
+    "input",
+    "area",
+    "base",
+    "col",
+    "embed",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr",
+];
+const rehypeAppendCursor = () => {
+    return (tree) => {
+        // 1. 从根节点开始
+        let parent = tree;
+        // 2. 简单的死循环向下钻，直到没有子元素或遇到文本
+        while (true) {
+            // 如果当前节点没有 children，或者 children 为空，停止
+            if (!parent.children || parent.children.length === 0) {
+                break;
+            }
+            // 获取最后一个子元素
+            const lastChild = parent.children[parent.children.length - 1];
+            // 核心判断：
+            // 只有当最后一个子元素是 'element' (标签) 时，我们才钻进去。
+            // 如果是 'text' (文本) 或者其他，说明我们已经到底了，直接停止。
+            if (lastChild.type === "element") {
+                // 如果是自闭合标签（如 <br>），也不能钻，停止
+                if (VOID_TAGS.includes(lastChild.tagName)) {
+                    break;
+                }
+                // 继续向下钻
+                parent = lastChild;
+            }
+            else {
+                // 是文本节点，停止，光标就应该插在这个文本节点后面
+                break;
+            }
+        }
+        // 3. 安全插入
+        if (parent && Array.isArray(parent.children)) {
+            parent.children.push({ ...cursorNode });
+        }
+    };
+};
+exports.rehypeAppendCursor = rehypeAppendCursor;
+//# sourceMappingURL=markdownCursorPlugin.cjs.map

package/dist/utils/markdownCursorPlugin.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"markdownCursorPlugin.cjs","sources":["../../src/utils/markdownCursorPlugin.ts"],"sourcesContent":["// rehype-append-cursor.ts\nimport type { Plugin } from \"unified\";\nimport type { Root, Element, Content } from \"hast\";\n\n// 定义光标节点\nconst cursorNode: Element = {\n type: \"element\",\n tagName: \"span\",\n properties: {\n className: [\"aui-cursor-anchor\"],\n \"aria-hidden\": true,\n },\n children: [],\n};\n\n// 这些标签不能钻进去，只能插在后面\nconst VOID_TAGS = [\n \"img\",\n \"br\",\n \"hr\",\n \"input\",\n \"area\",\n \"base\",\n \"col\",\n \"embed\",\n \"meta\",\n \"param\",\n \"source\",\n \"track\",\n \"wbr\",\n];\n\nexport const rehypeAppendCursor: Plugin<[], Root> = () => {\n return (tree: Root) => {\n // 1. 从根节点开始\n let parent: Root | Element = tree;\n\n // 2. 简单的死循环向下钻，直到没有子元素或遇到文本\n while (true) {\n // 如果当前节点没有 children，或者 children 为空，停止\n if (!parent.children || parent.children.length === 0) {\n break;\n }\n\n // 获取最后一个子元素\n const lastChild = parent.children[parent.children.length - 1] as Element;\n\n // 核心判断：\n // 只有当最后一个子元素是 'element' (标签) 时，我们才钻进去。\n // 如果是 'text' (文本) 或者其他，说明我们已经到底了，直接停止。\n if (lastChild.type === \"element\") {\n // 如果是自闭合标签（如 <br>），也不能钻，停止\n if (VOID_TAGS.includes(lastChild.tagName)) {\n break;\n }\n // 继续向下钻\n parent = lastChild;\n } else {\n // 是文本节点，停止，光标就应该插在这个文本节点后面\n break;\n }\n }\n\n // 3. 安全插入\n if (parent && Array.isArray(parent.children)) {\n parent.children.push({ ...cursorNode });\n }\n };\n};\n"],"names":[],"mappings":";;AAIA;AACA,MAAM,UAAU,GAAY;AAC1B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE;QACV,SAAS,EAAE,CAAC,mBAAmB,CAAC;AAChC,QAAA,aAAa,EAAE,IAAI;AACpB,KAAA;AACD,IAAA,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF;AACA,MAAM,SAAS,GAAG;IAChB,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACL,OAAO;IACP,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,KAAK;CACN,CAAC;AAEK,MAAM,kBAAkB,GAAqB,MAAK;IACvD,OAAO,CAAC,IAAU,KAAI;;QAEpB,IAAI,MAAM,GAAmB,IAAI,CAAC;;QAGlC,OAAO,IAAI,EAAE;;AAEX,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpD,MAAM;aACP;;AAGD,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAY,CAAC;;;;AAKzE,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,EAAE;;gBAEhC,IAAI,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;oBACzC,MAAM;iBACP;;gBAED,MAAM,GAAG,SAAS,CAAC;aACpB;iBAAM;;gBAEL,MAAM;aACP;SACF;;QAGD,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;YAC5C,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;SACzC;AACH,KAAC,CAAC;AACJ;;;;"}

package/dist/utils/markdownCursorPlugin.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { Plugin } from "unified";
+import type { Root } from "hast";
+export declare const rehypeAppendCursor: Plugin<[], Root>;
+//# sourceMappingURL=markdownCursorPlugin.d.ts.map

package/dist/utils/markdownCursorPlugin.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"markdownCursorPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/markdownCursorPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAoB,MAAM,MAAM,CAAC;AA8BnD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,CAoC/C,CAAC"}

package/dist/utils/markdownCursorPlugin.js ADDED Viewed

@@ -0,0 +1,63 @@
+// 定义光标节点
+const cursorNode = {
+    type: "element",
+    tagName: "span",
+    properties: {
+        className: ["aui-cursor-anchor"],
+        "aria-hidden": true,
+    },
+    children: [],
+};
+// 这些标签不能钻进去，只能插在后面
+const VOID_TAGS = [
+    "img",
+    "br",
+    "hr",
+    "input",
+    "area",
+    "base",
+    "col",
+    "embed",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr",
+];
+const rehypeAppendCursor = () => {
+    return (tree) => {
+        // 1. 从根节点开始
+        let parent = tree;
+        // 2. 简单的死循环向下钻，直到没有子元素或遇到文本
+        while (true) {
+            // 如果当前节点没有 children，或者 children 为空，停止
+            if (!parent.children || parent.children.length === 0) {
+                break;
+            }
+            // 获取最后一个子元素
+            const lastChild = parent.children[parent.children.length - 1];
+            // 核心判断：
+            // 只有当最后一个子元素是 'element' (标签) 时，我们才钻进去。
+            // 如果是 'text' (文本) 或者其他，说明我们已经到底了，直接停止。
+            if (lastChild.type === "element") {
+                // 如果是自闭合标签（如 <br>），也不能钻，停止
+                if (VOID_TAGS.includes(lastChild.tagName)) {
+                    break;
+                }
+                // 继续向下钻
+                parent = lastChild;
+            }
+            else {
+                // 是文本节点，停止，光标就应该插在这个文本节点后面
+                break;
+            }
+        }
+        // 3. 安全插入
+        if (parent && Array.isArray(parent.children)) {
+            parent.children.push({ ...cursorNode });
+        }
+    };
+};
+export { rehypeAppendCursor };
+//# sourceMappingURL=markdownCursorPlugin.js.map

package/dist/utils/markdownCursorPlugin.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"markdownCursorPlugin.js","sources":["../../src/utils/markdownCursorPlugin.ts"],"sourcesContent":["// rehype-append-cursor.ts\nimport type { Plugin } from \"unified\";\nimport type { Root, Element, Content } from \"hast\";\n\n// 定义光标节点\nconst cursorNode: Element = {\n type: \"element\",\n tagName: \"span\",\n properties: {\n className: [\"aui-cursor-anchor\"],\n \"aria-hidden\": true,\n },\n children: [],\n};\n\n// 这些标签不能钻进去，只能插在后面\nconst VOID_TAGS = [\n \"img\",\n \"br\",\n \"hr\",\n \"input\",\n \"area\",\n \"base\",\n \"col\",\n \"embed\",\n \"meta\",\n \"param\",\n \"source\",\n \"track\",\n \"wbr\",\n];\n\nexport const rehypeAppendCursor: Plugin<[], Root> = () => {\n return (tree: Root) => {\n // 1. 从根节点开始\n let parent: Root | Element = tree;\n\n // 2. 简单的死循环向下钻，直到没有子元素或遇到文本\n while (true) {\n // 如果当前节点没有 children，或者 children 为空，停止\n if (!parent.children || parent.children.length === 0) {\n break;\n }\n\n // 获取最后一个子元素\n const lastChild = parent.children[parent.children.length - 1] as Element;\n\n // 核心判断：\n // 只有当最后一个子元素是 'element' (标签) 时，我们才钻进去。\n // 如果是 'text' (文本) 或者其他，说明我们已经到底了，直接停止。\n if (lastChild.type === \"element\") {\n // 如果是自闭合标签（如 <br>），也不能钻，停止\n if (VOID_TAGS.includes(lastChild.tagName)) {\n break;\n }\n // 继续向下钻\n parent = lastChild;\n } else {\n // 是文本节点，停止，光标就应该插在这个文本节点后面\n break;\n }\n }\n\n // 3. 安全插入\n if (parent && Array.isArray(parent.children)) {\n parent.children.push({ ...cursorNode });\n }\n };\n};\n"],"names":[],"mappings":"AAIA;AACA,MAAM,UAAU,GAAY;AAC1B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE;QACV,SAAS,EAAE,CAAC,mBAAmB,CAAC;AAChC,QAAA,aAAa,EAAE,IAAI;AACpB,KAAA;AACD,IAAA,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF;AACA,MAAM,SAAS,GAAG;IAChB,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACL,OAAO;IACP,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,KAAK;CACN,CAAC;AAEK,MAAM,kBAAkB,GAAqB,MAAK;IACvD,OAAO,CAAC,IAAU,KAAI;;QAEpB,IAAI,MAAM,GAAmB,IAAI,CAAC;;QAGlC,OAAO,IAAI,EAAE;;AAEX,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpD,MAAM;aACP;;AAGD,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAY,CAAC;;;;AAKzE,YAAA,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,EAAE;;gBAEhC,IAAI,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;oBACzC,MAAM;iBACP;;gBAED,MAAM,GAAG,SAAS,CAAC;aACpB;iBAAM;;gBAEL,MAAM;aACP;SACF;;QAGD,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;YAC5C,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;SACzC;AACH,KAAC,CAAC;AACJ;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@chat-lab/ui",
-  "version": "0.1.0-beta.14",
+  "version": "0.1.0-beta.16",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -64,6 +64,7 @@
     "remark-math": "^6.0.0",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.4.0",
+    "unist-util-visit-parents": "^6.0.2",
     "use-sync-external-store": "^1.6.0",
     "uuid": "^13.0.0",
     "zustand": "^5.0.8"
@@ -75,11 +76,15 @@
     "@rollup/plugin-typescript": "^11.0.0",
     "@rollup/plugin-url": "^8.0.2",
     "@types/file-saver": "^2.0.7",
+    "@types/hast": "^3.0.4",
+    "@types/mdast": "^4.0.4",
     "@types/react": "17.0.2",
     "@types/react-dom": "17.0.2",
+    "@types/unist": "^3.0.3",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.21",
     "less": "^4.4.2",
+    "mdast": "^3.0.0",
     "postcss": "^8.5.6",
     "postcss-prefix-selector": "^2.1.1",
     "rollup": "^3.0.0",
@@ -89,6 +94,8 @@
     "sass": "^1.93.3",
     "tailwindcss": "3",
     "typescript": "^5.0.2",
+    "unified": "^11.0.5",
+    "unist": "^0.0.1",
     "vite": "^4.4.5",
     "@chatkit/core": "^1.0.0"
   },