@8btc/mditor 0.0.6 → 0.0.8

package/dist/method.d.ts

@@ -47,5 +47,9 @@ declare class Vditor {
     static setCodeTheme: (codeTheme: string, cdn?: string) => void;
     /** 设置内容主题 */
     static setContentTheme: (contentTheme: string, path: string) => void;
+    /**
+     * 外部更新行号：传入实例并根据配置进行同步/节流更新
+     */
+    static updateLineNumbers(instance: any, immediate?: boolean): void;
 }
 export default Vditor;

package/dist/method.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.3 - A markdown editor written in TypeScript.
+ * Vditor v0.0.7 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -45,7 +45,7 @@ return /******/ (() => { // webpackBootstrap
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
 /* unused harmony export VDITOR_VERSION */
-var _VDITOR_VERSION = (/* unused pure expression or super */ null && ("0.0.3"));
+var _VDITOR_VERSION = (/* unused pure expression or super */ null && ("0.0.7"));
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -347,7 +347,7 @@ var Constants = /** @class */ (function () {
         "c#",
         "bat",
     ];
-    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.3");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.7");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -1789,6 +1789,30 @@ var flowchartRender = function (element, cdn) {
 };
 
 
+/***/ }),
+
+/***/ 210:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "O": () => (/* binding */ getMarkdown)
+/* harmony export */ });
+/* harmony import */ var _util_code160to32__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(105);
+
+var getMarkdown = function (vditor) {
+    if (vditor.currentMode === "sv") {
+        return (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_0__/* .code160to32 */ .X)("".concat(vditor.sv.element.textContent, "\n").replace(/\n\n$/, "\n"));
+    }
+    else if (vditor.currentMode === "wysiwyg") {
+        return vditor.lute.VditorDOM2Md(vditor.wysiwyg.element.innerHTML);
+    }
+    else if (vditor.currentMode === "ir") {
+        return vditor.lute.VditorIRDOM2Md(vditor.ir.element.innerHTML);
+    }
+    return "";
+};
+
+
 /***/ }),
 
 /***/ 483:
@@ -3371,6 +3395,479 @@ var addStyle = function (url, id) {
 };
 
 
