@h-ai/ui 0.1.0-alpha.10 → 0.1.0-alpha.12

package/dist/components/scenes/ai/editor-markdown-extensions.js

@@ -0,0 +1,184 @@
+/**
+ * 编辑器扩展里只接受固定格式的十六进制颜色，避免把任意 style 串透传到渲染结果。
+ */
+const HEX_COLOR_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+/**
+ * 对齐扩展只开放编辑器工具条里的四种模式。
+ */
+const ALIGN_VALUE_REGEX = /^(?:left|center|right|justify)$/i;
+const HAI_ALIGN_BLOCK_REGEX = /^<hai-align\s+value="(left|center|right|justify)">\n?([\s\S]+?)\n?<\/hai-align>\n{0,2}/i;
+const HAI_SPAN_INLINE_REGEX = /^<hai-span(?:\s+color="([^"]+)")?(?:\s+bg="([^"]+)")?\s*>([\s\S]+?)<\/hai-span>/i;
+const HAI_UNDERLINE_REGEX = /^\+\+((?:\\.|[\s\S])+?)\+\+/;
+const HAI_HIGHLIGHT_REGEX = /^==((?:\\.|[\s\S])+?)==/;
+/**
+ * Markdown heading 提取目录时需要一个“纯文本标题”。
+ * 这里显式递归常见 inline token，保证 `<hai-span>`、链接、强调等都能回落成纯文本。
+ */
+export function extractPlainTextFromTokens(tokens) {
+    if (!tokens || tokens.length === 0) {
+        return '';
+    }
+    return tokens.map((token) => {
+        if ('tokens' in token && Array.isArray(token.tokens)) {
+            return extractPlainTextFromTokens(token.tokens);
+        }
+        if ('text' in token && typeof token.text === 'string') {
+            return token.text;
+        }
+        if ('raw' in token && typeof token.raw === 'string') {
+            return token.raw;
+        }
+        return '';
+    }).join('');
+}
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+function sanitizeColor(value) {
+    if (!value) {
+        return undefined;
+    }
+    const normalized = value.trim().toLowerCase();
+    return HEX_COLOR_REGEX.test(normalized) ? normalized : undefined;
+}
+function sanitizeAlign(value) {
+    if (!value) {
+        return undefined;
+    }
+    const normalized = value.trim().toLowerCase();
+    return ALIGN_VALUE_REGEX.test(normalized)
+        ? normalized
+        : undefined;
+}
+/**
+ * ChatWorkspace 编辑器会把“非标准 Markdown”能力写成自定义标签，
+ * 这里把它们注册为 marked 扩展，保证普通 Markdown 和编辑器增强能力共享同一条渲染链路。
+ */
+export function createEditorMarkdownExtensions() {
+    return [
+        {
+            name: 'haiAlign',
+            level: 'block',
+            start(src) {
+                return src.indexOf('<hai-align');
+            },
+            tokenizer(src) {
+                const match = src.match(HAI_ALIGN_BLOCK_REGEX);
+                if (!match) {
+                    return undefined;
+                }
+                const align = sanitizeAlign(match[1]);
+                if (!align) {
+                    return undefined;
+                }
+                const body = match[2].trim();
+                return {
+                    type: 'haiAlign',
+                    raw: match[0],
+                    align,
+                    tokens: this.lexer.blockTokens(body),
+                };
+            },
+            renderer(token) {
+                const alignToken = token;
+                return `<div class="hai-md-align-block" data-hai-align="${escapeHtml(alignToken.align)}" style="text-align:${escapeHtml(alignToken.align)};">${this.parser.parse(alignToken.tokens)}</div>`;
+            },
+            childTokens: ['tokens'],
+        },
+        {
+            name: 'haiSpan',
+            level: 'inline',
+            start(src) {
+                return src.indexOf('<hai-span');
+            },
+            tokenizer(src) {
+                const match = src.match(HAI_SPAN_INLINE_REGEX);
+                if (!match) {
+                    return undefined;
+                }
+                const color = sanitizeColor(match[1]);
+                const background = sanitizeColor(match[2]);
+                return {
+                    type: 'haiSpan',
+                    raw: match[0],
+                    color,
+                    background,
+                    tokens: this.lexer.inlineTokens(match[3]),
+                };
+            },
+            renderer(token) {
+                const spanToken = token;
+                const style = [
+                    spanToken.color ? `color:${spanToken.color}` : '',
+                    spanToken.background ? `background-color:${spanToken.background}` : '',
+                ].filter(Boolean).join(';');
+                if (!style) {
+                    return this.parser.parseInline(spanToken.tokens);
+                }
+                const attributes = [
+                    'class="hai-md-inline-style"',
+                    `style="${escapeHtml(style)};"`,
+                    spanToken.color
+                        ? `data-hai-color="${escapeHtml(spanToken.color)}"`
+                        : '',
+                    spanToken.background
+                        ? `data-hai-bg="${escapeHtml(spanToken.background)}"`
+                        : '',
+                ].filter(Boolean).join(' ');
+                return `<span ${attributes}>${this.parser.parseInline(spanToken.tokens)}</span>`;
+            },
+            childTokens: ['tokens'],
+        },
+        {
+            name: 'haiUnderline',
+            level: 'inline',
+            start(src) {
+                return src.indexOf('++');
+            },
+            tokenizer(src) {
+                const match = src.match(HAI_UNDERLINE_REGEX);
+                if (!match) {
+                    return undefined;
+                }
+                return {
+                    type: 'haiUnderline',
+                    raw: match[0],
+                    tokens: this.lexer.inlineTokens(match[1]),
+                };
+            },
+            renderer(token) {
+                const underlineToken = token;
+                return `<u>${this.parser.parseInline(underlineToken.tokens)}</u>`;
+            },
+            childTokens: ['tokens'],
+        },
+        {
+            name: 'haiHighlight',
+            level: 'inline',
+            start(src) {
+                return src.indexOf('==');
+            },
+            tokenizer(src) {
+                const match = src.match(HAI_HIGHLIGHT_REGEX);
+                if (!match) {
+                    return undefined;
+                }
+                return {
+                    type: 'haiHighlight',
+                    raw: match[0],
+                    tokens: this.lexer.inlineTokens(match[1]),
+                };
+            },
+            renderer(token) {
+                const highlightToken = token;
+                return `<mark>${this.parser.parseInline(highlightToken.tokens)}</mark>`;
+            },
+            childTokens: ['tokens'],
+        },
+    ];
+}

package/dist/components/scenes/ai/index.d.ts

@@ -11,7 +11,9 @@ export { downloadAiDocument, resolveDocumentDownloadActions, resolveDocumentMark
 export type { AiDocumentDownloadFormat, AiDocumentDownloadRequest, AiDocumentResolvedDownloadAction, } from './document-download.js';
 export { renderMarkdownDocument } from './document-parse.js';
 export type { MarkdownDocumentParseOptions, MarkdownRenderResult, } from './document-parse.js';
-export type { AiDocumentEditorProps, MarkdownBlockFormatKind, MarkdownCodeBlockItem, MarkdownCodeRunRequest, MarkdownCodeRunResult, MarkdownInlineFormatKind, MarkdownOutlineItem, MarkdownRewriteAction, MarkdownRewriteRequest, MarkdownToolbarDownloadAction, } from './document-types.js';
+export type { AiDocumentEditorProps, MarkdownBlockFormatKind, MarkdownBlockStyleKind, MarkdownCodeBlockItem, MarkdownCodeRunRequest, MarkdownCodeRunResult, MarkdownColorFormatRequest, MarkdownInlineFormatKind, MarkdownOutlineItem, MarkdownRewriteAction, MarkdownRewriteRequest, MarkdownTextAlignKind, MarkdownToolbarDownloadAction, } from './document-types.js';
 export { parseMarkdown } from './markdown-parse.js';
 export type { MarkdownParseOptions } from './markdown-parse.js';
 export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';
+export { default as AiTableEditor } from './table/AiTableEditor.svelte';
+export type { AiTableColumn, AiTableColumnType, AiTableCopyPayload, AiTableData, AiTableDownloadPayload, AiTableEditorChangeAction, AiTableEditorChangePayload, AiTableEditorProps, AiTableRow, } from './table/table-types.js';

package/dist/components/scenes/ai/index.js

@@ -11,3 +11,4 @@ export { downloadAiDocument, resolveDocumentDownloadActions, resolveDocumentMark
 export { renderMarkdownDocument } from './document-parse.js';
 export { parseMarkdown } from './markdown-parse.js';
 export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';
+export { default as AiTableEditor } from './table/AiTableEditor.svelte';

package/dist/components/scenes/ai/markdown-parse.js

@@ -6,6 +6,7 @@
  * @module markdown-parse
  */
 import { Marked } from 'marked';
+import { createEditorMarkdownExtensions } from './editor-markdown-extensions.js';
 import { highlightCode, isLanguageSupported } from './highlight.js';
 const SAFE_LINK_HREF_REGEX = /^(?:https?:\/\/|\/|#|mailto:)/i;
 const SAFE_IMAGE_SRC_REGEX = /^(?:https?:\/\/|\/|data:image\/)/i;
@@ -117,6 +118,7 @@ function createRendererObject(options) {
 function createMarkedInstance(options) {
     return new Marked({
         renderer: createRendererObject(options),
+        extensions: createEditorMarkdownExtensions(),
         gfm: true,
         breaks: options.breaks,
     });