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

package/dist/{index-CWDWQZBs.mjs → index-DdbAM7Xi.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, f as Z, t as V, a as h, h as de, M as ve, i as D, j, k as ke, C as H, l as z, m as Se, n as te, o as Ie, p as se, q as ge, s as Te, u as re, v as ie, w as Y, x as _, E as N, y as ee, z as Q, A as We, B as Re, F as Ee, G as be, H as Le, I as pe, J as ue, T as oe, K as ae, L as Ce, N as Ne, P as fe, Q as me, R as ne, U as Oe, S as ce, W as q, X as Be, V as he, Y as De } from "./index-B_vZ9d3x.mjs";
+import { D as K, e as b, c as m, r as $, b as R, f as Z, t as V, a as h, h as de, M as ve, i as D, j, k as ke, C as H, l as z, m as Se, n as te, o as Ie, p as se, q as ge, s as Te, u as re, v as ie, w as Y, x as _, E as N, y as ee, z as Q, A as We, B as Re, F as Ee, G as be, H as Le, I as pe, J as ue, T as oe, K as ae, L as Ce, N as Ne, P as fe, Q as me, R as ne, U as Oe, S as ce, W as q, X as Be, V as he, Y as De } from "./index-DhCFlEfW.mjs";
 import { cloneDeep as J, xor as Me, isNumber as G, isEqual as le } from "lodash";
 import "clipper-lib";
 import "lineclip";