+/***/ }),
+
+/***/ 626:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "t": () => (/* binding */ attachLineNumbersToBlocks),
+/* harmony export */   "g": () => (/* binding */ attachLineNumbersToBlocksThrottled)
+/* harmony export */ });
+/**
+ * 为编辑区域添加行号标记：
+ * - 为所有包含 `data-block` 的块级节点写入 `data-linenumber`
+ * - 额外为每个 `ul` 的直接 `li` 子元素写入 `data-linenumber`（不修改 `ul` 本身）
+ * 通过解析传入的 Markdown 源文本，建立内容到源文件行号的映射，
+ * 兼顾多行文本、嵌套列表、重复内容及空白/特殊字符，并提供基础错误保护。
+ */
+var attachLineNumbersToBlocks = function (root, sourceMarkdown) {
+    if (!root || !sourceMarkdown) {
+        return;
+    }
+    var ZWSP = "\u200b";
+    var normalize = function (text) {
+        return text
+            .replace(/\r\n|\r/g, "\n")
+            .replace(new RegExp(ZWSP, "g"), "")
+            .replace(/\u00a0/g, " ")
+            .replace(/\u2006/g, "")
+            .replace(/[\t\f\v ]+/g, " ");
+    };
+    var srcNorm = normalize(sourceMarkdown);
+    var srcLines = srcNorm.split("\n");
+    var stripInlineMD = function (text) {
+        return (text
+            .replace(/\\([*_`~])/g, "$1")
+            .replace(/\*\*|__/g, "")
+            .replace(/\*|_/g, "")
+            .replace(/~~/g, "")
+            .replace(/`+/g, "")
+            // 数学行内分隔符：保留内容，仅移除分隔符
+            .replace(/\\\(/g, "(")
+            .replace(/\\\)/g, ")")
+            .replace(/\\\[/g, "[")
+            .replace(/\\\]/g, "]")
+            .replace(/\$/g, "")
+            .trim());
+    };
+    var stripInlineForList = function (text) {
+        return (stripInlineMD(text)
+            // 移除 $...$（行内公式整体）
+            .replace(/\$(?:\\.|[^$])*\$/g, "")
+            // 移除 \(...\)、\[...\]（行内/行间公式整体）
+            .replace(/\\\([^)]*\\\)/g, "")
+            .replace(/\\\[[^\]]*\\\]/g, "")
+            // 去除通用 TeX 命令，如 \alpha、\mathbf 等
+            .replace(/\\[a-zA-Z]+/g, "")
+            // 去除多余大括号
+            .replace(/[{}]/g, "")
+            .trim());
+    };
+    var strippedLines = srcLines.map(function (l) { return stripInlineMD(l); });
+    var lineLookup = new Map();
+    for (var i = 0; i < strippedLines.length; i++) {
+        var key = strippedLines[i];
+        if (!lineLookup.has(key)) {
+            lineLookup.set(key, [i + 1]);
+        }
+        else {
+            lineLookup.get(key).push(i + 1);
+        }
+    }
+    var usedLines = new Set();
+    var pickFirstUnused = function (candidates) {
+        if (!candidates || candidates.length === 0)
+            return -1;
+        for (var _i = 0, candidates_1 = candidates; _i < candidates_1.length; _i++) {
+            var ln = candidates_1[_i];
+            if (!usedLines.has(ln))
+                return ln;
+        }
+        return -1;
+    };
+    var findLineNumberByText = function (text) {
+        var stripped = stripInlineMD(text);
+        var ln = pickFirstUnused(lineLookup.get(stripped));
+        if (ln !== -1)
+            return ln;
+        for (var i = 0; i < strippedLines.length; i++) {
+            if (!usedLines.has(i + 1) &&
+                stripped &&
+                strippedLines[i].indexOf(stripped) !== -1) {
+                return i + 1;
+            }
+        }
+        return -1;
+    };
+    /**
+     * 预处理：收集 Markdown 中所有无序列表（ul）行及其去除行内标记后的内容，构建快速查找结构。
+     * 仅匹配以 `*`、`-`、`+` 开头的条目，支持任务列表如 `- [ ]`、`* [x]`。
+     */
+    var unorderedListEntries = [];
+    var unorderedLookup = new Map();
+    var usedUnorderedLines = new Set();
+    for (var i = 0; i < srcLines.length; i++) {
+        var raw = srcLines[i];
+        var m = raw.match(/^\s*[*+-]\s+(?:\[(?: |x|X)\]\s+)?(.*)$/);
+        if (m && typeof m[1] === "string") {
+            var contentStripped = stripInlineForList(m[1]);
+            unorderedListEntries.push({ ln: i + 1, content: contentStripped });
+            if (!unorderedLookup.has(contentStripped)) {
+                unorderedLookup.set(contentStripped, [i + 1]);
+            }
+            else {
+                unorderedLookup.get(contentStripped).push(i + 1);
+            }
+        }
+    }
+    /**
+     * 从无序列表候选行中为给定文本选择一个行号。
+     * 优先精确匹配（去标记后完全相同），否则回退到包含匹配。
+     */
+    var pickFirstUnusedUnordered = function (candidates) {
+        if (!candidates || candidates.length === 0)
+            return -1;
+        for (var _i = 0, candidates_2 = candidates; _i < candidates_2.length; _i++) {
+            var ln = candidates_2[_i];
+            if (!usedUnorderedLines.has(ln))
+                return ln;
+        }
+        return -1;
+    };
+    var findUnorderedListLineNumber = function (text) {
+        var stripped = stripInlineForList(text);
+        // 先尝试精确匹配
+        var exact = pickFirstUnusedUnordered(unorderedLookup.get(stripped));
+        if (exact !== -1)
+            return exact;
+        // 回退到包含匹配
+        for (var i = 0; i < unorderedListEntries.length; i++) {
+            var entry = unorderedListEntries[i];
+            if (usedUnorderedLines.has(entry.ln))
+                continue;
+            if (!stripped)
+                continue;
+            if (entry.content.indexOf(stripped) !== -1 ||
+                stripped.indexOf(entry.content) !== -1) {
+                return entry.ln;
+            }
+        }
+        return -1;
+    };
+    /**
+     * 预处理：收集 Markdown 中所有有序列表（ol）行及其内容，支持 `1.` 或 `1)` 以及任务列表前缀。
+     */
+    var orderedListEntries = [];
+    var orderedLookup = new Map();
+    var usedOrderedLines = new Set();
+    var ORDERED_RE = /\s*\d+(?:[.)、．。]|[\uFF0E\uFF09\u3001])\s+(?:\[(?: |x|X)\]\s+)?(.*)/;
+    var ORDERED_FULL = new RegExp("^".concat(ORDERED_RE.source, "$"));
+    for (var i = 0; i < srcLines.length; i++) {
+        var raw = srcLines[i];
+        var m = raw.match(ORDERED_FULL);
+        if (m && typeof m[1] === "string") {
+            var contentStripped = stripInlineForList(m[1]);
+            orderedListEntries.push({ ln: i + 1, content: contentStripped });
+            if (!orderedLookup.has(contentStripped)) {
+                orderedLookup.set(contentStripped, [i + 1]);
+            }
+            else {
+                orderedLookup.get(contentStripped).push(i + 1);
+            }
+        }
+    }
+    console.debug("[LineNumber][ol:index]", {
+        total: orderedListEntries.length,
+    });
+    var orderedGroups = [];
+    for (var i = 0; i < srcLines.length;) {
+        var raw = srcLines[i];
+        if (ORDERED_FULL.test(raw)) {
+            var group = [];
+            while (i < srcLines.length && ORDERED_FULL.test(srcLines[i])) {
+                group.push(i + 1);
+                i++;
+            }
+            if (group.length > 0) {
+                orderedGroups.push(group);
+            }
+        }
+        else {
+            i++;
+        }
+    }
+    /**
+     * 为给定文本在有序列表候选中选择行号，精确匹配优先，包含匹配回退。
+     */
+    var pickFirstUnusedOrdered = function (candidates) {
+        if (!candidates || candidates.length === 0)
+            return -1;
+        for (var _i = 0, candidates_3 = candidates; _i < candidates_3.length; _i++) {
+            var ln = candidates_3[_i];
+            if (!usedOrderedLines.has(ln))
+                return ln;
+        }
+        return -1;
+    };
+    var findOrderedListLineNumber = function (text) {
+        var stripped = stripInlineForList(text);
+        var exact = pickFirstUnusedOrdered(orderedLookup.get(stripped));
+        if (exact !== -1)
+            return exact;
+        for (var i = 0; i < orderedListEntries.length; i++) {
+            var entry = orderedListEntries[i];
+            if (usedOrderedLines.has(entry.ln))
+                continue;
+            if (!stripped)
+                continue;
+            if (entry.content.indexOf(stripped) !== -1 ||
+                stripped.indexOf(entry.content) !== -1) {
+                return entry.ln;
+            }
+        }
+        return -1;
+    };
+    /**
+     * 获取 `li` 的直接内容文本：仅拼接其直系子节点中的文本，排除嵌套的 `UL/OL` 列表。
+     * 以便在嵌套列表场景下准确定位每个条目对应的源行。
+     */
+    var getImmediateLiText = function (li) {
+        var buf = "";
+        li.childNodes.forEach(function (node) {
+            var _a;
+            if (node.nodeType === 3) {
+                buf += node.data;
+            }
+            else if (node.tagName !== "UL" &&
+                node.tagName !== "OL" &&
+                !((_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains("katex"))) {
+                buf += node.textContent || "";
+            }
+        });
+        return buf;
+    };
+    var blocks = root.querySelectorAll("[data-block]");
+    blocks.forEach(function (el) {
+        try {
+            var container = el;
+            var dataType = container.getAttribute("data-type") || "";
+            if (dataType === "math-block" || dataType === "code-block") {
+                return;
+            }
+            // 仅 li 需要行号：跳过并清理 ul/ol 自身及其内部嵌套的 p/div 等块
+            var tagName = container.tagName;
+            if (tagName === "UL" || tagName === "OL") {
+                container.removeAttribute("data-linenumber");
+                return;
+            }
+            var liAncestor = container.closest("li");
+            if (liAncestor) {
+                container.removeAttribute("data-linenumber");
+                return;
+            }
+            var text = container.textContent || "";
+            var normText = normalize(text);
+            // 跳过纯空白块
+            if (!normText.trim()) {
+                container.removeAttribute("data-linenumber");
+                return;
+            }
+            var lineNumber = -1;
+            if (tagName === "BLOCKQUOTE") {
+                var firstLine = normText.split("\n").find(function (l) { return l.trim().length > 0; }) ||
+                    normText;
+                var stripped = stripInlineMD(firstLine);
+                for (var i = 0; i < srcLines.length; i++) {
+                    if (usedLines.has(i + 1))
+                        continue;
+                    if (/^\s*>+\s/.test(srcLines[i])) {
+                        var content = stripInlineMD(srcLines[i].replace(/^\s*>+\s+/, ""));
+                        if (content.indexOf(stripped) !== -1) {
+                            lineNumber = i + 1;
+                            break;
+                        }
+                    }
+                }
+            }
+            else {
+                var firstLine = normText.split("\n").find(function (l) { return l.trim().length > 0; }) ||
+                    normText;
+                lineNumber = findLineNumberByText(firstLine);
+            }
+            if (lineNumber !== -1) {
+                usedLines.add(lineNumber);
+                container.setAttribute("data-linenumber", String(lineNumber));
+            }
+        }
+        catch (_a) {
+            void 0;
+        }
+    });
+    /**
+     * 为所有 `ul` 下的每个直接 `li` 子元素追加 `data-linenumber`，不修改 `ul` 本身。
+     * 支持多层嵌套与非文本起始节点（如加粗/行内代码）。
+     */
+    var ulElements = root.querySelectorAll("ul");
+    ulElements.forEach(function (ul) {
+        try {
+            var children = Array.from(ul.children);
+            for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+                var child = children_1[_i];
+                if (child.tagName !== "LI")
+                    continue;
+                var li = child;
+                var rawText = getImmediateLiText(li);
+                var norm = normalize(rawText);
+                var firstLine = norm.split("\n").find(function (l) { return l.trim().length > 0; }) || norm;
+                var ln = findUnorderedListLineNumber(firstLine);
+                if (ln !== -1) {
+                    usedUnorderedLines.add(ln);
+                    li.setAttribute("data-linenumber", String(ln));
+                }
+                else {
+                    li.setAttribute("data-linenumber", "");
+                }
+            }
+        }
+        catch (_a) {
+            void 0;
+        }
+    });
+    /**
+     * 为所有 `ol` 下的每个直接 `li` 子元素追加 `data-linenumber`，不修改 `ol` 本身。
+     */
+    var olElements = root.querySelectorAll("ol");
+    olElements.forEach(function (ol) {
+        try {
+            var currentGroupIdx = -1;
+            var lastAssigned_1 = -1;
+            var children = Array.from(ol.children);
+            for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {
+                var child = children_2[_i];
+                if (child.tagName !== "LI")
+                    continue;
+                var li = child;
+                var rawText = getImmediateLiText(li);
+                var norm = normalize(rawText);
+                var firstLine = norm.split("\n").find(function (l) { return l.trim().length > 0; }) || norm;
+                var stripped0 = stripInlineForList(firstLine);
+                var stripped = stripped0 || stripInlineMD(firstLine);
+                var candidates = orderedLookup.get(stripped) || [];
+                var available = candidates.filter(function (n) { return !usedOrderedLines.has(n); });
+                var ln = findOrderedListLineNumber(firstLine);
+                if (ln !== -1) {
+                    usedOrderedLines.add(ln);
+                    li.setAttribute("data-linenumber", String(ln));
+                    // 成功映射日志
+                    console.debug("[LineNumber][ol>li]", {
+                        text: firstLine,
+                        stripped: stripped,
+                        line: ln,
+                    });
+                    // 记录当前组
+                    for (var gi = 0; gi < orderedGroups.length; gi++) {
+                        if (orderedGroups[gi].includes(ln)) {
+                            currentGroupIdx = gi;
+                            break;
+                        }
+                    }
+                    lastAssigned_1 = ln;
+                }
+                else {
+                    // 顺序回退：基于当前组或猜测组，按序分配下一未使用行
+                    var assigned = -1;
+                    var pickNextFromGroup = function (gi) {
+                        if (gi < 0 || gi >= orderedGroups.length)
+                            return -1;
+                        var lines = orderedGroups[gi];
+                        // 优先从上次分配后续查找
+                        var startIdx = 0;
+                        if (lastAssigned_1 !== -1) {
+                            var idx = lines.indexOf(lastAssigned_1);
+                            startIdx = idx >= 0 ? idx + 1 : 0;
+                        }
+                        for (var k = startIdx; k < lines.length; k++) {
+                            var cand = lines[k];
+                            if (!usedOrderedLines.has(cand))
+                                return cand;
+                        }
+                        for (var k = 0; k < startIdx; k++) {
+                            var cand = lines[k];
+                            if (!usedOrderedLines.has(cand))
+                                return cand;
+                        }
+                        return -1;
+                    };
+                    if (currentGroupIdx !== -1) {
+                        assigned = pickNextFromGroup(currentGroupIdx);
+                    }
+                    if (assigned === -1) {
+                        // 猜测组：选择拥有可用行的首个组
+                        for (var gi = 0; gi < orderedGroups.length && assigned === -1; gi++) {
+                            var cand = pickNextFromGroup(gi);
+                            if (cand !== -1) {
+                                currentGroupIdx = gi;
+                                assigned = cand;
+                            }
+                        }
+                    }
+                    if (assigned !== -1) {
+                        usedOrderedLines.add(assigned);
+                        li.setAttribute("data-linenumber", String(assigned));
+                        console.debug("[LineNumber][ol>li][fallback-seq]", {
+                            text: firstLine,
+                            stripped: stripped,
+                            line: assigned,
+                            group: currentGroupIdx,
+                        });
+                        lastAssigned_1 = assigned;
+                    }
+                    else {
+                        li.setAttribute("data-linenumber", "");
+                        // 失败诊断日志
+                        console.warn("[LineNumber][ol>li][missing]", {
+                            text: firstLine,
+                            stripped: stripped,
+                            candidates: candidates,
+                            available: available,
+                            reason: !stripped0
+                                ? "empty-after-strip"
+                                : candidates.length === 0
+                                    ? "no-index-candidates"
+                                    : available.length === 0
+                                        ? "all-candidates-consumed"
+                                        : "fallback-no-match",
+                        });
+                    }
+                }
+            }
+        }
+        catch (_a) {
+            void 0;
+        }
+    });
+};
+/**
+ * 节流后的行号更新函数，避免频繁更新 data-linenumber
+ */
+var attachLineNumbersToBlocksThrottled = (function () {
+    var last = 0;
+    var timer = 0;
+    var lastArgs = null;
+    var wait = 500;
+    var invoke = function () {
+        timer = 0;
+        last = Date.now();
+        var args = lastArgs;
+        lastArgs = null;
+        if (args) {
+            attachLineNumbersToBlocks(args[0], args[1]);
+        }
+    };
+    return function (root, source) {
+        var now = Date.now();
+        lastArgs = [root, source];
+        if (now - last >= wait) {
+            invoke();
+        }
+        else if (!timer) {
+            timer = window.setTimeout(invoke, wait - (now - last));
+        }
+    };
+})();
+
+
 /***/ }),
 
 /***/ 105:
@@ -4450,6 +4947,10 @@ var previewRender = function (previewElement, markdown, options) { return __awai
 var preview_image = __webpack_require__(190);
 // EXTERNAL MODULE: ./src/ts/ui/setCodeTheme.ts
 var setCodeTheme = __webpack_require__(580);
+// EXTERNAL MODULE: ./src/ts/markdown/getMarkdown.ts
+var getMarkdown = __webpack_require__(210);
+// EXTERNAL MODULE: ./src/ts/util/attachLineNumbers.ts
+var attachLineNumbers = __webpack_require__(626);
 ;// CONCATENATED MODULE: ./src/method.ts
 
 
@@ -4469,12 +4970,35 @@ var setCodeTheme = __webpack_require__(580);
 
 
 
+
+
 
 
 
 var Vditor = /** @class */ (function () {
     function Vditor() {
     }
+    /**
+     * 外部更新行号：传入实例并根据配置进行同步/节流更新
+     */
+    Vditor.updateLineNumbers = function (instance, immediate) {
+        var _a, _b;
+        if (immediate === void 0) { immediate = false; }
+        try {
+            var v = (_a = instance === null || instance === void 0 ? void 0 : instance.vditor) !== null && _a !== void 0 ? _a : instance;
+            if (!((_b = v === null || v === void 0 ? void 0 : v.options) === null || _b === void 0 ? void 0 : _b.lineNumber))
+                return;
+            var text = (0,getMarkdown/* getMarkdown */.O)(v);
+            var root = v[v.currentMode].element;
+            if (immediate) {
+                (0,attachLineNumbers/* attachLineNumbersToBlocks */.t)(root, text);
+            }
+            else {
+                (0,attachLineNumbers/* attachLineNumbersToBlocksThrottled */.g)(root, text);
+            }
+        }
+        catch (_c) { }
+    };
     /** 点击图片放大 */
     Vditor.adapterRender = adapterRender;
     /** 点击图片放大 */