@netless/appliance-plugin 1.0.4 → 1.0.6

package/dist/{index-Bj242vt1.mjs → index-DDd3tlz2.mjs}

@@ -1,14 +1,14 @@
 var Yo = Object.defineProperty;
 var Ro = (n, t, e) => t in n ? Yo(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var f = (n, t, e) => (Ro(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { toJS as _i, autorun as Wo, isRoom as ae, isPlayer as ti, InvisiblePlugin as eo, RoomPhase as to } from "white-web-sdk";
+var f = (n, t, e) => Ro(n, typeof t != "symbol" ? t + "" : t, e);
+import { toJS as _i, autorun as Wo, isRoom as ne, isPlayer as ti, InvisiblePlugin as eo, RoomPhase as to } from "white-web-sdk";
 import "spritejs";
 import { decompress as Uo, compress as Ho } from "lz-string";
 import "lineclip";
 import io from "eventemitter2";
 import { cloneDeep as Ie, isEqual as ce, isNumber as G, isBoolean as ze, debounce as Qo, clone as fi, throttle as ve } from "lodash";
 import ii from "react-dom";
-import p, { useContext as fe, useState as K, useMemo as Q, useEffect as ne, useRef as it, useCallback as $o } from "react";
+import p, { useContext as fe, useState as K, useMemo as Q, useEffect as se, useRef as it, useCallback as $o } from "react";
 import ot from "react-draggable";
 import { Resizable as Fo } from "re-resizable";
 const Wp = "/fullWorker.js", Up = "/subWorker.js";
@@ -54,14 +54,12 @@ class b {
     return this.x = t, this.y = e, this.z = i, this;
   }
   rot(t) {
-    if (t === 0)
-      return this;
+    if (t === 0) return this;
     const { x: e, y: i } = this, o = Math.sin(t), r = Math.cos(t);
     return this.x = e * r - i * o, this.y = e * o + i * r, this;
   }
   rotWith(t, e) {
-    if (e === 0)
-      return this;
+    if (e === 0) return this;
     const i = this.x - t.x, o = this.y - t.y, r = Math.sin(e), s = Math.cos(e);
     return this.x = t.x + (i * s - o * r), this.y = t.y + (i * r + o * s), this;
   }
@@ -293,14 +291,10 @@ class b {
   static NearestPointOnLineSegment(t, e, i, o = !0) {
     const r = b.Tan(e, t), s = b.Add(t, b.Mul(r, b.Sub(i, t).pry(r)));
     if (o) {
-      if (s.x < Math.min(t.x, e.x))
-        return b.Cast(t.x < e.x ? t : e);
-      if (s.x > Math.max(t.x, e.x))
-        return b.Cast(t.x > e.x ? t : e);
-      if (s.y < Math.min(t.y, e.y))
-        return b.Cast(t.y < e.y ? t : e);
-      if (s.y > Math.max(t.y, e.y))
-        return b.Cast(t.y > e.y ? t : e);
+      if (s.x < Math.min(t.x, e.x)) return b.Cast(t.x < e.x ? t : e);
+      if (s.x > Math.max(t.x, e.x)) return b.Cast(t.x > e.x ? t : e);
+      if (s.y < Math.min(t.y, e.y)) return b.Cast(t.y < e.y ? t : e);
+      if (s.y > Math.max(t.y, e.y)) return b.Cast(t.y > e.y ? t : e);
     }
     return s;
   }
@@ -1035,14 +1029,14 @@ function md(n) {
   return wd(n, vd | Nd);
 }
 var Td = md;
-const Rt = /* @__PURE__ */ oo(Td), So = "1.0.4", Cd = "@netless/appliance-plugin", ko = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const Rt = /* @__PURE__ */ oo(Td), So = "1.0.6", Cd = "@netless/appliance-plugin", ko = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let n = window.__netlessUA || "";
   n += ` ${Cd}@${So}_${ko}`, window.__netlessUA = n;
 }
 const Ge = {
   syncOpt: {
-    interval: 200
+    interval: 500
   },
   canvasOpt: {
     contextType: oi.Canvas2d
@@ -1057,6 +1051,9 @@ const Ge = {
   bufferSize: {
     full: 2e4,
     sub: 1e3
+  },
+  bezier: {
+    combineUnitTime: 100
   }
 };
 class de extends b {
@@ -2258,7 +2255,7 @@ class vg {
     (this.willConsumeEventWorkers.size || this.cursorInfoMap.size) && this.runAnimation();
   }
   sendEvent(t, e) {
-    if (this.displayer && ae(this.displayer)) {
+    if (this.displayer && ne(this.displayer)) {
       const i = G(t[0]) && G(t[1]) && this.control.viewContainerManager.transformToScenePoint(t, e) || [void 0, void 0];
       this.willSendEventWorkers.push({ consumPoint: i, viewId: e }), this.sendEventTimerId || (this.sendEventTimerId = setTimeout(() => {
         this.dispatchMagixEvent();
@@ -2302,7 +2299,7 @@ class vg {
   }
   unabled() {
     var t;
-    this.displayer && ae(this.displayer) && (this.willSendEventWorkers.length = 0, this.displayer.dispatchMagixEvent(this.eventName, {
+    this.displayer && ne(this.displayer) && (this.willSendEventWorkers.length = 0, this.displayer.dispatchMagixEvent(this.eventName, {
       type: mt.Cursor,
       op: [{ viewId: this.control.viewContainerManager.focuedViewId, consumPoint: [void 0, void 0] }],
       uid: (t = this.control.collector) == null ? void 0 : t.uid
@@ -2807,8 +2804,7 @@ class Cg extends De {
     const c = l.focusScenePath, u = [...o], h = (I = this.serviceColloctor) == null ? void 0 : I.storage, d = [], g = s === j.Start && Date.now() || void 0;
     for (g && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", g, a); u.length; ) {
       const N = u.pop();
-      if (!N)
-        continue;
+      if (!N) continue;
       const w = N.toString(), z = this.serviceColloctor.isLocalId(w), M = z && this.serviceColloctor.transformKey(N) || w;
       let y = w;
       !z && this.serviceColloctor.isOwn(y) && (y = this.serviceColloctor.getLocalId(y));
@@ -2920,25 +2916,25 @@ class jg extends De {
         const S = E.updateNodeOpt || {};
         if (S.dir = c, S.originPoint = a, S.scenePoint = l, S.workState = r, S.scale = u, S.translate = h, r === j.Start) {
           this.cacheTextInfo.clear();
-          for (const se of E.selectIds) {
-            const re = (y = this.serviceColloctor) == null ? void 0 : y.isLocalId(se), $ = re && ((C = this.serviceColloctor) == null ? void 0 : C.transformKey(se)) || se;
+          for (const re of E.selectIds) {
+            const ae = (y = this.serviceColloctor) == null ? void 0 : y.isLocalId(re), $ = ae && ((C = this.serviceColloctor) == null ? void 0 : C.transformKey(re)) || re;
             let q = $;
-            !re && ((v = this.serviceColloctor) != null && v.isOwn($)) && (q = this.serviceColloctor.getLocalId($));
+            !ae && ((v = this.serviceColloctor) != null && v.isOwn($)) && (q = this.serviceColloctor.getLocalId($));
             const U = this.control.textEditorManager.get(q);
             U && r === j.Start && this.targetText.set(q, Rt(U));
           }
         }
         if (this.targetText.size && r !== j.Start && u) {
-          const se = [];
+          const re = [];
           for (const [$, q] of this.targetText.entries()) {
             const { opt: U } = q, V = Math.floor(U.fontSize * u[0]), Z = this.cacheTextInfo.get($), ie = !Z && U.fontSize !== V || Z && Z.fontSize !== V || !1, B = (T = this.control.textEditorManager.get($)) == null ? void 0 : T.opt;
             if (ie && B && U.boxSize && U.boxPoint) {
               const ee = this.setTextStyle($, { ...B, fontSize: V }, s);
-              se.push(ee);
+              re.push(ee);
             }
           }
-          const re = await Promise.all(se);
-          for (const $ of re)
+          const ae = await Promise.all(re);
+          for (const $ of ae)
             if ($) {
               const { key: q, textInfo: U } = $;
               this.cacheTextInfo.set(q, {
@@ -3216,10 +3212,10 @@ class kg extends De {
         if (L && R === P && ((M = L.selectIds) != null && M.length))
           for (const S of L.selectIds) {
             const te = (y = this.serviceColloctor) == null ? void 0 : y.isLocalId(S);
-            let se = te && ((C = this.serviceColloctor) == null ? void 0 : C.transformKey(S)) || S;
-            const re = g[l][h][se] || void 0;
-            if (!te && ((v = this.serviceColloctor) != null && v.isOwn(se)) && (se = this.serviceColloctor.getLocalId(se)), re && re.toolsType === m.Text && L.opt) {
-              const $ = this.setTextStyle(se, Ie(re), E, l);
+            let re = te && ((C = this.serviceColloctor) == null ? void 0 : C.transformKey(S)) || S;
+            const ae = g[l][h][re] || void 0;
+            if (!te && ((v = this.serviceColloctor) != null && v.isOwn(re)) && (re = this.serviceColloctor.getLocalId(re)), ae && ae.toolsType === m.Text && L.opt) {
+              const $ = this.setTextStyle(re, Ie(ae), E, l);
               w.push($);
               continue;
             }
@@ -3556,7 +3552,7 @@ class Ag extends Eg {
   async on() {
     if (!this.control.hasOffscreenCanvas()) {
       console.info("no OffscreenCanvas");
-      const { MainThreadManagerImpl: e } = await import("./index-BJWcnp2n.mjs");
+      const { MainThreadManagerImpl: e } = await import("./index-D_EDUBFF.mjs");
       this.mainThread = new e(this);
       return;
     }
@@ -3639,8 +3635,8 @@ class Ag extends Eg {
         workId: E,
         viewId: S,
         dataType: te,
-        canLock: se,
-        isLocked: re,
+        canLock: re,
+        isLocked: ae,
         shapeOpt: $,
         toolsTypes: q,
         thickness: U,
@@ -3653,7 +3649,7 @@ class Ag extends Eg {
       switch (l) {
         case A.Select: {
           const B = c != null && c.length ? { ...h, selectIds: c, canvasHeight: z, canvasWidth: M, points: T } : void 0;
-          B && (u != null && u.strokeColor) && (B.selectorColor = u.strokeColor), B && x && (B.selectorColor = x), B && d && (B.strokeColor = d), B && (u != null && u.fillColor) && (B.fillColor = u.fillColor), B && g && (B.fillColor = g), B && ze(k) && (B.canRotate = k), B && Y && (B.scaleType = Y), B && v && (B.canTextEdit = v), B && R && (B.textOpt = R), B && ze(se) && (B.canLock = se), B && ze(re) && (B.isLocked = re), B && $ && (B.shapeOpt = $), B && q && (B.toolsTypes = q), B && U && (B.thickness = U), B && V && (B.strokeType = V), B && ze(Z) && (B.useStroke = Z), S && this.viewContainerManager.showFloatBar(S, !!B, B), I && ((o = this.collector) == null || o.dispatch({ type: l, selectIds: c, opt: u, isSync: N, viewId: S, scenePath: ie }));
+          B && (u != null && u.strokeColor) && (B.selectorColor = u.strokeColor), B && x && (B.selectorColor = x), B && d && (B.strokeColor = d), B && (u != null && u.fillColor) && (B.fillColor = u.fillColor), B && g && (B.fillColor = g), B && ze(k) && (B.canRotate = k), B && Y && (B.scaleType = Y), B && v && (B.canTextEdit = v), B && R && (B.textOpt = R), B && ze(re) && (B.canLock = re), B && ze(ae) && (B.isLocked = ae), B && $ && (B.shapeOpt = $), B && q && (B.toolsTypes = q), B && U && (B.thickness = U), B && V && (B.strokeType = V), B && ze(Z) && (B.useStroke = Z), S && this.viewContainerManager.showFloatBar(S, !!B, B), I && ((o = this.collector) == null || o.dispatch({ type: l, selectIds: c, opt: u, isSync: N, viewId: S, scenePath: ie }));
           break;
         }
         case A.Snapshot:
@@ -4815,7 +4811,7 @@ const gt = class gt {
       (i = this.worker) == null || i.updateCamera(t, e);
     });
     const { displayer: e, plugin: i, options: o } = t;
-    this.plugin = i, this.room = ae(e) ? e : void 0, this.play = ti(e) ? e : void 0, this.pluginOptions = o, this.roomMember = new Ig();
+    this.plugin = i, this.room = ne(e) ? e : void 0, this.play = ti(e) ? e : void 0, this.pluginOptions = o, this.roomMember = new Ig();
     const r = {
       control: this,
       internalMsgEmitter: gt.InternalMsgEmitter
@@ -5214,15 +5210,15 @@ const Ze = class Ze {
     const { scenePath: o } = t, r = t.data;
     if (!(!r || !this.collector))
       for (const L of r.values()) {
-        const { dataType: E, data: S, key: te } = L, se = this.collector.getStorageData(this.viewId, o), re = se && Object.keys(se) || [];
+        const { dataType: E, data: S, key: te } = L, re = this.collector.getStorageData(this.viewId, o), ae = re && Object.keys(re) || [];
         switch (E) {
           case 1:
-            if (i = e ? this.isDrawEffectiveScene(L, re) : this.isDeleteEffectiveScene(L, re, o), i)
+            if (i = e ? this.isDrawEffectiveScene(L, ae) : this.isDeleteEffectiveScene(L, ae, o), i)
               if (e && !Array.isArray(S)) {
                 if ((s = S.updateNodeOpt) != null && s.useAnimation && (S.updateNodeOpt.useAnimation = !1), ((a = this.collector) == null ? void 0 : a.getLocalId(te)) === P && ((l = this.collector) != null && l.isOwn(L.key))) {
                   const $ = S.selectIds;
                   if ($) {
-                    const q = re.filter((V) => {
+                    const q = ae.filter((V) => {
                       var Z, ie;
                       return ((Z = this.collector) == null ? void 0 : Z.getLocalId(V)) === P && !((ie = this.collector) != null && ie.isOwn(V));
                     }).map((V) => {
@@ -5237,18 +5233,17 @@ const Ze = class Ze {
                   }
                 }
                 (u = this.collector) == null || u.updateValue(L.key, S, { isAfterUpdate: !0, viewId: this.viewId, scenePath: o, isSync: !0 });
-              } else
-                !e && !Array.isArray(L.data) && ((h = this.collector) == null || h.updateValue(L.key, void 0, { isAfterUpdate: !0, viewId: this.viewId, scenePath: o, isSync: !0 }));
+              } else !e && !Array.isArray(L.data) && ((h = this.collector) == null || h.updateValue(L.key, void 0, { isAfterUpdate: !0, viewId: this.viewId, scenePath: o, isSync: !0 }));
             break;
           case 2:
-            if (i = e ? this.isDeleteEffectiveScene(L, re, o) : this.isDrawEffectiveScene(L, re), i) {
+            if (i = e ? this.isDeleteEffectiveScene(L, ae, o) : this.isDrawEffectiveScene(L, ae), i) {
               if (e && !Array.isArray(S))
                 (d = this.collector) == null || d.updateValue(te, void 0, { isAfterUpdate: !0, viewId: this.viewId, scenePath: o, isSync: !0 });
               else if (!e && !Array.isArray(S)) {
                 if ((g = S.updateNodeOpt) != null && g.useAnimation && (S.updateNodeOpt.useAnimation = !1), ((I = this.collector) == null ? void 0 : I.getLocalId(L.key)) === P && ((N = this.collector) != null && N.isOwn(L.key))) {
                   const $ = S.selectIds;
                   if ($) {
-                    const q = re.filter((V) => {
+                    const q = ae.filter((V) => {
                       var Z, ie;
                       return ((Z = this.collector) == null ? void 0 : Z.getLocalId(V)) === P && !((ie = this.collector) != null && ie.isOwn(V));
                     }).map((V) => {
@@ -5267,13 +5262,13 @@ const Ze = class Ze {
             }
             break;
           case 3:
-            if (i = e ? this.isNewEffectiveScene(L, re) : this.isOldEffectiveScene(L, re, o), i) {
+            if (i = e ? this.isNewEffectiveScene(L, ae) : this.isOldEffectiveScene(L, ae, o), i) {
               if (e && Array.isArray(S) && S.length === 2) {
                 const $ = S[1];
                 if ((M = $.updateNodeOpt) != null && M.useAnimation && ($.updateNodeOpt.useAnimation = !1), ((y = this.collector) == null ? void 0 : y.getLocalId(L.key)) === P && ((C = this.collector) != null && C.isOwn(L.key))) {
                   const q = $.selectIds;
                   if (q) {
-                    const U = re.filter((Z) => {
+                    const U = ae.filter((Z) => {
                       var ie, B;
                       return ((ie = this.collector) == null ? void 0 : ie.getLocalId(Z)) === P && !((B = this.collector) != null && B.isOwn(Z));
                     }).map((Z) => {
@@ -5293,7 +5288,7 @@ const Ze = class Ze {
                 if ((x = $.updateNodeOpt) != null && x.useAnimation && ($.updateNodeOpt.useAnimation = !1), ((k = this.collector) == null ? void 0 : k.getLocalId(L.key)) === P && ((Y = this.collector) != null && Y.isOwn(L.key))) {
                   const q = $.selectIds;
                   if (q) {
-                    const U = re.filter((Z) => {
+                    const U = ae.filter((Z) => {
                       var ie, B;
                       return ((ie = this.collector) == null ? void 0 : ie.getLocalId(Z)) === P && !((B = this.collector) != null && B.isOwn(Z));
                     }).map((Z) => {
@@ -5469,17 +5464,17 @@ class dt {
     for (const y of t) {
       const { rect: C, imageBitmap: v, isClear: T, isUnClose: x, drawCanvas: k, clearCanvas: Y, viewId: R } = y, L = (e = this.getView(R)) == null ? void 0 : e.displayer;
       if (L && C) {
-        const { dpr: E, canvasBgRef: S, canvasFloatRef: te, canvasServiceFloatRef: se, canvasTopRef: re } = L, $ = Math.floor(C.w * E), q = Math.floor(C.h * E), U = Math.ceil(C.x * E), V = Math.ceil(C.y * E);
+        const { dpr: E, canvasBgRef: S, canvasFloatRef: te, canvasServiceFloatRef: re, canvasTopRef: ae } = L, $ = Math.floor(C.w * E), q = Math.floor(C.h * E), U = Math.ceil(C.x * E), V = Math.ceil(C.y * E);
         if (T) {
           switch (Y) {
             case Re.TopFloat:
-              (o = (i = re.current) == null ? void 0 : i.getContext("2d")) == null || o.clearRect(U, V, $, q);
+              (o = (i = ae.current) == null ? void 0 : i.getContext("2d")) == null || o.clearRect(U, V, $, q);
               break;
             case Re.Float:
               (s = (r = te.current) == null ? void 0 : r.getContext("2d")) == null || s.clearRect(U, V, $, q);
               break;
             case Re.ServiceFloat:
-              (l = (a = se.current) == null ? void 0 : a.getContext("2d")) == null || l.clearRect(U, V, $, q);
+              (l = (a = re.current) == null ? void 0 : a.getContext("2d")) == null || l.clearRect(U, V, $, q);
               break;
             case Re.Bg:
               (u = (c = S.current) == null ? void 0 : c.getContext("2d")) == null || u.clearRect(U, V, $, q);
@@ -5490,14 +5485,14 @@ class dt {
         if (k && v)
           switch (k) {
             case Re.TopFloat:
-              (d = (h = re.current) == null ? void 0 : h.getContext("2d")) == null || d.drawImage(v, 0, 0, $, q, U, V, $, q);
+              (d = (h = ae.current) == null ? void 0 : h.getContext("2d")) == null || d.drawImage(v, 0, 0, $, q, U, V, $, q);
               break;
             case Re.Float: {
               (I = (g = te.current) == null ? void 0 : g.getContext("2d")) == null || I.drawImage(v, 0, 0, $, q, U, V, $, q);
               break;
             }
             case Re.ServiceFloat: {
-              (w = (N = se.current) == null ? void 0 : N.getContext("2d")) == null || w.drawImage(v, 0, 0, $, q, U, V, $, q);
+              (w = (N = re.current) == null ? void 0 : N.getContext("2d")) == null || w.drawImage(v, 0, 0, $, q, U, V, $, q);
               break;
             }
             case Re.Bg: {
@@ -5738,8 +5733,7 @@ class Eo {
       }
     });
     f(this, "mousemove", (t) => {
-      if (!this.active)
-        return;
+      if (!this.active) return;
       const e = this.getPoint(t);
       this.cachePoint = e, e && this.control.worker.originalEventLintener(j.Doing, e, this.viewId);
     });
@@ -5751,8 +5745,7 @@ class Eo {
     });
     f(this, "touchstart", (t) => {
       var i;
-      if (!this.active)
-        return;
+      if (!this.active) return;
       if (!et(t)) {
         this.control.worker.unWritable(), this.viewId && this.control.worker.removeDrawingWork(this.viewId);
         return;
@@ -5766,8 +5759,7 @@ class Eo {
       this.cachePoint = e, e && this.control.worker.originalEventLintener(j.Start, e, this.viewId);
     });
     f(this, "touchmove", (t) => {
-      if (!this.active)
-        return;
+      if (!this.active) return;
       if (!et(t)) {
         this.control.worker.unWritable(), this.viewId && this.control.worker.removeDrawingWork(this.viewId);
         return;
@@ -5776,8 +5768,7 @@ class Eo {
       this.cachePoint = e, e && this.control.worker.originalEventLintener(j.Doing, e, this.viewId);
     });
     f(this, "touchend", (t) => {
-      if (!this.active)
-        return;
+      if (!this.active) return;
       if (!et(t) || !this.control.worker.isAbled()) {
         this.control.worker.removeDrawingWork(this.viewId);
         return;
@@ -6033,7 +6024,7 @@ const LM = (n) => {
   }, h = (d) => {
     d.stopPropagation(), d.nativeEvent.stopImmediatePropagation(), e(!t);
   };
-  return ne(() => {
+  return se(() => {
     ce(o == null ? void 0 : o.selectIds, s) || o != null && o.selectIds && !ce(o == null ? void 0 : o.selectIds, s) && (a(o == null ? void 0 : o.selectIds), e(!1));
   }, [t, o, s, e]), /* @__PURE__ */ p.createElement(
     "div",
@@ -6069,7 +6060,7 @@ const LM = (n) => {
   );
 }, Qt = (n) => {
   const { opacity: t, activeColor: e, setCurOpacity: i } = n, [o, r] = K({ x: 108, y: 0 });
-  if (ne(() => {
+  if (se(() => {
     r({ x: t * 100 + 8, y: 0 });
   }, []), !e)
     return null;
@@ -6129,7 +6120,7 @@ const LM = (n) => {
   );
 }, OM = (n) => {
   const { min: t, max: e, activeNumber: i, setActiveNumber: o, color: r } = n, [s, a] = K({ x: 108, y: 0 });
-  if (ne(() => {
+  if (se(() => {
     const h = Math.ceil((i - t) / (e - t) * 100) + 8;
     a({ x: h, y: 0 });
   }, []), !i)
@@ -6242,7 +6233,7 @@ const LM = (n) => {
   ));
 }, YM = (n) => {
   const { open: t, setOpen: e, floatBarRef: i } = n, { floatBarData: o, floatBarColors: r, mananger: s, setFloatBarData: a } = fe(pe), [l, c] = K(), [u, h] = K(1);
-  ne(() => {
+  se(() => {
     if (o != null && o.strokeColor) {
       const [M, y] = Ut(o.strokeColor);
       c(M), h(y);
@@ -6359,7 +6350,7 @@ const LM = (n) => {
   );
 }, RM = (n) => {
   const { open: t, setOpen: e, floatBarRef: i } = n, { floatBarData: o, floatBarColors: r, mananger: s, setFloatBarData: a } = fe(pe), [l, c] = K(), [u, h] = K(1);
-  ne(() => {
+  se(() => {
     if (o != null && o.fillColor) {
       const [w, z] = (o == null ? void 0 : o.fillColor) === "transparent" && ["transparent", 1] || Ut(o.fillColor);
       c(w), h(z);
@@ -6469,7 +6460,7 @@ const LM = (n) => {
   );
 }, WM = (n) => {
   const { open: t, setOpen: e, textOpt: i, workIds: o, floatBarRef: r } = n, { floatBarColors: s, mananger: a, setFloatBarData: l, floatBarData: c } = fe(pe), [u, h] = K(), [d, g] = K(1);
-  ne(() => {
+  se(() => {
     if (i != null && i.fontColor) {
       const [M, y] = (i == null ? void 0 : i.fontColor) === "transparent" && ["transparent", 0] || Ut(i.fontColor);
       h(M), g(y);
@@ -6561,7 +6552,7 @@ const LM = (n) => {
   );
 }, UM = (n) => {
   const { open: t, setOpen: e, textOpt: i, workIds: o, floatBarRef: r } = n, { floatBarColors: s, mananger: a, setFloatBarData: l, floatBarData: c } = fe(pe), [u, h] = K(), [d, g] = K(1);
-  ne(() => {
+  se(() => {
     if (i != null && i.fontBgColor) {
       const [M, y] = (i == null ? void 0 : i.fontBgColor) === "transparent" && ["transparent", 1] || Ut(i.fontBgColor);
       h(M), g(y);
@@ -6749,7 +6740,7 @@ const LM = (n) => {
   );
 }, VM = (n) => {
   const { open: t, setOpen: e, textOpt: i, workIds: o, style: r, floatBarRef: s } = n, { mananger: a, floatBarData: l } = fe(pe), [c, u] = K("normal"), [h, d] = K("normal"), [g, I] = K(!1), [N, w] = K(!1);
-  ne(() => {
+  se(() => {
     i != null && i.bold && u(i.bold), ze(i == null ? void 0 : i.underline) && I(i.underline || !1), ze(i == null ? void 0 : i.lineThrough) && w(i.lineThrough || !1), i != null && i.italic && d(i.italic);
   }, [i]);
   const z = Q(() => {
@@ -6848,7 +6839,7 @@ const LM = (n) => {
   );
 }, ZM = (n) => {
   const t = it(null), { open: e, setOpen: i, textOpt: o, workIds: r, floatBarRef: s } = n, { mananger: a, floatBarData: l } = fe(pe), [c, u] = K(0), [h, d] = K(), g = ke.length - 1;
-  ne(() => {
+  se(() => {
     o != null && o.fontSize && (u(o.fontSize), t.current && (t.current.value = o.fontSize.toString()));
   }, [o == null ? void 0 : o.fontSize]);
   const I = Q(() => {
@@ -6875,7 +6866,7 @@ const LM = (n) => {
   }, z = Q(() => e ? /* @__PURE__ */ p.createElement(BM, { onClickHandler: w, style: I }) : null, [e, w, I]), M = (y) => {
     y > ke[g] && (y = ke[g]), y < ke[0] && (y = ke[0]), N(y);
   };
-  return ne(() => () => {
+  return se(() => () => {
     a != null && a.control.room && ze(h) && (a.control.room.disableDeviceInputs = h);
   }, [a, h]), /* @__PURE__ */ p.createElement(
     "div",
@@ -6975,7 +6966,7 @@ const LM = (n) => {
   const { icon: t, min: e, max: i, step: o, value: r, onInputHandler: s } = n, [a, l] = K(0), c = it(null), u = (h) => {
     h > i && (h = i), h < e && (h = e), l(h), s(h), c.current && (c.current.value = h.toString());
   };
-  return ne(() => {
+  return se(() => {
     r && (l(r), c.current && (c.current.value = r.toString()));
   }, [r]), /* @__PURE__ */ p.createElement(
     "div",
@@ -7049,7 +7040,7 @@ const LM = (n) => {
   return /* @__PURE__ */ p.createElement("div", { className: "button input-button" }, /* @__PURE__ */ p.createElement("img", { src: me(t) }), /* @__PURE__ */ p.createElement(KM, { min: e, max: i, step: o, value: r, onInputHandler: s }));
 }, KM = (n) => {
   const { value: t, min: e, max: i, onInputHandler: o } = n, [r, s] = K({ x: 0, y: 0 });
-  ne(() => {
+  se(() => {
     s({ x: t * 100, y: 0 });
   }, []);
   const a = ve((u, h) => {
@@ -7102,7 +7093,7 @@ const LM = (n) => {
       return g.top = "inherit", g.bottom = 50, g;
     }
   }, [o]);
-  ne(() => {
+  se(() => {
     e && (s(qe.indexOf(e)), c.current && (c.current.value = e));
   }, [e]);
   const d = Q(() => a ? /* @__PURE__ */ p.createElement(XM, { options: qe, onClickHandler: u, style: h }) : null, [a, u, h]);
@@ -7241,7 +7232,7 @@ const LM = (n) => {
   return /* @__PURE__ */ p.createElement("div", { className: `button tab-button ${e ? "active" : ""}`, onClick: i, onTouchEnd: o }, /* @__PURE__ */ p.createElement("img", { src: me(t) }));
 }, ip = (n) => {
   const { toolsTypes: t, style: e, mananger: i, shapeOpt: o } = n, [r, s] = K();
-  ne(() => {
+  se(() => {
     t.includes(m.Polygon) ? s(m.Polygon) : t.includes(m.Star) ? s(m.Star) : s(m.SpeechBalloon);
   }, [t]);
   const a = (h, d) => {
@@ -7275,9 +7266,9 @@ const LM = (n) => {
   }, N = (w) => {
     w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), e(!t);
   };
-  return ne(() => {
+  return se(() => {
     ce(s == null ? void 0 : s.selectIds, l) || s != null && s.selectIds && !ce(s == null ? void 0 : s.selectIds, l) && (c(s == null ? void 0 : s.selectIds), e(!1));
-  }, [t, s, l, e]), ne(() => () => {
+  }, [t, s, l, e]), se(() => () => {
     t && a != null && a.control.room && ze(u) && (a.control.room.disableDeviceInputs = u);
   }, [t, a, u]), /* @__PURE__ */ p.createElement(
     "div",
@@ -7294,7 +7285,7 @@ const LM = (n) => {
     0
     /* none */
   ), [c, u] = p.useState(), h = it(null);
-  ne(() => {
+  se(() => {
     var k, Y, R, L;
     const v = {}, T = (r == null ? void 0 : r.w) || ((k = t == null ? void 0 : t.boxSize) == null ? void 0 : k[0]) || 0, x = (r == null ? void 0 : r.h) || ((Y = t == null ? void 0 : t.boxSize) == null ? void 0 : Y[1]) || 0;
     if (o && T && x && (s != null && s.width) && (s != null && s.height)) {
@@ -7403,8 +7394,8 @@ const LM = (n) => {
     if (r.text) {
       const S = Wt(r.text);
       for (let te = 0; te < S.length; te++) {
-        const se = S[te];
-        se === "" ? E.push(/* @__PURE__ */ p.createElement("div", { style: { backgroundColor: r.fontBgColor }, key: te }, /* @__PURE__ */ p.createElement("br", null))) : E.push(/* @__PURE__ */ p.createElement("div", { style: { backgroundColor: r.fontBgColor }, key: te }, se));
+        const re = S[te];
+        re === "" ? E.push(/* @__PURE__ */ p.createElement("div", { style: { backgroundColor: r.fontBgColor }, key: te }, /* @__PURE__ */ p.createElement("br", null))) : E.push(/* @__PURE__ */ p.createElement("div", { style: { backgroundColor: r.fontBgColor }, key: te }, re));
       }
     }
     return E.length ? E : null;
@@ -7435,7 +7426,7 @@ const LM = (n) => {
 }, sp = p.memo(
   (n) => {
     const { data: t, left: e, top: i, workId: o, updateOptInfo: r } = n, { opt: s, scale: a, translate: l } = t, c = it(null);
-    ne(() => {
+    se(() => {
       var Y, R;
       if ((Y = c.current) != null && Y.offsetWidth && ((R = c.current) != null && R.offsetHeight)) {
         const L = s.boxSize;
@@ -7543,7 +7534,7 @@ const LM = (n) => {
       transform: ee,
       transformOrigin: "left top"
     };
-  }, [g, I, N, w]), se = Q(() => {
+  }, [g, I, N, w]), re = Q(() => {
     var ee, oe;
     return !i && g && o && G(N) && G(w) && d.boxSize && G((ee = d.boxSize) == null ? void 0 : ee[0]) && G((oe = d.boxSize) == null ? void 0 : oe[1]) ? /* @__PURE__ */ p.createElement(
       "div",
@@ -7558,7 +7549,7 @@ const LM = (n) => {
       },
       /* @__PURE__ */ p.createElement(Oo, { position: { x: N, y: w }, textOpt: d, workIds: [e], noLayer: !0 })
     ) : null;
-  }, [i, d, o, e, N, w, g]), re = Q(() => {
+  }, [i, d, o, e, N, w, g]), ae = Q(() => {
     let ee = "";
     if (d.text) {
       const oe = Wt(d.text);
@@ -7569,7 +7560,7 @@ const LM = (n) => {
     } else
       ee = `<div style="background-color:${d.fontBgColor}"></div>`;
     return ee;
-  }, [d.fontBgColor, d.text]), $ = Q(() => typeof re == "string" ? /* @__PURE__ */ p.createElement(
+  }, [d.fontBgColor, d.text]), $ = Q(() => typeof ae == "string" ? /* @__PURE__ */ p.createElement(
     "div",
     {
       id: e,
@@ -7585,10 +7576,10 @@ const LM = (n) => {
       onFocus: s,
       onPaste: ie,
       onInput: B,
-      dangerouslySetInnerHTML: { __html: re }
+      dangerouslySetInnerHTML: { __html: ae }
     }
-  ) : null, [re, S, e]);
-  ne(() => {
+  ) : null, [ae, S, e]);
+  se(() => {
     $ && E.current && (E.current.click(), setTimeout(() => {
       var ee;
       if (E.current) {
@@ -7599,7 +7590,7 @@ const LM = (n) => {
         }
       }
     }, 20));
-  }, [$, E.current]), ne(() => {
+  }, [$, E.current]), se(() => {
     var ee, oe, X, he;
     if ($ && ((ee = E.current) != null && ee.offsetWidth || (oe = E.current) != null && oe.offsetHeight || (X = E.current) != null && X.offsetLeft || (he = E.current) != null && he.offsetTop)) {
       const ye = [E.current.offsetWidth, E.current.offsetHeight];
@@ -7632,8 +7623,7 @@ const LM = (n) => {
   }
   function Z(ee, oe, X) {
     const he = window == null ? void 0 : window.getSelection();
-    if (!(he != null && he.rangeCount) || !he.anchorNode)
-      return;
+    if (!(he != null && he.rangeCount) || !he.anchorNode) return;
     const ye = ee.split(/\n/);
     let Le = he.anchorNode.parentNode;
     Le === X && (Le = he.anchorNode);
@@ -7670,15 +7660,14 @@ const LM = (n) => {
   function ie(ee) {
     if (ee.cancelable && ee.preventDefault(), ee.stopPropagation(), E.current) {
       const oe = (ee.clipboardData || window.clipboardData).getData("text"), X = window == null ? void 0 : window.getSelection();
-      if (!(X != null && X.rangeCount))
-        return;
+      if (!(X != null && X.rangeCount)) return;
       oe && X && X.anchorNode && V(oe, E.current), c();
     }
   }
   function B(ee) {
     r(ee), c();
   }
-  return /* @__PURE__ */ p.createElement(p.Fragment, null, se, /* @__PURE__ */ p.createElement(
+  return /* @__PURE__ */ p.createElement(p.Fragment, null, re, /* @__PURE__ */ p.createElement(
     "div",
     {
       className: "editor-box",
@@ -7864,7 +7853,7 @@ const cp = () => {
   );
 }, lp = () => {
   const { floatBarData: n, mananger: t } = fe(pe), [e, i] = K(), [o, r] = K();
-  ne(() => {
+  se(() => {
     const l = [];
     if (t && G(n == null ? void 0 : n.x) && G(n == null ? void 0 : n.y) && (n != null && n.points)) {
       const c = t.viewId;
@@ -7933,7 +7922,7 @@ const cp = () => {
   );
 }, dp = (n) => {
   const { className: t } = n, { floatBarData: e, angle: i, setAngle: o, setOperationType: r, mananger: s } = fe(pe), [a, l] = K(!1), [c, u] = K(new de()), [h, d] = K(new de()), [g, I] = K(!1);
-  ne(() => (F.activeListener(N), () => {
+  se(() => (F.activeListener(N), () => {
     F.unmountActiveListener(N);
   }), []);
   const N = (y) => {
@@ -7944,7 +7933,7 @@ const cp = () => {
     }
     I(!1), (C = s == null ? void 0 : s.control.room) != null && C.disableDeviceInputs && (s.control.room.disableDeviceInputs = !1);
   };
-  ne(() => {
+  se(() => {
     if (e) {
       const y = Math.floor(e.w / 2), C = Math.floor(-e.h / 2);
       d(new de(y, C)), u(new de());
@@ -8012,7 +8001,7 @@ const cp = () => {
   );
 }, gp = (n) => {
   const { floatBarData: t, setOperationType: e, mananger: i } = fe(pe), { onClickHandle: o } = n, [r, s] = K(j.Pending), [a, l] = K(), [c, u] = K(), [h, d] = K(!1);
-  ne(() => (F.activeListener(g), () => {
+  se(() => (F.activeListener(g), () => {
     F.unmountActiveListener(g);
   }), []);
   const g = (M) => {
@@ -8023,13 +8012,13 @@ const cp = () => {
     }
     d(!1), (y = i == null ? void 0 : i.control.room) != null && y.disableDeviceInputs && (i.control.room.disableDeviceInputs = !1);
   };
-  ne(() => {
+  se(() => {
     if (t != null && t.isLocked || i != null && i.control.worker.isBusy) {
       d(!0), s(j.Pending);
       return;
     }
     d(!1);
-  }, [t == null ? void 0 : t.isLocked]), ne(() => {
+  }, [t == null ? void 0 : t.isLocked]), se(() => {
     G(t == null ? void 0 : t.x) && G(t == null ? void 0 : t.y) && (r === j.Pending || r === j.Done) && u({ x: t == null ? void 0 : t.x, y: t == null ? void 0 : t.y });
   }, [r, t == null ? void 0 : t.x, t == null ? void 0 : t.y]);
   const I = (M) => {
@@ -8095,7 +8084,7 @@ const cp = () => {
   );
 }, Mp = (n) => {
   const { className: t } = n, [e, i] = K({ x: 0, y: 0, h: 0, w: 0 }), [o, r] = K(), [s, a] = K(), [l, c] = K(), { floatBarData: u, mananger: h } = fe(pe), [d, g] = K(), [I, N] = K(!1);
-  ne(() => {
+  se(() => {
     if (u && h) {
       const x = { x: u.x, y: u.y, w: u.w, h: u.h };
       i(x);
@@ -8138,7 +8127,7 @@ const cp = () => {
       y: e.y,
       w: e.w,
       h: e.h
-    }, te = [1, 1], se = [0, 0];
+    }, te = [1, 1], re = [0, 0];
     switch (x) {
       case "top": {
         const U = k.height + e.h;
@@ -8191,7 +8180,7 @@ const cp = () => {
     }
     te[0] = S.w / e.w, te[1] = S.h / e.h;
     const $ = z(S).map((U) => Y.control.viewContainerManager.transformToScenePoint(U, Y.viewId)), q = M($, x);
-    return E && (se[1] = q[1] - R[1]), L && (se[0] = q[0] - R[0]), { scale: te, translate: se };
+    return E && (re[1] = q[1] - R[1]), L && (re[0] = q[0] - R[0]), { scale: te, translate: re };
   }, C = (x, k) => {
     if (x.cancelable && x.preventDefault(), x.stopPropagation(), h != null && h.control.worker.isBusy) {
       N(!0);
@@ -8272,7 +8261,7 @@ const cp = () => {
   );
 }, Ji = (n) => {
   const { id: t, pos: e, pointMap: i, type: o } = n, { setOperationType: r, mananger: s, floatBarData: a } = fe(pe), [l, c] = K({ x: 0, y: 0 }), [u, h] = K(j.Pending), [d, g] = K(!1);
-  ne(() => (F.activeListener(I), () => {
+  se(() => (F.activeListener(I), () => {
     F.unmountActiveListener(I);
   }), []);
   const I = (M) => {
@@ -8283,7 +8272,7 @@ const cp = () => {
     }
     g(!1), (y = s == null ? void 0 : s.control.room) != null && y.disableDeviceInputs && (s.control.room.disableDeviceInputs = !1);
   };
-  ne(() => {
+  se(() => {
     G(e.x) && G(e.y) && (u === j.Pending || u === j.Done) && c({ x: e.x, y: e.y });
   }, [e, u]);
   const N = (M) => {
@@ -8348,7 +8337,7 @@ const cp = () => {
   );
 }, pp = (n) => {
   const { className: t } = n, { floatBarData: e, mananger: i } = fe(pe), [o, r] = K(), [s, a] = K(), [l, c] = K(/* @__PURE__ */ new Map());
-  ne(() => {
+  se(() => {
     const d = [];
     if (i && (e != null && e.points)) {
       const g = i.viewId;
@@ -8530,7 +8519,7 @@ const Tp = (n) => {
   } : { display: "none" } }, i && /* @__PURE__ */ p.createElement(mp, { roomMember: i }));
 }, Cp = (n) => {
   const { className: t, manager: e } = n, [i, o] = K();
-  ne(() => (e.internalMsgEmitter.on([H.Cursor, e.viewId], r), () => {
+  se(() => (e.internalMsgEmitter.on([H.Cursor, e.viewId], r), () => {
     e.internalMsgEmitter.off([H.Cursor, e.viewId], r);
   }), [e]);
   function r(a) {
@@ -9109,7 +9098,7 @@ const W = class W extends eo {
     });
     f(this, "roomStateChangeListener", async (e) => {
       var i, o;
-      ae(this.displayer) && !this.displayer.isWritable || (e.memberState && ((i = W.currentManager) == null || i.onMemberChange(e.memberState)), e != null && e.roomMembers && ((o = W.currentManager) == null || o.onRoomMembersChange(e.roomMembers)));
+      ne(this.displayer) && !this.displayer.isWritable || (e.memberState && ((i = W.currentManager) == null || i.onMemberChange(e.memberState)), e != null && e.roomMembers && ((o = W.currentManager) == null || o.onRoomMembersChange(e.roomMembers)));
     });
   }
   static async getInstance(e, i) {
@@ -9121,7 +9110,7 @@ const W = class W extends eo {
       e,
       W.options,
       u
-    ), !u && ae(o) && (u = await W.createApplianceMultiPlugin(o, W.kind)), u && W.currentManager && (W.currentManager.bindPlugin(u), u.init(o));
+    ), !u && ne(o) && (u = await W.createApplianceMultiPlugin(o, W.kind)), u && W.currentManager && (W.currentManager.bindPlugin(u), u.init(o));
     const h = {
       displayer: o,
       windowManager: e,
@@ -9174,34 +9163,34 @@ const W = class W extends eo {
         }, I.append(S), getComputedStyle(I).position || (I.style.position = "relative");
       },
       _callbacksOn: function(g, I) {
-        W.logger.info(`[ApplianceMultiPlugin] callbacks ${g}`), (g === "onCanUndoStepsUpdate" || g === "onCanRedoStepsUpdate") && ae(o) && o.isWritable ? Nt.InternalMsgEmitter.on(g, I) : r.call(o.callbacks, g, I);
+        W.logger.info(`[ApplianceMultiPlugin] callbacks ${g}`), (g === "onCanUndoStepsUpdate" || g === "onCanRedoStepsUpdate") && ne(o) && o.isWritable ? Nt.InternalMsgEmitter.on(g, I) : r.call(o.callbacks, g, I);
       },
       _callbacksOnce: function(g, I) {
-        W.logger.info(`[ApplianceMultiPlugin] callbacks ${g}`), (g === "onCanUndoStepsUpdate" || g === "onCanRedoStepsUpdate") && ae(o) && o.isWritable ? Nt.InternalMsgEmitter.on(g, I) : a.call(o.callbacks, g, I);
+        W.logger.info(`[ApplianceMultiPlugin] callbacks ${g}`), (g === "onCanUndoStepsUpdate" || g === "onCanRedoStepsUpdate") && ne(o) && o.isWritable ? Nt.InternalMsgEmitter.on(g, I) : a.call(o.callbacks, g, I);
       },
       _callbacksOff: function(g, I) {
-        W.logger.info(`[ApplianceMultiPlugin] callbacks ${g}`), (g === "onCanUndoStepsUpdate" || g === "onCanRedoStepsUpdate") && ae(o) && o.isWritable ? Nt.InternalMsgEmitter.off(g, I) : s.call(o.callbacks, g, I);
+        W.logger.info(`[ApplianceMultiPlugin] callbacks ${g}`), (g === "onCanUndoStepsUpdate" || g === "onCanRedoStepsUpdate") && ne(o) && o.isWritable ? Nt.InternalMsgEmitter.off(g, I) : s.call(o.callbacks, g, I);
       },
       undo: function() {
-        return W.logger.info("[ApplianceMultiPlugin] undo"), W.currentManager && ae(o) && !o.disableSerialization ? W.currentManager.viewContainerManager.undo() : 0;
+        return W.logger.info("[ApplianceMultiPlugin] undo"), W.currentManager && ne(o) && !o.disableSerialization ? W.currentManager.viewContainerManager.undo() : 0;
       },
       redo: function() {
-        return W.logger.info("[ApplianceMultiPlugin] redo"), W.currentManager && ae(o) && !o.disableSerialization ? W.currentManager.viewContainerManager.redo() : 0;
+        return W.logger.info("[ApplianceMultiPlugin] redo"), W.currentManager && ne(o) && !o.disableSerialization ? W.currentManager.viewContainerManager.redo() : 0;
       },
       cleanCurrentScene: function() {
-        W.logger.info("[ApplianceMultiPlugin] cleanCurrentScene"), W.currentManager && ae(o) && o.isWritable && (W.currentManager.cleanCurrentScene(), l.call(e));
+        W.logger.info("[ApplianceMultiPlugin] cleanCurrentScene"), W.currentManager && ne(o) && o.isWritable && (W.currentManager.cleanCurrentScene(), l.call(e));
       },
       insertImage: function(g) {
-        W.logger.info("[ApplianceMultiPlugin] insertImage"), W.currentManager && ae(o) && o.isWritable && W.currentManager.worker.insertImage(g);
+        W.logger.info("[ApplianceMultiPlugin] insertImage"), W.currentManager && ne(o) && o.isWritable && W.currentManager.worker.insertImage(g);
       },
       lockImage: function(g, I) {
-        W.logger.info("[ApplianceMultiPlugin] lockImage"), W.currentManager && ae(o) && o.isWritable && W.currentManager.worker.lockImage(g, I);
+        W.logger.info("[ApplianceMultiPlugin] lockImage"), W.currentManager && ne(o) && o.isWritable && W.currentManager.worker.lockImage(g, I);
       },
       completeImageUpload: function(g, I) {
-        W.logger.info("[ApplianceMultiPlugin] completeImageUpload"), W.currentManager && ae(o) && o.isWritable && W.currentManager.worker.completeImageUpload(g, I);
+        W.logger.info("[ApplianceMultiPlugin] completeImageUpload"), W.currentManager && ne(o) && o.isWritable && W.currentManager.worker.completeImageUpload(g, I);
       },
       getImagesInformation: function(g) {
-        return W.logger.info("[ApplianceMultiPlugin] completeImageUpload"), W.currentManager && ae(o) && o.isWritable ? W.currentManager.worker.getImagesInformation(g) : [];
+        return W.logger.info("[ApplianceMultiPlugin] completeImageUpload"), W.currentManager && ne(o) && o.isWritable ? W.currentManager.worker.getImagesInformation(g) : [];
       },
       callbacks: () => (W.logger.info("[ApplianceMultiPlugin] callbacks bind"), {
         ...o.callbacks,
@@ -9213,7 +9202,13 @@ const W = class W extends eo {
         W.currentManager && (W.logger.info("[ApplianceMultiPlugin] destroy"), W.currentManager.destroy(), W.currentManager = void 0);
       },
       setMemberState(g) {
-        W.logger.info("[ApplianceMultiPlugin] setMemberState"), Object.keys(g).includes("currentApplianceName") && (g.currentApplianceName && g.currentApplianceName === _.laserPen ? (g.currentApplianceName = _.pencil, g.useLaserPen = !0) : g.currentApplianceName && g.currentApplianceName === _.pencil && (g.useLaserPen = !1)), c.call(e.mainView, g);
+        W.logger.info("[ApplianceMultiPlugin] setMemberState");
+        const I = Object.keys(g);
+        if (ne(o) && o.isWritable) {
+          I.includes("currentApplianceName") && (g.currentApplianceName && g.currentApplianceName === _.laserPen ? (g.currentApplianceName = _.pencil, g.useLaserPen = !0) : g.currentApplianceName && g.currentApplianceName === _.pencil && (g.useLaserPen = !1)), c.call(e.mainView, g);
+          return;
+        }
+        throw new Error("setMemberState must be called in writable room");
       }
     }, d = (g, I) => {
       if (W.logger.info(`[ApplianceMultiPlugin] injectMethodToObject ${I}`), typeof g[I] == "function" || typeof g[I] > "u") {
@@ -9247,7 +9242,7 @@ const W = class W extends eo {
   }
   init(e) {
     var i, o;
-    if (ae(e)) {
+    if (ne(e)) {
       const r = e.state;
       (i = W.currentManager) == null || i.onMemberChange(r.memberState), (o = W.currentManager) == null || o.onRoomMembersChange(r.roomMembers);
     }
@@ -9509,7 +9504,7 @@ const O = class O extends eo {
     });
     f(this, "roomStateChangeListener", async (e) => {
       var i, o;
-      O.currentManager instanceof Ue && (e.cameraState && O.currentManager.onCameraChange(e.cameraState), e.sceneState && O.currentManager.onSceneChange(e.sceneState.scenePath, we)), !(ae(this.displayer) && !this.displayer.isWritable) && (e.memberState && ((i = O.currentManager) == null || i.onMemberChange(e.memberState)), e != null && e.roomMembers && ((o = O.currentManager) == null || o.onRoomMembersChange(e.roomMembers)));
+      O.currentManager instanceof Ue && (e.cameraState && O.currentManager.onCameraChange(e.cameraState), e.sceneState && O.currentManager.onSceneChange(e.sceneState.scenePath, we)), !(ne(this.displayer) && !this.displayer.isWritable) && (e.memberState && ((i = O.currentManager) == null || i.onMemberChange(e.memberState)), e != null && e.roomMembers && ((o = O.currentManager) == null || o.onRoomMembersChange(e.roomMembers)));
     });
   }
   static async getInstance(e, i) {
@@ -9520,7 +9515,7 @@ const O = class O extends eo {
       e,
       O.options,
       c
-    ), !c && ae(e) && (c = await O.createAppliancePlugin(e, O.kind)), c && O.currentManager && (O.currentManager.bindPlugin(c), c.init(e)), i != null && i.cursorAdapter && (O.cursorAdapter = i.cursorAdapter), O.effectInstance();
+    ), !c && ne(e) && (c = await O.createAppliancePlugin(e, O.kind)), c && O.currentManager && (O.currentManager.bindPlugin(c), c.init(e)), i != null && i.cursorAdapter && (O.cursorAdapter = i.cursorAdapter), O.effectInstance();
     const u = {
       displayer: e,
       currentManager: O.currentManager,
@@ -9574,34 +9569,34 @@ const O = class O extends eo {
         }, g.append(E), getComputedStyle(g).position || (g.style.position = "relative");
       },
       _callbacksOn: function(d, g) {
-        O.logger.info(`[ApplianceSinglePlugin] callbacks ${d}`), (d === "onCanUndoStepsUpdate" || d === "onCanRedoStepsUpdate") && ae(e) && e.isWritable ? Ue.InternalMsgEmitter.on(d, g) : o.call(e.callbacks, d, g);
+        O.logger.info(`[ApplianceSinglePlugin] callbacks ${d}`), (d === "onCanUndoStepsUpdate" || d === "onCanRedoStepsUpdate") && ne(e) && e.isWritable ? Ue.InternalMsgEmitter.on(d, g) : o.call(e.callbacks, d, g);
       },
       _callbacksOnce: function(d, g) {
-        O.logger.info(`[ApplianceSinglePlugin] callbacks ${d}`), (d === "onCanUndoStepsUpdate" || d === "onCanRedoStepsUpdate") && ae(e) && e.isWritable ? Ue.InternalMsgEmitter.on(d, g) : s.call(e.callbacks, d, g);
+        O.logger.info(`[ApplianceSinglePlugin] callbacks ${d}`), (d === "onCanUndoStepsUpdate" || d === "onCanRedoStepsUpdate") && ne(e) && e.isWritable ? Ue.InternalMsgEmitter.on(d, g) : s.call(e.callbacks, d, g);
       },
       _callbacksOff: function(d, g) {
-        O.logger.info(`[ApplianceSinglePlugin] callbacks ${d}`), (d === "onCanUndoStepsUpdate" || d === "onCanRedoStepsUpdate") && ae(e) && e.isWritable ? Ue.InternalMsgEmitter.off(d, g) : r.call(e.callbacks, d, g);
+        O.logger.info(`[ApplianceSinglePlugin] callbacks ${d}`), (d === "onCanUndoStepsUpdate" || d === "onCanRedoStepsUpdate") && ne(e) && e.isWritable ? Ue.InternalMsgEmitter.off(d, g) : r.call(e.callbacks, d, g);
       },
       undo: function() {
-        return O.logger.info("[ApplianceSinglePlugin] undo"), O.currentManager && ae(e) && !e.disableSerialization ? O.currentManager.viewContainerManager.undo() : 0;
+        return O.logger.info("[ApplianceSinglePlugin] undo"), O.currentManager && ne(e) && !e.disableSerialization ? O.currentManager.viewContainerManager.undo() : 0;
       },
       redo: function() {
-        return O.logger.info("[ApplianceSinglePlugin] redo"), O.currentManager && ae(e) && !e.disableSerialization ? O.currentManager.viewContainerManager.redo() : 0;
+        return O.logger.info("[ApplianceSinglePlugin] redo"), O.currentManager && ne(e) && !e.disableSerialization ? O.currentManager.viewContainerManager.redo() : 0;
       },
       cleanCurrentScene: function(d) {
-        O.logger.info("[ApplianceSinglePlugin] cleanCurrentScene"), O.currentManager && ae(e) && e.isWritable && (O.currentManager.cleanCurrentScene(), a.call(e, d));
+        O.logger.info("[ApplianceSinglePlugin] cleanCurrentScene"), O.currentManager && ne(e) && e.isWritable && (O.currentManager.cleanCurrentScene(), a.call(e, d));
       },
       insertImage: function(d) {
-        O.logger.info("[ApplianceSinglePlugin] insertImage"), O.currentManager && ae(e) && e.isWritable && O.currentManager.worker.insertImage(d);
+        O.logger.info("[ApplianceSinglePlugin] insertImage"), O.currentManager && ne(e) && e.isWritable && O.currentManager.worker.insertImage(d);
       },
       lockImage: function(d, g) {
-        O.logger.info("[ApplianceSinglePlugin] lockImage"), O.currentManager && ae(e) && e.isWritable && O.currentManager.worker.lockImage(d, g);
+        O.logger.info("[ApplianceSinglePlugin] lockImage"), O.currentManager && ne(e) && e.isWritable && O.currentManager.worker.lockImage(d, g);
       },
       completeImageUpload: function(d, g) {
-        O.logger.info("[ApplianceSinglePlugin] completeImageUpload"), O.currentManager && ae(e) && e.isWritable && O.currentManager.worker.completeImageUpload(d, g);
+        O.logger.info("[ApplianceSinglePlugin] completeImageUpload"), O.currentManager && ne(e) && e.isWritable && O.currentManager.worker.completeImageUpload(d, g);
       },
       getImagesInformation: function(d) {
-        return O.logger.info("[ApplianceSinglePlugin] completeImageUpload"), O.currentManager && ae(e) && e.isWritable ? O.currentManager.worker.getImagesInformation(d) : [];
+        return O.logger.info("[ApplianceSinglePlugin] completeImageUpload"), O.currentManager && ne(e) && e.isWritable ? O.currentManager.worker.getImagesInformation(d) : [];
       },
       callbacks: () => ({
         ...e.callbacks,
@@ -9613,7 +9608,13 @@ const O = class O extends eo {
         O.currentManager && (O.logger.info("[ApplianceSinglePlugin] destroy"), O.currentManager.destroy(), O.currentManager = void 0, O.cursorAdapter = void 0);
       },
       setMemberState(d) {
-        O.logger.info("[ApplianceSinglePlugin] setMemberState"), Object.keys(d).includes("currentApplianceName") && (d.currentApplianceName && d.currentApplianceName === _.laserPen ? (d.currentApplianceName = _.pencil, d.useLaserPen = !0) : d.currentApplianceName && d.currentApplianceName === _.pencil && (d.useLaserPen = !1)), l(d);
+        O.logger.info("[ApplianceSinglePlugin] setMemberState");
+        const g = Object.keys(d);
+        if (ne(e) && e.isWritable) {
+          g.includes("currentApplianceName") && (d.currentApplianceName && d.currentApplianceName === _.laserPen ? (d.currentApplianceName = _.pencil, d.useLaserPen = !0) : d.currentApplianceName && d.currentApplianceName === _.pencil && (d.useLaserPen = !1)), l(d);
+          return;
+        }
+        throw new Error("setMemberState must be called in writable room");
       }
     }, h = (d, g) => {
       if (O.logger.info(`[ApplianceSinglePlugin] injectMethodToObject ${g}`), typeof d[g] == "function" || typeof d[g] > "u") {
@@ -9664,7 +9665,7 @@ const O = class O extends eo {
   }
   init(e) {
     var i, o;
-    if (ae(e)) {
+    if (ne(e)) {
       const r = e.state;
       r != null && r.memberState && ((i = O.currentManager) == null || i.onMemberChange(r.memberState), (o = O.currentManager) == null || o.onRoomMembersChange(r.roomMembers));
     }