@@ -296,9 +296,9 @@ class Ae {
     })), c = /* @__PURE__ */ new Map();
     let d;
     n != null && n.selectIds && (d = Me(t.selectIds, n.selectIds), n.selectIds.forEach((w) => {
-      const k = this.vNodes.get(w);
-      if (k) {
-        const { toolsType: I, op: W, opt: g } = k;
+      const S = this.vNodes.get(w);
+      if (S) {
+        const { toolsType: I, op: W, opt: g } = S;
         c.set(w, {
           opt: g,
           toolsType: I,
@@ -694,57 +694,70 @@ class Ae {
     var t;
     (t = this.getWorkShape(e)) == null || t.clearTmpPoints(), this.workShapes.delete(e);
   }
+  /** Stop queued Bitmap Eraser work and restore Doing-time hidden nodes. */
+  abortBitmapEraser(e) {
+    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());
+  }
   async drawBitMapEraserFull(e, t, s, r) {
-    const { willUpdateNodes: i, willDeleteNodes: o, eraseTxnRecoveryRequired: a } = t, n = e.getWorkId(), c = [
-      ...i ? Array.from(i.keys()).map((l) => String(l)) : [],
+    const {
+      willUpdateNodes: i,
+      willDeleteNodes: o,
+      eraseTxnRecoveryRequired: a,
+      eraseTxnBeforeImages: n
+    } = t, c = e.getWorkId(), d = [
+      ...i ? Array.from(i.keys()).map((p) => String(p)) : [],
       ...o ? Array.from(o) : []
-    ], d = [];
-    if (r && d.push({
+    ], l = [];
+    if (r && l.push({
       type: h.None,
       needUndoTicker: r,
-      undoScopeIds: c,
+      undoScopeIds: d,
       undoScopePhase: "finalize",
-      eraseTxnId: n,
-      eraseTxnRecoveryRequired: a
-    }), d.push({
+      eraseTxnId: c,
+      eraseTxnRecoveryRequired: a,
+      eraseTxnBeforeImages: n
+    }), l.push({
       type: h.RemoveNode,
-      removeIds: [n],
-      eraseTxnId: n,
+      removeIds: [c],
+      eraseTxnId: c,
       viewId: this.thread.viewId,
       needUndoTicker: r,
-      eraseTxnRecoveryRequired: a
-    }), s && d.push({
+      eraseTxnRecoveryRequired: a,
+      eraseTxnBeforeImages: n
+    }), s && l.push({
       type: h.None,
       isLockSentEventCursor: s
     }), i != null && i.size || o != null && o.size) {
       if (i != null && i.size)
-        for (const [l, p] of i)
-          d.push({
+        for (const [p, f] of i)
+          l.push({
             type: h.UpdateNode,
             dataType: R.Local,
-            opt: p.opt,
-            workId: l,
+            opt: f.opt,
+            workId: p,
             updateNodeOpt: {
               useAnimation: !1
             },
-            eraseTxnId: n,
+            eraseTxnId: c,
             needUndoTicker: r
           });
-      o != null && o.size && d.push({
+      o != null && o.size && l.push({
         type: h.RemoveNode,
         removeIds: [...o],
-        eraseTxnId: n,
+        eraseTxnId: c,
         viewId: this.thread.viewId,
         needUndoTicker: r
       });
     }
-    d.push({
+    l.push({
       type: h.None,
       viewId: this.thread.viewId,
-      eraseTxnId: n,
+      eraseTxnId: c,
       eraseTxnPhase: t.eraseTxnCommitStatus === "failed" || a ? "failed" : "applied",
-      eraseTxnRecoveryRequired: a
-    }), d.length && this.thread.post({ sp: d });
+      eraseTxnRecoveryRequired: a,
+      eraseTxnBeforeImages: n
+    }), l.length && this.thread.post({ sp: l });
   }
   drawPencilEraserFull(e, t, s, r) {
     const { willNewNodes: i, willDeleteNodes: o } = t, a = e.getWorkId(), n = [
@@ -950,14 +963,14 @@ class Ae {
     if (i || r) {
       const p = i == null ? void 0 : i.willDeleteNodes, f = i == null ? void 0 : i.willNewNodes, w = [
         ...p ? Array.from(p) : []
-      ], k = {
+      ], S = {
         render: [],
         sp: [],
         ...r
       };
       if (i != null && i.rect) {
         const I = Te(i.rect);
-        (a = k.render) == null || a.push(
+        (a = S.render) == null || a.push(
           {
             rect: I,
             isClear: !0,
@@ -973,12 +986,12 @@ class Ae {
           }
         );
       }
-      if (s && w.length && ((n = this.getWorkShape(e)) == null ? void 0 : n.toolsType) === m.BitMapEraser && ((c = k.sp) == null || c.push({
+      if (s && w.length && ((n = this.getWorkShape(e)) == null ? void 0 : n.toolsType) === m.BitMapEraser && ((c = S.sp) == null || c.push({
         type: h.None,
         collectUndoTicker: s,
         undoScopeIds: w,
         undoScopePhase: "collect"
-      })), p != null && p.size && ((d = k.sp) == null || d.push({
+      })), p != null && p.size && ((d = S.sp) == null || d.push({
         type: h.RemoveNode,
         removeIds: [...p],
         viewId: this.thread.viewId,
@@ -986,7 +999,7 @@ class Ae {
         collectUndoTicker: s
       })), f != null && f.size)
         for (const [I, W] of f)
-          (l = k.sp) == null || l.push({
+          (l = S.sp) == null || l.push({
             type: h.FullWork,
             dataType: R.Local,
             toolsType: W.toolsType,
@@ -999,7 +1012,7 @@ class Ae {
             needUndoTicker: t,
             collectUndoTicker: s
           });
-      i != null && i.rect && await this.thread.fullLayer.parent.prepareRender, this.thread.post(k);
+      i != null && i.rect && await this.thread.fullLayer.parent.prepareRender, this.thread.post(S);
     }
   }
   async consumeDrawAll(e, t) {
@@ -1017,23 +1030,23 @@ class Ae {
       if (p === m.LaserPen)
         return;
       p === m.BitMapEraser && await this.bitmapEraserRenderQueue;
-      const f = this.workShapes.get(H), w = (a = f == null ? void 0 : f.selectIds) == null ? void 0 : a[0], k = await l.consumeAll({ data: e, workerEngine: this });
+      const f = this.workShapes.get(H), w = (a = f == null ? void 0 : f.selectIds) == null ? void 0 : a[0], S = await l.consumeAll({ data: e, workerEngine: this });
       switch (p) {
         case m.Selector:
           {
-            k.selectIds && w && ((n = k.selectIds) != null && n.includes(w)) && f.cursorBlur();
+            S.selectIds && w && ((n = S.selectIds) != null && n.includes(w)) && f.cursorBlur();
             const I = [];
             i && I.push({
               type: h.None,
               isLockSentEventCursor: i,
               scenePath: r
-            }), k.type === h.Select && (k.selectIds && t.runReverseSelectWork(k.selectIds), I.push({ ...k, scenePath: r })), I.length && this.thread.post({ sp: I }), (c = l.selectIds) != null && c.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(d);
+            }), S.type === h.Select && (S.selectIds && t.runReverseSelectWork(S.selectIds), I.push({ ...S, scenePath: r })), I.length && this.thread.post({ sp: I }), (c = l.selectIds) != null && c.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(d);
           }
           break;
         case m.PencilEraser:
           await this.drawPencilEraserFull(
             l,
-            k,
+            S,
             i,
             o
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(d);
@@ -1041,14 +1054,14 @@ class Ae {
         case m.BitMapEraser:
           await this.drawBitMapEraserFull(
             l,
-            k,
+            S,
             i,
             o
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(d);
           break;
         case m.Eraser:
           await this.drawEraser(
-            { ...k, scenePath: r },
+            { ...S, scenePath: r },
             i,
             o,
             e.collectUndoTicker
@@ -1067,17 +1080,17 @@ class Ae {
             type: h.None,
             isLockSentEventCursor: i,
             scenePath: r
-          }), k) {
-            const g = p === m.Pencil && k.type === h.RemoveNode;
+          }), S) {
+            const g = p === m.Pencil && S.type === h.RemoveNode;
             g ? $(
               this.thread.localLayer,
               this.thread.localLayer.parent
             ) : I.push({
-              ...k,
+              ...S,
               scenePath: r,
               needUndoTicker: e.needUndoTicker,
-              undoScopeIds: k.undoScopeIds || (k.workId !== void 0 ? [k.workId.toString()] : void 0),
-              undoScopePhase: k.undoScopePhase || "finalize"
+              undoScopeIds: S.undoScopeIds || (S.workId !== void 0 ? [S.workId.toString()] : void 0),
+              undoScopePhase: S.undoScopePhase || "finalize"
             }), this.fullWorkerDrawCount = 0, e.needUndoTicker && I.push({
               type: h.None,
               needUndoTicker: e.needUndoTicker,
@@ -1249,13 +1262,13 @@ class Fe {
     );
   }
   async animationDraw() {
-    var r, i, o, a, n, c, d, l, p, f, w, k, I, W, g, y, S, T, C, L, A;
+    var r, i, o, a, n, c, d, l, p, f, w, S, I, W, g, y, v, T, C, L, A;
     let e = !1;
     const t = /* @__PURE__ */ new Map(), s = [];
-    for (const [E, v] of this.workShapes.entries())
-      switch (v.toolsType) {
+    for (const [E, k] of this.workShapes.entries())
+      switch (k.toolsType) {
         case m.BackgroundSVG: {
-          (r = v.node) == null || r.consumeService({
+          (r = k.node) == null || r.consumeService({
             isFullWork: !0,
             replaceId: E
           }), this.selectorWorkShapes.forEach((O, B) => {
@@ -1265,7 +1278,7 @@ class Fe {
           break;
         }
         case m.Image: {
-          await ((i = v.node) == null ? void 0 : i.consumeServiceAsync({
+          await ((i = k.node) == null ? void 0 : i.consumeServiceAsync({
             isFullWork: !0,
             worker: this
           })), this.selectorWorkShapes.forEach((O, B) => {
@@ -1275,19 +1288,19 @@ class Fe {
           break;
         }
         case m.Text: {
-          v.node && (await ((o = v.node) == null ? void 0 : o.consumeServiceAsync({
+          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             replaceId: E,
             boxRect: this.thread.getSceneRect()
           })), this.selectorWorkShapes.forEach((O, B) => {
             var P;
             (P = O.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(B), this.runEffect());
-          }), v.refreshTextRender && v.requestId && s.push({
+          }), k.refreshTextRender && k.requestId && s.push({
             type: h.RefreshTextRender,
-            requestId: v.requestId,
+            requestId: k.requestId,
             workId: E,
             viewId: this.thread.viewId
-          }), (a = v.node) == null || a.clearTmpPoints(), this.workShapes.delete(E));
+          }), (a = k.node) == null || a.clearTmpPoints(), this.workShapes.delete(E));
           break;
         }
         case m.Arrow:
@@ -1297,60 +1310,60 @@ class Fe {
         case m.Star:
         case m.Polygon:
         case m.SpeechBalloon: {
-          const O = !!v.ops;
-          if ((n = v.animationWorkData) != null && n.length) {
-            const B = v.oldRect;
-            (c = v.node) == null || c.consumeService({
-              op: v.animationWorkData,
+          const O = !!k.ops;
+          if ((n = k.animationWorkData) != null && n.length) {
+            const B = k.oldRect;
+            (c = k.node) == null || c.consumeService({
+              op: k.animationWorkData,
               isFullWork: O
             }), O && (this.selectorWorkShapes.forEach((P, F) => {
               var U;
               (U = P.selectIds) != null && U.includes(E) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
-            }), (d = v.node) == null || d.clearTmpPoints(), this.workShapes.delete(E)), v.isEnableCursor ? t.set(E, {
-              cursorTool: _(v.toolsType),
-              workState: B ? v.ops ? b.Done : b.Doing : b.Start,
-              op: v.animationWorkData.slice(-3, -1)
-            }) : O && !v.useAnimation && ((l = v.updateNodeOpt) != null && l.useAnimation) && t.set(E, {
-              cursorTool: _(v.toolsType),
+            }), (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,
+              op: k.animationWorkData.slice(-3, -1)
+            }) : O && !k.useAnimation && ((l = k.updateNodeOpt) != null && l.useAnimation) && t.set(E, {
+              cursorTool: _(k.toolsType),
               workState: b.Done,
-              op: v.animationWorkData.slice(-3, -1),
-              uid: (p = v.updateNodeOpt) == null ? void 0 : p.uid
-            }), v.animationWorkData.length = 0;
+              op: k.animationWorkData.slice(-3, -1),
+              uid: (p = k.updateNodeOpt) == null ? void 0 : p.uid
+            }), k.animationWorkData.length = 0;
           }
           break;
         }
         case m.Pencil: {
-          if (v.useAnimation) {
-            if (v.useAnimation) {
-              if (v.isDel) {
-                (y = v.node) == null || y.clearTmpPoints(), this.workShapes.delete(E);
+          if (k.useAnimation) {
+            if (k.useAnimation) {
+              if (k.isDel) {
+                (y = k.node) == null || y.clearTmpPoints(), this.workShapes.delete(E);
                 break;
               }
               const O = 3, B = this.computNextAnimationIndex(
-                v,
+                k,
                 O
-              ), P = v.isDiff ? 0 : Math.max(0, (v.animationIndex || 0) - O), F = (v.animationWorkData || []).slice(
+              ), P = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - O), F = (k.animationWorkData || []).slice(
                 P,
                 B
-              ), U = (T = (S = v.node) == null ? void 0 : S.getWorkId()) == null ? void 0 : T.toString();
-              if ((v.animationIndex || 0) < B || v.isDiff) {
-                if ((C = v.node) == null || C.consumeService({
+              ), U = (T = (v = k.node) == null ? void 0 : v.getWorkId()) == null ? void 0 : T.toString();
+              if ((k.animationIndex || 0) < B || k.isDiff) {
+                if ((C = k.node) == null || C.consumeService({
                   op: F,
                   isFullWork: !1
-                }), v.animationIndex = B, v.isDiff && (v.isDiff = !1), F.length && v.isEnableCursor) {
+                }), k.animationIndex = B, k.isDiff && (k.isDiff = !1), F.length && k.isEnableCursor) {
                   const X = F.slice(-3, -1);
                   t.set(E, {
-                    cursorTool: _(v.toolsType),
-                    workState: P === 0 ? b.Start : B === ((L = v.animationWorkData) == null ? void 0 : L.length) ? b.Done : b.Doing,
+                    cursorTool: _(k.toolsType),
+                    workState: P === 0 ? b.Start : B === ((L = k.animationWorkData) == null ? void 0 : L.length) ? b.Done : b.Doing,
                     op: X
                   });
                 }
-              } else v.ops && ((A = v.node) == null || A.consumeService({
-                op: v.animationWorkData || [],
+              } else k.ops && ((A = k.node) == null || A.consumeService({
+                op: k.animationWorkData || [],
                 isFullWork: !0,
                 replaceId: U
-              }), v.isDel = !0, v.isEnableCursor && t.set(E, {
-                cursorTool: _(v.toolsType),
+              }), k.isDel = !0, k.isEnableCursor && t.set(E, {
+                cursorTool: _(k.toolsType),
                 workState: b.Done,
                 op: F.slice(-3, -1)
               }));
@@ -1358,34 +1371,34 @@ class Fe {
               break;
             }
           } else {
-            const O = !!v.ops;
-            if ((f = v.node) == null || f.consumeService({
-              op: v.animationWorkData || [],
+            const O = !!k.ops;
+            if ((f = k.node) == null || f.consumeService({
+              op: k.animationWorkData || [],
               isFullWork: O,
               replaceId: E
-            }), (w = v.node) == null || w.updataOptService(v.updateNodeOpt), O) {
-              if (!v.isEnableCursor && ((k = v.updateNodeOpt) != null && k.useAnimation) && ((I = v.animationWorkData) != null && I.length)) {
-                const B = v.animationWorkData.slice(-3, -1);
+            }), (w = k.node) == null || w.updataOptService(k.updateNodeOpt), O) {
+              if (!k.isEnableCursor && ((S = k.updateNodeOpt) != null && S.useAnimation) && ((I = k.animationWorkData) != null && I.length)) {
+                const B = k.animationWorkData.slice(-3, -1);
                 t.set(E, {
-                  cursorTool: _(v.toolsType),
+                  cursorTool: _(k.toolsType),
                   workState: b.Done,
                   op: B,
-                  uid: (W = v.updateNodeOpt) == null ? void 0 : W.uid
+                  uid: (W = k.updateNodeOpt) == null ? void 0 : W.uid
                 });
               }
               this.selectorWorkShapes.forEach((B, P) => {
                 var F;
                 (F = B.selectIds) != null && F.includes(E) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
-              }), (g = v.node) == null || g.clearTmpPoints(), this.workShapes.delete(E);
+              }), (g = k.node) == null || g.clearTmpPoints(), this.workShapes.delete(E);
             }
           }
           break;
         }
       }
-    e && this.runAnimation(), t.size && t.forEach((E, v) => {
+    e && this.runAnimation(), t.size && t.forEach((E, k) => {
       s.push({
         type: h.Cursor,
-        uid: E.uid || v.split(de)[0],
+        uid: E.uid || k.split(de)[0],
         op: E.op,
         workState: E.workState,
         cursorTool: E.cursorTool,
@@ -1420,7 +1433,7 @@ class Fe {
     return !1;
   }
   activeWorkShape(e) {
-    var W, g, y, S;
+    var W, g, y, v;
     const {
       workId: t,
       opt: s,
@@ -1437,7 +1450,7 @@ class Fe {
     } = e;
     if (!t)
       return;
-    const w = t.toString(), k = (W = this.vNodes.get(w)) == null ? void 0 : W.rect;
+    const w = t.toString(), S = (W = this.vNodes.get(w)) == null ? void 0 : W.rect;
     if (!((g = this.workShapes) != null && g.has(w))) {
       let T = {
         toolsType: r,
@@ -1447,19 +1460,19 @@ class Fe {
         updateNodeOpt: o,
         ops: a,
         useAnimation: typeof c < "u" ? c : typeof (o == null ? void 0 : o.useAnimation) < "u" ? o == null ? void 0 : o.useAnimation : !0,
-        oldRect: k,
+        oldRect: S,
         isDiff: !1,
         imageBitmap: d,
         isEnableCursor: l
       };
       r && s && (T = this.setNodeKey(w, T, r, s)), (y = this.workShapes) == null || y.set(w, T);
     }
-    const I = (S = this.workShapes) == null ? void 0 : S.get(w);
+    const I = (v = this.workShapes) == null ? void 0 : v.get(w);
     I.isEnableCursor = l, I.requestId = p, I.refreshTextRender = !!f, i && (I.type = i), a && (I.animationWorkData = V(a), I.ops = a), o && (I.updateNodeOpt = o), n && (I.isDiff = this.hasDiffData(
       I.animationWorkData || [],
       n,
       I.toolsType
-    ), I.toolsType, m.Pencil, I.animationWorkData = n), I.node && I.node.getWorkId() !== w && I.node.setWorkId(w), k && (I.oldRect = k), r && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), I.toolsType !== r && r && s && this.setNodeKey(w, I, r, s), I.node && I.node.setWorkOptions(s)), d && (I.imageBitmap = d);
+    ), I.toolsType, m.Pencil, I.animationWorkData = n), I.node && I.node.getWorkId() !== w && I.node.setWorkId(w), S && (I.oldRect = S), r && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), I.toolsType !== r && r && s && this.setNodeKey(w, I, r, s), I.node && I.node.setWorkOptions(s)), d && (I.imageBitmap = d);
   }
   removeNode(e, t) {
     e.indexOf(D) > -1 && this.removeSelectWork(t), this.thread.fullLayer.getElementsByName(e).forEach((r) => {
@@ -1701,7 +1714,7 @@ class qe extends x {
         updateSelectorOpt: l,
         textUpdateForWoker: p,
         needUndoTicker: f
-      } = s, w = l.workState, k = r.sp || [];
+      } = s, w = l.workState, S = r.sp || [];
       if (w === b.Start)
         return {
           sp: [
@@ -1716,7 +1729,7 @@ class qe extends x {
       const I = a == null ? void 0 : a.selectRect;
       if (c) {
         const g = w === b.Done ? f : void 0;
-        k.push({
+        S.push({
           type: h.Select,
           selectIds: o.selectIds,
           selectRect: I,
@@ -1732,34 +1745,34 @@ class qe extends x {
           useAnimation: l.useAnimation || !1
         };
         l.uid && (y.uid = l.uid);
-        for (const [S, T] of i.entries())
-          T.toolsType === m.BackgroundSVG && k.push({
+        for (const [v, T] of i.entries())
+          T.toolsType === m.BackgroundSVG && S.push({
             ...T,
-            workId: S,
+            workId: v,
             type: h.BackgroundSVGUpdate,
             dataType: R.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
             emitEventType: this.emitEventType
-          }), p && T.toolsType === m.Text ? k.push({
+          }), p && T.toolsType === m.Text ? S.push({
             ...T,
-            workId: S,
+            workId: v,
             type: h.TextUpdate,
             dataType: R.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
             emitEventType: this.emitEventType
-          }) : (n || w === b.Done) && k.push({
+          }) : (n || w === b.Done) && S.push({
             ...T,
-            workId: S,
+            workId: v,
             type: h.UpdateNode,
             updateNodeOpt: {
               ...y,
               eraserGeometryDelta: ee(
                 (W = this.localWork) == null ? void 0 : W.vNodes,
-                S
+                v
               )
             },
             isSync: d,
@@ -1767,15 +1780,15 @@ class qe extends x {
             emitEventType: this.emitEventType
           });
       }
-      return f && k.push({
+      return f && S.push({
         type: h.None,
         needUndoTicker: f
-      }), k.push({
+      }), S.push({
         type: h.SelectorTransform,
         emitEventType: this.emitEventType,
         workState: w
       }), {
-        sp: k
+        sp: S
       };
     });
   }
@@ -1817,7 +1830,7 @@ class ze extends x {
     u(this, "emitEventType", N.ScaleNode);
     u(this, "updateSelectorCallback", (t) => {
       var I;
-      const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, { updateSelectorOpt: c, willSyncService: d, needUndoTicker: l } = s, p = c.workState, f = r.sp || [], w = o == null ? void 0 : o.selectRect, k = p === b.Done ? l : void 0;
+      const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, { updateSelectorOpt: c, willSyncService: d, needUndoTicker: l } = s, p = c.workState, f = r.sp || [], w = o == null ? void 0 : o.selectRect, S = p === b.Done ? l : void 0;
       if (p === b.Start)
         return {
           sp: [
@@ -1851,7 +1864,7 @@ class ze extends x {
             dataType: R.Local,
             willSyncService: p === b.Done ? !0 : n,
             updateNodeOpt: W,
-            needUndoTicker: k,
+            needUndoTicker: S,
             emitEventType: this.emitEventType
           }), y.toolsType === m.Text ? f.push({
             ...y,
@@ -1860,7 +1873,7 @@ class ze extends x {
             dataType: R.Local,
             willSyncService: p === b.Done ? !0 : n,
             updateNodeOpt: W,
-            needUndoTicker: k,
+            needUndoTicker: S,
             emitEventType: this.emitEventType
           }) : (n || p === b.Done) && f.push({
             ...y,
@@ -1874,7 +1887,7 @@ class ze extends x {
               )
             },
             isSync: !0,
-            needUndoTicker: k,
+            needUndoTicker: S,
             emitEventType: this.emitEventType
           });
       }
@@ -1928,9 +1941,9 @@ class Ve extends x {
         willSerializeData: l,
         isSync: p,
         needUndoTicker: f
-      } = s, w = c.workState, k = r.sp || [], I = o == null ? void 0 : o.selectRect, W = w === b.Done ? f : void 0;
+      } = s, w = c.workState, S = r.sp || [], I = o == null ? void 0 : o.selectRect, W = w === b.Done ? f : void 0;
       if (d) {
-        l && w === b.Done && k.push({
+        l && w === b.Done && S.push({
           type: h.Select,
           selectIds: i.selectIds,
           selectRect: I,
@@ -1942,16 +1955,16 @@ class Ve extends x {
           useAnimation: c.useAnimation || !1
         };
         if (c.uid && (y.uid = c.uid), n || w === b.Done)
-          for (const [S, T] of a.entries())
-            k.push({
+          for (const [v, T] of a.entries())
+            S.push({
               ...T,
-              workId: S,
+              workId: v,
               type: h.UpdateNode,
               updateNodeOpt: {
                 ...y,
                 eraserGeometryDelta: ee(
                   (g = this.localWork) == null ? void 0 : g.vNodes,
-                  S
+                  v
                 )
               },
               isSync: p,
@@ -1959,15 +1972,15 @@ class Ve extends x {
               emitEventType: this.emitEventType
             });
       }
-      return f && k.push({
+      return f && S.push({
         type: h.None,
         needUndoTicker: f
-      }), k.push({
+      }), S.push({
         type: h.SelectorTransform,
         emitEventType: this.emitEventType,
         workState: w
       }), {
-        sp: k
+        sp: S
       };
     });
   }
@@ -2041,12 +2054,12 @@ class $e extends x {
       textUpdateForWoker: l,
       requestId: p,
       emitEventType: f
-    } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
+    } = s, w = r.sp || [], S = a == null ? void 0 : a.selectRect;
     if (n && w) {
       d.fontSize && w.push({
         type: h.Select,
         selectIds: o.selectIds,
-        selectRect: k,
+        selectRect: S,
         willSyncService: n,
         isSync: c,
         points: o.getChildrenPoints()
@@ -2186,7 +2199,7 @@ class He extends x {
       needUndoTicker: l,
       requestId: p,
       emitEventType: f
-    } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
+    } = s, w = r.sp || [], S = a == null ? void 0 : a.selectRect;
     if (n && w) {
       for (const [I, W] of i.entries())
         w.push({
@@ -2207,7 +2220,7 @@ class He extends x {
         canRotate: o.canRotate,
         type: h.Select,
         selectIds: o.selectIds,
-        selectRect: k,
+        selectRect: S,
         willSyncService: n,
         isSync: c
       });
@@ -2549,7 +2562,7 @@ class je {
         workState: p,
         imageSrc: f,
         imageBitmap: w,
-        imageElement: k,
+        imageElement: S,
         workIds: I,
         isLockSentEventCursor: W,
         requestId: g
@@ -2559,19 +2572,24 @@ class je {
           G(e.dpr) && this.updateDpr(e.dpr);
           break;
         case h.AuthClear: {
-          const { clearUids: S, localUid: T } = e;
-          this.vNodes.setCanClearUids(S), this.vNodes.setLocalUid(T);
+          const { clearUids: v, localUid: T } = e;
+          this.vNodes.setCanClearUids(v), this.vNodes.setLocalUid(T);
           break;
         }
         case h.Destroy:
           this.destroy();
           break;
+        case h.CancelBitmapEraser: {
+          const v = y;
+          v && this.localWork.abortBitmapEraser(v);
+          break;
+        }
         case h.Clear:
           this.clearAll();
           break;
         case h.ServiceSyncCommit: {
           if (this.destroyed) break;
-          const S = [
+          const v = [
             (s = this.fullLayer) == null ? void 0 : s.parent,
             (r = this.topLayer) == null ? void 0 : r.parent,
             (i = this.localLayer) == null ? void 0 : i.parent,
@@ -2582,7 +2600,7 @@ class je {
               (async () => {
                 await Le(
                   this.serviceWork,
-                  S
+                  v
                 );
               })(),
               {
@@ -2616,26 +2634,26 @@ class je {
           try {
             await Ee(
               e.cameraTaskId,
-              async (S) => {
-                this.activeCameraTaskContext = S;
+              async (v) => {
+                this.activeCameraTaskContext = v;
                 try {
-                  await this.updateCamera(e, S);
+                  await this.updateCamera(e, v);
                 } finally {
-                  this.activeCameraTaskContext === S && (this.activeCameraTaskContext = void 0);
+                  this.activeCameraTaskContext === v && (this.activeCameraTaskContext = void 0);
                 }
               }
             );
-          } catch (S) {
-            throw this.cameraOpt = void 0, this.cancelCameraSettledRender(), S;
+          } catch (v) {
+            throw this.cameraOpt = void 0, this.cancelCameraSettledRender(), v;
           }
           break;
         case h.UpdateTools:
           if (n && c) {
-            const S = {
+            const v = {
               toolsType: n,
               toolsOpt: c
             };
-            this.topWork.canUseTopLayer(n) ? this.topWork.setToolsOpt(S) : this.localWork.setToolsOpt(S);
+            this.topWork.canUseTopLayer(n) ? this.topWork.setToolsOpt(v) : this.localWork.setToolsOpt(v);
           }
           break;
         case h.CreateWork:
@@ -2687,31 +2705,31 @@ class je {
           d === R.Local && this.localWork.checkTextActive(e);
           break;
         case h.GetImageBitMap:
-          if (f && (w || k) && l) {
-            const S = this.imageResolveMap.get(f);
-            if (!S || S.requestId !== g) {
-              this.closeImageSource(w || k);
+          if (f && (w || S) && l) {
+            const v = this.imageResolveMap.get(f);
+            if (!v || v.requestId !== g) {
+              this.closeImageSource(w || S);
               break;
             }
             const T = l.toString();
             this.deleteCachedImagesByWorkId(T), this.cacheImages.set(f, {
-              imageSource: w || k,
+              imageSource: w || S,
               workId: T
             });
-            const { resolve: C, timer: L } = S;
+            const { resolve: C, timer: L } = v;
             L && clearTimeout(L), C && C(f);
           }
           break;
         case h.GetVNodeInfo:
           if (l && I) {
-            const S = I.map((T) => this.vNodes.get(T));
+            const v = I.map((T) => this.vNodes.get(T));
             this.post({
               sp: [
                 {
                   type: h.GetVNodeInfo,
                   dataType: R.Local,
                   workId: l,
-                  vInfo: S
+                  vInfo: v
                 }
               ]
             });
@@ -2732,8 +2750,8 @@ class je {
         return;
       let p = a;
       if (n === pe.Iconify) {
-        const [y, S] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = ue(a, y, S, l);
+        const [y, v] = this.getIconSize(c, d, this.opt.displayer.dpr);
+        p = ue(a, y, v, l);
       }
       if (this.cacheImages.has(p)) {
         const y = this.getCachedImages(p);
@@ -2743,18 +2761,18 @@ class je {
       const w = this.imageResolveMap.get(p);
       if (w)
         return await w.promise, this.getCachedImages(p);
-      let k, I;
-      const W = new Promise((y, S) => {
-        k = y, I = S;
+      let S, I;
+      const W = new Promise((y, v) => {
+        S = y, I = v;
       }), g = {
-        resolve: k,
+        resolve: S,
         reject: I,
         timer: void 0,
         requestId: i,
         promise: W
       };
       return g.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === g && k(p);
+        this.imageResolveMap.get(p) === g && S(p);
       }, 5e3), this.imageResolveMap.set(p, g), this.opt.post({
         sp: [
           {
@@ -2929,29 +2947,29 @@ class je {
       }
       if (t != null && t.aborted) return;
       const f = /* @__PURE__ */ new Map();
-      for (const [y, S] of this.vNodes.getNodesByType(m.Text).entries()) {
-        const T = S.rect;
+      for (const [y, v] of this.vNodes.getNodesByType(m.Text).entries()) {
+        const T = v.rect;
         f.set(y, J(T));
       }
-      for (const [y, S] of this.vNodes.gethasEraserNodes().entries())
-        f.set(y, J(S.rect));
+      for (const [y, v] of this.vNodes.gethasEraserNodes().entries())
+        f.set(y, J(v.rect));
       const w = new Set(f.keys());
-      let k = !1;
+      let S = !1;
       if (this.localWork.hasSelector()) {
         const y = (l = this.localWork.getSelector()) == null ? void 0 : l.selectIds;
         if (y) {
-          k = !0;
-          for (const S of y)
-            w.add(S);
+          S = !0;
+          for (const v of y)
+            w.add(v);
         }
       }
       let I = !1;
       if (this.serviceWork.selectorWorkShapes.size)
         for (const y of this.serviceWork.selectorWorkShapes.values()) {
-          const S = y.selectIds;
-          if (S) {
+          const v = y.selectIds;
+          if (v) {
             I = !0;
-            for (const T of S)
+            for (const T of v)
               w.add(T);
           }
         }
@@ -2960,14 +2978,14 @@ class je {
         for (const [T, C] of f.entries()) {
           const L = this.vNodes.get(T);
           if (L) {
-            const A = C, E = L.rect, v = this.getSceneRect(), O = ae(A, v), B = ae(E, v);
+            const A = C, E = L.rect, k = this.getSceneRect(), O = ae(A, k), B = ae(E, k);
             let P = c;
             (O !== B || A.w !== E.w || A.h !== E.h || B === 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);
           }
         }
-        if (k && this.localWork.reRenderSelector(), I)
+        if (S && this.localWork.reRenderSelector(), I)
           for (const [
             T,
             C
@@ -2982,18 +3000,18 @@ class je {
         o = !0;
         const y = { cancelled: !1, cameraTaskId: i, context: t };
         this.activeCameraSettledRender = y;
-        const S = () => !this.destroyed && !y.cancelled && this.activeCameraSettledRender === y && !(t != null && t.aborted);
+        const v = () => !this.destroyed && !y.cancelled && this.activeCameraSettledRender === y && !(t != null && t.aborted);
         this.debounceUpdateCameraId = setTimeout(async () => {
           var T;
           this.debounceUpdateCameraId = void 0;
           try {
-            if (!S()) return;
+            if (!v()) return;
             const C = [];
             for (const E of this.debounceUpdateCache.values()) {
-              const v = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(E)[0], O = this.vNodes.get(E);
+              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 (v || B !== m.Text) {
+                if (k || B !== m.Text) {
                   const F = this.localWork.setFullWork({
                     toolsType: B,
                     opt: P,
@@ -3006,7 +3024,7 @@ class je {
                           isFullWork: !0,
                           replaceId: E,
                           boxRect: this.getSceneRect(),
-                          isActive: S
+                          isActive: v
                         })
                       );
                     else if (P.eraserlines && P.eraserlines.length > 0 || P.eraserFaces) {
@@ -3023,7 +3041,7 @@ class je {
               }
               this.debounceUpdateCache.delete(E);
             }
-            if (await Promise.all(C), !S()) return;
+            if (await Promise.all(C), !v()) return;
             this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
             const L = [
               this.fullLayer.parent.prepareRender,
@@ -3036,7 +3054,7 @@ class je {
               this.topLayer.parent,
               this.localLayer.parent,
               this.serviceLayer.parent
-            ], await Promise.all(L), y.renderLayers = void 0, !S()) return;
+            ], await Promise.all(L), y.renderLayers = void 0, !v()) return;
             const A = y.cameraTaskId;
             G(A) && this.opt.post({
               viewId: this.viewId,
@@ -3044,7 +3062,7 @@ class je {
               cameraSettledTaskId: A
             });
           } catch (C) {
-            if (!S()) return;
+            if (!v()) return;
             const L = {
               code: "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
@@ -3086,8 +3104,8 @@ class je {
         "prepare-render"
       )) {
         W.filter(
-          (S) => S.cancelPendingRender()
-        ).forEach((S) => S.render()), g.catch(() => {
+          (v) => v.cancelPendingRender()
+        ).forEach((v) => v.render()), g.catch(() => {
         });
         return;
       }
@@ -3381,17 +3399,17 @@ class Je {
       const w = this.imageResolveMap.get(p);
       if (w)
         return await w.promise, this.getCachedImages(p);
-      let k;
+      let S;
       const I = new Promise((g) => {
-        k = g;
+        S = g;
       }), W = {
-        resolve: k,
+        resolve: S,
         timer: void 0,
         requestId: i,
         promise: I
       };
       return W.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === W && k(p);
+        this.imageResolveMap.get(p) === W && S(p);
       }, 5e3), this.imageResolveMap.set(p, W), this.opt.post({
         viewId: this.viewId,
         viewGeneration: this.viewGeneration,
@@ -3893,17 +3911,17 @@ class ht {
       if (o === h.Init) {
         const g = i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1;
         await this.enqueueViewTask(a, async () => {
-          var E, v, O;
+          var E, k, O;
           const y = this.viewGenerationById.get(a);
           if (y !== void 0 && g < y)
             return;
           this.viewGenerationById.set(a, g);
-          const S = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (E = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : E.displayer, C = T == null ? void 0 : T.canvasContainerRef.current;
+          const v = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (E = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : E.displayer, C = T == null ? void 0 : T.canvasContainerRef.current;
           if (!T || !C || !l || !p) {
             this.viewOwnerById.delete(a);
             return;
           }
-          this.viewOwnerById.set(a, S);
+          this.viewOwnerById.set(a, v);
           const L = this.mainThreadMap.get(a);
           L == null || L.destroy();
           const A = this.createMainThread(a, {
@@ -3912,14 +3930,14 @@ class ht {
             layerOpt: l,
             master: this.master,
             canvasOpt: p,
-            viewOwner: S,
+            viewOwner: v,
             viewGeneration: g,
-            mainThreadRenderMode: ((O = (v = this.master.control) == null ? void 0 : v.renderingCompatibilityDecision) == null ? void 0 : O.mainThreadRenderMode) ?? "normal",
+            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,
-              viewOwner: S
+              viewOwner: v
             })
           });
           this.mainThreadMap.set(a, A), A && f && A.setCameraOpt(f), this.post({
@@ -3935,12 +3953,12 @@ class ht {
         continue;
       }
       if (o === h.Snapshot || o === h.BoundingBox) {
-        const g = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, y = (s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.displayer, S = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
-        if (g && S && f) {
+        const g = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, y = (s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.displayer, v = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
+        if (g && v && f) {
           const T = this.getSnapshotRequestKey(i), C = this.snapshotThreadsByRequest.get(T);
           C && this.disposeSnapshotThread(T, C.thread, "replaced");
           const L = document.createElement("div");
-          L.style.width = `${f.width}px`, L.style.height = `${f.height}px`, S.append(L);
+          L.style.width = `${f.width}px`, L.style.height = `${f.height}px`, v.append(L);
           const A = {
             ...he.defaultLayerOpt,
             offscreen: !1,
@@ -3950,7 +3968,7 @@ class ht {
             ...he.defaultScreenCanvasOpt,
             width: f.width,
             height: f.height
-          }, v = this.createSnapshotThread(a, {
+          }, k = this.createSnapshotThread(a, {
             displayer: g,
             container: L,
             layerOpt: A,
@@ -3961,14 +3979,14 @@ class ht {
             viewGeneration: this.viewGenerationById.get(a)
           });
           this.snapshotThreadsByRequest.set(T, {
-            thread: v,
+            thread: k,
             surface: L
-          }), v.on(i).then(() => {
-            this.disposeSnapshotThread(T, v);
+          }), k.on(i).then(() => {
+            this.disposeSnapshotThread(T, k);
           }).catch((O) => {
             this.master.Logger.error(
               `[Appliance]: snapshot render failed; viewId=${a}; error=${O instanceof Error ? O.message : String(O)}`
-            ), this.disposeSnapshotThread(T, v);
+            ), this.disposeSnapshotThread(T, k);
           });
           continue;
         }
@@ -3999,8 +4017,8 @@ class ht {
         continue;
       }
       if (o === h.GetImageBitMap) {
-        const g = this.mainThreadMap.get(a), y = this.viewGenerationById.get(a), S = this.viewOwnerById.get(a);
-        if (!g || i.viewGeneration !== void 0 && i.viewGeneration !== y || i.viewOwner !== void 0 && i.viewOwner !== S || this.mainThreadMap.get(a) !== g) {
+        const g = this.mainThreadMap.get(a), y = this.viewGenerationById.get(a), v = this.viewOwnerById.get(a);
+        if (!g || i.viewGeneration !== void 0 && i.viewGeneration !== y || i.viewOwner !== void 0 && i.viewOwner !== v || this.mainThreadMap.get(a) !== g) {
           this.releaseMessageBitmap(i);
           continue;
         }
@@ -4008,12 +4026,12 @@ class ht {
         continue;
       }
       if (o === h.TasksQueue && (n != null && n.size)) {
-        const g = n.get(a), y = this.mainThreadMap.get(a), S = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
+        const g = n.get(a), y = this.mainThreadMap.get(a), v = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
         let C;
         if (g && y)
           try {
             await this.enqueueViewTask(a, async () => {
-              this.viewGenerationById.get(a) !== S || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
+              this.viewGenerationById.get(a) !== v || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
             });
           } catch (L) {
             if (g.msgType !== h.UpdateCamera) throw L;
@@ -4031,7 +4049,7 @@ class ht {
         if (C && q(d)) {
           this.post({
             viewId: a,
-            viewGeneration: S,
+            viewGeneration: v,
             viewOwner: T,
             cameraTaskId: d,
             cameraTaskStatus: C.code === "RENDERER_BUSINESS_TIMEOUT" ? "timeout" : "failed",
@@ -4043,26 +4061,26 @@ class ht {
           workerTasksqueueCount: c,
           cameraTaskId: d,
           viewId: a,
-          viewGeneration: S,
+          viewGeneration: v,
           viewOwner: T
         });
         continue;
       }
       if (a === ce) {
         const g = [...this.mainThreadMap.entries()];
-        for (const [y, S] of g) {
+        for (const [y, v] of g) {
           const T = this.enqueueViewTask(y, async () => {
-            this.mainThreadMap.get(y) === S && (o === h.Destroy ? (S.destroy(), this.mainThreadMap.delete(y), this.viewOwnerById.delete(y), this.viewGenerationById.set(
+            this.mainThreadMap.get(y) === v && (o === h.Destroy ? (v.destroy(), this.mainThreadMap.delete(y), this.viewOwnerById.delete(y), this.viewGenerationById.set(
               y,
               (this.viewGenerationById.get(y) || 0) + 1
-            )) : await S.on(i));
+            )) : await v.on(i));
           });
           await T, this.cameraRenderQueueByView.get(y) === T && this.cameraRenderQueueByView.delete(y);
         }
         continue;
       }
-      const k = this.mainThreadMap.get(a);
-      if (o === h.Destroy && !k) {
+      const S = this.mainThreadMap.get(a);
+      if (o === h.Destroy && !S) {
         await this.enqueueViewTask(a, async () => {
           this.viewGenerationById.set(
             a,
@@ -4071,12 +4089,12 @@ class ht {
         });
         continue;
       }
-      if (!k)
+      if (!S)
         continue;
       const I = this.viewGenerationById.get(a), W = this.enqueueViewTask(a, async () => {
-        this.viewGenerationById.get(a) !== I || this.mainThreadMap.get(a) !== k || await k.on(i);
+        this.viewGenerationById.get(a) !== I || this.mainThreadMap.get(a) !== S || await S.on(i);
       });
-      o === h.Destroy && (await W, this.mainThreadMap.get(a) === k && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === W && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(
+      o === h.Destroy && (await W, this.mainThreadMap.get(a) === S && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === W && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(
         a,
         i.viewGeneration ?? (I || 0) + 1
       ));