dsh-md-plus 0.4.4 → 0.4.5

package/CHANGELOG.md

@@ -1,6 +1,21 @@
 # 更新日志
 
-## 0.4.4 —— 未发布
+## 0.4.5 —— 2026-11-03
+
+- 修复保存设置时无条件重绘所有 Mermaid 图、重置所有折叠状态的问题：只对真正变化的设置项执行重绘或重新测量，用户手动展开的长代码块和长表格不会被折叠回去。
+- 优化长会话性能：流式输出期间跳过历史代码块的重复装饰；缓存设置读取，折叠扫描每轮只取一次阈值；同一轮扫描复用 Mermaid 图类型判断。
+- 降低长会话内存：高亮去重键从 DOM 属性改为 WeakMap，避免完整源码复制进页面属性；定期清理已脱离文档的插件按钮。
+- 工程化：`npm run check` 先构建再测试；补声明 `@shikijs/langs` 直接依赖；`publishConfig` 固定 npmjs registry；预览和展示脚本从 `package.json` 读取版本。
+- 新增维护者发版脚本：自动修改 CHANGELOG 发布日期、提交、打 tag、推送代码和 tag，支持 `npm run release:dry` 预览。
+- 修复 Mermaid「下载 PNG」不可用：Mermaid 改用 SVG 文本标签，避免 `foreignObject` 污染 canvas；导出失败时按钮会给出提示；新增 `npm run smoke` 真实浏览器验证。
+- 修复折叠表格的 resize 监听泄漏和侧栏宽度变化时按钮偏位：表格卸载时自动清理监听，按钮位置改用 `ResizeObserver` 跟随。
+- 修复合法 Mermaid 图的节点标签包含「Syntax error in text」时被误判为渲染失败。
+- 修复表格复制按钮的反馈文案显示到另一颗按钮、剪贴板 API 被拒时没有 textarea 兜底；设置面板和图片预览打开时锁定背景滚动并约束键盘焦点；离开 Markdown 页面时移除设置齿轮。
+- 修复 localStorage 读成功但写入失败时 Mermaid 配色只在存储里变化、当前会话不生效的问题。
+- README 预览图改用 GitHub Pages 绝对地址，npm 包页面也能正常显示。
+- 测试补到 85 条，补强设置保存不重置折叠、只改字号不重绘 Mermaid、流式输出不插按钮、源码不复制进属性、剪贴板降级、弹层滚动和主题存储等回归用例。
+
+## 0.4.4 —— 2026-11-01
 
 - 修复表格折叠按钮在低阈值和展开/收起后漂移、消失的问题：补齐表格折叠高度规则、重置滚动位置，并给按钮阴影留出空间。
 

package/README.md

@@ -2,7 +2,7 @@
 
 给 DeepSeek Harness Web / Desktop 的 Markdown 阅读增强插件：重做代码块卡片、给 DSH 不认识的语言补语法高亮、自己渲染 mermaid 图形、重做表格样式并支持复制、图片点击放大，以及一个调整显示参数的设置面板。
 
