@aithe/aithe-ui 26.2.2 → 26.3.1

package/dist/core/markdown/plugins.js

@@ -0,0 +1,608 @@
+/** 安全取值：将 undefined 转为空字符串 */
+function s(value) {
+    return value ?? '';
+}
+/** HTML 转义 */
+function esc(value) {
+    return value
+        .replaceAll('&', '&')
+        .replaceAll('<', '&lt;')
+        .replaceAll('>', '&gt;')
+        .replaceAll('"', '&quot;');
+}
+/** 代码块语言别名映射 */
+const LANG_ALIAS = {
+    ts: 'typescript',
+    js: 'javascript',
+    py: 'python',
+    rb: 'ruby',
+    sh: 'bash',
+    yml: 'yaml',
+    md: 'markdown',
+    html: 'html',
+    css: 'css',
+    json: 'json',
+    xml: 'xml',
+    sql: 'sql',
+    rs: 'rust',
+    go: 'go',
+    java: 'java',
+    kt: 'kotlin',
+    swift: 'swift',
+    mjs: 'javascript',
+    cjs: 'javascript',
+    jsx: 'jsx',
+    tsx: 'tsx',
+    vue: 'vue',
+    svelte: 'svelte',
+    wasm: 'wasm',
+    dockerfile: 'dockerfile',
+    makefile: 'makefile',
+    gradle: 'gradle',
+    cmake: 'cmake',
+    tex: 'latex',
+    fs: 'fsharp',
+    ps: 'powershell',
+    pl: 'perl',
+    lua: 'lua',
+    scala: 'scala',
+    dart: 'dart',
+    r: 'r',
+    m: 'objectivec',
+    mm: 'objectivec',
+    h: 'c',
+    hpp: 'cpp',
+};
+// ── Leaf blocks / 叶子块 ──
+/**
+ * ATX 标题
+ *
+ * 匹配 `# ` `## ` `### ` … `###### ` 六级标题。
+ * 标题层级由 `#` 的数量决定。
+ */
+export const headingPlugin = {
+    name: 'heading',
+    block: (lines) => {
+        const line = lines[0];
+        if (!line)
+            return null;
+        const match = /^(#{1,6}) (.+)$/.exec(line);
+        if (!match)
+            return null;
+        const level = match[1].length;
+        const text = match[2];
+        return {
+            nodes: [{ type: 'heading', level, children: [{ type: 'text', value: text }] }],
+            consumed: 1,
+        };
+    },
+};
+/**
+ * Setext 标题
+ *
+ * 匹配下方带 `===`（一级）或 `---`（二级）的标题行。
+ */
+export const setextHeadingPlugin = {
+    name: 'setext-heading',
+    block: (lines) => {
+        if (lines.length < 2)
+            return null;
+        const text = lines[0];
+        const underline = lines[1];
+        if (!text || !underline)
+            return null;
+        const um = /^(=+|-+)\s*$/.exec(underline);
+        if (!um)
+            return null;
+        const level = um[1].startsWith('=') ? 1 : 2;
+        return {
+            nodes: [{ type: 'heading', level, children: [{ type: 'text', value: text }] }],
+            consumed: 2,
+        };
+    },
+};
+/**
+ * 分隔线
+ *
+ * 匹配三个或以上的 `-` `*` `_`（可含空格）。
+ */
+export const thematicBreakPlugin = {
+    name: 'thematic-break',
+    block: (lines) => {
+        const line = lines[0];
+        if (!line)
+            return null;
+        if (!/^[ \t]{0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/.test(line))
+            return null;
+        return { nodes: [{ type: 'thematic-break' }], consumed: 1 };
+    },
+};
+/**
+ * 围栏代码块
+ *
+ * 匹配由 ``` 或 ~~~ 包裹的代码块，支持语言标识。
+ */
+export const codeFencePlugin = {
+    name: 'code-fence',
+    block: (lines) => {
+        const first = lines[0];
+        if (!first)
+            return null;
+        const fenceMatch = /^[ \t]{0,3}(`{3,}|~{3,})([^\n]{0,200})$/.exec(first);
+        if (!fenceMatch)
+            return null;
+        const fence = fenceMatch[1];
+        const infoLine = fenceMatch[2];
+        const rawLang = infoLine.trim().split(/\s+/)[0] || '';
+        const lang = LANG_ALIAS[rawLang] || rawLang;
+        const codeLines = [];
+        let i = 1;
+        let closed = false;
+        while (i < lines.length) {
+            const line = lines[i];
+            if (line !== undefined && new RegExp(String.raw `^[ \t]{0,3}${fence}[ \t]*(?:\n|$)`).exec(line)) {
+                closed = true;
+                i++;
+                break;
+            }
+            codeLines.push(line ?? '');
+            i++;
+        }
+        if (!closed) {
+            // 未闭合：取到末尾
+        }
+        return {
+            nodes: [{ type: 'code-block', lang, value: codeLines.join('\n') }],
+            consumed: i,
+        };
+    },
+};
+/**
+ * 表格（GFM 扩展）
+ *
+ * 匹配 GFM 风格的管道表格。
+ */
+export const tablePlugin = {
+    name: 'table',
+    block: (lines) => {
+        if (lines.length < 2)
+            return null;
+        const firstLine = lines[0];
+        if (!firstLine?.includes('|'))
+            return null;
+        const secondLine = lines[1];
+        if (!secondLine?.includes('|'))
+            return null;
+        // 收集所有连续表格行
+        const tableLines = [];
+        for (const line of lines) {
+            if (line?.includes('|')) {
+                tableLines.push(line);
+            }
+            else {
+                break;
+            }
+        }
+        if (tableLines.length < 2)
+            return null;
+        const headerCells = parseTableRow(tableLines[0] ?? '');
+        if (!headerCells.length)
+            return null;
+        const alignRow = parseTableRow(tableLines[1] ?? '');
+        const aligns = alignRow.map((cell) => {
+            const trimmed = cell.trim();
+            if (trimmed.startsWith(':') && trimmed.endsWith(':'))
+                return 'center';
+            if (trimmed.endsWith(':'))
+                return 'right';
+            if (trimmed.startsWith(':'))
+                return 'left';
+            return '';
+        });
+        const header = {
+            type: 'table-row',
+            children: headerCells.map((cell) => ({
+                type: 'table-cell',
+                children: [{ type: 'text', value: cell.trim() }],
+            })),
+        };
+        const body = tableLines.slice(2).map((row) => ({
+            type: 'table-row',
+            children: parseTableRow(row).map((cell) => ({
+                type: 'table-cell',
+                children: [{ type: 'text', value: cell.trim() }],
+            })),
+        }));
+        return {
+            nodes: [{ type: 'table', header, align: aligns, body }],
+            consumed: tableLines.length,
+        };
+    },
+};
+/** 解析表格行：去除首尾 `|` 后按 `|` 分割 */
+function parseTableRow(line) {
+    const trimmed = line.trim();
+    const inner = trimmed.startsWith('|') ? trimmed.slice(1) : trimmed;
+    const end = inner.endsWith('|') ? inner.slice(0, -1) : inner;
+    return end.split('|').map((c) => c.trim());
+}
+// ── Container blocks / 容器块 ──
+/**
+ * 引用块
+ *
+ * 匹配 `> ` 开头的行。
+ */
+export const blockquotePlugin = {
+    name: 'blockquote',
+    block: (lines) => {
+        const quoteLines = [];
+        let i = 0;
+        while (i < lines.length) {
+            const line = lines[i];
+            const match = line ? /^> ?(.*)$/.exec(line) : null;
+            if (match) {
+                quoteLines.push(match[1]);
+                i++;
+            }
+            else {
+                break;
+            }
+        }
+        if (quoteLines.length === 0)
+            return null;
+        // 引用块内的内容暂存为文本段落，由外层 parser 进一步解析
+        return {
+            nodes: [
+                {
+                    type: 'blockquote',
+                    children: [
+                        { type: 'paragraph', children: [{ type: 'text', value: quoteLines.join('\n') }] },
+                    ],
+                },
+            ],
+            consumed: i,
+        };
+    },
+};
+/** Parse a single list item line. 解析单个列表项行。 */
+function parseListItem(line) {
+    const unorderedMatch = /^([-*+]) (.+)$/.exec(line);
+    if (unorderedMatch) {
+        return { marker: unorderedMatch[1], text: unorderedMatch[2], checked: null };
+    }
+    const orderedMatch = /^(\d+)\. (.+)$/.exec(line);
+    if (orderedMatch) {
+        return { marker: orderedMatch[1], text: orderedMatch[2], checked: null };
+    }
+    return null;
+}
+/**
+ * 无序 / 有序列表
+ *
+ * 匹配 `- ` `* ` `+ ` 开头的无序列表，以及 `1. ` 等有序列表。
+ */
+export const listPlugin = {
+    name: 'list',
+    block: (lines) => {
+        const items = [];
+        let i = 0;
+        let ordered = false;
+        let start = 1;
+        while (i < lines.length) {
+            const line = lines[i];
+            if (!line)
+                break;
+            const parsed = parseListItem(line);
+            if (!parsed)
+                break;
+            if (i === 0) {
+                ordered = /^\d/.test(parsed.marker);
+                if (ordered)
+                    start = Number.parseInt(parsed.marker, 10);
+            }
+            else if (ordered !== /^\d/.test(parsed.marker)) {
+                break;
+            }
+            items.push(parsed);
+            i++;
+        }
+        if (items.length === 0)
+            return null;
+        return {
+            nodes: [
+                {
+                    type: 'list',
+                    ordered,
+                    start,
+                    children: items.map((item) => ({
+                        type: 'list-item',
+                        checked: item.checked,
+                        children: [{ type: 'paragraph', children: [{ type: 'raw-inline', value: item.text }] }],
+                    })),
+                },
+            ],
+            consumed: i,
+        };
+    },
+};
+/**
+ * 任务列表（GFM 扩展）
+ *
+ * 匹配 `- [ ]`（未完成）和 `- [x]`（已完成）格式。
+ */
+export const taskListPlugin = {
+    name: 'task-list',
+    block: (lines) => {
+        const items = [];
+        let i = 0;
+        while (i < lines.length) {
+            const line = lines[i];
+            if (!line)
+                break;
+            const match = /^[-*+] \[([ xX])] (.+)$/.exec(line);
+            if (!match)
+                break;
+            items.push({ checked: match[1] !== ' ', text: match[2] });
+            i++;
+        }
+        if (items.length === 0)
+            return null;
+        return {
+            nodes: [
+                {
+                    type: 'list',
+                    ordered: false,
+                    start: 1,
+                    children: items.map((item) => ({
+                        type: 'list-item',
+                        checked: item.checked,
+                        children: [{ type: 'paragraph', children: [{ type: 'raw-inline', value: item.text }] }],
+                    })),
+                },
+            ],
+            consumed: i,
+        };
+    },
+};
+// ── Inlines / 行内 ──
+/**
+ * 加粗
+ *
+ * 匹配 `**text**` 语法，支持内部嵌套行内元素（如链接）。
+ */
+export const boldPlugin = {
+    name: 'bold',
+    inline: (text) => {
+        const match = /^\*\*(.+?)\*\*/.exec(text);
+        if (!match)
+            return null;
+        // 检查内部是否包含链接语法 [text](url)
+        const inner = match[1];
+        const linkMatch = /^\[([^[\]]+?)]\(([^()]+?)\)$/.exec(inner);
+        if (linkMatch) {
+            return {
+                nodes: [
+                    {
+                        type: 'bold',
+                        children: [
+                            {
+                                type: 'link',
+                                url: linkMatch[2],
+                                text: linkMatch[1],
+                                children: [{ type: 'text', value: linkMatch[1] }],
+                            },
+                        ],
+                    },
+                ],
+                consumed: match[0].length,
+            };
+        }
+        return {
+            nodes: [{ type: 'bold', children: [{ type: 'text', value: inner }] }],
+            consumed: match[0].length,
+        };
+    },
+};
+/**
+ * 斜体
+ *
+ * 匹配 `*text*` 或 `_text_` 语法。
+ */
+export const italicPlugin = {
+    name: 'italic',
+    inline: (text) => {
+        const match = /^([*_])(.+?)\1/.exec(text);
+        if (!match)
+            return null;
+        return {
+            nodes: [{ type: 'italic', children: [{ type: 'text', value: match[2] }] }],
+            consumed: match[0].length,
+        };
+    },
+};
+/**
+ * 行内代码
+ *
+ * 匹配 `` `code` `` 语法。
+ */
+export const codePlugin = {
+    name: 'code',
+    inline: (text) => {
+        const match = /^`(.+?)`/.exec(text);
+        if (!match)
+            return null;
+        return {
+            nodes: [{ type: 'inline-code', value: match[1] }],
+            consumed: match[0].length,
+        };
+    },
+};
+/**
+ * 删除线（GFM 扩展）
+ *
+ * 匹配 `~~text~~` 语法。
+ */
+export const delPlugin = {
+    name: 'delete',
+    inline: (text) => {
+        const match = /^~~(.+?)~~/.exec(text);
+        if (!match)
+            return null;
+        return {
+            nodes: [{ type: 'strikethrough', children: [{ type: 'text', value: match[1] }] }],
+            consumed: match[0].length,
+        };
+    },
+};
+/**
+ * 链接
+ *
+ * 匹配 `[text](url)` 语法。
+ */
+export function createLinkPlugin() {
+    return {
+        name: 'link',
+        inline: (text) => {
+            const match = /^\[([^[\]]+?)]\(([^()]+?)\)/.exec(text);
+            if (!match)
+                return null;
+            const url = match[2];
+            const textContent = match[1];
+            return {
+                nodes: [
+                    {
+                        type: 'link',
+                        url,
+                        text: textContent,
+                        children: [{ type: 'text', value: textContent }],
+                    },
+                ],
+                consumed: match[0].length,
+            };
+        },
+    };
+}
+/** 向后兼容的 linkPlugin 实例 */
+export const linkPlugin = createLinkPlugin();
+/**
+ * 图片
+ *
+ * 匹配 `![alt](url)` 语法。
+ */
+export const imagePlugin = {
+    name: 'image',
+    inline: (text) => {
+        const match = /^!\[([^[\]]*?)]\(([^()]+?)\)/.exec(text);
+        if (!match)
+            return null;
+        return {
+            nodes: [{ type: 'image', url: match[2], alt: match[1] }],
+            consumed: match[0].length,
+        };
+    },
+};
+// ── Aithe UI extensions / 扩展 ──
+/**
+ * 图标（Aithe UI 扩展）
+ *
+ * 匹配 `:iconName:` 语法（驼峰或字母开头）。
+ */
+export const iconPlugin = {
+    name: 'icon',
+    inline: (text) => {
+        const match = /^:([a-zA-Z]\w*):/.exec(text);
+        if (!match)
+            return null;
+        return {
+            nodes: [{ type: 'icon', name: match[1] }],
+            consumed: match[0].length,
+        };
+    },
+};
+// ── Emoji 映射表 ──
+const EMOJI_MAP = {
+    smile: '😄',
+    grin: '😁',
+    joy: '😂',
+    wink: '😉',
+    blush: '😊',
+    heart_eyes: '😍',
+    kissing_heart: '😘',
+    sob: '😭',
+    angry: '😡',
+    scream: '😱',
+    cry: '😢',
+    sleepy: '😴',
+    mask: '😷',
+    sunglasses: '😎',
+    confused: '😕',
+    neutral: '😐',
+    expressionless: '😑',
+    smirk: '😏',
+    thumbsup: '👍',
+    thumbsdown: '👎',
+    ok_hand: '👌',
+    wave: '👋',
+    clap: '👏',
+    raised_hands: '🙌',
+    pray: '🙏',
+    muscle: '💪',
+    fire: '🔥',
+    rocket: '🚀',
+    star: '⭐',
+    sparkles: '✨',
+    check: '✅',
+    x: '❌',
+    warning: '⚠️',
+    info: 'ℹ️',
+    question: '❓',
+    exclamation: '❗',
+    mail: '📧',
+    phone: '📞',
+    home: '🏠',
+    lock: '🔒',
+    unlock: '🔓',
+    key: '🔑',
+    bulb: '💡',
+    gear: '⚙️',
+    chart: '📊',
+    calendar: '📅',
+    clock: '🕐',
+    book: '📖',
+    pencil: '✏️',
+    scissors: '✂️',
+    link: '🔗',
+    tag: '🏷️',
+    folder: '📁',
+    file: '📄',
+    search: '🔍',
+    cart: '🛒',
+    gift: '🎁',
+    trophy: '🏆',
+    medal: '🥇',
+    bug: '🐛',
+    note: '📝',
+    flag: '🚩',
+    heart: '❤️',
+    plus: '➕',
+    minus: '➖',
+};
+/**
+ * Emoji 短代码（Aithe UI 扩展）
+ *
+ * 匹配 `:emoji_name:` 语法（小写字母 + 下划线），将短代码映射为 Unicode Emoji。
+ */
+export const emojiPlugin = {
+    name: 'emoji',
+    inline: (text) => {
+        const match = /^:([a-z_][a-z0-9_]*):/.exec(text);
+        if (!match)
+            return null;
+        const name = match[1];
+        const unicode = EMOJI_MAP[name];
+        if (unicode) {
+            return { nodes: [{ type: 'emoji', name, unicode }], consumed: match[0].length };
+        }
+        return { nodes: [{ type: 'text', value: match[0] }], consumed: match[0].length };
+    },
+};