@netless/appliance-plugin 1.1.43-beta.1 → 1.1.43-beta.3

package/dist/{index-B44o9ggV.mjs → index-BJ0z6a4a.mjs}

@@ -19854,7 +19854,7 @@ const o0 = 500;
 function zc(s) {
   return typeof s != "number" || !Number.isFinite(s) || s <= 0 ? o0 : Math.max(1, Math.floor(s));
 }
-const Bc = "1.1.43-beta.1", Ipe = "@netless/appliance-plugin", Cpe = "e6236f96ade903b5", ju = 5e3, bpe = 1e4, Epe = 1e4;
+const Bc = "1.1.43-beta.3", Ipe = "@netless/appliance-plugin", Cpe = "6c6e2b9027f933e8", ju = 5e3, bpe = 1e4, Epe = 1e4;
 if (typeof window < "u") {
   let s = window.__netlessUA || "";
   s += ` ${Ipe}@${Bc}`, window.__netlessUA = s;
@@ -27010,7 +27010,10 @@ const _a = class _a extends Ee {
       this.recordFinalPointBatch(), this.getCandidateWorkIds().clear(), this.collectVectorCandidateWorkIds(this.tmpPoints, n), this.collectDeleteCandidatesForDone(this.tmpPoints, n);
       for (const [u, h] of this.snapshotDoneCandidates())
         i.set(u, h);
-      this.collectDoneVectorChanges(n), this.commitDoingFaces(), this.renderChangedNodes(
+      r && typeof r.publishBitmapEraserBeforeImages == "function" && r.publishBitmapEraserBeforeImages(
+        this.workId,
+        i
+      ), this.collectDoneVectorChanges(n), this.commitDoingFaces(), this.renderChangedNodes(
         r,
         this.workOptions.removeOnDone !== !1
       ), this.commitPendingDeletions(r);
@@ -35941,6 +35944,15 @@ class jwe extends Bwe {
     const n = this.Logger, i = `[Appliance]: [main-view-camera] stage=${e} ${JSON.stringify(r)}`;
     n.infoDebounced ? n.infoDebounced(`main-view-camera:${e}`, i) : n.info(i);
   }
+  logAppViewCameraTrace(e, r, n) {
+    const i = this.Logger, o = `[Appliance]: [app-view-camera] stage=${r} ${JSON.stringify(
+      {
+        viewId: e,
+        ...n
+      }
+    )}`;
+    i != null && i.infoDebounced ? i.infoDebounced(`app-view-camera:${e}:${r}`, o) : i && i.info(o);
+  }
   closeImageBitmap(e) {
     var r;
     if (e)
@@ -37339,12 +37351,12 @@ class jwe extends Bwe {
   }
   async useBackgroundThread() {
     this.Logger.info("[Appliance]: use background thread");
-    const { BackgroundThreadManagerImpl: e } = await import("./index-mcBiJOLo.mjs");
+    const { BackgroundThreadManagerImpl: e } = await import("./index-NA6eaAqy.mjs");
     this.backgroundThreadManager = new e(this);
   }
   async useMainThread() {
     this.Logger.info("[Appliance]: no OffscreenCanvas");
-    const { MainThreadManagerImpl: e } = await import("./index-Cjaia8CY.mjs");
+    const { MainThreadManagerImpl: e } = await import("./index-CWYxJZvD.mjs");
     this.mainThread = new e(this), this.isRenderTransportReady = !0, this.flushPendingTransportInitMessages();
   }
   getRenderProbeCandidates() {
@@ -39118,7 +39130,7 @@ class jwe extends Bwe {
   }
   onLocalEventDoing(e, r) {
     var i;
-    if (((i = this.currentToolsData) == null ? void 0 : i.toolsType) === Q.Text || this.forceDoneFullLayerBitmapEraseAtPointLimit(r))
+    if (((i = this.currentToolsData) == null ? void 0 : i.toolsType) === Q.Text)
       return;
     this.currentLocalWorkData.workState === de.Start && this.setCurrentLocalWorkData({
       ...this.currentLocalWorkData,
@@ -39142,7 +39154,7 @@ class jwe extends Bwe {
         ), n = !0;
       }
     }
-    if (n) {
+    if (!this.forceDoneFullLayerBitmapEraseAtPointLimit(r) && n) {
       this.runAnimation();
       return;
     }
@@ -39232,7 +39244,7 @@ class jwe extends Bwe {
         maxInputPoints: c
       }), this.markFullLayerBitmapEraseDoneStaging(a), this.localPointsBatchData.set(i, o), r = !0);
     }
-    return r && this.consume(), r;
+    return r && this.checkDrawingWork(e), r;
   }
   pushLocalPoint(e, r, n, i, o) {
     var c;
@@ -40784,7 +40796,12 @@ class jwe extends Bwe {
       r,
       n.taskId,
       n.viewGeneration
-    ) || r.currentTaskId !== void 0 || r.pendingCamera || !n.coreAckReceived || !n.settledAckReceived || (e === Ue && this.logMainViewCameraTrace("completed", {
+    ) || r.currentTaskId !== void 0 || r.pendingCamera || !n.coreAckReceived || !n.settledAckReceived || (e === Ue ? this.logMainViewCameraTrace("completed", {
+      taskId: n.taskId,
+      scenePath: n.scenePath,
+      camera: n.camera,
+      renderFinished: !0
+    }) : this.logAppViewCameraTrace(e, "completed", {
       taskId: n.taskId,
       scenePath: n.scenePath,
       camera: n.camera,
@@ -40973,15 +40990,13 @@ class jwe extends Bwe {
     const r = /* @__PURE__ */ new Set();
     let n = !1;
     for (const [i, o] of this.localPointsBatchData.entries()) {
-      const { state: a, viewId: c, toolsType: l, undoTickerId: u } = o;
-      if (e === c && (a === de.Start || a === de.Doing)) {
+      const { state: a, viewId: c, toolsType: l, undoTickerId: u } = o, h = this.getFullLayerBitmapEraseTxns().get(
+        i.toString()
+      ), d = a === de.Done && o.isFullWork === !0 && l === Q.BitMapEraser && (h == null ? void 0 : h.phase) === "done-staging";
+      if (e === c && (a === de.Start || a === de.Doing || d)) {
         if (l === Q.Text)
           continue;
-        o.state = de.Done, o.isFullWork = !0, this.localPointsBatchData.set(i, o);
-        const h = this.getFullLayerBitmapEraseTxns().get(
-          i.toString()
-        );
-        (h == null ? void 0 : h.phase) === "doing" && this.markFullLayerBitmapEraseDoneStaging(h), u && (r.add(u), o.scenePath && l && Jl.has(l) ? this.internalMsgEmitter.emit(
+        o.state = de.Done, o.isFullWork = !0, this.localPointsBatchData.set(i, o), (h == null ? void 0 : h.phase) === "doing" && this.markFullLayerBitmapEraseDoneStaging(h), u && (r.add(u), o.scenePath && l && Jl.has(l) ? this.internalMsgEmitter.emit(
           "finalizeRequested",
           u,
           c,

package/dist/{index-Cjaia8CY.mjs → index-CWYxJZvD.mjs}

@@ -1,7 +1,7 @@
 var ye = Object.defineProperty;
 var we = (M, e, t) => e in M ? ye(M, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : M[e] = t;
 var u = (M, e, t) => we(M, typeof e != "symbol" ? e + "" : e, t);
-import { D as K, e as b, c as m, r as $, b as R, g as Z, t as V, a as h, f as de, M as ve, h as D, i as j, j as ke, C as H, k as z, l as Se, m as te, n as Ie, o as se, p as ge, q as Te, s as re, u as ie, v as Y, w as _, E as N, x as ee, y as Q, z as We, A as Re, B as Ee, F as be, G as Le, H as pe, I as ue, T as oe, J as ae, K as Ce, L as Ne, N as fe, P as me, Q as ne, R as Oe, S as ce, U as q, W as Be, V as he, X as De } from "./index-B44o9ggV.mjs";
+import { D as K, e as b, c as m, r as $, b as R, g as Z, t as V, a as h, f as de, M as ve, h as D, i as j, j as ke, C as H, k as z, l as Se, m as te, n as Ie, o as se, p as ge, q as Te, s as re, u as ie, v as Y, w as _, E as N, x as ee, y as Q, z as We, A as Re, B as Ee, F as be, G as Le, H as pe, I as ue, T as oe, J as ae, K as Ce, L as Ne, N as fe, P as me, Q as ne, R as Be, S as ce, U as q, W as Oe, V as he, X as De } from "./index-BJ0z6a4a.mjs";
 import { cloneDeep as J, xor as Me, isNumber as G, isEqual as le } from "lodash";
 import "clipper-lib";
 import "lineclip";
@@ -700,6 +700,18 @@ class Ae {
     const t = this.workShapes.get(e);
     (t == null ? void 0 : t.toolsType) === m.BitMapEraser && (t.clearTmpPoints(), this.workShapes.delete(e), this.combineDrawActiveId === e && (this.combineDrawActiveId = void 0), this.drawWorkActiveId === e && (this.drawWorkActiveId = void 0), this.bitmapEraserRenderQueue = Promise.resolve());
   }
+  publishBitmapEraserBeforeImages(e, t) {
+    t.size && this.thread.post({
+      sp: [
+        {
+          type: h.None,
+          viewId: this.thread.viewId,
+          eraseTxnId: e,
+          eraseTxnBeforeImages: new Map(t)
+        }
+      ]
+    });
+  }
   async drawBitMapEraserFull(e, t, s, r) {
     const {
       willUpdateNodes: i,
@@ -1272,9 +1284,9 @@ class Fe {
           (r = k.node) == null || r.consumeService({
             isFullWork: !0,
             replaceId: E
-          }), this.selectorWorkShapes.forEach((O, B) => {
+          }), this.selectorWorkShapes.forEach((B, O) => {
             var P;
-            (P = O.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(B), this.runEffect());
+            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
           }), this.workShapes.delete(E);
           break;
         }
@@ -1282,9 +1294,9 @@ class Fe {
           await ((i = k.node) == null ? void 0 : i.consumeServiceAsync({
             isFullWork: !0,
             worker: this
-          })), this.selectorWorkShapes.forEach((O, B) => {
+          })), this.selectorWorkShapes.forEach((B, O) => {
             var P;
-            (P = O.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(B), this.runEffect());
+            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
           }), this.workShapes.delete(E);
           break;
         }
@@ -1293,9 +1305,9 @@ class Fe {
             isFullWork: !0,
             replaceId: E,
             boxRect: this.thread.getSceneRect()
-          })), this.selectorWorkShapes.forEach((O, B) => {
+          })), this.selectorWorkShapes.forEach((B, O) => {
             var P;
-            (P = O.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(B), this.runEffect());
+            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
           }), k.refreshTextRender && k.requestId && s.push({
             type: h.RefreshTextRender,
             requestId: k.requestId,
@@ -1311,20 +1323,20 @@ class Fe {
         case m.Star:
         case m.Polygon:
         case m.SpeechBalloon: {
-          const O = !!k.ops;
+          const B = !!k.ops;
           if ((n = k.animationWorkData) != null && n.length) {
-            const B = k.oldRect;
+            const O = k.oldRect;
             (c = k.node) == null || c.consumeService({
               op: k.animationWorkData,
-              isFullWork: O
-            }), O && (this.selectorWorkShapes.forEach((P, F) => {
+              isFullWork: B
+            }), B && (this.selectorWorkShapes.forEach((P, F) => {
               var U;
               (U = P.selectIds) != null && U.includes(E) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
             }), (d = k.node) == null || d.clearTmpPoints(), this.workShapes.delete(E)), k.isEnableCursor ? t.set(E, {
               cursorTool: _(k.toolsType),
-              workState: B ? k.ops ? b.Done : b.Doing : b.Start,
+              workState: O ? k.ops ? b.Done : b.Doing : b.Start,
               op: k.animationWorkData.slice(-3, -1)
-            }) : O && !k.useAnimation && ((l = k.updateNodeOpt) != null && l.useAnimation) && t.set(E, {
+            }) : B && !k.useAnimation && ((l = k.updateNodeOpt) != null && l.useAnimation) && t.set(E, {
               cursorTool: _(k.toolsType),
               workState: b.Done,
               op: k.animationWorkData.slice(-3, -1),
@@ -1340,22 +1352,22 @@ class Fe {
                 (y = k.node) == null || y.clearTmpPoints(), this.workShapes.delete(E);
                 break;
               }
-              const O = 3, B = this.computNextAnimationIndex(
+              const B = 3, O = this.computNextAnimationIndex(
                 k,
-                O
-              ), P = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - O), F = (k.animationWorkData || []).slice(
-                P,
                 B
+              ), P = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - B), F = (k.animationWorkData || []).slice(
+                P,
+                O
               ), U = (T = (v = k.node) == null ? void 0 : v.getWorkId()) == null ? void 0 : T.toString();
-              if ((k.animationIndex || 0) < B || k.isDiff) {
+              if ((k.animationIndex || 0) < O || k.isDiff) {
                 if ((C = k.node) == null || C.consumeService({
                   op: F,
                   isFullWork: !1
-                }), k.animationIndex = B, k.isDiff && (k.isDiff = !1), F.length && k.isEnableCursor) {
+                }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), F.length && k.isEnableCursor) {
                   const X = F.slice(-3, -1);
                   t.set(E, {
                     cursorTool: _(k.toolsType),
-                    workState: P === 0 ? b.Start : B === ((L = k.animationWorkData) == null ? void 0 : L.length) ? b.Done : b.Doing,
+                    workState: P === 0 ? b.Start : O === ((L = k.animationWorkData) == null ? void 0 : L.length) ? b.Done : b.Doing,
                     op: X
                   });
                 }
@@ -1372,24 +1384,24 @@ class Fe {
               break;
             }
           } else {
-            const O = !!k.ops;
+            const B = !!k.ops;
             if ((f = k.node) == null || f.consumeService({
               op: k.animationWorkData || [],
-              isFullWork: O,
+              isFullWork: B,
               replaceId: E
-            }), (w = k.node) == null || w.updataOptService(k.updateNodeOpt), O) {
+            }), (w = k.node) == null || w.updataOptService(k.updateNodeOpt), B) {
               if (!k.isEnableCursor && ((S = k.updateNodeOpt) != null && S.useAnimation) && ((I = k.animationWorkData) != null && I.length)) {
-                const B = k.animationWorkData.slice(-3, -1);
+                const O = k.animationWorkData.slice(-3, -1);
                 t.set(E, {
                   cursorTool: _(k.toolsType),
                   workState: b.Done,
-                  op: B,
+                  op: O,
                   uid: (W = k.updateNodeOpt) == null ? void 0 : W.uid
                 });
               }
-              this.selectorWorkShapes.forEach((B, P) => {
+              this.selectorWorkShapes.forEach((O, P) => {
                 var F;
-                (F = B.selectIds) != null && F.includes(E) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
+                (F = O.selectIds) != null && F.includes(E) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
               }), (g = k.node) == null || g.clearTmpPoints(), this.workShapes.delete(E);
             }
           }
@@ -2979,9 +2991,9 @@ class je {
         for (const [T, C] of f.entries()) {
           const L = this.vNodes.get(T);
           if (L) {
-            const A = C, E = L.rect, k = this.getSceneRect(), O = ae(A, k), B = ae(E, k);
+            const A = C, E = L.rect, k = this.getSceneRect(), B = ae(A, k), O = ae(E, k);
             let P = c;
-            (O !== B || A.w !== E.w || A.h !== E.h || B === Ce.intersect) && (P = !0);
+            (B !== O || A.w !== E.w || A.h !== E.h || O === Ce.intersect) && (P = !0);
             const { toolsType: F, opt: U } = L, X = U.eraserlines && U.eraserlines.length > 0 || !!U.eraserFaces;
             (P || p && X) && (F === m.Text || X) && this.debounceUpdateCache.add(T);
           }
@@ -3009,17 +3021,17 @@ class je {
             if (!v()) return;
             const C = [];
             for (const E of this.debounceUpdateCache.values()) {
-              const k = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(E)[0], O = this.vNodes.get(E);
-              if (O) {
-                const { toolsType: B, opt: P } = O;
-                if (k || B !== m.Text) {
+              const k = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(E)[0], B = this.vNodes.get(E);
+              if (B) {
+                const { toolsType: O, opt: P } = B;
+                if (k || O !== m.Text) {
                   const F = this.localWork.setFullWork({
-                    toolsType: B,
+                    toolsType: O,
                     opt: P,
                     workId: E
                   });
                   if (F) {
-                    if (B === m.Text)
+                    if (O === m.Text)
                       C.push(
                         F.consumeServiceAsync({
                           isFullWork: !0,
@@ -3030,7 +3042,7 @@ class je {
                       );
                     else if (P.eraserlines && P.eraserlines.length > 0 || P.eraserFaces) {
                       const U = F.consumeService({
-                        op: O.op,
+                        op: B.op,
                         isFullWork: !0,
                         replaceId: E,
                         workState: b.Done
@@ -3604,7 +3616,7 @@ class Je {
         for (const r of s.sp) {
           let i = !1;
           for (const o of e)
-            if (Oe(r, o)) {
+            if (Be(r, o)) {
               i = !0;
               break;
             }
@@ -3757,7 +3769,7 @@ class lt {
         consumeWorkId: p
       } = e;
       if (c && q(i)) {
-        const f = Be(
+        const f = Oe(
           o,
           a,
           "mainThread"
@@ -3912,7 +3924,7 @@ class lt {
       if (o === h.Init) {
         const g = i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1;
         await this.enqueueViewTask(a, async () => {
-          var E, k, O;
+          var E, k, B;
           const y = this.viewGenerationById.get(a);
           if (y !== void 0 && g < y)
             return;
@@ -3933,11 +3945,11 @@ class lt {
             canvasOpt: p,
             viewOwner: v,
             viewGeneration: g,
-            mainThreadRenderMode: ((O = (k = this.master.control) == null ? void 0 : k.renderingCompatibilityDecision) == null ? void 0 : O.mainThreadRenderMode) ?? "normal",
-            post: (B) => this.post({
-              ...B,
-              viewId: B.viewId || a,
-              viewGeneration: B.viewGeneration ?? g,
+            mainThreadRenderMode: ((B = (k = this.master.control) == null ? void 0 : k.renderingCompatibilityDecision) == null ? void 0 : B.mainThreadRenderMode) ?? "normal",
+            post: (O) => this.post({
+              ...O,
+              viewId: O.viewId || a,
+              viewGeneration: O.viewGeneration ?? g,
               viewOwner: v
             })
           });
@@ -3984,9 +3996,9 @@ class lt {
             surface: L
           }), k.on(i).then(() => {
             this.disposeSnapshotThread(T, k);
-          }).catch((O) => {
+          }).catch((B) => {
             this.master.Logger.error(
-              `[Appliance]: snapshot render failed; viewId=${a}; error=${O instanceof Error ? O.message : String(O)}`
+              `[Appliance]: snapshot render failed; viewId=${a}; error=${B instanceof Error ? B.message : String(B)}`
             ), this.disposeSnapshotThread(T, k);
           });
           continue;

package/dist/{index-DDd-30M7.js → index-CfY3_e4d.js}

@@ -1 +1 @@
-"use strict";var B=Object.defineProperty;var L=(n,e,t)=>e in n?B(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var d=(n,e,t)=>L(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-BiqhUSZ0.js"),v=require("lodash");require("clipper-lib");require("lz-string");require("lineclip");require("xss");require("rbush");require("react-dom");require("react");class C{constructor(){d(this,"threadEngine")}registerBackgroundThread(e){return this.threadEngine=e,this}}class W extends C{constructor(){super(...arguments);d(this,"emitEventType",c.EmitEventType.CopyNode)}async consume(t){const{msgType:s,dataType:r,emitEventType:a}=t;if(s===c.EPostMessageType.FullWork&&r===c.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){d(this,"builders",new Map);this.builders=new Map(e.map(t=>[t,this.build(t)]))}build(e){switch(e){case c.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 R(n){const e=n.querySelectorAll("img"),t=Array.from(e).map(a=>{if(!a.crossOrigin&&a.src&&!a.src.startsWith("data:")&&(a.crossOrigin="anonymous",a.complete)){const i=a.src;a.src="",a.src=i}return a.complete&&a.crossOrigin?Promise.resolve():new Promise(i=>{a.onload=()=>{i(void 0)},a.onerror=()=>{i(void 0)}})});return n.querySelectorAll("svg").forEach(a=>{a.querySelectorAll("image").forEach(o=>{o.href&&!o.href.baseVal.startsWith("data:")&&(o.getAttribute("crossorigin")||o.setAttribute("crossorigin","anonymous"),t.push(new Promise(l=>{const h=new Image;h.crossOrigin="anonymous",h.onload=()=>{l(void 0)},h.onerror=()=>{l(void 0)},h.src=o.href.baseVal})))})}),await Promise.all(t)}async function A(n){const s=Date.now();let r=!1;for(;Date.now()-s<5e3;){const a=n.querySelectorAll("path");if(a.length>0&&(r=Array.from(a).some(i=>{const o=i.getAttribute("d")||"";return o!=="M0,0C0,0,0,0,0,0"&&o.length>10}),r))break;await new Promise(i=>setTimeout(i,50))}}async function x(n){const e=n.querySelectorAll("svg");if(!e.length)return;const t=[];for(let s=0;s<e.length;s++){const r=e[s];t.push(A(r))}await Promise.all(t)}async function O(n){if(n.querySelectorAll("svg[data-type='mermaid']").length>0){const s=Date.now();let r=!1;for(;Date.now()-s<5e3&&!r;){const a=n.querySelectorAll("foreignObject");if(a.length>0){let i=!0;for(const o of Array.from(a)){const l=parseFloat(o.getAttribute("width")||"0"),h=parseFloat(o.getAttribute("height")||"0");if(o.querySelector(".mermaid-container")&&(l<50||h<50)){i=!1;break}}if(i){r=!0;break}}else r=!0;await new Promise(i=>setTimeout(i,50))}}}async function $(n,e={}){const{width:t=n.offsetWidth,height:s=n.offsetHeight}=e,r=n.offsetWidth||t,a=n.offsetHeight||s;try{const{loadSvgToImageLib:i,getSvgToImageLib:o}=await Promise.resolve().then(()=>require("./svgToImageLoader-B3gIDAQo.js"));let l=o();if(!l)try{l=await i()}catch(u){return console.error("[loadSvgToImageLib] error: ",u),null}const h=n.style.width,y=n.style.height,w=n.style.display;n.style.width||(n.style.width=`${r}px`),n.style.height||(n.style.height=`${a}px`),(!n.style.display||n.style.display==="none")&&(n.style.display="block");try{await new Promise(p=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{p()})})});const u=await l.toPng(n,{width:r,height:a,quality:1});return n.style.width=h,n.style.height=y,n.style.display=w,new Promise(p=>{const g=new Image;g.crossOrigin="anonymous",g.onload=()=>{p(g)},g.onerror=()=>{p(null)},g.src=u})}catch(u){return n.style.width=h,n.style.height=y,n.style.display=w,console.error("[divToImageElement] error: ",u),null}}catch(i){return console.error("[divToImageElement] error: ",i),null}}class V{constructor(e){d(this,"toolsType",c.EToolsKey.BackgroundSVG);d(this,"vNodes");d(this,"workOptions");d(this,"workId");d(this,"markmapInstance",null);d(this,"isDestroyed",!1);d(this,"element");d(this,"manager");d(this,"scenePath");d(this,"trackBackgroundImageLoad");d(this,"reloadSourceUrl");const{vNodes:t,workId:s,toolsOpt:r,manager:a,scenePath:i,trackBackgroundImageLoad:o=!0}=e;this.workId=s,this.vNodes=t,this.workOptions=r,this.manager=a,this.scenePath=i,this.trackBackgroundImageLoad=o,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}async init(){await this.render()}createElement(){const{type:e}=this.workOptions;let t;return e===c.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,i=t*this.manager.camera.scale,o=s*this.manager.camera.scale,l=r*this.manager.camera.scale,h=a*this.manager.camera.scale;return i===l&&o===h}isSamePosition(e){const{centerX:t,centerY:s}=e,{centerX:r,centerY:a}=this.workOptions,i=this.manager.getPagePoint(r,a),o=this.manager.getPagePoint(t,s);return v.isEqual(o,i)}isSameZIndex(e){const{zIndex:t}=e,{zIndex:s}=this.workOptions;return t===s}isSameState(e){const{state:t}=e,{state:s}=this.workOptions;return v.isEqual(t,s)}isSameData(e){const{data:t}=e,{data:s}=this.workOptions;return v.isEqual(t,s)}updateElementPosition(e){if(this.isDestroyed||!this.element||!this.fullLayer)return;const{centerX:t,centerY:s,width:r,height:a,zIndex:i}=this.workOptions,o=this.manager.getPagePoint(t,s),l=r*this.manager.camera.scale,h=a*this.manager.camera.scale;(!e||e&&!this.isSameSize(e))&&(this.element.setAttribute("width",`${l}`),this.element.setAttribute("height",`${h}`),this.element.style.width=`${l}px`,this.element.style.height=`${h}px`),(!e||e&&!this.isSamePosition(e))&&(this.element.style.left=`${o.x}px`,this.element.style.top=`${o.y}px`),(!e||e&&!this.isSameZIndex(e))&&(this.element.style.zIndex=(i||0).toString())}async updateSvg(e){const{type:t,state:s}=this.workOptions;if(t===c.ESVGType.markmap){const r=c.getMarkmapRuntimeOrThrow(),{data:a}=this.workOptions;if(this.markmapInstance||(this.markmapInstance=r.createMarkmap(this.element,this.manager.markmapOptions),this.markmapInstance.handleClick=async(l,h)=>{var u,p,g;(u=this.markmapInstance)==null||u.toggleNode(h);const y=this.serializeData((p=this.markmapInstance)==null?void 0:p.state.data);this.setWorkOptions({...this.workOptions,state:y},!1),r.checkNodeHasMermaid(h)&&await r.renderMermaidAfterDOMUpdate(this.element,this.workId),this.scenePath&&this.collector&&((g=this.collector)==null||g.dispatch({type:c.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 i=r.transform(this.workId,a);let{root:o}=i;a&&r.hasMermaidCodeBlock(a)&&(o=r.injectMermaidHtml(o,a,this.workId));try{s&&Array.isArray(s)&&this.transformState(s,o),await this.markmapInstance.setData(o),!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,i=this.reloadSourceUrl??r;if(this.element.crossOrigin=v.isString(a)?a:"anonymous",!this.trackBackgroundImageLoad){this.element.src=i,await new Promise((o,l)=>{this.element.onload=()=>o(),this.element.onerror=()=>l()});return}await this.manager.master.control.backgroundImageLoadCoordinator.load({viewId:this.manager.viewId,scenePath:this.scenePath,resourceId:this.workId,src:i,image:this.element,isActive:()=>!this.isDestroyed&&this.manager.master.control.viewContainerManager.getCurScenePath(this.manager.viewId)===this.scenePath,onReloadUrl:o=>{this.reloadSourceUrl=o}})}}async fit(e=!0){var t;if(!this.isDestroyed&&this.element&&this.fullLayer&&this.markmapInstance){const s=c.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 O(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(!v.isEqual(this.workOptions,e)){const s=v.clone(this.workOptions),r="src"in this.workOptions?this.workOptions.src:void 0,a="src"in e?e.src:void 0;r!==a&&(this.reloadSourceUrl=void 0),this.workOptions=e,t&&await this.render(s)}}destroy(){this.isDestroyed=!0,this.reloadSourceUrl=void 0,this.trackBackgroundImageLoad&&this.manager.master.control.backgroundImageLoadCoordinator.cancelResource(this.manager.viewId,this.scenePath,this.workId),this.element.remove()}getRectFromLayer(){const e=this.element.getBoundingClientRect();return{x:e.x,y:e.y,w:e.width,h:e.height}}}function P(n){const{toolsType:e,...t}=n;switch(e){case c.EToolsKey.BackgroundSVG:return new V(t);default:return}}class b{constructor(e){d(this,"viewId");d(this,"fullLayer");d(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 U{constructor(e,t){d(this,"opt");d(this,"viewId");d(this,"fullLayer");d(this,"vNodes");d(this,"master");d(this,"cameraOpt");d(this,"methodBuilder");d(this,"destroyed",!1);d(this,"updateCamera",v.throttle(async e=>{if(this.destroyed)return;const{cameraOpt:t}=e;t&&!v.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([c.EmitEventType.CopyNode]).registerForBackgroundThread(this),this.vNodes=new b(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:i,height:o}=this.camera;return{x:(e-r)*s+i/2,y:(t-a)*s+o/2}}async setCameraOpt(e){if(!this.destroyed){this.cameraOpt=e;for(const t of this.vNodes.curNodeMap.values()){if(this.destroyed)return;const{workShape:s}=t;s&&await s.updateCamera()}}}clearAll(){this.vNodes.clear()}canUseFullLayer(e){return e===c.EToolsKey.BackgroundSVG}async consumeFull(e){if(this.destroyed)return;const{toolsType:t,opt:s,workId:r,scenePath:a}=e;if(r!=null&&r.toString()&&t&&this.canUseFullLayer(t))switch(t){case c.EToolsKey.BackgroundSVG:await this.setFullWork({toolsType:t,opt:s,workId:r,scenePath:a});break}}async setFullWork(e){const{workId:t,opt:s,toolsType:r,scenePath:a}=e;if(t&&s&&r&&a){const i=t.toString();let o;const l=this.vNodes.get(i);return!l||!l.workShape?(o=this.createWorkShapeNode({toolsOpt:s,toolsType:c.EToolsKey.BackgroundSVG,workId:i,scenePath:a}),o&&await o.init()):(o=l.workShape,await o.setWorkOptions(s)),o}}createWorkShapeNode(e){return P({...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(!this.destroyed&&!await this.methodBuilder.consumeForBackgroundThread(e)){if(this.destroyed)return;const{msgType:t,toolsType:s}=e;switch(t){case c.EPostMessageType.Destroy:{this.destroy();break}case c.EPostMessageType.Clear:{this.clearAll();break}case c.EPostMessageType.UpdateCamera:{this.updateCamera(e);break}case c.EPostMessageType.UpdateTools:{this.toggleFullLayer(s===c.EToolsKey.Clicker);break}case c.EPostMessageType.BackgroundSVGUpdate:case c.EPostMessageType.UpdateNode:case c.EPostMessageType.FullWork:{s&&this.canUseFullLayer(s)&&await this.consumeFull(e);break}case c.EPostMessageType.BackgroundSVGDelete:{this.removeWork(e);break}}}}toggleFullLayer(e){this.destroyed||this.fullLayer.classList.toggle("appliance-plugin-background-svg-active",e)}destroy(){this.destroyed||(this.destroyed=!0,this.updateCamera.cancel(),this.vNodes.clear())}}class D{constructor(e,t){d(this,"viewId");d(this,"fullLayer");d(this,"master");d(this,"vNodes");d(this,"cameraOpt");d(this,"opt");d(this,"workShapes",new Map);d(this,"destroyed",!1);d(this,"activeRequest");this.viewId=e,this.opt=t,this.master=t.master,this.fullLayer=t.container,this.vNodes=new b(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}reportRequestFailure(e,t,s,r,a){const i=r instanceof Error?r.message:String(r);try{this.opt.post({sp:[{type:c.EPostMessageType.ReportError,viewId:this.viewId,scenePath:s,requestId:t,reportBusiness:e,reportStage:a,reportError:i,reportString:`[BackgroundSnapshotThread] ${e} failed; stage=${a}; requestId=${t||"unknown"}; error=${i}`}]})}catch(o){console.error(`[BackgroundSnapshotThread] ${e} failure report failed`,o)}}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){if(!this.destroyed){this.cameraOpt=e;for(const t of this.vNodes.curNodeMap.values()){if(this.destroyed)return;const{workShape:s}=t;s&&await s.updateCamera()}}}getPagePoint(e,t){const{scale:s,centerX:r,centerY:a,width:i,height:o}=this.camera;return{x:(e-r)*s+i/2,y:(t-a)*s+o/2}}async getSnapshot(e){var i;if(this.destroyed)return;const{scenePath:t,scenes:s,cameraOpt:r,requestId:a}=e;this.activeRequest={business:"snapshot",scenePath:t,requestId:a};try{if(!(t&&s&&r))throw new Error("snapshot input is incomplete");await this.setCameraOpt(r);for(const[l,h]of Object.entries(s)){if(this.destroyed)return;if(h!=null&&h.type&&(h==null?void 0:h.toolsType)===c.EToolsKey.BackgroundSVG)switch(h==null?void 0:h.type){case c.EPostMessageType.UpdateNode:case c.EPostMessageType.FullWork:{const{opt:y}=h,w={...h,opt:y,workId:l,msgType:c.EPostMessageType.FullWork,dataType:c.EDataType.Service,viewId:this.viewId,scenePath:t,requestId:a};await this.runFullWork(w);break}default:break}}if(await O(this.fullLayer),this.destroyed||(await R(this.fullLayer),this.destroyed)||(await x(this.fullLayer),this.destroyed))return;const o=await $(this.fullLayer);if(!this.destroyed&&o)this.opt.post({sp:[{type:c.EPostMessageType.Snapshot,scenePath:t,imageElement:o,viewId:this.viewId,index:1,requestId:a}]});else if(!this.destroyed)throw new Error("snapshot image element is empty")}catch(o){this.destroyed||this.reportRequestFailure("snapshot",a,t,o,"render")}finally{((i=this.activeRequest)==null?void 0:i.requestId)===a&&(this.activeRequest=void 0)}}createWorkShapeNode(e){return P({...e,vNodes:this.vNodes,manager:this,trackBackgroundImageLoad:!1})}async setFullWork(e){const{workId:t,opt:s,toolsType:r,scenePath:a}=e;if(t&&s&&r&&a){const i=t.toString();let o;const l=this.vNodes.get(i);return!l||!l.workShape?(o=this.createWorkShapeNode({toolsOpt:s,toolsType:c.EToolsKey.BackgroundSVG,workId:i,scenePath:a}),o&&await o.init()):(o=l.workShape,await o.setWorkOptions(s)),o}}async runFullWork(e){if(this.destroyed)return;const{toolsType:t,opt:s,workId:r,scenePath:a}=e;await this.setFullWork({toolsType:t,opt:s,workId:r,scenePath:a})}destroy(e){this.destroyed||(e&&this.activeRequest&&this.reportRequestFailure("snapshot",this.activeRequest.requestId,this.activeRequest.scenePath,new Error(`snapshot request ${e}`),e),this.activeRequest=void 0,this.destroyed=!0,this.fullLayer.innerHTML="",this.fullLayer.style.width="",this.fullLayer.style.height="")}}class H{constructor(e){d(this,"backgroundThreadMap",new Map);d(this,"snapshotThreadsByRequest",new Map);d(this,"destroyed",!1);d(this,"master");d(this,"post",e=>{if(this.destroyed)return;const{sp:t}=e;t&&this.master.collectorSyncData(t)});this.master=e,this.backgroundThreadMap=new Map}createBackgroundThread(e,t){return new U(e,t)}createSnapshotThread(e,t){return new D(e,t)}getSnapshotRequestKey(e){return e.requestId||`${e.viewId}\0${e.scenePath||""}\0${e.msgType}`}disposeSnapshotThread(e,t,s){const r=this.snapshotThreadsByRequest.get(e);if(!(!r||r.thread!==t)){this.snapshotThreadsByRequest.delete(e);try{t.destroy(s)}finally{r.surface.remove()}}}async consume(e){var t,s,r,a,i;if(!this.destroyed)for(const o of e.values()){if(this.destroyed)return;const{msgType:l,viewId:h,layerOpt:y,offscreenCanvasOpt:w,cameraOpt:u,tasksqueue:p}=o;if(l===c.EPostMessageType.Console){console.log(this);continue}if(l===c.EPostMessageType.Init){const m=(t=this.master.control.viewContainerManager.getView(h))==null?void 0:t.displayer,T=(s=m==null?void 0:m.backgroundContainerRef)==null?void 0:s.current;if(m&&T&&y&&w){const f=this.backgroundThreadMap.get(h);f==null||f.destroy();const k=this.createBackgroundThread(h,{displayer:m,container:T,layerOpt:y,master:this.master,canvasOpt:w,post:this.post});this.backgroundThreadMap.set(h,k),k&&u&&await k.setCameraOpt(u)}continue}if(l===c.EPostMessageType.Snapshot){const m=(r=this.master.control.viewContainerManager.getView(h))==null?void 0:r.displayer,f=(i=((a=this.master.control.viewContainerManager.mainView)==null?void 0:a.displayer).backgroundSnapshotContainerRef)==null?void 0:i.current;if(m&&f&&u){const k=this.getSnapshotRequestKey(o),E=this.snapshotThreadsByRequest.get(k);E&&this.disposeSnapshotThread(k,E.thread,"replaced");const S=document.createElement("div");S.style.width=`${u.width}px`,S.style.height=`${u.height}px`,f.append(S);const q={...c.ViewContainerManager.defaultLayerOpt,offscreen:!1,width:u.width,height:u.height},N={...c.ViewContainerManager.defaultScreenCanvasOpt,width:u.width,height:u.height},I=this.createSnapshotThread(h,{displayer:m,container:S,layerOpt:q,master:this.master,canvasOpt:N,post:this.post});this.snapshotThreadsByRequest.set(k,{thread:I,surface:S}),I.getSnapshot(o).catch(M=>{this.master.Logger.error(`[Appliance]: background snapshot render failed; viewId=${h}; error=${M instanceof Error?M.message:String(M)}`)}).finally(()=>{this.disposeSnapshotThread(k,I)});continue}this.post({sp:[{type:c.EPostMessageType.ReportError,viewId:h,scenePath:o.scenePath,requestId:o.requestId,reportBusiness:"snapshot",reportStage:"surface-unavailable",reportError:"background snapshot surface is unavailable",reportString:`[BackgroundThreadManager] snapshot surface is unavailable; viewId=${h}; requestId=${o.requestId||"unknown"}`}]})}if(l===c.EPostMessageType.TasksQueue&&(p!=null&&p.size)){for(const[m,T]of this.backgroundThreadMap.entries()){const f=p.get(m);f&&await T.on(f)}continue}if(h===c.Storage_ViewId_ALL){for(const m of this.backgroundThreadMap.values())await m.on(o);l===c.EPostMessageType.Destroy&&this.backgroundThreadMap.clear();continue}const g=this.backgroundThreadMap.get(h);g&&(await g.on(o),l===c.EPostMessageType.Destroy&&this.backgroundThreadMap.get(h)===g&&this.backgroundThreadMap.delete(h))}}async consumeTargetOne(e,t){if(this.destroyed)return;const s=this.backgroundThreadMap.get(e);s&&await s.on(t)}discardView(e){for(const[s,r]of[...this.snapshotThreadsByRequest.entries()])r.thread.viewId===e&&this.disposeSnapshotThread(s,r.thread,"view-destroyed");const t=this.backgroundThreadMap.get(e);try{t==null||t.destroy()}catch(s){this.master.Logger.error(`[Appliance]: BackgroundThread View discard failed; viewId=${e}; error=${s instanceof Error?s.message:String(s)}`)}this.backgroundThreadMap.delete(e)}destroy(){if(this.destroyed)return;const e=[];for(const[t,s]of[...this.snapshotThreadsByRequest.entries()])try{this.disposeSnapshotThread(t,s.thread,"manager-destroyed")}catch(r){e.push(`snapshot-thread: ${r instanceof Error?r.message:String(r)}`)}this.snapshotThreadsByRequest.clear(),this.destroyed=!0;for(const t of this.backgroundThreadMap.values())try{t.destroy()}catch(s){e.push(`background-thread: ${s instanceof Error?s.message:String(s)}`)}this.backgroundThreadMap.clear(),e.length&&this.master.Logger.error(`[Appliance]: BackgroundThread destroy completed with cleanup errors: ${e.join("; ")}`)}}exports.BackgroundThreadManagerImpl=H;
+"use strict";var B=Object.defineProperty;var L=(n,e,t)=>e in n?B(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var d=(n,e,t)=>L(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-S6ml0iJb.js"),v=require("lodash");require("clipper-lib");require("lz-string");require("lineclip");require("xss");require("rbush");require("react-dom");require("react");class C{constructor(){d(this,"threadEngine")}registerBackgroundThread(e){return this.threadEngine=e,this}}class W extends C{constructor(){super(...arguments);d(this,"emitEventType",c.EmitEventType.CopyNode)}async consume(t){const{msgType:s,dataType:r,emitEventType:a}=t;if(s===c.EPostMessageType.FullWork&&r===c.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){d(this,"builders",new Map);this.builders=new Map(e.map(t=>[t,this.build(t)]))}build(e){switch(e){case c.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 R(n){const e=n.querySelectorAll("img"),t=Array.from(e).map(a=>{if(!a.crossOrigin&&a.src&&!a.src.startsWith("data:")&&(a.crossOrigin="anonymous",a.complete)){const i=a.src;a.src="",a.src=i}return a.complete&&a.crossOrigin?Promise.resolve():new Promise(i=>{a.onload=()=>{i(void 0)},a.onerror=()=>{i(void 0)}})});return n.querySelectorAll("svg").forEach(a=>{a.querySelectorAll("image").forEach(o=>{o.href&&!o.href.baseVal.startsWith("data:")&&(o.getAttribute("crossorigin")||o.setAttribute("crossorigin","anonymous"),t.push(new Promise(l=>{const h=new Image;h.crossOrigin="anonymous",h.onload=()=>{l(void 0)},h.onerror=()=>{l(void 0)},h.src=o.href.baseVal})))})}),await Promise.all(t)}async function A(n){const s=Date.now();let r=!1;for(;Date.now()-s<5e3;){const a=n.querySelectorAll("path");if(a.length>0&&(r=Array.from(a).some(i=>{const o=i.getAttribute("d")||"";return o!=="M0,0C0,0,0,0,0,0"&&o.length>10}),r))break;await new Promise(i=>setTimeout(i,50))}}async function x(n){const e=n.querySelectorAll("svg");if(!e.length)return;const t=[];for(let s=0;s<e.length;s++){const r=e[s];t.push(A(r))}await Promise.all(t)}async function O(n){if(n.querySelectorAll("svg[data-type='mermaid']").length>0){const s=Date.now();let r=!1;for(;Date.now()-s<5e3&&!r;){const a=n.querySelectorAll("foreignObject");if(a.length>0){let i=!0;for(const o of Array.from(a)){const l=parseFloat(o.getAttribute("width")||"0"),h=parseFloat(o.getAttribute("height")||"0");if(o.querySelector(".mermaid-container")&&(l<50||h<50)){i=!1;break}}if(i){r=!0;break}}else r=!0;await new Promise(i=>setTimeout(i,50))}}}async function $(n,e={}){const{width:t=n.offsetWidth,height:s=n.offsetHeight}=e,r=n.offsetWidth||t,a=n.offsetHeight||s;try{const{loadSvgToImageLib:i,getSvgToImageLib:o}=await Promise.resolve().then(()=>require("./svgToImageLoader-B3gIDAQo.js"));let l=o();if(!l)try{l=await i()}catch(u){return console.error("[loadSvgToImageLib] error: ",u),null}const h=n.style.width,y=n.style.height,w=n.style.display;n.style.width||(n.style.width=`${r}px`),n.style.height||(n.style.height=`${a}px`),(!n.style.display||n.style.display==="none")&&(n.style.display="block");try{await new Promise(p=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{p()})})});const u=await l.toPng(n,{width:r,height:a,quality:1});return n.style.width=h,n.style.height=y,n.style.display=w,new Promise(p=>{const g=new Image;g.crossOrigin="anonymous",g.onload=()=>{p(g)},g.onerror=()=>{p(null)},g.src=u})}catch(u){return n.style.width=h,n.style.height=y,n.style.display=w,console.error("[divToImageElement] error: ",u),null}}catch(i){return console.error("[divToImageElement] error: ",i),null}}class V{constructor(e){d(this,"toolsType",c.EToolsKey.BackgroundSVG);d(this,"vNodes");d(this,"workOptions");d(this,"workId");d(this,"markmapInstance",null);d(this,"isDestroyed",!1);d(this,"element");d(this,"manager");d(this,"scenePath");d(this,"trackBackgroundImageLoad");d(this,"reloadSourceUrl");const{vNodes:t,workId:s,toolsOpt:r,manager:a,scenePath:i,trackBackgroundImageLoad:o=!0}=e;this.workId=s,this.vNodes=t,this.workOptions=r,this.manager=a,this.scenePath=i,this.trackBackgroundImageLoad=o,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}async init(){await this.render()}createElement(){const{type:e}=this.workOptions;let t;return e===c.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,i=t*this.manager.camera.scale,o=s*this.manager.camera.scale,l=r*this.manager.camera.scale,h=a*this.manager.camera.scale;return i===l&&o===h}isSamePosition(e){const{centerX:t,centerY:s}=e,{centerX:r,centerY:a}=this.workOptions,i=this.manager.getPagePoint(r,a),o=this.manager.getPagePoint(t,s);return v.isEqual(o,i)}isSameZIndex(e){const{zIndex:t}=e,{zIndex:s}=this.workOptions;return t===s}isSameState(e){const{state:t}=e,{state:s}=this.workOptions;return v.isEqual(t,s)}isSameData(e){const{data:t}=e,{data:s}=this.workOptions;return v.isEqual(t,s)}updateElementPosition(e){if(this.isDestroyed||!this.element||!this.fullLayer)return;const{centerX:t,centerY:s,width:r,height:a,zIndex:i}=this.workOptions,o=this.manager.getPagePoint(t,s),l=r*this.manager.camera.scale,h=a*this.manager.camera.scale;(!e||e&&!this.isSameSize(e))&&(this.element.setAttribute("width",`${l}`),this.element.setAttribute("height",`${h}`),this.element.style.width=`${l}px`,this.element.style.height=`${h}px`),(!e||e&&!this.isSamePosition(e))&&(this.element.style.left=`${o.x}px`,this.element.style.top=`${o.y}px`),(!e||e&&!this.isSameZIndex(e))&&(this.element.style.zIndex=(i||0).toString())}async updateSvg(e){const{type:t,state:s}=this.workOptions;if(t===c.ESVGType.markmap){const r=c.getMarkmapRuntimeOrThrow(),{data:a}=this.workOptions;if(this.markmapInstance||(this.markmapInstance=r.createMarkmap(this.element,this.manager.markmapOptions),this.markmapInstance.handleClick=async(l,h)=>{var u,p,g;(u=this.markmapInstance)==null||u.toggleNode(h);const y=this.serializeData((p=this.markmapInstance)==null?void 0:p.state.data);this.setWorkOptions({...this.workOptions,state:y},!1),r.checkNodeHasMermaid(h)&&await r.renderMermaidAfterDOMUpdate(this.element,this.workId),this.scenePath&&this.collector&&((g=this.collector)==null||g.dispatch({type:c.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 i=r.transform(this.workId,a);let{root:o}=i;a&&r.hasMermaidCodeBlock(a)&&(o=r.injectMermaidHtml(o,a,this.workId));try{s&&Array.isArray(s)&&this.transformState(s,o),await this.markmapInstance.setData(o),!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,i=this.reloadSourceUrl??r;if(this.element.crossOrigin=v.isString(a)?a:"anonymous",!this.trackBackgroundImageLoad){this.element.src=i,await new Promise((o,l)=>{this.element.onload=()=>o(),this.element.onerror=()=>l()});return}await this.manager.master.control.backgroundImageLoadCoordinator.load({viewId:this.manager.viewId,scenePath:this.scenePath,resourceId:this.workId,src:i,image:this.element,isActive:()=>!this.isDestroyed&&this.manager.master.control.viewContainerManager.getCurScenePath(this.manager.viewId)===this.scenePath,onReloadUrl:o=>{this.reloadSourceUrl=o}})}}async fit(e=!0){var t;if(!this.isDestroyed&&this.element&&this.fullLayer&&this.markmapInstance){const s=c.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 O(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(!v.isEqual(this.workOptions,e)){const s=v.clone(this.workOptions),r="src"in this.workOptions?this.workOptions.src:void 0,a="src"in e?e.src:void 0;r!==a&&(this.reloadSourceUrl=void 0),this.workOptions=e,t&&await this.render(s)}}destroy(){this.isDestroyed=!0,this.reloadSourceUrl=void 0,this.trackBackgroundImageLoad&&this.manager.master.control.backgroundImageLoadCoordinator.cancelResource(this.manager.viewId,this.scenePath,this.workId),this.element.remove()}getRectFromLayer(){const e=this.element.getBoundingClientRect();return{x:e.x,y:e.y,w:e.width,h:e.height}}}function P(n){const{toolsType:e,...t}=n;switch(e){case c.EToolsKey.BackgroundSVG:return new V(t);default:return}}class b{constructor(e){d(this,"viewId");d(this,"fullLayer");d(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 U{constructor(e,t){d(this,"opt");d(this,"viewId");d(this,"fullLayer");d(this,"vNodes");d(this,"master");d(this,"cameraOpt");d(this,"methodBuilder");d(this,"destroyed",!1);d(this,"updateCamera",v.throttle(async e=>{if(this.destroyed)return;const{cameraOpt:t}=e;t&&!v.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([c.EmitEventType.CopyNode]).registerForBackgroundThread(this),this.vNodes=new b(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:i,height:o}=this.camera;return{x:(e-r)*s+i/2,y:(t-a)*s+o/2}}async setCameraOpt(e){if(!this.destroyed){this.cameraOpt=e;for(const t of this.vNodes.curNodeMap.values()){if(this.destroyed)return;const{workShape:s}=t;s&&await s.updateCamera()}}}clearAll(){this.vNodes.clear()}canUseFullLayer(e){return e===c.EToolsKey.BackgroundSVG}async consumeFull(e){if(this.destroyed)return;const{toolsType:t,opt:s,workId:r,scenePath:a}=e;if(r!=null&&r.toString()&&t&&this.canUseFullLayer(t))switch(t){case c.EToolsKey.BackgroundSVG:await this.setFullWork({toolsType:t,opt:s,workId:r,scenePath:a});break}}async setFullWork(e){const{workId:t,opt:s,toolsType:r,scenePath:a}=e;if(t&&s&&r&&a){const i=t.toString();let o;const l=this.vNodes.get(i);return!l||!l.workShape?(o=this.createWorkShapeNode({toolsOpt:s,toolsType:c.EToolsKey.BackgroundSVG,workId:i,scenePath:a}),o&&await o.init()):(o=l.workShape,await o.setWorkOptions(s)),o}}createWorkShapeNode(e){return P({...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(!this.destroyed&&!await this.methodBuilder.consumeForBackgroundThread(e)){if(this.destroyed)return;const{msgType:t,toolsType:s}=e;switch(t){case c.EPostMessageType.Destroy:{this.destroy();break}case c.EPostMessageType.Clear:{this.clearAll();break}case c.EPostMessageType.UpdateCamera:{this.updateCamera(e);break}case c.EPostMessageType.UpdateTools:{this.toggleFullLayer(s===c.EToolsKey.Clicker);break}case c.EPostMessageType.BackgroundSVGUpdate:case c.EPostMessageType.UpdateNode:case c.EPostMessageType.FullWork:{s&&this.canUseFullLayer(s)&&await this.consumeFull(e);break}case c.EPostMessageType.BackgroundSVGDelete:{this.removeWork(e);break}}}}toggleFullLayer(e){this.destroyed||this.fullLayer.classList.toggle("appliance-plugin-background-svg-active",e)}destroy(){this.destroyed||(this.destroyed=!0,this.updateCamera.cancel(),this.vNodes.clear())}}class D{constructor(e,t){d(this,"viewId");d(this,"fullLayer");d(this,"master");d(this,"vNodes");d(this,"cameraOpt");d(this,"opt");d(this,"workShapes",new Map);d(this,"destroyed",!1);d(this,"activeRequest");this.viewId=e,this.opt=t,this.master=t.master,this.fullLayer=t.container,this.vNodes=new b(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}reportRequestFailure(e,t,s,r,a){const i=r instanceof Error?r.message:String(r);try{this.opt.post({sp:[{type:c.EPostMessageType.ReportError,viewId:this.viewId,scenePath:s,requestId:t,reportBusiness:e,reportStage:a,reportError:i,reportString:`[BackgroundSnapshotThread] ${e} failed; stage=${a}; requestId=${t||"unknown"}; error=${i}`}]})}catch(o){console.error(`[BackgroundSnapshotThread] ${e} failure report failed`,o)}}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){if(!this.destroyed){this.cameraOpt=e;for(const t of this.vNodes.curNodeMap.values()){if(this.destroyed)return;const{workShape:s}=t;s&&await s.updateCamera()}}}getPagePoint(e,t){const{scale:s,centerX:r,centerY:a,width:i,height:o}=this.camera;return{x:(e-r)*s+i/2,y:(t-a)*s+o/2}}async getSnapshot(e){var i;if(this.destroyed)return;const{scenePath:t,scenes:s,cameraOpt:r,requestId:a}=e;this.activeRequest={business:"snapshot",scenePath:t,requestId:a};try{if(!(t&&s&&r))throw new Error("snapshot input is incomplete");await this.setCameraOpt(r);for(const[l,h]of Object.entries(s)){if(this.destroyed)return;if(h!=null&&h.type&&(h==null?void 0:h.toolsType)===c.EToolsKey.BackgroundSVG)switch(h==null?void 0:h.type){case c.EPostMessageType.UpdateNode:case c.EPostMessageType.FullWork:{const{opt:y}=h,w={...h,opt:y,workId:l,msgType:c.EPostMessageType.FullWork,dataType:c.EDataType.Service,viewId:this.viewId,scenePath:t,requestId:a};await this.runFullWork(w);break}default:break}}if(await O(this.fullLayer),this.destroyed||(await R(this.fullLayer),this.destroyed)||(await x(this.fullLayer),this.destroyed))return;const o=await $(this.fullLayer);if(!this.destroyed&&o)this.opt.post({sp:[{type:c.EPostMessageType.Snapshot,scenePath:t,imageElement:o,viewId:this.viewId,index:1,requestId:a}]});else if(!this.destroyed)throw new Error("snapshot image element is empty")}catch(o){this.destroyed||this.reportRequestFailure("snapshot",a,t,o,"render")}finally{((i=this.activeRequest)==null?void 0:i.requestId)===a&&(this.activeRequest=void 0)}}createWorkShapeNode(e){return P({...e,vNodes:this.vNodes,manager:this,trackBackgroundImageLoad:!1})}async setFullWork(e){const{workId:t,opt:s,toolsType:r,scenePath:a}=e;if(t&&s&&r&&a){const i=t.toString();let o;const l=this.vNodes.get(i);return!l||!l.workShape?(o=this.createWorkShapeNode({toolsOpt:s,toolsType:c.EToolsKey.BackgroundSVG,workId:i,scenePath:a}),o&&await o.init()):(o=l.workShape,await o.setWorkOptions(s)),o}}async runFullWork(e){if(this.destroyed)return;const{toolsType:t,opt:s,workId:r,scenePath:a}=e;await this.setFullWork({toolsType:t,opt:s,workId:r,scenePath:a})}destroy(e){this.destroyed||(e&&this.activeRequest&&this.reportRequestFailure("snapshot",this.activeRequest.requestId,this.activeRequest.scenePath,new Error(`snapshot request ${e}`),e),this.activeRequest=void 0,this.destroyed=!0,this.fullLayer.innerHTML="",this.fullLayer.style.width="",this.fullLayer.style.height="")}}class H{constructor(e){d(this,"backgroundThreadMap",new Map);d(this,"snapshotThreadsByRequest",new Map);d(this,"destroyed",!1);d(this,"master");d(this,"post",e=>{if(this.destroyed)return;const{sp:t}=e;t&&this.master.collectorSyncData(t)});this.master=e,this.backgroundThreadMap=new Map}createBackgroundThread(e,t){return new U(e,t)}createSnapshotThread(e,t){return new D(e,t)}getSnapshotRequestKey(e){return e.requestId||`${e.viewId}\0${e.scenePath||""}\0${e.msgType}`}disposeSnapshotThread(e,t,s){const r=this.snapshotThreadsByRequest.get(e);if(!(!r||r.thread!==t)){this.snapshotThreadsByRequest.delete(e);try{t.destroy(s)}finally{r.surface.remove()}}}async consume(e){var t,s,r,a,i;if(!this.destroyed)for(const o of e.values()){if(this.destroyed)return;const{msgType:l,viewId:h,layerOpt:y,offscreenCanvasOpt:w,cameraOpt:u,tasksqueue:p}=o;if(l===c.EPostMessageType.Console){console.log(this);continue}if(l===c.EPostMessageType.Init){const m=(t=this.master.control.viewContainerManager.getView(h))==null?void 0:t.displayer,T=(s=m==null?void 0:m.backgroundContainerRef)==null?void 0:s.current;if(m&&T&&y&&w){const f=this.backgroundThreadMap.get(h);f==null||f.destroy();const k=this.createBackgroundThread(h,{displayer:m,container:T,layerOpt:y,master:this.master,canvasOpt:w,post:this.post});this.backgroundThreadMap.set(h,k),k&&u&&await k.setCameraOpt(u)}continue}if(l===c.EPostMessageType.Snapshot){const m=(r=this.master.control.viewContainerManager.getView(h))==null?void 0:r.displayer,f=(i=((a=this.master.control.viewContainerManager.mainView)==null?void 0:a.displayer).backgroundSnapshotContainerRef)==null?void 0:i.current;if(m&&f&&u){const k=this.getSnapshotRequestKey(o),E=this.snapshotThreadsByRequest.get(k);E&&this.disposeSnapshotThread(k,E.thread,"replaced");const S=document.createElement("div");S.style.width=`${u.width}px`,S.style.height=`${u.height}px`,f.append(S);const q={...c.ViewContainerManager.defaultLayerOpt,offscreen:!1,width:u.width,height:u.height},N={...c.ViewContainerManager.defaultScreenCanvasOpt,width:u.width,height:u.height},I=this.createSnapshotThread(h,{displayer:m,container:S,layerOpt:q,master:this.master,canvasOpt:N,post:this.post});this.snapshotThreadsByRequest.set(k,{thread:I,surface:S}),I.getSnapshot(o).catch(M=>{this.master.Logger.error(`[Appliance]: background snapshot render failed; viewId=${h}; error=${M instanceof Error?M.message:String(M)}`)}).finally(()=>{this.disposeSnapshotThread(k,I)});continue}this.post({sp:[{type:c.EPostMessageType.ReportError,viewId:h,scenePath:o.scenePath,requestId:o.requestId,reportBusiness:"snapshot",reportStage:"surface-unavailable",reportError:"background snapshot surface is unavailable",reportString:`[BackgroundThreadManager] snapshot surface is unavailable; viewId=${h}; requestId=${o.requestId||"unknown"}`}]})}if(l===c.EPostMessageType.TasksQueue&&(p!=null&&p.size)){for(const[m,T]of this.backgroundThreadMap.entries()){const f=p.get(m);f&&await T.on(f)}continue}if(h===c.Storage_ViewId_ALL){for(const m of this.backgroundThreadMap.values())await m.on(o);l===c.EPostMessageType.Destroy&&this.backgroundThreadMap.clear();continue}const g=this.backgroundThreadMap.get(h);g&&(await g.on(o),l===c.EPostMessageType.Destroy&&this.backgroundThreadMap.get(h)===g&&this.backgroundThreadMap.delete(h))}}async consumeTargetOne(e,t){if(this.destroyed)return;const s=this.backgroundThreadMap.get(e);s&&await s.on(t)}discardView(e){for(const[s,r]of[...this.snapshotThreadsByRequest.entries()])r.thread.viewId===e&&this.disposeSnapshotThread(s,r.thread,"view-destroyed");const t=this.backgroundThreadMap.get(e);try{t==null||t.destroy()}catch(s){this.master.Logger.error(`[Appliance]: BackgroundThread View discard failed; viewId=${e}; error=${s instanceof Error?s.message:String(s)}`)}this.backgroundThreadMap.delete(e)}destroy(){if(this.destroyed)return;const e=[];for(const[t,s]of[...this.snapshotThreadsByRequest.entries()])try{this.disposeSnapshotThread(t,s.thread,"manager-destroyed")}catch(r){e.push(`snapshot-thread: ${r instanceof Error?r.message:String(r)}`)}this.snapshotThreadsByRequest.clear(),this.destroyed=!0;for(const t of this.backgroundThreadMap.values())try{t.destroy()}catch(s){e.push(`background-thread: ${s instanceof Error?s.message:String(s)}`)}this.backgroundThreadMap.clear(),e.length&&this.master.Logger.error(`[Appliance]: BackgroundThread destroy completed with cleanup errors: ${e.join("; ")}`)}}exports.BackgroundThreadManagerImpl=H;