-[![dsh-md-plus 显示效果预览](<docs/preview.png>)](https://josephhy.github.io/dsh-md-plus/docs/showcase/)
+[![dsh-md-plus 显示效果预览](https://josephhy.github.io/dsh-md-plus/docs/preview.png)](https://josephhy.github.io/dsh-md-plus/docs/showcase/)
 
 ## 功能
 
@@ -27,9 +27,12 @@ dsh plugin --profile desktop remove dsh-md-plus
 ```powershell
 npm install       # 顺带跑 prepare → build
 npm run build     # 产出 lib/ 下四个文件
-npm run check     # 语法检查 + 78 条测试（先 build 再跑，check 不含 build）
+npm run check     # 构建 + 语法检查 + 85 条测试（check 会先 build）
+npm run release:dry # 维护者发版：先看 CHANGELOG 日期 + 提交 + tag + push 计划
+npm run release   # 维护者发版：改 CHANGELOG 日期 + 提交 + 打 tag + 推送（tag 会触发 GitHub Actions 自动发 npm）
 npm run preview   # 生成 preview.html（含真渲出来的 mermaid 图）
 npm run shot      # 用 headless Chrome 把 preview.html 截成 docs/preview.png
+npm run smoke     # 用本机 Chrome 验证 Mermaid 渲染和 PNG 导出（Chrome 路径可用 CHROME_PATH 覆盖）
 ```
 
 `npm run preview` / `scripts/showcase.mjs` 需要读取 DSH 安装目录里的主题和前端资源；如果本机 DSH 是 `app.asar` 包，请先解包到目录，并把 `DSH_APP_DIR` 指向该目录。

package/lib/client.js

@@ -65,6 +65,7 @@ window.__ModuleLoader__.load({
         fit: "\u9002\u5E94\u6574\u56FE",
         downloadSvg: "\u4E0B\u8F7D SVG",
         downloadPng: "\u4E0B\u8F7D PNG",
+        exportFailed: "\u5BFC\u51FA\u5931\u8D25\uFF0C\u8BF7\u6539\u7528 SVG",
         close: "\u5173\u95ED",
         tableCsv: "CSV",
         tableMd: "Markdown",
@@ -118,6 +119,7 @@ window.__ModuleLoader__.load({
         fit: "Fit",
         downloadSvg: "Download SVG",
         downloadPng: "Download PNG",
+        exportFailed: "Export failed; try SVG instead",
         close: "Close",
         tableCsv: "CSV",
         tableMd: "Markdown",
@@ -154,7 +156,6 @@ window.__ModuleLoader__.load({
     }
     var MODAL_CLASS = "md-plus-mmd-modal";
     var DONE_ATTR = "data-md-plus";
-    var KEY_ATTR = "data-md-plus-key";
     var WRAP_ATTR = "data-md-plus-wrap";
     var MMD_ATTR = "data-md-plus-mmd";
     var FOLD_ATTR = "data-md-plus-fold";
@@ -180,7 +181,10 @@ window.__ModuleLoader__.load({
     var DEBOUNCE_MS = 160;
     var memorySettings = null;
     var memoryTheme = null;
+    var settingsCache = null;
+    var themeCache = null;
     function readSettings() {
+      if (settingsCache !== null) return { ...settingsCache };
       var settings = { ...DEFAULT_SETTINGS };
       try {
         var raw = window.localStorage.getItem(SETTINGS_KEY);
@@ -198,12 +202,14 @@ window.__ModuleLoader__.load({
         }
         memorySettings = { ...settings };
       } catch {
-        if (memorySettings !== null) return { ...DEFAULT_SETTINGS, ...memorySettings };
+        if (memorySettings !== null) settings = { ...DEFAULT_SETTINGS, ...memorySettings };
       }
-      return settings;
+      settingsCache = { ...settings };
+      return { ...settingsCache };
     }
     function saveSettings(next) {
       memorySettings = { ...next };
+      settingsCache = { ...next };
       try {
         window.localStorage.setItem(SETTINGS_KEY, JSON.stringify(next));
       } catch {
@@ -536,6 +542,11 @@ window.__ModuleLoader__.load({
     var scripts = /* @__PURE__ */ new Map();
     var pending = /* @__PURE__ */ new Set();
     var foldSyncs = /* @__PURE__ */ new WeakMap();
+    var foldTargets = /* @__PURE__ */ new Set();
+    var foldResizeObserver = null;
+    var foldResizeHandler = null;
+    var diagramKindCache = /* @__PURE__ */ new WeakMap();
+    var cacheKeys = /* @__PURE__ */ new WeakMap();
     var timer = null;
     var rescanQueued = false;
     var injected = /* @__PURE__ */ new Set();
@@ -668,7 +679,7 @@ window.__ModuleLoader__.load({
       var single = MMD_SINGLE.exec(value);
       return single === null ? null : single[1];
     }
-    function diagramKind(block) {
+    function computeDiagramKind(block) {
       var lang = readLang(block);
       if (MMD_LANGS.has(lang)) return "diagram";
       if (lang !== "") return null;
@@ -676,12 +687,22 @@ window.__ModuleLoader__.load({
       if (pre === null) return null;
       return sniffDiagramType(pre.textContent ?? "") === null ? null : "diagram";
     }
+    function diagramKind(block) {
+      if (diagramKindCache.has(block)) return diagramKindCache.get(block);
+      var kind = computeDiagramKind(block);
+      diagramKindCache.set(block, kind);
+      return kind;
+    }
     function isOurs(node) {
       var element = node?.nodeType === 1 ? node : node?.parentElement;
       return element?.closest?.(
-        "." + HOST_CLASS + ", ." + BTN_CLASS + ", ." + MMD_CLASS + ", ." + FOLD_BTN_CLASS + ", ." + TABLE_TOOLS_CLASS + ", ." + IMG_MODAL_CLASS + ", ." + SETTINGS_BTN_CLASS + ", ." + SETTINGS_MODAL_CLASS
+        "." + HOST_CLASS + ", ." + BTN_CLASS + ", ." + MMD_CLASS + ", ." + FOLD_BTN_CLASS + ", ." + TABLE_TOOLS_CLASS + ", ." + IMG_MODAL_CLASS + ", ." + MODAL_CLASS + ", ." + SETTINGS_BTN_CLASS + ", ." + SETTINGS_MODAL_CLASS
       ) != null;
     }
+    function closestStreaming(node) {
+      var element = node?.nodeType === 1 ? node : node?.parentElement;
+      return element?.closest?.("[data-streaming]") ?? null;
+    }
     function schedule(block) {
       if (disposed) return;
       if (block !== void 0) pending.add(block);
@@ -692,6 +713,11 @@ window.__ModuleLoader__.load({
     function flush() {
       timer = null;
       if (disposed) return;
+      for (const node of injected) {
+        if (!node.isConnected) injected.delete(node);
+      }
+      cleanupFoldTargets();
+      diagramKindCache = /* @__PURE__ */ new WeakMap();
       if (rescanQueued) {
         rescanQueued = false;
         for (const block of document.querySelectorAll(BLOCK)) pending.add(block);
@@ -699,6 +725,7 @@ window.__ModuleLoader__.load({
       var batch = Array.from(pending);
       pending.clear();
       for (const block of batch) {
+        if (closestStreaming(block) !== null) continue;
         decorate(block);
         void enhance(block);
       }
@@ -711,6 +738,7 @@ window.__ModuleLoader__.load({
           redrawDiagrams();
           return;
         }
+        if (closestStreaming(record.target) !== null) continue;
         if (isOurs(record.target)) continue;
         var added = record.addedNodes;
         var oursOnly = added.length > 0;
@@ -727,7 +755,7 @@ window.__ModuleLoader__.load({
     function redrawDiagrams() {
       for (const block of document.querySelectorAll("[" + MMD_ATTR + "]")) {
         if (block.getAttribute(MMD_ATTR) === "failed") continue;
-        block.removeAttribute(KEY_ATTR);
+        cacheKeys.delete(block);
         pending.add(block);
       }
       schedule();
@@ -779,7 +807,7 @@ window.__ModuleLoader__.load({
         titleKey: "retry",
         ariaKey: "retryAria",
         run: (block) => {
-          block.removeAttribute(KEY_ATTR);
+          cacheKeys.delete(block);
           block.removeAttribute(MMD_ATTR);
           block.querySelector("." + MMD_CLASS + "-error")?.remove();
           void enhance(block);
@@ -832,13 +860,13 @@ window.__ModuleLoader__.load({
       if (host === null) return false;
       if (content.querySelector("pre.shiki:not(.md-plus-pre)") === null) return false;
       host.remove();
-      block.removeAttribute(KEY_ATTR);
+      cacheKeys.delete(block);
       block.removeAttribute(DONE_ATTR);
       return true;
     }
     async function enhance(block) {
       if (!block.isConnected) return;
-      if (block.closest("[data-streaming]") !== null) return;
+      if (closestStreaming(block) !== null) return;
       var content = block.querySelector(CONTENT);
       if (content === null) return;
       if (releaseTakenOver(block, content)) return;
@@ -858,7 +886,7 @@ window.__ModuleLoader__.load({
       var code = pre.textContent ?? "";
       if (code.trim() === "") return;
       var key = lang + "\0" + code;
-      if (block.getAttribute(KEY_ATTR) === key) return;
+      if (cacheKeys.get(block) === key) return;
       var html;
       try {
         html = await api.highlight(code, lang);
@@ -883,21 +911,27 @@ window.__ModuleLoader__.load({
       content.querySelector("." + HOST_CLASS)?.remove();
       resetFold(content);
       pre.after(host);
-      block.setAttribute(KEY_ATTR, key);
+      cacheKeys.set(block, key);
       block.setAttribute(DONE_ATTR, "done");
       scheduleFold(content, foldLimit("code"));
     }
     function getMermaidTheme() {
+      if (themeCache !== null) return themeCache;
       try {
         var saved = window.localStorage.getItem(THEME_KEY);
         if (saved !== null && THEME_ORDER.indexOf(saved) !== -1) {
           memoryTheme = saved;
+          themeCache = saved;
           return saved;
         }
         memoryTheme = null;
       } catch {
-        if (memoryTheme !== null) return memoryTheme;
+        if (memoryTheme !== null) {
+          themeCache = memoryTheme;
+          return memoryTheme;
+        }
       }
+      themeCache = "blue";
       return "blue";
     }
     function themeLabel(name) {
@@ -915,6 +949,7 @@ window.__ModuleLoader__.load({
       var index = THEME_ORDER.indexOf(current);
       var next = THEME_ORDER[(index + 1) % THEME_ORDER.length];
       memoryTheme = next;
+      themeCache = next;
       try {
         window.localStorage.setItem(THEME_KEY, next);
       } catch {
@@ -926,7 +961,7 @@ window.__ModuleLoader__.load({
       var code = (pre.textContent ?? "").trim();
       if (code === "") return;
       var key = "mmd\0" + code;
-      if (block.getAttribute(KEY_ATTR) === key) return;
+      if (cacheKeys.get(block) === key) return;
       var api = await loadScript(MMD_URL, MMD_GLOBAL);
       if (disposed || api === null) return;
       if (!pre.isConnected) return;
@@ -959,7 +994,7 @@ window.__ModuleLoader__.load({
       if (viewport !== null) bindViewport(block, viewport);
       pre.before(host);
       content.querySelector("." + MMD_CLASS + "-error")?.remove();
-      block.setAttribute(KEY_ATTR, key);
+      cacheKeys.set(block, key);
       var view = block.getAttribute(MMD_ATTR);
       if (view !== "code" && view !== "diagram") block.setAttribute(MMD_ATTR, readSettings().diagramView);
       zooms.delete(block);
@@ -1072,14 +1107,65 @@ window.__ModuleLoader__.load({
       var sync = foldSyncs.get(target);
       if (sync !== void 0) {
         target.removeEventListener("scroll", sync);
-        window.removeEventListener("resize", sync);
         foldSyncs.delete(target);
       }
+      foldTargets.delete(target);
+      if (foldTargets.size === 0) {
+        if (foldResizeObserver !== null) {
+          foldResizeObserver.disconnect();
+          foldResizeObserver = null;
+        }
+        if (foldResizeHandler !== null) {
+          window.removeEventListener("resize", foldResizeHandler);
+          foldResizeHandler = null;
+        }
+      } else if (foldResizeObserver !== null) {
+        foldResizeObserver.unobserve(target);
+      }
       target.removeAttribute(FOLD_ATTR);
       target.classList.remove(FOLD_CLASS);
       target.style.removeProperty("--md-plus-fold-max-height");
       target.querySelector("." + FOLD_BTN_CLASS)?.remove();
     }
+    function watchFoldTarget(target, sync) {
+      foldSyncs.set(target, sync);
+      foldTargets.add(target);
+      if (typeof window.ResizeObserver === "function") {
+        if (foldResizeObserver === null) {
+          foldResizeObserver = new window.ResizeObserver((entries) => {
+            for (const entry of entries) {
+              var entryTarget = entry.target;
+              var entrySync = foldSyncs.get(entryTarget);
+              if (entrySync === void 0) continue;
+              if (!entryTarget.isConnected) {
+                resetFold(entryTarget);
+                continue;
+              }
+              entrySync();
+            }
+          });
+        }
+        foldResizeObserver.observe(target);
+        return;
+      }
+      if (foldResizeHandler === null) {
+        foldResizeHandler = () => {
+          for (const entryTarget of foldTargets) {
+            if (!entryTarget.isConnected) {
+              resetFold(entryTarget);
+              continue;
+            }
+            foldSyncs.get(entryTarget)?.();
+          }
+        };
+        window.addEventListener("resize", foldResizeHandler);
+      }
+    }
+    function cleanupFoldTargets() {
+      for (const target of foldTargets) {
+        if (!target.isConnected) resetFold(target);
+      }
+    }
     function scheduleFold(target, limit) {
       if (target === null) return;
       if (!(limit > 0)) {
@@ -1094,7 +1180,7 @@ window.__ModuleLoader__.load({
       if (target.getAttribute(FOLD_ATTR) !== null) return;
       var schedule2 = window.requestAnimationFrame ?? ((cb) => window.setTimeout(cb, 0));
       schedule2(() => {
-        if (!target.isConnected || target.getAttribute(FOLD_ATTR) !== null) return;
+        if (disposed || !target.isConnected || target.getAttribute(FOLD_ATTR) !== null) return;
         if (target.scrollHeight <= limit) {
           target.setAttribute(FOLD_ATTR, "none");
           return;
@@ -1112,9 +1198,8 @@ window.__ModuleLoader__.load({
           button.style.left = target.scrollLeft + target.clientWidth / 2 + "px";
         } : null;
         if (sync !== null) {
-          foldSyncs.set(target, sync);
           target.addEventListener("scroll", sync, { passive: true });
-          window.addEventListener("resize", sync);
+          watchFoldTarget(target, sync);
         }
         button.addEventListener("click", () => {
           var folded = target.getAttribute(FOLD_ATTR) === "on";
@@ -1129,15 +1214,17 @@ window.__ModuleLoader__.load({
       });
     }
     function scanFolds() {
+      var codeLimit = foldLimit("code");
+      var tableLimit = foldLimit("table");
       for (const block of document.querySelectorAll(BLOCK)) {
-        if (block.closest("[data-streaming]") !== null) continue;
+        if (closestStreaming(block) !== null) continue;
         if (diagramKind(block) !== null) continue;
-        scheduleFold(block.querySelector(CONTENT), foldLimit("code"));
+        scheduleFold(block.querySelector(CONTENT), codeLimit);
       }
       for (const table of document.querySelectorAll(TABLE)) {
-        if (table.closest("[data-streaming]") !== null) continue;
+        if (closestStreaming(table) !== null) continue;
         decorateTable(table);
-        scheduleFold(table, foldLimit("table"));
+        scheduleFold(table, tableLimit);
       }
     }
     function cellText(cell) {
@@ -1161,8 +1248,11 @@ window.__ModuleLoader__.load({
     }
     async function copyText(text) {
       if (window.navigator.clipboard !== void 0 && typeof window.navigator.clipboard.writeText === "function") {
-        await window.navigator.clipboard.writeText(text);
-        return true;
+        try {
+          await window.navigator.clipboard.writeText(text);
+          return true;
+        } catch {
+        }
       }
       var area = document.createElement("textarea");
       area.value = text;
@@ -1201,7 +1291,7 @@ window.__ModuleLoader__.load({
         ["csv", t("tableCsv"), "copyCsvTitle", tableToCsv],
         ["md", t("tableMd"), "copyMdTitle", tableToMarkdown]
       ]) {
-        var button = document.createElement("button");
+        const button = document.createElement("button");
         button.type = "button";
         button.textContent = label;
         button.title = t(titleKey);
@@ -1220,6 +1310,48 @@ window.__ModuleLoader__.load({
       tools.appendChild(group);
       dataTable.insertBefore(tools, dataTable.firstChild);
     }
+    var scrollLocks = 0;
+    var previousRootOverflow = "";
+    function lockPageScroll() {
+      if (scrollLocks === 0) {
+        previousRootOverflow = document.documentElement.style.overflow;
+        document.documentElement.style.overflow = "hidden";
+      }
+      scrollLocks += 1;
+    }
+    function unlockPageScroll() {
+      if (scrollLocks === 0) return;
+      scrollLocks -= 1;
+      if (scrollLocks === 0) {
+        document.documentElement.style.overflow = previousRootOverflow;
+        previousRootOverflow = "";
+      }
+    }
+    function trapFocus(container) {
+      function onKey(event) {
+        if (event.key !== "Tab") return;
+        var candidates = Array.from(
+          container.querySelectorAll(
+            'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+          )
+        ).filter((node) => node.offsetParent !== null || node === document.activeElement);
+        if (candidates.length === 0) {
+          event.preventDefault();
+          return;
+        }
+        var first = candidates[0];
+        var last = candidates[candidates.length - 1];
+        if (event.shiftKey && document.activeElement === first) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && document.activeElement === last) {
+          event.preventDefault();
+          first.focus();
+        }
+      }
+      container.addEventListener("keydown", onKey, true);
+      return () => container.removeEventListener("keydown", onKey, true);
+    }
     function openImage(source, alt) {
       if (document.querySelector("." + IMG_MODAL_CLASS) !== null) return;
       var overlay = document.createElement("div");
@@ -1236,12 +1368,15 @@ window.__ModuleLoader__.load({
       closeButton.textContent = "\xD7";
       closeButton.setAttribute("aria-label", t("imageClose"));
       var previousFocus = document.activeElement;
+      var releaseFocus = null;
       var closed = false;
       function closeViewer() {
         if (closed) return;
         closed = true;
+        releaseFocus?.();
         document.removeEventListener("keydown", onKey, true);
         overlay.remove();
+        unlockPageScroll();
         if (previousFocus !== null && typeof previousFocus.focus === "function") previousFocus.focus();
       }
       function onKey(event) {
@@ -1257,7 +1392,9 @@ window.__ModuleLoader__.load({
       document.addEventListener("keydown", onKey, true);
       overlay.appendChild(image);
       overlay.appendChild(closeButton);
+      lockPageScroll();
       document.body.appendChild(overlay);
+      releaseFocus = trapFocus(overlay);
       closeButton.focus();
     }
     function onDocumentClick(event) {
@@ -1300,10 +1437,26 @@ window.__ModuleLoader__.load({
       return input;
     }
     function rescanFolds() {
-      for (const node of document.querySelectorAll("[" + FOLD_ATTR + "]")) resetFold(node);
+      diagramKindCache = /* @__PURE__ */ new WeakMap();
+      var codeLimit = foldLimit("code");
+      var tableLimit = foldLimit("table");
+      var diagramLimit = foldLimit("diagram");
+      for (const node of document.querySelectorAll("[" + FOLD_ATTR + "]")) {
+        if (node.classList.contains(MMD_CLASS + "-viewport")) continue;
+        var limit = node.hasAttribute(TABLE_DONE_ATTR) ? tableLimit : codeLimit;
+        if (node.getAttribute(FOLD_ATTR) === "off" && limit > 0) {
+          node.style.setProperty("--md-plus-fold-max-height", limit + "px");
+          continue;
+        }
+        resetFold(node);
+      }
       for (const viewport of document.querySelectorAll("." + MMD_CLASS + "-viewport")) {
+        if (viewport.getAttribute(FOLD_ATTR) === "off" && diagramLimit > 0) {
+          viewport.style.setProperty("--md-plus-fold-max-height", diagramLimit + "px");
+          continue;
+        }
         resetFold(viewport);
-        scheduleFold(viewport, foldLimit("diagram"));
+        scheduleFold(viewport, diagramLimit);
       }
       scanFolds();
     }
@@ -1376,12 +1529,15 @@ window.__ModuleLoader__.load({
       panel.appendChild(actions);
       overlay.appendChild(panel);
       var previousFocus = document.activeElement;
+      var releaseFocus = null;
       var closed = false;
       function closeSettings() {
         if (closed) return;
         closed = true;
+        releaseFocus?.();
         document.removeEventListener("keydown", onKey, true);
         overlay.remove();
+        unlockPageScroll();
         if (previousFocus !== null && typeof previousFocus.focus === "function") previousFocus.focus();
       }
       function onKey(event) {
@@ -1408,22 +1564,29 @@ window.__ModuleLoader__.load({
         foldDiagram.value = String(DEFAULT_SETTINGS.foldDiagram);
       });
       saveButton.addEventListener("click", () => {
-        saveSettings({
+        var previous = readSettings();
+        var previousTheme = getMermaidTheme();
+        var nextTheme = THEME_ORDER.indexOf(themeSelect.value) === -1 ? "blue" : themeSelect.value;
+        var next = {
           codeFontSize: readFontSize(fontInput),
           diagramView: viewSelect.value === "code" ? "code" : "diagram",
           foldCode: readNumber(foldCode, DEFAULT_SETTINGS.foldCode),
           foldTable: readNumber(foldTable, DEFAULT_SETTINGS.foldTable),
           foldDiagram: readNumber(foldDiagram, DEFAULT_SETTINGS.foldDiagram)
-        });
-        memoryTheme = themeSelect.value;
+        };
+        saveSettings(next);
+        memoryTheme = nextTheme;
+        themeCache = nextTheme;
         try {
-          window.localStorage.setItem(THEME_KEY, themeSelect.value);
+          window.localStorage.setItem(THEME_KEY, nextTheme);
         } catch {
         }
         applyCodeFontSize();
         refreshThemeButtons();
-        redrawDiagrams();
-        rescanFolds();
+        if (previousTheme !== nextTheme) redrawDiagrams();
+        if (previous.codeFontSize !== next.codeFontSize || previous.foldCode !== next.foldCode || previous.foldTable !== next.foldTable || previous.foldDiagram !== next.foldDiagram) {
+          rescanFolds();
+        }
         closeSettings();
       });
       closeButton.addEventListener("click", closeSettings);
@@ -1431,12 +1594,18 @@ window.__ModuleLoader__.load({
         if (event.target === overlay) closeSettings();
       });
       document.addEventListener("keydown", onKey, true);
+      lockPageScroll();
       document.body.appendChild(overlay);
+      releaseFocus = trapFocus(overlay);
       saveButton.focus();
     }
     function ensureSettingsButton() {
-      if (document.querySelector("." + SETTINGS_BTN_CLASS) !== null) return;
-      if (document.querySelector('[class*="_markdown_"], .md-code-block') === null) return;
+      var existing = document.querySelector("." + SETTINGS_BTN_CLASS);
+      if (document.querySelector('[class*="_markdown_"], .md-code-block') === null) {
+        existing?.remove();
+        return;
+      }
+      if (existing !== null) return;
       var button = document.createElement("button");
       button.type = "button";
       button.className = SETTINGS_BTN_CLASS;
@@ -1490,16 +1659,23 @@ window.__ModuleLoader__.load({
       link.remove();
       window.setTimeout(() => URL.revokeObjectURL(url), 1e3);
     }
-    function downloadSvg(svg) {
+    function exportFailed(button, error) {
+      console.warn("[dsh-md-plus] \u56FE\u8868\u5BFC\u51FA\u5931\u8D25", error);
+      if (button !== void 0) flashButton(button, t("exportFailed"));
+    }
+    function downloadSvg(svg, button) {
       try {
         downloadBlob(new Blob([serializeSvg(svg)], { type: "image/svg+xml;charset=utf-8" }), "mermaid-diagram.svg");
       } catch (error) {
-        console.warn("[dsh-md-plus] SVG \u5BFC\u51FA\u5931\u8D25", error);
+        exportFailed(button, error);
       }
     }
-    function downloadPng(svg) {
+    function downloadPng(svg, button) {
       var size = svgSize(svg);
-      if (size.width <= 0 || size.height <= 0) return;
+      if (size.width <= 0 || size.height <= 0) {
+        exportFailed(button, new Error("\u56FE\u8868\u5C3A\u5BF8\u65E0\u6548"));
+        return;
+      }
       var image = new window.Image();
       var objectUrl = "";
       image.onload = function() {
@@ -1513,16 +1689,17 @@ window.__ModuleLoader__.load({
           context.drawImage(image, 0, 0, canvas.width, canvas.height);
           canvas.toBlob((blob) => {
             if (blob !== null) downloadBlob(blob, "mermaid-diagram.png");
+            else exportFailed(button, new Error("canvas \u672A\u751F\u6210\u56FE\u7247"));
           }, "image/png");
         } catch (error) {
-          console.warn("[dsh-md-plus] PNG \u5BFC\u51FA\u5931\u8D25", error);
+          exportFailed(button, error);
         } finally {
           if (objectUrl !== "") URL.revokeObjectURL(objectUrl);
         }
       };
       image.onerror = function() {
         if (objectUrl !== "") URL.revokeObjectURL(objectUrl);
-        console.warn("[dsh-md-plus] PNG \u5BFC\u51FA\u5931\u8D25\uFF1ASVG \u65E0\u6CD5\u8F7D\u5165");
+        exportFailed(button, new Error("SVG \u65E0\u6CD5\u8F7D\u5165"));
       };
       objectUrl = URL.createObjectURL(new Blob([serializeSvg(svg)], { type: "image/svg+xml;charset=utf-8" }));
       image.src = objectUrl;
@@ -1595,15 +1772,16 @@ window.__ModuleLoader__.load({
       panel.appendChild(body);
       overlay.appendChild(panel);
       var previousFocus = document.activeElement;
-      var previousOverflow = document.documentElement.style.overflow;
+      var releaseFocus = null;
       var closed = false;
       var reset = () => fitToView(overlay);
       function closeViewer() {
         if (closed) return;
         closed = true;
+        releaseFocus?.();
         document.removeEventListener("keydown", onKey, true);
         overlay.remove();
-        document.documentElement.style.overflow = previousOverflow;
+        unlockPageScroll();
         zooms.delete(overlay);
         if (previousFocus !== null && typeof previousFocus.focus === "function") {
           previousFocus.focus();
@@ -1619,16 +1797,17 @@ window.__ModuleLoader__.load({
         if (event.target === overlay) closeViewer();
       });
       fitButton.addEventListener("click", reset);
-      svgButton.addEventListener("click", () => downloadSvg(svg));
-      pngButton.addEventListener("click", () => downloadPng(svg));
+      svgButton.addEventListener("click", () => downloadSvg(svg, svgButton));
+      pngButton.addEventListener("click", () => downloadPng(svg, pngButton));
       zoomOut.addEventListener("click", () => zoomBy(overlay, 1 / ZOOM_STEP));
       zoomIn.addEventListener("click", () => zoomBy(overlay, ZOOM_STEP));
       closeButton.addEventListener("click", closeViewer);
       document.addEventListener("keydown", onKey, true);
       zooms.set(overlay, { scale: 1, x: 0, y: 0, min: ZOOM_MIN_MODAL });
       bindViewport(overlay, viewport, reset, true);
-      document.documentElement.style.overflow = "hidden";
+      lockPageScroll();
       document.body.appendChild(overlay);
+      releaseFocus = trapFocus(overlay);
       closeButton.focus();
       var schedule2 = window.requestAnimationFrame ?? ((cb) => window.setTimeout(cb, 0));
       schedule2(reset);
@@ -1640,7 +1819,7 @@ window.__ModuleLoader__.load({
       var reason = (error?.message ?? String(error)).split("\n")[0] ?? "";
       note.textContent = t("renderFailed") + reason;
       content.appendChild(note);
-      block.setAttribute(KEY_ATTR, key);
+      cacheKeys.set(block, key);
       block.setAttribute(MMD_ATTR, "failed");
       decorate(block);
       console.warn("[dsh-md-plus] mermaid \u6E32\u67D3\u5931\u8D25", error);
@@ -1649,6 +1828,8 @@ window.__ModuleLoader__.load({
       if (typeof document === "undefined") return;
       ctx.effect(() => {
         disposed = false;
+        settingsCache = null;
+        themeCache = null;
         injectStyle();
         applyCodeFontSize();
         ensureSettingsButton();
@@ -1671,6 +1852,7 @@ window.__ModuleLoader__.load({
           }
           pending.clear();
           rescanQueued = false;
+          for (const target of [...foldTargets]) resetFold(target);
           observer.disconnect();
           document.removeEventListener("click", onDocumentClick, true);
           for (const node of injected) node.remove();
@@ -1680,7 +1862,7 @@ window.__ModuleLoader__.load({
           for (const node of document.querySelectorAll("." + FOLD_BTN_CLASS)) node.remove();
           for (const node of document.querySelectorAll("[" + FOLD_ATTR + "]")) resetFold(node);
           for (const node of document.querySelectorAll("." + TABLE_TOOLS_CLASS)) node.remove();
-          for (const attr of [DONE_ATTR, KEY_ATTR, WRAP_ATTR, MMD_ATTR, TABLE_DONE_ATTR, "data-md-plus-lang", ZOOM_ATTR]) {
+          for (const attr of [DONE_ATTR, WRAP_ATTR, MMD_ATTR, TABLE_DONE_ATTR, "data-md-plus-lang", ZOOM_ATTR]) {
             for (const node of document.querySelectorAll("[" + attr + "]")) node.removeAttribute(attr);
           }
           for (const node of document.querySelectorAll("[data-md-plus-original-label]")) {
@@ -1692,7 +1874,9 @@ window.__ModuleLoader__.load({
           )) {
             node.remove();
           }
-          document.documentElement.style.overflow = "";
+          scrollLocks = 0;
+          document.documentElement.style.overflow = previousRootOverflow;
+          previousRootOverflow = "";
           document.documentElement.style.removeProperty("--md-plus-code-font-size");
           document.documentElement.style.removeProperty("--md-plus-code-line-height");
           document.querySelector("style[" + STYLE_ATTR + "]")?.remove();
@@ -1700,6 +1884,10 @@ window.__ModuleLoader__.load({
             script.remove();
           }
           scripts.clear();
+          settingsCache = null;
+          themeCache = null;
+          diagramKindCache = /* @__PURE__ */ new WeakMap();
+          cacheKeys = /* @__PURE__ */ new WeakMap();
           delete window[HL_GLOBAL];
           delete window[MMD_GLOBAL];
         };

package/lib/mermaid-runtime.js

@@ -4290,4 +4290,4 @@ ${i?"":`
 `}else s+=`${t.themeCSS}
 `;return s+Hme(i)},"createCssStyles"),H0i=_((t,r)=>cxe(qEr(`${t}{${r}}`),YEr([_(function(s,o,u,h){if(s.type==="rule"&&Array.isArray(s.props)){if(s.parent&&s.parent.type===kre)return;s.props=s.props.map(d=>d===t&&Array.isArray(s.children)&&s.children.every(y=>y.type!=="decl"?!1:new Set(["font-family","font-size","fill"]).has(y.props))||(d.startsWith(`${t} `)||d.startsWith(`${t}>`))&&!d.startsWith(`${t} ||`)?d:`${t} ${d}`)}else s.type.startsWith("@")&&([...[REr,IEr,txe,OEr,"@container","@starting-style"],kre].includes(s.type)||(We.warn(`Removing unsupported at-rule ${s.type} from CSS`),s.type=cU))},"addNamespace"),WEr])),"compileCSS"),q0i=_((t,r,i,s)=>{let o=V0i(t,i),u=Eir(r,o,{...t.themeVariables,theme:t.theme,look:t.look},s);return H0i(s,u)},"createUserStyles"),W0i=_((t="",r,i)=>{let s=t;return!i&&!r&&(s=s.replace(/marker-end="url\([\d+./:=?A-Za-z-]*?#/g,'marker-end="url(#')),s=Z3(s),s=s.replace(/<br>/g,"<br/>"),s},"cleanUpSvgCode"),Y0i=_((t="",r)=>{let i=r?.viewBox?.baseVal?.height?r.viewBox.baseVal.height+"px":B0i,s=FGr(`<body style="${$0i}">${t}</body>`);return`<iframe style="width:${P0i};height:${i};${F0i}" src="data:text/html;charset=UTF-8;base64,${s}" sandbox="${z0i}">
   ${j0i}
-</iframe>`},"putIntoIFrame"),Kjr=_((t,r,i,s,o)=>{let u=t.append("div");u.attr("id",i),s&&u.attr("style",s);let h=u.append("svg").attr("id",r).attr("width","100%").attr("xmlns",O0i);return o&&h.attr("xmlns:xlink",o),h.append("g"),t},"appendDivSvgG");function Qct(t,r){return t.append("iframe").attr("id",r).attr("style","width: 100%; height: 100%;").attr("sandbox","")}_(Qct,"sandboxedIframe");var K0i=_((t,r,i,s)=>{t.getElementById(r)?.remove(),t.getElementById(i)?.remove(),t.getElementById(s)?.remove()},"removeExistingElements"),X0i=_(async function(t,r,i){Hke();let s=Zct(r),o=s.code;r=o.cleaned;let u=Di();We.debug(u),r.length>(u?.maxTextSize??R0i)&&(r=L0i,o={raw:r,cleaned:r});let h=`#${t}`,d="i"+t,g="#"+d,y="d"+t,v="#"+y,x=_(()=>{let Q=un(C?g:v).node();Q&&"remove"in Q&&Q.remove()},"removeTempElements"),k=un(document.body),C=u.securityLevel===I0i,E=u.securityLevel===M0i,A=u.fontFamily;if(i!==void 0){if(i&&(i.innerHTML=""),C){let Z=Qct(un(i),d);k=un(Z.nodes()[0].contentDocument.body),k.node().style.margin="0"}else k=un(i);Kjr(k,t,y,`font-family: ${A}`,N0i)}else{if(K0i(document,t,y,d),C){let Z=Qct(un(document.body),d);k=un(Z.nodes()[0].contentDocument.body),k.node().style.margin="0"}else k=un("body");Kjr(k,t,y)}let R,L;try{R=await Uke.fromText(o,{title:s.title})}catch(Z){if(u.suppressErrorRendering)throw x(),Z;R=await Uke.fromText("error"),L=Z,R.db.setErrorMessage?.(iYe(Z))}let O=k.select(v).node(),N=R.type,F=O.firstChild,D=F.firstChild,P=R.renderer.getClasses?.(r,R),z=q0i(u,N,P,h),V=document.createElement("style");V.innerHTML=z,F.insertBefore(V,D);try{await R.renderer.draw(r,t,"12.1.0",R)}catch(Z){throw u.suppressErrorRendering?x():Jdi.draw(r,t,"12.1.0"),Z}let Y=k.select(`${v} svg`),K=R.db.getAccTitle?.(),J=R.db.getAccDescription?.();jGr(N,Y,K,J);let q=_(()=>{k.select(`[id="${t}"]`).selectAll("foreignobject > *").attr("xmlns",D0i);let Z=k.select(v).node().innerHTML;if(We.debug("config.arrowMarkerAbsolute",u.arrowMarkerAbsolute),Z=W0i(Z,C,_w(u.arrowMarkerAbsolute)),C){let Q=k.select(v+" svg").node();Z=Y0i(Z,Q)}else E||(Z=qm.sanitize(Z,{ADD_TAGS:G0i,ADD_ATTR:U0i,HTML_INTEGRATION_POINTS:{foreignobject:!0}}));return C0i(),Z},"serializeSvg")();if(L)throw L;return x(),{diagramType:N,svg:q,bindFunctions:R.db.bindFunctions}},"renderDiagram"),Q0i=_(async function(t,r,i){try{return await X0i(t,r,i)}finally{Vme(void 0)}},"render");function zGr(t={}){let r=Vh({},t);r?.fontFamily&&!r.themeVariables?.fontFamily&&(r.themeVariables||(r.themeVariables={}),r.themeVariables.fontFamily=r.fontFamily),mir(r);let i=B6.theme;r?.theme&&Object.hasOwn(S5,r.theme)?r.themeVariables=S5[r.theme].getThemeVariables(r.themeVariables):r&&(r.theme!=null&&r.theme!=="null"&&(r.theme=i),r.themeVariables=S5[i].getThemeVariables(r.themeVariables));let s=typeof r=="object"?gir(r):zVe();lZ(s.logLevel),Hke()}_(zGr,"initialize");var J0i=_((t,r={})=>{let{code:i}=Jct(t);return Uke.fromText(i,r)},"getDiagramFromText");function jGr(t,r,i,s){NGr(r,t),DGr(r,i,s,r.attr("id"))}_(jGr,"addA11yInfo");var CP=Object.freeze({render:Q0i,parse:$Gr,getDiagramFromText:J0i,initialize:zGr,getConfig:Di,setConfig:jVe,getSiteConfig:zVe,updateSiteConfig:yir,reset:_(()=>{LZ()},"reset"),globalReset:_(()=>{LZ(B6)},"globalReset"),defaultConfig:B6});lZ(Di().logLevel);LZ(Di());var Z0i=_((t,r,i)=>{We.warn(t),Gve(t)?(i&&i(t.str,t.hash),r.push({...t,message:t.str,error:t})):(i&&i(t),t instanceof Error&&r.push({str:t.message,message:t.message,hash:t.name,error:t}))},"handleError"),GGr=_(async function(t={querySelector:".mermaid"}){try{await e1i(t)}catch(r){if(Gve(r)&&We.error(r.str),WA.parseError&&WA.parseError(r),!t.suppressErrors)throw We.error("Use the suppressErrors option to suppress these errors"),r}},"run"),e1i=_(async function({postRenderCallback:t,querySelector:r,nodes:i}={querySelector:".mermaid"}){let s=CP.getConfig();We.debug(`${t?"":"No "}Callback function found`);let o;if(i)o=i;else if(r)o=document.querySelectorAll(r);else throw new Error("Nodes and querySelector are both undefined");We.debug(`Found ${o.length} diagrams`),s?.startOnLoad!==void 0&&(We.debug("Start On Load: "+s?.startOnLoad),CP.updateSiteConfig({startOnLoad:s?.startOnLoad}));let u=new ss.InitIDGenerator(s.deterministicIds,s.deterministicIDSeed),h,d=[];for(let g of Array.from(o)){if(We.info("Rendering diagram: "+g.id),g.getAttribute("data-processed"))continue;g.setAttribute("data-processed","true");let y=`mermaid-${u.next()}`;h=g.innerHTML,h=Kve(ss.entityDecode(h)).trim().replace(/<br\s*\/?>/gi,"<br/>");let v=ss.detectInit(h);v&&We.debug("Detected early reinit: ",v);try{let{svg:x,bindFunctions:k}=await qGr(y,h,g);g.innerHTML=x,t&&await t(y),k&&k(g)}catch(x){Z0i(x,d,WA.parseError)}}if(d.length>0)throw d[0]},"runThrowsErrors"),UGr=_(function(t){CP.initialize(t)},"initialize"),t1i=_(async function(t,r,i){We.warn("mermaid.init is deprecated. Please use run instead."),t&&UGr(t);let s={postRenderCallback:i,querySelector:".mermaid"};typeof r=="string"?s.querySelector=r:r&&(r instanceof HTMLElement?s.nodes=[r]:s.nodes=r),await GGr(s)},"init"),r1i=_(async(t,{lazyLoad:r=!0}={})=>{Hke(),Ume(...t),r===!1&&await T0i()},"registerExternalDiagrams"),VGr=_(function(){if(WA.startOnLoad){let{startOnLoad:t}=CP.getConfig();t&&WA.run().catch(r=>We.error("Mermaid failed to initialize",r))}},"contentLoaded");typeof document<"u"&&window.addEventListener("load",VGr,!1);var n1i=_(function(t){WA.parseError=t},"setParseErrorHandler"),Vke=[],Xct=!1,HGr=_(async()=>{if(!Xct){for(Xct=!0;Vke.length>0;){let t=Vke.shift();if(t)try{await t()}catch(r){We.error("Error executing queue",r)}}Xct=!1}},"executeQueue"),i1i=_(async(t,r)=>new Promise((i,s)=>{let o=_(()=>new Promise((u,h)=>{CP.parse(t,r).then(d=>{u(d),i(d)},d=>{We.error("Error parsing",d),WA.parseError?.(d),h(d),s(d)})}),"performCall");Vke.push(o),HGr().catch(s)}),"parse"),qGr=_((t,r,i)=>new Promise((s,o)=>{let u=_(()=>new Promise((h,d)=>{CP.render(t,r,i).then(g=>{h(g),s(g)},g=>{We.error("Error parsing",g),WA.parseError?.(g),d(g),o(g)})}),"performCall");Vke.push(u),HGr().catch(o)}),"render"),a1i=_(()=>Object.keys(iR).map(t=>({id:t})),"getRegisteredDiagramsMetadata"),WA={startOnLoad:!0,mermaidAPI:CP,parse:i1i,render:qGr,init:t1i,run:GGr,registerExternalDiagrams:r1i,registerLayoutLoaders:Ket,initialize:UGr,parseError:void 0,contentLoaded:VGr,setParseErrorHandler:n1i,detectType:cj,registerIconPacks:jj,getRegisteredDiagramsMetadata:a1i},qke=WA;var WGr={fontSize:"16px",flowchart:{curve:"basis",nodeSpacing:40,rankSpacing:41,padding:18,useMaxWidth:!0}},s1i={background:"transparent",primaryColor:"#e5f2ff",primaryTextColor:"#339cff",primaryBorderColor:"#e5f2ff",secondaryColor:"#e5f2ff",tertiaryColor:"#e5f2ff",lineColor:"#339cff",edgeLabelBackground:"#ffffff",clusterBkg:"#f2f8ff",clusterBorder:"#cde7ff",titleColor:"#339cff",nodeTextColor:"#339cff"},o1i={background:"transparent",primaryColor:"#16283d",primaryTextColor:"#79bdff",primaryBorderColor:"#16283d",secondaryColor:"#16283d",tertiaryColor:"#16283d",lineColor:"#5aa9f0",edgeLabelBackground:"#0f1115",clusterBkg:"#132133",clusterBorder:"#2b4a6b",titleColor:"#79bdff",nodeTextColor:"#79bdff"},l1i={background:"transparent",primaryColor:"#f2f2f2",primaryTextColor:"#222222",primaryBorderColor:"#c9c9c9",secondaryColor:"#f2f2f2",tertiaryColor:"#f2f2f2",lineColor:"#666666",edgeLabelBackground:"#ffffff",clusterBkg:"#fafafa",clusterBorder:"#dddddd",titleColor:"#222222",nodeTextColor:"#222222"},c1i={background:"transparent",primaryColor:"#2a2a2a",primaryTextColor:"#eeeeee",primaryBorderColor:"#555555",secondaryColor:"#2a2a2a",tertiaryColor:"#2a2a2a",lineColor:"#aaaaaa",edgeLabelBackground:"#111111",clusterBkg:"#1f1f1f",clusterBorder:"#3a3a3a",titleColor:"#eeeeee",nodeTextColor:"#eeeeee"},u1i={background:"transparent",primaryColor:"#e8f5e9",primaryTextColor:"#1b5e20",primaryBorderColor:"#a5d6a7",secondaryColor:"#e8f5e9",tertiaryColor:"#e8f5e9",lineColor:"#43a047",edgeLabelBackground:"#ffffff",clusterBkg:"#f1f8e9",clusterBorder:"#c8e6c9",titleColor:"#1b5e20",nodeTextColor:"#1b5e20"},h1i={background:"transparent",primaryColor:"#1b3320",primaryTextColor:"#a5d6a7",primaryBorderColor:"#2e7d32",secondaryColor:"#1b3320",tertiaryColor:"#1b3320",lineColor:"#66bb6a",edgeLabelBackground:"#0f1115",clusterBkg:"#142418",clusterBorder:"#2e4a34",titleColor:"#a5d6a7",nodeTextColor:"#a5d6a7"},f1i={background:"transparent",primaryColor:"#ffffff",primaryTextColor:"#000000",primaryBorderColor:"#000000",secondaryColor:"#ffffff",tertiaryColor:"#ffffff",lineColor:"#000000",edgeLabelBackground:"#ffffff",clusterBkg:"#ffffff",clusterBorder:"#000000",titleColor:"#000000",nodeTextColor:"#000000"},d1i={background:"transparent",primaryColor:"#0b0b0b",primaryTextColor:"#ffffff",primaryBorderColor:"#ffffff",secondaryColor:"#0b0b0b",tertiaryColor:"#0b0b0b",lineColor:"#ffffff",edgeLabelBackground:"#0b0b0b",clusterBkg:"#0b0b0b",clusterBorder:"#ffffff",titleColor:"#ffffff",nodeTextColor:"#ffffff"},eut={blue:{light:s1i,dark:o1i},neutral:{light:l1i,dark:c1i},forest:{light:u1i,dark:h1i},contrast:{light:f1i,dark:d1i}},G9a=Object.keys(eut);function YGr(t,r,i="blue"){let s=eut[i]??eut.blue,o=t?s.dark:s.light;return{startOnLoad:!1,securityLevel:"strict",theme:"base",fontFamily:r,themeVariables:{...o,...WGr},flowchart:WGr.flowchart,themeCSS:[".nodeLabel,.edgeLabel,.label{font-weight:600}",".flowchart-link{stroke-width:1.6px}",`.marker,.arrowheadPath{fill:${o.lineColor};stroke:${o.lineColor}}`].join("")}}var tut=11;var KGr=null,XGr=Promise.resolve();function p1i(t){let r=XGr.then(t,t);return XGr=r.then(()=>{},()=>{}),r}function g1i(t,r){let i=(t?"dark":"light")+":"+r;if(KGr===i)return;KGr=i;let s=getComputedStyle(document.body).fontFamily||"system-ui, sans-serif";qke.initialize(YGr(t,s,r))}function m1i(t){for(let r of t.querySelectorAll(".node rect"))r.setAttribute("rx",String(tut)),r.setAttribute("ry",String(tut))}function y1i(t){return t.includes('aria-roledescription="error"')||t.includes("Syntax error in text")}function v1i(t){let r=typeof CSS<"u"&&CSS.escape!==void 0?CSS.escape(t):t;for(let i of document.querySelectorAll(`#d${r}, #d${r} svg`))i.remove()}window.__DSH_MD_PLUS_MMD__={render(t,r,i,s){return p1i(async()=>{g1i(i===!0,s??"blue");let o=null;qke.parseError=u=>{o??=u};try{let{svg:u}=await qke.render(t,r);if(o!==null)throw o;if(y1i(u))throw new Error("mermaid \u8FD4\u56DE\u7684\u662F\u9519\u8BEF\u5361\u7247\uFF08\u8BED\u6CD5\u65E0\u6CD5\u89E3\u6790\uFF09");let h=document.createElement("div");return h.innerHTML=u,m1i(h),await new Promise(d=>setTimeout(d,0)),h.innerHTML}finally{v1i(t)}})}};})();
+</iframe>`},"putIntoIFrame"),Kjr=_((t,r,i,s,o)=>{let u=t.append("div");u.attr("id",i),s&&u.attr("style",s);let h=u.append("svg").attr("id",r).attr("width","100%").attr("xmlns",O0i);return o&&h.attr("xmlns:xlink",o),h.append("g"),t},"appendDivSvgG");function Qct(t,r){return t.append("iframe").attr("id",r).attr("style","width: 100%; height: 100%;").attr("sandbox","")}_(Qct,"sandboxedIframe");var K0i=_((t,r,i,s)=>{t.getElementById(r)?.remove(),t.getElementById(i)?.remove(),t.getElementById(s)?.remove()},"removeExistingElements"),X0i=_(async function(t,r,i){Hke();let s=Zct(r),o=s.code;r=o.cleaned;let u=Di();We.debug(u),r.length>(u?.maxTextSize??R0i)&&(r=L0i,o={raw:r,cleaned:r});let h=`#${t}`,d="i"+t,g="#"+d,y="d"+t,v="#"+y,x=_(()=>{let Q=un(C?g:v).node();Q&&"remove"in Q&&Q.remove()},"removeTempElements"),k=un(document.body),C=u.securityLevel===I0i,E=u.securityLevel===M0i,A=u.fontFamily;if(i!==void 0){if(i&&(i.innerHTML=""),C){let Z=Qct(un(i),d);k=un(Z.nodes()[0].contentDocument.body),k.node().style.margin="0"}else k=un(i);Kjr(k,t,y,`font-family: ${A}`,N0i)}else{if(K0i(document,t,y,d),C){let Z=Qct(un(document.body),d);k=un(Z.nodes()[0].contentDocument.body),k.node().style.margin="0"}else k=un("body");Kjr(k,t,y)}let R,L;try{R=await Uke.fromText(o,{title:s.title})}catch(Z){if(u.suppressErrorRendering)throw x(),Z;R=await Uke.fromText("error"),L=Z,R.db.setErrorMessage?.(iYe(Z))}let O=k.select(v).node(),N=R.type,F=O.firstChild,D=F.firstChild,P=R.renderer.getClasses?.(r,R),z=q0i(u,N,P,h),V=document.createElement("style");V.innerHTML=z,F.insertBefore(V,D);try{await R.renderer.draw(r,t,"12.1.0",R)}catch(Z){throw u.suppressErrorRendering?x():Jdi.draw(r,t,"12.1.0"),Z}let Y=k.select(`${v} svg`),K=R.db.getAccTitle?.(),J=R.db.getAccDescription?.();jGr(N,Y,K,J);let q=_(()=>{k.select(`[id="${t}"]`).selectAll("foreignobject > *").attr("xmlns",D0i);let Z=k.select(v).node().innerHTML;if(We.debug("config.arrowMarkerAbsolute",u.arrowMarkerAbsolute),Z=W0i(Z,C,_w(u.arrowMarkerAbsolute)),C){let Q=k.select(v+" svg").node();Z=Y0i(Z,Q)}else E||(Z=qm.sanitize(Z,{ADD_TAGS:G0i,ADD_ATTR:U0i,HTML_INTEGRATION_POINTS:{foreignobject:!0}}));return C0i(),Z},"serializeSvg")();if(L)throw L;return x(),{diagramType:N,svg:q,bindFunctions:R.db.bindFunctions}},"renderDiagram"),Q0i=_(async function(t,r,i){try{return await X0i(t,r,i)}finally{Vme(void 0)}},"render");function zGr(t={}){let r=Vh({},t);r?.fontFamily&&!r.themeVariables?.fontFamily&&(r.themeVariables||(r.themeVariables={}),r.themeVariables.fontFamily=r.fontFamily),mir(r);let i=B6.theme;r?.theme&&Object.hasOwn(S5,r.theme)?r.themeVariables=S5[r.theme].getThemeVariables(r.themeVariables):r&&(r.theme!=null&&r.theme!=="null"&&(r.theme=i),r.themeVariables=S5[i].getThemeVariables(r.themeVariables));let s=typeof r=="object"?gir(r):zVe();lZ(s.logLevel),Hke()}_(zGr,"initialize");var J0i=_((t,r={})=>{let{code:i}=Jct(t);return Uke.fromText(i,r)},"getDiagramFromText");function jGr(t,r,i,s){NGr(r,t),DGr(r,i,s,r.attr("id"))}_(jGr,"addA11yInfo");var CP=Object.freeze({render:Q0i,parse:$Gr,getDiagramFromText:J0i,initialize:zGr,getConfig:Di,setConfig:jVe,getSiteConfig:zVe,updateSiteConfig:yir,reset:_(()=>{LZ()},"reset"),globalReset:_(()=>{LZ(B6)},"globalReset"),defaultConfig:B6});lZ(Di().logLevel);LZ(Di());var Z0i=_((t,r,i)=>{We.warn(t),Gve(t)?(i&&i(t.str,t.hash),r.push({...t,message:t.str,error:t})):(i&&i(t),t instanceof Error&&r.push({str:t.message,message:t.message,hash:t.name,error:t}))},"handleError"),GGr=_(async function(t={querySelector:".mermaid"}){try{await e1i(t)}catch(r){if(Gve(r)&&We.error(r.str),WA.parseError&&WA.parseError(r),!t.suppressErrors)throw We.error("Use the suppressErrors option to suppress these errors"),r}},"run"),e1i=_(async function({postRenderCallback:t,querySelector:r,nodes:i}={querySelector:".mermaid"}){let s=CP.getConfig();We.debug(`${t?"":"No "}Callback function found`);let o;if(i)o=i;else if(r)o=document.querySelectorAll(r);else throw new Error("Nodes and querySelector are both undefined");We.debug(`Found ${o.length} diagrams`),s?.startOnLoad!==void 0&&(We.debug("Start On Load: "+s?.startOnLoad),CP.updateSiteConfig({startOnLoad:s?.startOnLoad}));let u=new ss.InitIDGenerator(s.deterministicIds,s.deterministicIDSeed),h,d=[];for(let g of Array.from(o)){if(We.info("Rendering diagram: "+g.id),g.getAttribute("data-processed"))continue;g.setAttribute("data-processed","true");let y=`mermaid-${u.next()}`;h=g.innerHTML,h=Kve(ss.entityDecode(h)).trim().replace(/<br\s*\/?>/gi,"<br/>");let v=ss.detectInit(h);v&&We.debug("Detected early reinit: ",v);try{let{svg:x,bindFunctions:k}=await qGr(y,h,g);g.innerHTML=x,t&&await t(y),k&&k(g)}catch(x){Z0i(x,d,WA.parseError)}}if(d.length>0)throw d[0]},"runThrowsErrors"),UGr=_(function(t){CP.initialize(t)},"initialize"),t1i=_(async function(t,r,i){We.warn("mermaid.init is deprecated. Please use run instead."),t&&UGr(t);let s={postRenderCallback:i,querySelector:".mermaid"};typeof r=="string"?s.querySelector=r:r&&(r instanceof HTMLElement?s.nodes=[r]:s.nodes=r),await GGr(s)},"init"),r1i=_(async(t,{lazyLoad:r=!0}={})=>{Hke(),Ume(...t),r===!1&&await T0i()},"registerExternalDiagrams"),VGr=_(function(){if(WA.startOnLoad){let{startOnLoad:t}=CP.getConfig();t&&WA.run().catch(r=>We.error("Mermaid failed to initialize",r))}},"contentLoaded");typeof document<"u"&&window.addEventListener("load",VGr,!1);var n1i=_(function(t){WA.parseError=t},"setParseErrorHandler"),Vke=[],Xct=!1,HGr=_(async()=>{if(!Xct){for(Xct=!0;Vke.length>0;){let t=Vke.shift();if(t)try{await t()}catch(r){We.error("Error executing queue",r)}}Xct=!1}},"executeQueue"),i1i=_(async(t,r)=>new Promise((i,s)=>{let o=_(()=>new Promise((u,h)=>{CP.parse(t,r).then(d=>{u(d),i(d)},d=>{We.error("Error parsing",d),WA.parseError?.(d),h(d),s(d)})}),"performCall");Vke.push(o),HGr().catch(s)}),"parse"),qGr=_((t,r,i)=>new Promise((s,o)=>{let u=_(()=>new Promise((h,d)=>{CP.render(t,r,i).then(g=>{h(g),s(g)},g=>{We.error("Error parsing",g),WA.parseError?.(g),d(g),o(g)})}),"performCall");Vke.push(u),HGr().catch(o)}),"render"),a1i=_(()=>Object.keys(iR).map(t=>({id:t})),"getRegisteredDiagramsMetadata"),WA={startOnLoad:!0,mermaidAPI:CP,parse:i1i,render:qGr,init:t1i,run:GGr,registerExternalDiagrams:r1i,registerLayoutLoaders:Ket,initialize:UGr,parseError:void 0,contentLoaded:VGr,setParseErrorHandler:n1i,detectType:cj,registerIconPacks:jj,getRegisteredDiagramsMetadata:a1i},qke=WA;var WGr={fontSize:"16px",flowchart:{curve:"basis",nodeSpacing:40,rankSpacing:41,padding:18,useMaxWidth:!0}},s1i={background:"transparent",primaryColor:"#e5f2ff",primaryTextColor:"#339cff",primaryBorderColor:"#e5f2ff",secondaryColor:"#e5f2ff",tertiaryColor:"#e5f2ff",lineColor:"#339cff",edgeLabelBackground:"#ffffff",clusterBkg:"#f2f8ff",clusterBorder:"#cde7ff",titleColor:"#339cff",nodeTextColor:"#339cff"},o1i={background:"transparent",primaryColor:"#16283d",primaryTextColor:"#79bdff",primaryBorderColor:"#16283d",secondaryColor:"#16283d",tertiaryColor:"#16283d",lineColor:"#5aa9f0",edgeLabelBackground:"#0f1115",clusterBkg:"#132133",clusterBorder:"#2b4a6b",titleColor:"#79bdff",nodeTextColor:"#79bdff"},l1i={background:"transparent",primaryColor:"#f2f2f2",primaryTextColor:"#222222",primaryBorderColor:"#c9c9c9",secondaryColor:"#f2f2f2",tertiaryColor:"#f2f2f2",lineColor:"#666666",edgeLabelBackground:"#ffffff",clusterBkg:"#fafafa",clusterBorder:"#dddddd",titleColor:"#222222",nodeTextColor:"#222222"},c1i={background:"transparent",primaryColor:"#2a2a2a",primaryTextColor:"#eeeeee",primaryBorderColor:"#555555",secondaryColor:"#2a2a2a",tertiaryColor:"#2a2a2a",lineColor:"#aaaaaa",edgeLabelBackground:"#111111",clusterBkg:"#1f1f1f",clusterBorder:"#3a3a3a",titleColor:"#eeeeee",nodeTextColor:"#eeeeee"},u1i={background:"transparent",primaryColor:"#e8f5e9",primaryTextColor:"#1b5e20",primaryBorderColor:"#a5d6a7",secondaryColor:"#e8f5e9",tertiaryColor:"#e8f5e9",lineColor:"#43a047",edgeLabelBackground:"#ffffff",clusterBkg:"#f1f8e9",clusterBorder:"#c8e6c9",titleColor:"#1b5e20",nodeTextColor:"#1b5e20"},h1i={background:"transparent",primaryColor:"#1b3320",primaryTextColor:"#a5d6a7",primaryBorderColor:"#2e7d32",secondaryColor:"#1b3320",tertiaryColor:"#1b3320",lineColor:"#66bb6a",edgeLabelBackground:"#0f1115",clusterBkg:"#142418",clusterBorder:"#2e4a34",titleColor:"#a5d6a7",nodeTextColor:"#a5d6a7"},f1i={background:"transparent",primaryColor:"#ffffff",primaryTextColor:"#000000",primaryBorderColor:"#000000",secondaryColor:"#ffffff",tertiaryColor:"#ffffff",lineColor:"#000000",edgeLabelBackground:"#ffffff",clusterBkg:"#ffffff",clusterBorder:"#000000",titleColor:"#000000",nodeTextColor:"#000000"},d1i={background:"transparent",primaryColor:"#0b0b0b",primaryTextColor:"#ffffff",primaryBorderColor:"#ffffff",secondaryColor:"#0b0b0b",tertiaryColor:"#0b0b0b",lineColor:"#ffffff",edgeLabelBackground:"#0b0b0b",clusterBkg:"#0b0b0b",clusterBorder:"#ffffff",titleColor:"#ffffff",nodeTextColor:"#ffffff"},eut={blue:{light:s1i,dark:o1i},neutral:{light:l1i,dark:c1i},forest:{light:u1i,dark:h1i},contrast:{light:f1i,dark:d1i}},G9a=Object.keys(eut);function YGr(t,r,i="blue"){let s=eut[i]??eut.blue,o=t?s.dark:s.light;return{startOnLoad:!1,securityLevel:"strict",htmlLabels:!1,theme:"base",fontFamily:r,themeVariables:{...o,...WGr},flowchart:WGr.flowchart,themeCSS:[".nodeLabel,.edgeLabel,.label{font-weight:600}",".flowchart-link{stroke-width:1.6px}",`.marker,.arrowheadPath{fill:${o.lineColor};stroke:${o.lineColor}}`].join("")}}var tut=11;var KGr=null,XGr=Promise.resolve();function p1i(t){let r=XGr.then(t,t);return XGr=r.then(()=>{},()=>{}),r}function g1i(t,r){let i=(t?"dark":"light")+":"+r;if(KGr===i)return;KGr=i;let s=getComputedStyle(document.body).fontFamily||"system-ui, sans-serif";qke.initialize(YGr(t,s,r))}function m1i(t){for(let r of t.querySelectorAll(".node rect"))r.setAttribute("rx",String(tut)),r.setAttribute("ry",String(tut))}function y1i(t){return t.includes('aria-roledescription="error"')||t.includes('class="error-text"')}function v1i(t){let r=typeof CSS<"u"&&CSS.escape!==void 0?CSS.escape(t):t;for(let i of document.querySelectorAll(`#d${r}, #d${r} svg`))i.remove()}window.__DSH_MD_PLUS_MMD__={render(t,r,i,s){return p1i(async()=>{g1i(i===!0,s??"blue");let o=null;qke.parseError=u=>{o??=u};try{let{svg:u}=await qke.render(t,r);if(o!==null)throw o;if(y1i(u))throw new Error("mermaid \u8FD4\u56DE\u7684\u662F\u9519\u8BEF\u5361\u7247\uFF08\u8BED\u6CD5\u65E0\u6CD5\u89E3\u6790\uFF09");let h=document.createElement("div");return h.innerHTML=u,m1i(h),await new Promise(d=>setTimeout(d,0)),h.innerHTML}finally{v1i(t)}})}};})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-md-plus",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Markdown display enhancements for DeepSeek Harness Web: code block restyle, syntax highlighting for languages DSH does not ship, and built-in mermaid diagrams.",
   "type": "module",
   "main": "lib/index.js",
@@ -21,8 +21,12 @@
     "prepare": "node scripts/build.mjs",
     "preview": "node scripts/build.mjs && node scripts/preview.mjs && node scripts/shot.mjs",
     "shot": "node scripts/shot.mjs",
+    "smoke": "npm run build && node scripts/smoke.mjs",
     "test": "node --test test/host.test.mjs test/client.test.mjs",
-    "check": "node --check src/index.js && node --check src/client.js && node --check src/highlight-runtime.js && node --check src/mermaid-runtime.js && node --check src/mermaid-theme.js && node --check scripts/build.mjs && npm test"
+    "check": "npm run build && node --check src/index.js && node --check src/client.js && node --check src/highlight-runtime.js && node --check src/mermaid-runtime.js && node --check src/mermaid-theme.js && node --check scripts/build.mjs && node --check scripts/smoke.mjs && npm test",
+    "release": "node scripts/release.mjs",
+    "release:dry": "node scripts/release.mjs --dry-run",
+    "release:yes": "node scripts/release.mjs --yes"
   },
   "dsh": {
     "bundle": {
@@ -34,6 +38,7 @@
     }
   },
   "devDependencies": {
+    "@shikijs/langs": "4.4.3",
     "esbuild": "0.28.2",
     "happy-dom": "^20.14.5",
     "mermaid": "^12.1.0",
@@ -62,6 +67,7 @@
     "url": "https://github.com/JosephHy/dsh-md-plus/issues"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   }
 }