@netless/appliance-plugin 1.1.36-beta.4 → 1.1.37

package/dist/{index-dsmRXiK1.mjs → index-rYcPxCxx.mjs}

@@ -1,7 +1,7 @@
 var _t = Object.defineProperty;
 var Vt = (T, i, e) => i in T ? _t(T, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[i] = e;
 var y = (T, i, e) => Vt(T, typeof i != "symbol" ? i + "" : i, e);
-import { g as Je, i as et, _ as Pt, p as Se, e as Te, D as J, f as A, h as Re, j as Ve, k as se, P as E, l as W, c as k, s as qe, m as tt, n as Ne, o as st, r as qt, q as Ht, t as Me, u as U, a as w, b as x, v as O, w as G, x as ee, y as $, z as Ze, A as jt, B as Zt, C as Kt, F as Qt, G as Jt, H as es, I as ts, J as ss, K as X, L as os, M as ht, N as We, O as Wt, T as Be, Q as ye, R as is, U as Lt, W as rs, X as ns, Y as ce, Z as _, $ as ue, a0 as as, a1 as cs, a2 as ls, a3 as hs, a4 as be, a5 as ps, E as Y, a6 as pt, V as dt, S as ds } from "./index-DIUxN_Uj.mjs";
+import { e as Je, i as et, _ as Pt, p as Se, f as Te, D as J, h as A, j as Re, k as Ve, l as se, P as E, m as W, c as k, s as qe, n as tt, o as Ne, q as st, r as qt, t as Ht, u as Me, v as U, a as w, b as x, w as O, x as G, y as ee, z as $, A as Ze, B as jt, C as Zt, F as Kt, G as Qt, H as Jt, I as es, J as ts, K as ss, L as X, M as os, N as ht, O as We, Q as Wt, T as Be, R as ye, U as is, W as Lt, X as rs, Y as ns, Z as ce, $ as _, a0 as ue, a1 as as, a2 as cs, a3 as ls, a4 as hs, a5 as be, a6 as ps, E as Y, a7 as pt, V as dt, S as ds } from "./index-BCNBmzwR.mjs";
 import { Group as j, Path as we, Sprite as Ct, Rect as Ke, Polyline as he, Ellipse as us, Label as fs, Scene as ot, Layer as ms } from "spritejs";
 import ie from "clipper-lib";
 import it from "lineclip";

package/dist/markmap-runtime-Cg3OxuZ2.mjs

@@ -0,0 +1,25 @@
+const n = "__netless_appliance_plugin_markmap_runtime__";
+function e() {
+  return globalThis;
+}
+function i(r) {
+  e()[n] = r;
+}
+function a() {
+  return e()[n];
+}
+function t() {
+  return new Error(
+    'Markmap runtime is not registered. Install "markmap-lib", "markmap-view", and "mermaid", then import "@netless/appliance-plugin/markmap" before using insertMarkmap/updateMarkmap.'
+  );
+}
+function m() {
+  const r = a();
+  if (!r)
+    throw t();
+  return r;
+}
+export {
+  m as g,
+  i as r
+};

package/dist/markmap-runtime-CsBCTpRs.js

@@ -0,0 +1 @@
+"use strict";const e="__netless_appliance_plugin_markmap_runtime__";function n(){return globalThis}function t(r){n()[e]=r}function a(){return n()[e]}function i(){return new Error('Markmap runtime is not registered. Install "markmap-lib", "markmap-view", and "mermaid", then import "@netless/appliance-plugin/markmap" before using insertMarkmap/updateMarkmap.')}function m(){const r=a();if(!r)throw i();return r}exports.getMarkmapRuntimeOrThrow=m;exports.registerMarkmapRuntime=t;

package/dist/markmap.d.ts

@@ -0,0 +1 @@
+export * from "./component/svg/markmap";

package/dist/markmap.js

@@ -0,0 +1,3 @@
+"use strict";var j=Object.create;var F=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var G=(r,t,e)=>t in r?F(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var R=(r,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of D(t))!U.call(r,i)&&i!==e&&F(r,i,{get:()=>t[i],enumerable:!(a=K(t,i))||a.enumerable});return r};var V=(r,t,e)=>(e=r!=null?j(z(r)):{},R(t||!r||!r.__esModule?F(e,"default",{value:r,enumerable:!0}):e,r));var $=(r,t,e)=>G(r,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("markmap-view"),N=require("markmap-lib"),Y=require("./markmap-runtime-CsBCTpRs.js");function J(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const W=J(X);let I=null,M=null,O=!1;async function Z(){return I||M||(M=import("mermaid").then(r=>(I=r,M=null,r)).catch(r=>{throw M=null,r}),M)}async function Q(){const r=await Z();return O||(r.default.initialize({startOnLoad:!1,theme:"default"}),O=!0),r}function _(){return(I==null?void 0:I.default)||null}const v=class v{constructor(){$(this,"mermaidCodeBlocksByWorkId",new Map)}static getInstance(){return v.instance||(v.instance=new v),v.instance}generateId(){return`mermaid-${Math.random().toString(36).substr(2,9)}`}createContainer(t,e,a){if(e&&a){let i=this.mermaidCodeBlocksByWorkId.get(a);i||(i=new Map,this.mermaidCodeBlocksByWorkId.set(a,i)),i.set(t,e)}return`<div class="mermaid-container" data-mermaid-id="${t}"><div class="mermaid-placeholder" id="${t}">正在渲染图表...</div></div>`}getCode(t,e){const a=this.mermaidCodeBlocksByWorkId.get(e);return a==null?void 0:a.get(t)}clear(t){t?this.mermaidCodeBlocksByWorkId.delete(t):this.mermaidCodeBlocksByWorkId.clear()}extendMarkdown(t,e){const a=t.md.renderer,i=a.rules.fence,u=this;a.rules.fence=(s,n,m,h,f)=>{const l=s[n];if(l.info.trim()==="mermaid"){const g=u.generateId();return u.createContainer(g,l.content,e)}return i?i(s,n,m,h,f):""}}static generateId(){return v.getInstance().generateId()}static createContainer(t,e,a){return v.getInstance().createContainer(t,e,a)}static getCode(t,e){return v.getInstance().getCode(t,e)}static clear(t){v.getInstance().clear(t)}static extendMarkdown(t,e){v.getInstance().extendMarkdown(t,e)}};$(v,"instance",null);let S=v;class A{static checkNodeHasMermaid(t){if(!t)return!1;if(t.content&&typeof t.content=="string"&&(t.content.includes('class="mermaid-container"')||t.content.includes("class='mermaid-container'")||t.content.includes("data-mermaid-id=")||t.content.includes("mermaid-placeholder")))return!0;if(t.children&&Array.isArray(t.children)){for(const e of t.children)if(A.checkNodeHasMermaid(e))return!0}return!1}static async renderMermaidAfterDOMUpdate(t,e){await A.renderMermaidBlocks(t,e)}static async renderMermaidBlocks(t,e){if(!t)return;try{await Q()}catch(n){console.error("[renderMermaidBlocks] error: ",n);return}const a=_();if(!a)return;let i=null,u=!1;for(let n=0;n<30;n++){const m=t.querySelectorAll("foreignObject");if(i=t.querySelectorAll(".mermaid-container"),i.length>0||(m.length>0&&(u=!0),await new Promise(h=>setTimeout(h,50)),u&&n>=20))break}if(!i||i.length===0)return;const s=Array.from(i).map(async(n,m)=>{const h=n,f=h.getAttribute("data-mermaid-id"),l=f?S.getCode(f,e):void 0,d=h.querySelector(".mermaid-placeholder");if(!(!d||!l))try{const p=`mermaid-${e.replace(/[^a-zA-Z0-9_-]/g,"-")}-${Date.now()}-${m}`,{svg:y}=await a.render(p,l);if(d&&d.parentNode){const w=document.createElement("div");w.innerHTML=y;const o=w.querySelector("svg");if(o){if(!o.getAttribute("viewBox")&&o.getAttribute("width")&&o.getAttribute("height")){const C=o.getAttribute("width"),x=o.getAttribute("height"),b=parseFloat((C==null?void 0:C.replace(/px|%/,""))||"0"),k=parseFloat((x==null?void 0:x.replace(/px|%/,""))||"0");b>0&&k>0&&o.setAttribute("viewBox",`0 0 ${b} ${k}`)}o.style.display="block",o.style.maxWidth="100%",o.style.width="auto",o.style.height="auto",o.style.overflow="visible",o.style.verticalAlign="top",o.style.objectFit="contain";const c=document.createElement("div");c.className="mermaid-wrapper",c.style.width="100%",c.style.height="auto",c.style.overflow="hidden",c.style.display="inline-block",c.style.verticalAlign="top",c.style.margin="0",c.style.padding="0",c.style.boxSizing="border-box",c.style.position="relative",this.isSafari()&&(c.style.clipPath="inset(100% 0 0 0)",c.style.pointerEvents="none"),c.appendChild(o),o.style.width="100%",o.style.height="100%",o.style.maxWidth="100%",o.style.maxHeight="100%",o.style.objectFit="contain",o.setAttribute("data-type","mermaid"),this.isSafari()&&(o.style.opacity="0"),d.parentNode.replaceChild(c,d)}else d.outerHTML=y}}catch(g){const p=g instanceof Error?g.message:String(g);d&&(d.textContent=`Mermaid 渲染失败: ${p}`,d.style.color="red",d.style.fontSize="12px")}});await Promise.all(s)}static isSafari(){const t=navigator.userAgent.toLowerCase(),e=t.indexOf("safari")!==-1&&t.indexOf("chrome")===-1&&t.indexOf("chromium")===-1,a=!!(navigator.vendor&&navigator.vendor.indexOf("Apple")!==-1);return e||a}static async transformMermaidSvgToMarkmapSvg(t){if(!t)return;await new Promise(s=>setTimeout(s,200));const e=t.querySelectorAll('g[data-mermaid-wrapper][data-mermaid-clone="true"]'),a=t.querySelectorAll("foreignObject"),i=new Set;if(a.forEach(s=>{const n=s.querySelector(".mermaid-container"),m=n==null?void 0:n.getAttribute("data-mermaid-id");m&&i.add(m)}),e.forEach(s=>{const n=s.getAttribute("data-mermaid-id");n&&!i.has(n)&&s.remove()}),a.length===0)return;const u=Array.from(a).map(async s=>{let n=s.querySelector('svg[data-type="mermaid"]');if(!n){const f=s.querySelector(".mermaid-wrapper");f&&(n=f.querySelector('svg[data-type="mermaid"]'))}if(!n)return;const m=s.querySelector(".mermaid-container"),h=m==null?void 0:m.getAttribute("data-mermaid-id");if(h)try{const f=parseFloat(s.getAttribute("x")||"0"),l=parseFloat(s.getAttribute("y")||"0"),d=parseFloat(s.getAttribute("width")||"0"),g=parseFloat(s.getAttribute("height")||"0");if(d<=0||g<=0)return;const p=s.parentElement;if(!p||p.tagName!=="g")return;let y=p.getAttribute("transform");if(!y)y=`translate(${f}, ${l})`;else{const x=y.match(/translate\(([^,]+),([^)]+)\)/);if(x){const b=parseFloat(x[1]),k=parseFloat(x[2]),T=b+f,P=k+l;y=y.replace(/translate\([^)]+\)/,`translate(${T}, ${P})`)}else y=`translate(${f}, ${l}) ${y}`}const w=t.querySelector(`g[data-mermaid-wrapper][data-mermaid-id="${h}"][data-mermaid-clone="true"]`);let o;if(w){o=w;const x=o.querySelector('svg[data-type="mermaid"]');x&&o.removeChild(x)}else o=document.createElementNS("http://www.w3.org/2000/svg","g"),o.setAttribute("data-mermaid-wrapper","true"),o.setAttribute("data-mermaid-clone","true"),o.setAttribute("data-mermaid-id",h);o.setAttribute("transform",y);const c=n.cloneNode(!0);if(c.setAttribute("width",d.toString()),c.setAttribute("height",g.toString()),c.setAttribute("data-mermaid-transformed","true"),c.style.width="",c.style.height="",c.style.maxWidth="",c.style.maxHeight="",c.style.transform="",c.style.transformOrigin="",c.style.display="block",c.style.overflow="visible",c.style.opacity="1",!c.getAttribute("viewBox")){const x=c.getAttribute("width"),b=c.getAttribute("height");if(x&&b){const k=parseFloat(x.replace(/px|%/,"")||"0"),T=parseFloat(b.replace(/px|%/,"")||"0");k>0&&T>0&&c.setAttribute("viewBox",`0 0 ${k} ${T}`)}}o.appendChild(c),w||(p&&p.parentNode?p.parentNode.insertBefore(o,p.nextSibling):t.appendChild(o)),m&&(m.style.opacity="0",m.style.pointerEvents="none")}catch(f){console.error("[transformMermaidSvgToMarkmapSvg] error: ",f)}});await Promise.all(u)}static injectMermaidHtml(t,e,a){const i=[],u=e.split(`
+`);let s="",n=!1,m=[],h=-1;for(let l=0;l<u.length;l++){const d=u[l],g=d.match(/^(#{1,6})\s+(.+)$/);if(g&&(s=g[2].trim()),d.trim().startsWith("```mermaid"))n=!0,m=[],h=l;else if(n&&d.trim()==="```"){n=!1;const p=m.join(`
+`);p&&s&&i.push({title:s,content:p,index:h}),m=[]}else n&&m.push(d)}const f=l=>{if(!l)return;const d=l.content||"",g=A.decodeHtmlEntities(d);for(const p of i)if(g.includes(p.title)||d.includes(p.title)){const y=S.generateId(),w=S.createContainer(y,p.content,a);l.content?l.content=l.content+w:l.content=w;break}l.children&&l.children.length>0&&l.children.forEach(p=>{f(p)})};return f(t),t}static decodeHtmlEntities(t){const e=document.createElement("textarea");return e.innerHTML=t,e.value}static hasMermaidSvg(t){return t.querySelectorAll("svg[data-type='mermaid']").length>0}}class q extends N.Transformer{constructor(e){super(e);$(this,"currentWorkId",null)}setWorkId(e){this.currentWorkId=e,e&&S.extendMarkdown(this,e)}transform(e,a){this.currentWorkId?S.clear(this.currentWorkId):S.clear();const i=this.convertKatexToText(e),u=super.transform(i,a);return u.root&&this.processKatexInRoot(u.root),u}convertKatexToText(e){if(!e)return e;let a=e.replace(/\$\$([\s\S]*?)\$\$/g,(i,u)=>u.replace(/\\/g,"").replace(/\{/g,"").replace(/\}/g,"").replace(/\\over/g,"/").replace(/\\pm/g,"±").replace(/\\sqrt/g,"√").replace(/\\frac/g,"/").trim());return a=a.replace(/\$([^$\n]+?)\$/g,(i,u)=>u.replace(/\\/g,"").replace(/\{/g,"").replace(/\}/g,"").replace(/\\over/g,"/").replace(/\\pm/g,"±").replace(/\\sqrt/g,"√").replace(/\\frac/g,"/").trim()),a}processKatexInRoot(e){if(e){if(e.content&&typeof e.content=="string"&&(e.content.includes("katex")||e.content.includes("katex-mathml"))){const a=e.content.match(/<annotation[^>]*encoding="application\/x-tex">([^<]+)<\/annotation>/);if(a){const i=a[1].replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/\\/g,"").replace(/\{/g,"").replace(/\}/g,"").replace(/\\over/g,"/").replace(/\\pm/g,"±").replace(/\\sqrt/g,"√").replace(/\\frac/g,"/").trim();e.content=e.content.replace(/<div[^>]*xmlns="http:\/\/www\.w3\.org\/1999\/xhtml"[^>]*>Katex:\s*<span[^>]*class="katex"[^>]*>[\s\S]*?<\/span><\/div>/g,i)}else{const i=document.createElement("div");i.innerHTML=e.content;const u=i.querySelector(".katex");if(u){let s=u.textContent||"";s=s.replace(/^Katex:\s*/i,"").trim(),e.content=e.content.replace(/<div[^>]*xmlns="http:\/\/www\.w3\.org\/1999\/xhtml"[^>]*>Katex:\s*<span[^>]*class="katex"[^>]*>[\s\S]*?<\/span><\/div>/g,s||"公式")}else{const s=e.content.replace(/<[^>]+>/g," ").replace(/\s+/g," ").replace(/^Katex:\s*/i,"").trim();e.content=s||"公式"}}}e.children&&Array.isArray(e.children)&&e.children.forEach(a=>{this.processKatexInRoot(a)})}}static async waitForImagesInForeignObjects(e,a=1e4){if(!e)return;const i=e.querySelectorAll("foreignObject.markmap-foreign img");if(i.length===0)return;const u=[],s=new Set;i.forEach(n=>{const m=n.src||n.getAttribute("src");if(!m||s.has(m)||(s.add(m),n.complete&&n.naturalWidth>0))return;const h=new Promise(f=>{const l=setTimeout(()=>{f()},a);if(n.complete&&n.naturalWidth>0){clearTimeout(l),f();return}const d=()=>{clearTimeout(l),n.removeEventListener("load",d),n.removeEventListener("error",g),f()},g=()=>{clearTimeout(l),n.removeEventListener("load",d),n.removeEventListener("error",g),f()};n.addEventListener("load",d),n.addEventListener("error",g),!n.src&&m&&(n.src=m)});u.push(h)}),u.length>0&&await Promise.all(u)}}const B=new q,{loadCSS:ee,loadJS:te,Markmap:L}=W,{scripts:E,styles:H}=B.getAssets();H&&ee(H);E&&te(E,{getMarkmap:()=>W});Y.registerMarkmapRuntime({createMarkmap(r,t){return L.create(r,t)},transform(r,t){return B.setWorkId(r),B.transform(t)},hasMermaidCodeBlock(r){return/```\s*mermaid[\s\S]*?```/i.test(r)},checkNodeHasMermaid(r){const t=e=>e?e.content&&typeof e.content=="string"&&(e.content.includes('class="mermaid-container"')||e.content.includes("class='mermaid-container'")||e.content.includes("data-mermaid-id=")||e.content.includes("mermaid-placeholder"))?!0:e.children&&Array.isArray(e.children)?e.children.some(t):!1:!1;return t(r)},async renderMermaidAfterDOMUpdate(r,t){await A.renderMermaidAfterDOMUpdate(r,t)},injectMermaidHtml(r,t,e){return A.injectMermaidHtml(r,t,e)},async waitForImagesInForeignObjects(r){await q.waitForImagesInForeignObjects(r)},async transformMermaidSvgToMarkmapSvg(r){await A.transformMermaidSvgToMarkmapSvg(r)},isSafari(){const r=navigator.userAgent.toLowerCase(),t=r.indexOf("safari")!==-1&&r.indexOf("chrome")===-1&&r.indexOf("chromium")===-1,e=!!(navigator.vendor&&navigator.vendor.indexOf("Apple")!==-1);return t||e},hasMermaidSvg(r){return r.querySelectorAll("svg[data-type='mermaid']").length>0}});exports.markmap=W;Object.defineProperty(exports,"Transformer",{enumerable:!0,get:()=>N.Transformer});exports.Markmap=L;exports.MermaidTransformer=q;exports.transformer=B;

package/dist/markmap.mjs

@@ -0,0 +1,535 @@
+var L = Object.defineProperty;
+var O = (a, t, e) => t in a ? L(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var B = (a, t, e) => O(a, typeof t != "symbol" ? t + "" : t, e);
+import * as E from "markmap-view";
+import { Transformer as P } from "markmap-lib";
+import { Transformer as Q } from "markmap-lib";
+import { r as K } from "./markmap-runtime-Cg3OxuZ2.mjs";
+let I = null, M = null, W = !1;
+async function j() {
+  return I || M || (M = import("mermaid").then((a) => (I = a, M = null, a)).catch((a) => {
+    throw M = null, a;
+  }), M);
+}
+async function z() {
+  const a = await j();
+  return W || (a.default.initialize({
+    startOnLoad: !1,
+    theme: "default"
+  }), W = !0), a;
+}
+function D() {
+  return (I == null ? void 0 : I.default) || null;
+}
+const w = class w {
+  constructor() {
+    // 使用 workId 作为 key，存储每个实例的 mermaid 代码块
+    B(this, "mermaidCodeBlocksByWorkId", /* @__PURE__ */ new Map());
+  }
+  /**
+   * 获取 MermaidManager 单例实例
+   */
+  static getInstance() {
+    return w.instance || (w.instance = new w()), w.instance;
+  }
+  /**
+   * 生成唯一的 mermaid ID
+   */
+  generateId() {
+    return `mermaid-${Math.random().toString(36).substr(2, 9)}`;
+  }
+  /**
+   * 生成 mermaid HTML 容器
+   * @param id mermaid ID
+   * @param mermaidCode mermaid 代码（可选，如果提供则存储）
+   * @param workId 工作 ID（用于命名空间隔离）
+   * @returns HTML 字符串
+   */
+  createContainer(t, e, n) {
+    if (e && n) {
+      let c = this.mermaidCodeBlocksByWorkId.get(n);
+      c || (c = /* @__PURE__ */ new Map(), this.mermaidCodeBlocksByWorkId.set(n, c)), c.set(t, e);
+    }
+    return `<div class="mermaid-container" data-mermaid-id="${t}"><div class="mermaid-placeholder" id="${t}">正在渲染图表...</div></div>`;
+  }
+  /**
+   * 获取 mermaid 代码块
+   * @param id mermaid ID
+   * @param workId 工作 ID（用于命名空间隔离）
+   * @returns mermaid 代码或 undefined
+   */
+  getCode(t, e) {
+    const n = this.mermaidCodeBlocksByWorkId.get(e);
+    return n == null ? void 0 : n.get(t);
+  }
+  /**
+   * 清空指定 workId 的 mermaid 代码块
+   * @param workId 工作 ID（如果未提供，清空所有）
+   */
+  clear(t) {
+    t ? this.mermaidCodeBlocksByWorkId.delete(t) : this.mermaidCodeBlocksByWorkId.clear();
+  }
+  /**
+   * 扩展 markdown-it 的渲染规则，处理 mermaid 代码块
+   * @param transformer Transformer 实例
+   * @param workId 工作 ID（用于命名空间隔离）
+   */
+  extendMarkdown(t, e) {
+    const n = t.md.renderer, c = n.rules.fence, u = this;
+    n.rules.fence = (i, r, d, h, f) => {
+      const l = i[r];
+      if (l.info.trim() === "mermaid") {
+        const g = u.generateId();
+        return u.createContainer(g, l.content, e);
+      }
+      return c ? c(i, r, d, h, f) : "";
+    };
+  }
+  // 为了向后兼容，保留静态方法（内部使用单例）
+  static generateId() {
+    return w.getInstance().generateId();
+  }
+  static createContainer(t, e, n) {
+    return w.getInstance().createContainer(
+      t,
+      e,
+      n
+    );
+  }
+  static getCode(t, e) {
+    return w.getInstance().getCode(t, e);
+  }
+  static clear(t) {
+    w.getInstance().clear(t);
+  }
+  static extendMarkdown(t, e) {
+    w.getInstance().extendMarkdown(t, e);
+  }
+};
+B(w, "instance", null);
+let S = w;
+class b {
+  /**
+   * 检查 markmap 节点及其子节点是否包含 mermaid 代码块
+   * @param node markmap 节点数据
+   * @returns 如果节点或其子节点包含 mermaid 代码块，返回 true
+   */
+  static checkNodeHasMermaid(t) {
+    if (!t)
+      return !1;
+    if (t.content && typeof t.content == "string" && (t.content.includes('class="mermaid-container"') || t.content.includes("class='mermaid-container'") || t.content.includes("data-mermaid-id=") || t.content.includes("mermaid-placeholder")))
+      return !0;
+    if (t.children && Array.isArray(t.children)) {
+      for (const e of t.children)
+        if (b.checkNodeHasMermaid(e))
+          return !0;
+    }
+    return !1;
+  }
+  /**
+   * 等待 DOM 更新后渲染 Mermaid 图表
+   * @param svgElement SVG 元素
+   * @param workId 工作 ID
+   * @returns Promise<void>
+   */
+  static async renderMermaidAfterDOMUpdate(t, e) {
+    await b.renderMermaidBlocks(t, e);
+  }
+  /**
+   * 渲染所有 mermaid 容器中的图表
+   * @param svgElement SVG 元素
+   * @param workId 工作 ID
+   * @returns Promise<void>
+   */
+  static async renderMermaidBlocks(t, e) {
+    if (!t)
+      return;
+    try {
+      await z();
+    } catch (r) {
+      console.error("[renderMermaidBlocks] error: ", r);
+      return;
+    }
+    const n = D();
+    if (!n)
+      return;
+    let c = null, u = !1;
+    for (let r = 0; r < 30; r++) {
+      const d = t.querySelectorAll("foreignObject");
+      if (c = t.querySelectorAll(".mermaid-container"), c.length > 0 || (d.length > 0 && (u = !0), await new Promise((h) => setTimeout(h, 50)), u && r >= 20))
+        break;
+    }
+    if (!c || c.length === 0)
+      return;
+    const i = Array.from(c).map(
+      async (r, d) => {
+        const h = r, f = h.getAttribute("data-mermaid-id"), l = f ? S.getCode(f, e) : void 0, m = h.querySelector(
+          ".mermaid-placeholder"
+        );
+        if (!(!m || !l))
+          try {
+            const p = `mermaid-${e.replace(/[^a-zA-Z0-9_-]/g, "-")}-${Date.now()}-${d}`, { svg: y } = await n.render(p, l);
+            if (m && m.parentNode) {
+              const v = document.createElement("div");
+              v.innerHTML = y;
+              const s = v.querySelector("svg");
+              if (s) {
+                if (!s.getAttribute("viewBox") && s.getAttribute("width") && s.getAttribute("height")) {
+                  const C = s.getAttribute("width"), x = s.getAttribute("height"), A = parseFloat((C == null ? void 0 : C.replace(/px|%/, "")) || "0"), k = parseFloat(
+                    (x == null ? void 0 : x.replace(/px|%/, "")) || "0"
+                  );
+                  A > 0 && k > 0 && s.setAttribute(
+                    "viewBox",
+                    `0 0 ${A} ${k}`
+                  );
+                }
+                s.style.display = "block", s.style.maxWidth = "100%", s.style.width = "auto", s.style.height = "auto", s.style.overflow = "visible", s.style.verticalAlign = "top", s.style.objectFit = "contain";
+                const o = document.createElement("div");
+                o.className = "mermaid-wrapper", o.style.width = "100%", o.style.height = "auto", o.style.overflow = "hidden", o.style.display = "inline-block", o.style.verticalAlign = "top", o.style.margin = "0", o.style.padding = "0", o.style.boxSizing = "border-box", o.style.position = "relative", this.isSafari() && (o.style.clipPath = "inset(100% 0 0 0)", o.style.pointerEvents = "none"), o.appendChild(s), s.style.width = "100%", s.style.height = "100%", s.style.maxWidth = "100%", s.style.maxHeight = "100%", s.style.objectFit = "contain", s.setAttribute("data-type", "mermaid"), this.isSafari() && (s.style.opacity = "0"), m.parentNode.replaceChild(o, m);
+              } else
+                m.outerHTML = y;
+            }
+          } catch (g) {
+            const p = g instanceof Error ? g.message : String(g);
+            m && (m.textContent = `Mermaid 渲染失败: ${p}`, m.style.color = "red", m.style.fontSize = "12px");
+          }
+      }
+    );
+    await Promise.all(i);
+  }
+  /**
+   * 检测是否是 Safari 浏览器
+   * @returns 如果是 Safari 返回 true，否则返回 false
+   */
+  static isSafari() {
+    const t = navigator.userAgent.toLowerCase(), e = t.indexOf("safari") !== -1 && t.indexOf("chrome") === -1 && t.indexOf("chromium") === -1, n = !!(navigator.vendor && navigator.vendor.indexOf("Apple") !== -1);
+    return e || n;
+  }
+  /**
+   * 将 mermaid SVG 从 foreignObject 移出，直接添加到 markmap SVG 中（Safari 兼容性处理）
+   * 克隆 mermaid SVG 元素，设置正确的尺寸和位置，然后将 foreignObject 中的 mermaid-container 透明度设为 0
+   * @param svgElement markmap SVG 元素
+   * @returns Promise<void>
+   */
+  static async transformMermaidSvgToMarkmapSvg(t) {
+    if (!t)
+      return;
+    await new Promise((i) => setTimeout(i, 200));
+    const e = t.querySelectorAll(
+      'g[data-mermaid-wrapper][data-mermaid-clone="true"]'
+    ), n = t.querySelectorAll("foreignObject"), c = /* @__PURE__ */ new Set();
+    if (n.forEach((i) => {
+      const r = i.querySelector(
+        ".mermaid-container"
+      ), d = r == null ? void 0 : r.getAttribute("data-mermaid-id");
+      d && c.add(d);
+    }), e.forEach((i) => {
+      const r = i.getAttribute("data-mermaid-id");
+      r && !c.has(r) && i.remove();
+    }), n.length === 0)
+      return;
+    const u = Array.from(n).map(
+      async (i) => {
+        let r = i.querySelector(
+          'svg[data-type="mermaid"]'
+        );
+        if (!r) {
+          const f = i.querySelector(".mermaid-wrapper");
+          f && (r = f.querySelector(
+            'svg[data-type="mermaid"]'
+          ));
+        }
+        if (!r)
+          return;
+        const d = i.querySelector(
+          ".mermaid-container"
+        ), h = d == null ? void 0 : d.getAttribute("data-mermaid-id");
+        if (h)
+          try {
+            const f = parseFloat(i.getAttribute("x") || "0"), l = parseFloat(i.getAttribute("y") || "0"), m = parseFloat(
+              i.getAttribute("width") || "0"
+            ), g = parseFloat(
+              i.getAttribute("height") || "0"
+            );
+            if (m <= 0 || g <= 0)
+              return;
+            const p = i.parentElement;
+            if (!p || p.tagName !== "g")
+              return;
+            let y = p.getAttribute("transform");
+            if (!y)
+              y = `translate(${f}, ${l})`;
+            else {
+              const x = y.match(
+                /translate\(([^,]+),([^)]+)\)/
+              );
+              if (x) {
+                const A = parseFloat(x[1]), k = parseFloat(x[2]), $ = A + f, N = k + l;
+                y = y.replace(
+                  /translate\([^)]+\)/,
+                  `translate(${$}, ${N})`
+                );
+              } else
+                y = `translate(${f}, ${l}) ${y}`;
+            }
+            const v = t.querySelector(
+              `g[data-mermaid-wrapper][data-mermaid-id="${h}"][data-mermaid-clone="true"]`
+            );
+            let s;
+            if (v) {
+              s = v;
+              const x = s.querySelector('svg[data-type="mermaid"]');
+              x && s.removeChild(x);
+            } else
+              s = document.createElementNS(
+                "http://www.w3.org/2000/svg",
+                "g"
+              ), s.setAttribute("data-mermaid-wrapper", "true"), s.setAttribute("data-mermaid-clone", "true"), s.setAttribute("data-mermaid-id", h);
+            s.setAttribute("transform", y);
+            const o = r.cloneNode(!0);
+            if (o.setAttribute("width", m.toString()), o.setAttribute("height", g.toString()), o.setAttribute("data-mermaid-transformed", "true"), o.style.width = "", o.style.height = "", o.style.maxWidth = "", o.style.maxHeight = "", o.style.transform = "", o.style.transformOrigin = "", o.style.display = "block", o.style.overflow = "visible", o.style.opacity = "1", !o.getAttribute("viewBox")) {
+              const x = o.getAttribute("width"), A = o.getAttribute("height");
+              if (x && A) {
+                const k = parseFloat(
+                  x.replace(/px|%/, "") || "0"
+                ), $ = parseFloat(
+                  A.replace(/px|%/, "") || "0"
+                );
+                k > 0 && $ > 0 && o.setAttribute(
+                  "viewBox",
+                  `0 0 ${k} ${$}`
+                );
+              }
+            }
+            s.appendChild(o), v || (p && p.parentNode ? p.parentNode.insertBefore(s, p.nextSibling) : t.appendChild(s)), d && (d.style.opacity = "0", d.style.pointerEvents = "none");
+          } catch (f) {
+            console.error("[transformMermaidSvgToMarkmapSvg] error: ", f);
+          }
+      }
+    );
+    await Promise.all(u);
+  }
+  /**
+   * 在 root 数据中注入 mermaid HTML
+   * 找到包含 mermaid 代码块的节点，将 HTML 添加到其 content 中
+   * @param root markmap root 数据
+   * @param markdown markdown 文本
+   * @param workId 工作 ID（用于命名空间隔离）
+   * @returns 修改后的 root 数据
+   */
+  static injectMermaidHtml(t, e, n) {
+    const c = [], u = e.split(`
+`);
+    let i = "", r = !1, d = [], h = -1;
+    for (let l = 0; l < u.length; l++) {
+      const m = u[l], g = m.match(/^(#{1,6})\s+(.+)$/);
+      if (g && (i = g[2].trim()), m.trim().startsWith("```mermaid"))
+        r = !0, d = [], h = l;
+      else if (r && m.trim() === "```") {
+        r = !1;
+        const p = d.join(`
+`);
+        p && i && c.push({
+          title: i,
+          content: p,
+          index: h
+        }), d = [];
+      } else r && d.push(m);
+    }
+    const f = (l) => {
+      if (!l) return;
+      const m = l.content || "", g = b.decodeHtmlEntities(m);
+      for (const p of c)
+        if (g.includes(p.title) || m.includes(p.title)) {
+          const y = S.generateId(), v = S.createContainer(
+            y,
+            p.content,
+            n
+          );
+          l.content ? l.content = l.content + v : l.content = v;
+          break;
+        }
+      l.children && l.children.length > 0 && l.children.forEach((p) => {
+        f(p);
+      });
+    };
+    return f(t), t;
+  }
+  /**
+   * 解码 HTML 实体
+   * @param str HTML 字符串
+   * @returns 解码后的字符串
+   */
+  static decodeHtmlEntities(t) {
+    const e = document.createElement("textarea");
+    return e.innerHTML = t, e.value;
+  }
+  /**
+   * 检查 divElement 中是否包含 mermaid SVG 元素
+   * @param divElement HTMLDivElement 或 SVGSVGElement 元素
+   * @returns 如果包含 mermaid SVG 元素，返回 true，否则返回 false
+   */
+  static hasMermaidSvg(t) {
+    return t.querySelectorAll("svg[data-type='mermaid']").length > 0;
+  }
+}
+class H extends P {
+  constructor(e) {
+    super(e);
+    B(this, "currentWorkId", null);
+  }
+  /**
+   * 设置当前工作 ID（用于命名空间隔离）
+   * @param workId 工作 ID
+   */
+  setWorkId(e) {
+    this.currentWorkId = e, e && S.extendMarkdown(this, e);
+  }
+  transform(e, n) {
+    this.currentWorkId ? S.clear(this.currentWorkId) : S.clear();
+    const c = this.convertKatexToText(e), u = super.transform(c, n);
+    return u.root && this.processKatexInRoot(u.root), u;
+  }
+  /**
+   * 将 markdown 内容中的 katex 公式转换为普通文本
+   * 处理 $...$ 和 $$...$$ 格式的公式
+   * 由于 Safari 对 katex 的兼容性问题，将公式转换为普通文本显示
+   * @param content markdown 内容
+   * @returns 处理后的内容
+   */
+  convertKatexToText(e) {
+    if (!e)
+      return e;
+    let n = e.replace(
+      /\$\$([\s\S]*?)\$\$/g,
+      (c, u) => u.replace(/\\/g, "").replace(/\{/g, "").replace(/\}/g, "").replace(/\\over/g, "/").replace(/\\pm/g, "±").replace(/\\sqrt/g, "√").replace(/\\frac/g, "/").trim()
+    );
+    return n = n.replace(
+      /\$([^$\n]+?)\$/g,
+      (c, u) => u.replace(/\\/g, "").replace(/\{/g, "").replace(/\}/g, "").replace(/\\over/g, "/").replace(/\\pm/g, "±").replace(/\\sqrt/g, "√").replace(/\\frac/g, "/").trim()
+    ), n;
+  }
+  /**
+   * 处理转换结果中的 katex HTML，将其转换为普通文本
+   * 递归处理节点树，查找包含 katex 的内容并转换
+   * 由于 Safari 对 katex 的兼容性问题，将 katex HTML 转换为普通文本显示
+   * @param node markmap 节点
+   */
+  processKatexInRoot(e) {
+    if (e) {
+      if (e.content && typeof e.content == "string" && (e.content.includes("katex") || e.content.includes("katex-mathml"))) {
+        const n = e.content.match(
+          /<annotation[^>]*encoding="application\/x-tex">([^<]+)<\/annotation>/
+        );
+        if (n) {
+          const c = n[1].replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/\\/g, "").replace(/\{/g, "").replace(/\}/g, "").replace(/\\over/g, "/").replace(/\\pm/g, "±").replace(/\\sqrt/g, "√").replace(/\\frac/g, "/").trim();
+          e.content = e.content.replace(
+            /<div[^>]*xmlns="http:\/\/www\.w3\.org\/1999\/xhtml"[^>]*>Katex:\s*<span[^>]*class="katex"[^>]*>[\s\S]*?<\/span><\/div>/g,
+            c
+          );
+        } else {
+          const c = document.createElement("div");
+          c.innerHTML = e.content;
+          const u = c.querySelector(".katex");
+          if (u) {
+            let i = u.textContent || "";
+            i = i.replace(/^Katex:\s*/i, "").trim(), e.content = e.content.replace(
+              /<div[^>]*xmlns="http:\/\/www\.w3\.org\/1999\/xhtml"[^>]*>Katex:\s*<span[^>]*class="katex"[^>]*>[\s\S]*?<\/span><\/div>/g,
+              i || "公式"
+            );
+          } else {
+            const i = e.content.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").replace(/^Katex:\s*/i, "").trim();
+            e.content = i || "公式";
+          }
+        }
+      }
+      e.children && Array.isArray(e.children) && e.children.forEach((n) => {
+        this.processKatexInRoot(n);
+      });
+    }
+  }
+  /**
+   * 等待 markmap foreignObject 内所有图片加载完成
+   * 用于在调用 fit() 之前确保所有图片都已加载，以便正确计算尺寸
+   * @param svgElement SVG 元素
+   * @param timeout 超时时间（毫秒），默认 10 秒
+   * @returns Promise<void> 当所有图片加载完成时 resolve
+   */
+  static async waitForImagesInForeignObjects(e, n = 1e4) {
+    if (!e)
+      return;
+    const c = e.querySelectorAll(
+      "foreignObject.markmap-foreign img"
+    );
+    if (c.length === 0)
+      return;
+    const u = [], i = /* @__PURE__ */ new Set();
+    c.forEach((r) => {
+      const d = r.src || r.getAttribute("src");
+      if (!d || i.has(d) || (i.add(d), r.complete && r.naturalWidth > 0))
+        return;
+      const h = new Promise((f) => {
+        const l = setTimeout(() => {
+          f();
+        }, n);
+        if (r.complete && r.naturalWidth > 0) {
+          clearTimeout(l), f();
+          return;
+        }
+        const m = () => {
+          clearTimeout(l), r.removeEventListener("load", m), r.removeEventListener("error", g), f();
+        }, g = () => {
+          clearTimeout(l), r.removeEventListener("load", m), r.removeEventListener("error", g), f();
+        };
+        r.addEventListener("load", m), r.addEventListener("error", g), !r.src && d && (r.src = d);
+      });
+      u.push(h);
+    }), u.length > 0 && await Promise.all(u);
+  }
+}
+const F = new H(), { loadCSS: U, loadJS: G, Markmap: V } = E, { scripts: T, styles: q } = F.getAssets();
+q && U(q);
+T && G(T, {
+  getMarkmap: () => E
+});
+K({
+  createMarkmap(a, t) {
+    return V.create(a, t);
+  },
+  transform(a, t) {
+    return F.setWorkId(a), F.transform(t);
+  },
+  hasMermaidCodeBlock(a) {
+    return /```\s*mermaid[\s\S]*?```/i.test(a);
+  },
+  checkNodeHasMermaid(a) {
+    const t = (e) => e ? e.content && typeof e.content == "string" && (e.content.includes('class="mermaid-container"') || e.content.includes("class='mermaid-container'") || e.content.includes("data-mermaid-id=") || e.content.includes("mermaid-placeholder")) ? !0 : e.children && Array.isArray(e.children) ? e.children.some(t) : !1 : !1;
+    return t(a);
+  },
+  async renderMermaidAfterDOMUpdate(a, t) {
+    await b.renderMermaidAfterDOMUpdate(a, t);
+  },
+  injectMermaidHtml(a, t, e) {
+    return b.injectMermaidHtml(a, t, e);
+  },
+  async waitForImagesInForeignObjects(a) {
+    await H.waitForImagesInForeignObjects(a);
+  },
+  async transformMermaidSvgToMarkmapSvg(a) {
+    await b.transformMermaidSvgToMarkmapSvg(a);
+  },
+  isSafari() {
+    const a = navigator.userAgent.toLowerCase(), t = a.indexOf("safari") !== -1 && a.indexOf("chrome") === -1 && a.indexOf("chromium") === -1, e = !!(navigator.vendor && navigator.vendor.indexOf("Apple") !== -1);
+    return t || e;
+  },
+  hasMermaidSvg(a) {
+    return a.querySelectorAll("svg[data-type='mermaid']").length > 0;
+  }
+});
+export {
+  V as Markmap,
+  H as MermaidTransformer,
+  Q as Transformer,
+  E as markmap,
+  F as transformer
+};

package/dist/plugin/types.d.ts

@@ -12,7 +12,7 @@ import type { ECanvasContextType, EToolsKey, EventWorkState, EScaleType, ElayerT
 import type { AuthRenderScenesData } from "../core/renderCotrol";
 import type { Plugin } from "../core/plugin";
 import type { TextEditorInfo, FontWeightType, FontStyleType, TextAlignType, VerticalAlignType, TextOptions } from "../component/textEditor/types";
-import type { IMarkmapOptions } from "../component/svg/markmap";
+import type { IMarkmapOptions } from "../component/svg/markmap-runtime";
 import type { AutoShapeKind, AutoShapeMetrics } from "../core/autoShape/types";
 import type { ShapeOptType } from "../displayer/types";
 export type { Room, ImageInformation, Point, Size, Rectangle, RoomMember, RoomState, Player, HotKeys, Camera, Displayer, DisplayerCallbacks, CameraState, View, Cursor, CursorAdapter, RenderEngine, _MemberState, };