@netless/appliance-plugin 1.1.36 → 1.1.38-beta.0

package/dist/index-WaXfuCxD.js

@@ -0,0 +1 @@
+"use strict";var b=Object.defineProperty;var N=(i,e,t)=>e in i?b(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var c=(i,e,t)=>N(i,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./index-BQ6rzeq9.js"),f=require("lodash");require("spritejs");require("lz-string");require("clipper-lib");require("lineclip");require("xss");require("react-dom");require("react");const C=require("./ObserverMap-DTz9zucn.js");class L{constructor(){c(this,"threadEngine")}registerBackgroundThread(e){return this.threadEngine=e,this}}class W extends L{constructor(){super(...arguments);c(this,"emitEventType",h.EmitEventType.CopyNode)}async consume(t){const{msgType:s,dataType:r,emitEventType:a}=t;if(s===h.EPostMessageType.FullWork&&r===h.EDataType.Local&&a===this.emitEventType)return this.consumeForLocalWorker(t),!0}async consumeForLocalWorker(t){var r;const{workId:s}=t;s&&await((r=this.threadEngine)==null?void 0:r.consumeFull(t))}}class F{constructor(e){c(this,"builders",new Map);this.builders=new Map(e.map(t=>[t,this.build(t)]))}build(e){switch(e){case h.EmitEventType.CopyNode:return new W}}registerForBackgroundThread(e){return this.builders.forEach(t=>{t&&t.registerBackgroundThread(e)}),this}async consumeForBackgroundThread(e){for(const t of this.builders.values())if(await(t==null?void 0:t.consume(e)))return!0;return!1}}async function B(i){const e=i.querySelectorAll("img"),t=Array.from(e).map(a=>{if(!a.crossOrigin&&a.src&&!a.src.startsWith("data:")&&(a.crossOrigin="anonymous",a.complete)){const o=a.src;a.src="",a.src=o}return a.complete&&a.crossOrigin?Promise.resolve():new Promise(o=>{a.onload=()=>{o(void 0)},a.onerror=()=>{o(void 0)}})});return i.querySelectorAll("svg").forEach(a=>{a.querySelectorAll("image").forEach(n=>{n.href&&!n.href.baseVal.startsWith("data:")&&(n.getAttribute("crossorigin")||n.setAttribute("crossorigin","anonymous"),t.push(new Promise(l=>{const d=new Image;d.crossOrigin="anonymous",d.onload=()=>{l(void 0)},d.onerror=()=>{l(void 0)},d.src=n.href.baseVal})))})}),await Promise.all(t)}async function x(i){const s=Date.now();let r=!1;for(;Date.now()-s<5e3;){const a=i.querySelectorAll("path");if(a.length>0&&(r=Array.from(a).some(o=>{const n=o.getAttribute("d")||"";return n!=="M0,0C0,0,0,0,0,0"&&n.length>10}),r))break;await new Promise(o=>setTimeout(o,50))}}async function A(i){const e=i.querySelectorAll("svg");if(!e.length)return;const t=[];for(let s=0;s<e.length;s++){const r=e[s];t.push(x(r))}await Promise.all(t)}async function I(i){if(i.querySelectorAll("svg[data-type='mermaid']").length>0){const s=Date.now();let r=!1;for(;Date.now()-s<5e3&&!r;){const a=i.querySelectorAll("foreignObject");if(a.length>0){let o=!0;for(const n of Array.from(a)){const l=parseFloat(n.getAttribute("width")||"0"),d=parseFloat(n.getAttribute("height")||"0");if(n.querySelector(".mermaid-container")&&(l<50||d<50)){o=!1;break}}if(o){r=!0;break}}else r=!0;await new Promise(o=>setTimeout(o,50))}}}async function q(i,e={}){const{width:t=i.offsetWidth,height:s=i.offsetHeight}=e,r=i.offsetWidth||t,a=i.offsetHeight||s;try{const{loadSvgToImageLib:o,getSvgToImageLib:n}=await Promise.resolve().then(()=>require("./svgToImageLoader-B3gIDAQo.js"));let l=n();if(!l)try{l=await o()}catch(w){return console.error("[loadSvgToImageLib] error: ",w),null}const d=i.style.width,u=i.style.height,k=i.style.display;i.style.width||(i.style.width=`${r}px`),i.style.height||(i.style.height=`${a}px`),(!i.style.display||i.style.display==="none")&&(i.style.display="block");try{await new Promise(p=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{p()})})});const w=await l.toPng(i,{width:r,height:a,quality:1});return i.style.width=d,i.style.height=u,i.style.display=k,new Promise(p=>{const m=new Image;m.crossOrigin="anonymous",m.onload=()=>{p(m)},m.onerror=()=>{p(null)},m.src=w})}catch(w){return i.style.width=d,i.style.height=u,i.style.display=k,console.error("[divToImageElement] error: ",w),null}}catch(o){return console.error("[divToImageElement] error: ",o),null}}class V{constructor(e){c(this,"toolsType",h.EToolsKey.BackgroundSVG);c(this,"vNodes");c(this,"workOptions");c(this,"workId");c(this,"markmapInstance",null);c(this,"isDestroyed",!1);c(this,"element");c(this,"manager");const{vNodes:t,workId:s,toolsOpt:r,manager:a}=e;this.workId=s,this.vNodes=t,this.workOptions=r,this.manager=a,this.element=this.createElement(),this.manager.fullLayer.appendChild(this.element),this.vNodes.setInfo(this.workId,{workShape:this})}get fullLayer(){return this.manager.fullLayer}get collector(){return this.manager.master.control.collector}get scenePath(){return this.manager.master.control.viewContainerManager.getCurScenePath(this.manager.viewId)}async init(){await this.render()}createElement(){const{type:e}=this.workOptions;let t;return e===h.ESVGType.markmap?(t=document.createElementNS("http://www.w3.org/2000/svg","svg"),t.classList.add("svg")):(t=document.createElement("img"),t.classList.add("img")),t.id=this.workId,t.setAttribute("data-id",this.workId),t}async render(e){this.isDestroyed||!this.element||!this.element.parentNode||(this.updateElementPosition(e),await this.updateSvg(e))}isSameSize(e){const{width:t,height:s}=e,{width:r,height:a}=this.workOptions,o=t*this.manager.camera.scale,n=s*this.manager.camera.scale,l=r*this.manager.camera.scale,d=a*this.manager.camera.scale;return o===l&&n===d}isSamePosition(e){const{centerX:t,centerY:s}=e,{centerX:r,centerY:a}=this.workOptions,o=this.manager.getPagePoint(r,a),n=this.manager.getPagePoint(t,s);return f.isEqual(n,o)}isSameZIndex(e){const{zIndex:t}=e,{zIndex:s}=this.workOptions;return t===s}isSameState(e){const{state:t}=e,{state:s}=this.workOptions;return f.isEqual(t,s)}isSameData(e){const{data:t}=e,{data:s}=this.workOptions;return f.isEqual(t,s)}updateElementPosition(e){if(this.isDestroyed||!this.element||!this.fullLayer)return;const{centerX:t,centerY:s,width:r,height:a,zIndex:o}=this.workOptions,n=this.manager.getPagePoint(t,s),l=r*this.manager.camera.scale,d=a*this.manager.camera.scale;(!e||e&&!this.isSameSize(e))&&(this.element.setAttribute("width",`${l}`),this.element.setAttribute("height",`${d}`),this.element.style.width=`${l}px`,this.element.style.height=`${d}px`),(!e||e&&!this.isSamePosition(e))&&(this.element.style.left=`${n.x}px`,this.element.style.top=`${n.y}px`),(!e||e&&!this.isSameZIndex(e))&&(this.element.style.zIndex=(o||0).toString())}async updateSvg(e){const{type:t,state:s}=this.workOptions;if(t===h.ESVGType.markmap){const r=h.getMarkmapRuntimeOrThrow(),{data:a}=this.workOptions;if(this.markmapInstance||(this.markmapInstance=r.createMarkmap(this.element,this.manager.markmapOptions),this.markmapInstance.handleClick=async(l,d)=>{var w,p,m;(w=this.markmapInstance)==null||w.toggleNode(d);const u=this.serializeData((p=this.markmapInstance)==null?void 0:p.state.data);this.setWorkOptions({...this.workOptions,state:u},!1),r.checkNodeHasMermaid(d)&&await r.renderMermaidAfterDOMUpdate(this.element,this.workId),this.scenePath&&this.collector&&((m=this.collector)==null||m.dispatch({type:h.EPostMessageType.UpdateNode,workId:this.workId,opt:this.workOptions,isSync:!0,viewId:this.manager.viewId,scenePath:this.scenePath}))}),e&&this.isSameState(e)&&this.isSameSize(e)&&this.isSameData(e))return;const o=r.transform(this.workId,a);let{root:n}=o;a&&r.hasMermaidCodeBlock(a)&&(n=r.injectMermaidHtml(n,a,this.workId));try{s&&Array.isArray(s)&&this.transformState(s,n),await this.markmapInstance.setData(n),!this.isDestroyed&&this.element&&this.fullLayer&&this.markmapInstance&&(window.markmapInstance=this.markmapInstance,a&&r.hasMermaidCodeBlock(a)&&await r.renderMermaidAfterDOMUpdate(this.element,this.workId),await this.fit(!e||e&&!this.isSameData(e)))}catch(l){console.error("[updateSvg] error: ",l)}}else{const{src:r,crossOrigin:a}=this.workOptions;this.element.src=r,this.element.crossOrigin=f.isString(a)?a:"anonymous";try{await new Promise((o,n)=>{this.element.onload=()=>{o()},this.element.onerror=function(){n()}})}catch(o){console.error("[updateSvg] error: ",o)}}}async fit(e=!0){var t;if(!this.isDestroyed&&this.element&&this.fullLayer&&this.markmapInstance){const s=h.getMarkmapRuntimeOrThrow();e&&this.element&&await s.waitForImagesInForeignObjects(this.element),await((t=this.markmapInstance)==null?void 0:t.fit()),this.element&&s.isSafari()&&s.hasMermaidSvg(this.element)&&(await I(this.element),await s.transformMermaidSvgToMarkmapSvg(this.element))}}serializeData(e){var r;const t=[e],s=[];for(;t.length>0;){const a=t.pop();a&&(a!=null&&a.children&&t.push(...a.children),s.push(((r=a==null?void 0:a.payload)==null?void 0:r.fold)||0))}return s}transformState(e,t){const s=[t];for(;s.length>0;){const r=s.pop();r&&(r!=null&&r.children&&s.push(...r.children),r.payload?r.payload.fold=e.shift():e.shift())}}async updateCamera(){this.updateElementPosition(),await this.fit(!1)}async setWorkOptions(e,t=!0){if(!f.isEqual(this.workOptions,e)){const s=f.clone(this.workOptions);this.workOptions=e,t&&await this.render(s)}}destroy(){this.isDestroyed=!0,this.element.remove()}getRectFromLayer(){const e=this.element.getBoundingClientRect();return{x:e.x,y:e.y,w:e.width,h:e.height}}}function O(i){const{toolsType:e,...t}=i;switch(e){case h.EToolsKey.BackgroundSVG:return new V(t);default:return}}class E{constructor(e){c(this,"viewId");c(this,"fullLayer");c(this,"curNodeMap");this.viewId=e,this.curNodeMap=new C.ObserverMap}init(e){this.fullLayer=e}get(e){return this.curNodeMap.get(e)}setInfo(e,t){const s=this.curNodeMap.get(e)||{name:e,workShape:t.workShape};t.workShape&&(s.workShape=t.workShape),this.curNodeMap.set(e,s)}getNodeRectFormShape(e){const t=this.curNodeMap.get(e);if(t&&t.workShape)return t.workShape.getRectFromLayer()}delete(e){const t=this.curNodeMap.get(e);t&&t.workShape.destroy(),this.curNodeMap.delete(e)}clear(){for(const e of this.curNodeMap.values())e.workShape.destroy();this.curNodeMap.clear()}}class D{constructor(e,t){c(this,"opt");c(this,"viewId");c(this,"fullLayer");c(this,"vNodes");c(this,"master");c(this,"cameraOpt");c(this,"methodBuilder");c(this,"updateCamera",f.throttle(async e=>{const{cameraOpt:t}=e;t&&!f.isEqual(this.cameraOpt,t)&&await this.setCameraOpt(t)},100));this.viewId=e,this.opt=t,this.master=t.master,this.fullLayer=t.container,this.methodBuilder=new F([h.EmitEventType.CopyNode]).registerForBackgroundThread(this),this.vNodes=new E(e),this.vNodes.init(this.fullLayer)}get camera(){return this.cameraOpt||{scale:1,centerX:0,centerY:0,width:0,height:0}}get view(){var e;return(e=this.master.control.viewContainerManager.getView(this.viewId))==null?void 0:e.viewData}get markmapOptions(){return this.master.control.pluginOptions.extras.markmap.options}getPagePoint(e,t){const{scale:s,centerX:r,centerY:a,width:o,height:n}=this.camera;return{x:(e-r)*s+o/2,y:(t-a)*s+n/2}}async setCameraOpt(e){this.cameraOpt=e;for(const t of this.vNodes.curNodeMap.values()){const{workShape:s}=t;s&&await s.updateCamera()}}clearAll(){this.vNodes.clear()}canUseFullLayer(e){return e===h.EToolsKey.BackgroundSVG}async consumeFull(e){const{toolsType:t,opt:s,workId:r}=e;if(r!=null&&r.toString()&&t&&this.canUseFullLayer(t))switch(t){case h.EToolsKey.BackgroundSVG:await this.setFullWork({toolsType:t,opt:s,workId:r});break}}async setFullWork(e){const{workId:t,opt:s,toolsType:r}=e;if(t&&s&&r){const a=t.toString();let o;const n=this.vNodes.get(a);return!n||!n.workShape?(o=this.createWorkShapeNode({toolsOpt:s,toolsType:h.EToolsKey.BackgroundSVG,workId:a}),o&&await o.init()):(o=n.workShape,await o.setWorkOptions(s)),o}}createWorkShapeNode(e){return O({...e,vNodes:this.vNodes,manager:this})}removeWork(e){const{workId:t}=e,s=t==null?void 0:t.toString();s&&this.removeNode(s)}removeNode(e){this.vNodes.delete(e)}async on(e){if(!await this.methodBuilder.consumeForBackgroundThread(e)){const{msgType:t,toolsType:s}=e;switch(t){case h.EPostMessageType.Destroy:{this.destroy();break}case h.EPostMessageType.Clear:{this.clearAll();break}case h.EPostMessageType.UpdateCamera:{this.updateCamera(e);break}case h.EPostMessageType.UpdateTools:{this.toggleFullLayer(s===h.EToolsKey.Clicker);break}case h.EPostMessageType.BackgroundSVGUpdate:case h.EPostMessageType.UpdateNode:case h.EPostMessageType.FullWork:{s&&this.canUseFullLayer(s)&&await this.consumeFull(e);break}case h.EPostMessageType.BackgroundSVGDelete:{this.removeWork(e);break}}}}toggleFullLayer(e){this.fullLayer.classList.toggle("appliance-plugin-background-svg-active",e)}destroy(){this.vNodes.clear()}}class H{constructor(e,t){c(this,"viewId");c(this,"fullLayer");c(this,"master");c(this,"vNodes");c(this,"cameraOpt");c(this,"opt");c(this,"workShapes",new Map);this.viewId=e,this.opt=t,this.master=t.master,this.fullLayer=t.container,this.vNodes=new E(e),this.vNodes.init(this.fullLayer)}get camera(){return this.cameraOpt||{scale:1,centerX:0,centerY:0,width:0,height:0}}get view(){var e;return(e=this.master.control.viewContainerManager.getView(this.viewId))==null?void 0:e.viewData}get markmapOptions(){return this.master.control.pluginOptions.extras.markmap.options}createOffscreenCanvas(e){const{width:t,height:s}=e.canvasOpt,r=new OffscreenCanvas(e.canvasOpt.width,e.canvasOpt.height);r.width=t,r.height=s}async setCameraOpt(e){this.cameraOpt=e;for(const t of this.vNodes.curNodeMap.values()){const{workShape:s}=t;s&&await s.updateCamera()}}getPagePoint(e,t){const{scale:s,centerX:r,centerY:a,width:o,height:n}=this.camera;return{x:(e-r)*s+o/2,y:(t-a)*s+n/2}}async getSnapshot(e){const{scenePath:t,scenes:s,cameraOpt:r}=e;if(t&&s&&r){await this.setCameraOpt(r);for(const[a,o]of Object.entries(s))if(o!=null&&o.type&&(o==null?void 0:o.toolsType)===h.EToolsKey.BackgroundSVG)switch(o==null?void 0:o.type){case h.EPostMessageType.UpdateNode:case h.EPostMessageType.FullWork:{const{opt:n}=o,l={...o,opt:n,workId:a,msgType:h.EPostMessageType.FullWork,dataType:h.EDataType.Service,viewId:this.viewId};await this.runFullWork(l);break}}try{if(t){await I(this.fullLayer),await B(this.fullLayer),await A(this.fullLayer);const a=await q(this.fullLayer);a&&this.opt.post({sp:[{type:h.EPostMessageType.Snapshot,scenePath:t,imageElement:a,viewId:this.viewId,index:1}]})}}catch(a){const o=a&&a instanceof Error?a.message:a==null?void 0:a.toString();this.opt.post({sp:[{type:h.EPostMessageType.ReportError,reportString:`[SnapshotThreadImpl] getSnapshotRender error: ${o}`}]})}}}createWorkShapeNode(e){return O({...e,vNodes:this.vNodes,manager:this})}async setFullWork(e){const{workId:t,opt:s,toolsType:r}=e;if(t&&s&&r){const a=t.toString();let o;const n=this.vNodes.get(a);return!n||!n.workShape?(o=this.createWorkShapeNode({toolsOpt:s,toolsType:h.EToolsKey.BackgroundSVG,workId:a}),o&&await o.init()):(o=n.workShape,await o.setWorkOptions(s)),o}}async runFullWork(e){const{toolsType:t,opt:s,workId:r}=e;await this.setFullWork({toolsType:t,opt:s,workId:r})}destroy(){this.fullLayer.innerHTML="",this.fullLayer.style.width="",this.fullLayer.style.height=""}}class R{constructor(e){c(this,"backgroundThreadMap",new Map);c(this,"snapshotThread");c(this,"master");c(this,"post",e=>{const{sp:t}=e;t&&this.master.collectorSyncData(t)});this.master=e,this.backgroundThreadMap=new Map}createBackgroundThread(e,t){return new D(e,t)}createSnapshotThread(e,t){return new H(e,t)}async consume(e){var t,s,r,a,o,n;for(const l of e.values()){const{msgType:d,viewId:u,layerOpt:k,offscreenCanvasOpt:w,cameraOpt:p,tasksqueue:m,mainTasksqueueCount:S}=l;if(d===h.EPostMessageType.Console){console.log(this);continue}if(d===h.EPostMessageType.Init){const g=(t=this.master.control.viewContainerManager.getView(u))==null?void 0:t.displayer,T=(s=g==null?void 0:g.backgroundContainerRef)==null?void 0:s.current;if(g&&T&&k&&w){const y=this.backgroundThreadMap.get(u);y==null||y.destroy();const v=this.createBackgroundThread(u,{displayer:g,container:T,layerOpt:k,master:this.master,canvasOpt:w,post:this.post});this.backgroundThreadMap.set(u,v),v&&p&&await v.setCameraOpt(p)}continue}if(d===h.EPostMessageType.Snapshot){const g=(r=this.master.control.viewContainerManager.getView(u))==null?void 0:r.displayer,y=(o=((a=this.master.control.viewContainerManager.mainView)==null?void 0:a.displayer).backgroundSnapshotContainerRef)==null?void 0:o.current;if(g&&y&&p){(n=this.snapshotThread)==null||n.destroy(),y.style.width=`${p.width}px`,y.style.height=`${p.height}px`;const v={...h.ViewContainerManager.defaultLayerOpt,offscreen:!1,width:p.width,height:p.height},P={...h.ViewContainerManager.defaultScreenCanvasOpt,width:p.width,height:p.height};this.snapshotThread=this.createSnapshotThread(u,{displayer:g,container:y,layerOpt:v,master:this.master,canvasOpt:P,post:this.post}),await this.snapshotThread.getSnapshot(l),this.snapshotThread.destroy(),this.snapshotThread=void 0;continue}}if(d===h.EPostMessageType.TasksQueue&&(m!=null&&m.size)){for(const[g,T]of this.backgroundThreadMap.entries()){const y=m.get(g);y&&(await T.on(y),S&&this.post({workerTasksqueueCount:S}))}continue}if(u===h.Storage_ViewId_ALL){for(const g of this.backgroundThreadMap.values())await g.on(l);d===h.EPostMessageType.Destroy&&this.backgroundThreadMap.clear();continue}const M=this.backgroundThreadMap.get(u);M&&(await M.on(l),d===h.EPostMessageType.Destroy&&this.backgroundThreadMap.delete(u))}}async consumeTargetOne(e,t){const s=this.backgroundThreadMap.get(e);s&&await s.on(t)}destroy(){var e;(e=this.snapshotThread)==null||e.destroy(),this.snapshotThread=void 0;for(const t of this.backgroundThreadMap.values())t.destroy();this.backgroundThreadMap.clear()}}exports.BackgroundThreadManagerImpl=R;

package/dist/{index-BDK2SG9v.mjs → index-_2fP_0Sl.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-rbiUTgEA.mjs";
+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-C2MVZqzb.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
+};