@netless/window-manager 0.4.72 → 0.4.73-beta.1

package/dist/index.mjs

@@ -22,7 +22,6 @@ import Emittery from "emittery";
 import { debounce as debounce$1, isEqual, omit, isObject as isObject$1, has, get, size as size$1, mapValues, noop as noop$2, pick, isEmpty, isInteger, orderBy, isFunction, isNumber, isNull } from "lodash";
 import { ScenePathType, UpdateEventKind, listenUpdated, unlistenUpdated, reaction, autorun, toJS, listenDisposed, unlistenDisposed, ViewMode, AnimationMode, isPlayer, isRoom, WhiteVersion, ApplianceNames, RoomPhase, PlayerPhase, InvisiblePlugin } from "white-web-sdk";
 import { v4 } from "uuid";
-import { genUID as genUID$1, SideEffectManager as SideEffectManager$1 } from "side-effect-manager";
 import { ResizeObserver as ResizeObserver$3 } from "@juggle/resize-observer";
 import videojs from "video.js";
 var Events = /* @__PURE__ */ ((Events2) => {
@@ -624,6 +623,61 @@ class BindContainerRoomPhaseInvalidError extends Error {
     this.message = "[WindowManager]: room phase only Connected can be bindContainer";
   }
 }
+const e$2 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$2 = e$2.length, t$3 = Array(20), r$4 = () => {
+  for (let r2 = 0; r2 < 20; r2++)
+    t$3[r2] = e$2.charAt(Math.random() * s$2);
+  return t$3.join("");
+};
+class o$1 {
+  constructor() {
+    this.disposers = /* @__PURE__ */ new Map();
+  }
+  add(e2, s2 = r$4()) {
+    return this.flush(s2), this.disposers.set(s2, e2()), s2;
+  }
+  addDisposer(e2, s2 = r$4()) {
+    return this.flush(s2), this.disposers.set(s2, e2), s2;
+  }
+  addEventListener(e2, s2, t2, o2, i2 = r$4()) {
+    return this.add(() => (e2.addEventListener(s2, t2, o2), () => e2.removeEventListener(s2, t2, o2)), i2), i2;
+  }
+  setTimeout(e2, s2, t2 = r$4()) {
+    return this.add(() => {
+      const r2 = window.setTimeout(() => {
+        this.remove(t2), e2();
+      }, s2);
+      return () => window.clearTimeout(r2);
+    }, t2);
+  }
+  setInterval(e2, s2, t2 = r$4()) {
+    return this.add(() => {
+      const t3 = window.setInterval(e2, s2);
+      return () => window.clearInterval(t3);
+    }, t2);
+  }
+  remove(e2) {
+    const s2 = this.disposers.get(e2);
+    return this.disposers.delete(e2), s2;
+  }
+  flush(e2) {
+    const s2 = this.remove(e2);
+    if (s2)
+      try {
+        s2();
+      } catch (t2) {
+        console.error(t2);
+      }
+  }
+  flushAll() {
+    this.disposers.forEach((e2) => {
+      try {
+        e2();
+      } catch (s2) {
+        console.error(s2);
+      }
+    }), this.disposers.clear();
+  }
+}
 const onObjectByEvent = (event) => {
   return (object, func) => {
     if (object === void 0)
@@ -691,12 +745,12 @@ function isRef(e2) {
   return Boolean(has(e2, "__isRef"));
 }
 function makeRef(v2) {
-  return { k: genUID$1(), v: v2, __isRef: true };
+  return { k: r$4(), v: v2, __isRef: true };
 }
 const STORAGE_NS = "_WM-STORAGE_";
 class Storage {
   constructor(context, id2, defaultState) {
-    this._sideEffect = new SideEffectManager$1();
+    this._sideEffect = new o$1();
     this._destroyed = false;
     this._refMap = /* @__PURE__ */ new WeakMap();
     this._lastValue = /* @__PURE__ */ new Map();
@@ -1080,7 +1134,12 @@ class AppContext {
     return this.appProxy.kind;
   }
   dispatchAppEvent(type, value) {
-    internalEmitter.emit(`custom-${this.kind}`, { kind: this.kind, appId: this.appId, type, value });
+    internalEmitter.emit(`custom-${this.kind}`, {
+      kind: this.kind,
+      appId: this.appId,
+      type,
+      value
+    });
   }
 }
 class AppPageStateImpl {
@@ -1803,7 +1862,7 @@ class MainViewProxy {
     this.mainViewIsAddListener = false;
     this.store = this.manager.store;
     this.viewMode = this.manager.windowManger.viewMode;
-    this.sideEffectManager = new SideEffectManager$1();
+    this.sideEffectManager = new o$1();
     this.syncCamera = () => {
       if (!this.polling || this.viewMode !== ViewMode.Broadcaster)
         return;
@@ -1978,6 +2037,9 @@ class MainViewProxy {
     this.mainView.divElement = divElement;
     this.addMainViewListener();
     this.start();
+    if (WindowManager.supportTeachingAidsPlugin) {
+      callbacks$1.emit("onMainViewRebind", this.mainView);
+    }
   }
   addMainViewListener() {
     if (this.mainViewIsAddListener)
@@ -2124,7 +2186,7 @@ class AppManager {
     this.mainViewScenesLength = 0;
     this.callbacksNode = null;
     this.appCreateQueue = new AppCreateQueue();
-    this.sideEffectManager = new SideEffectManager$1();
+    this.sideEffectManager = new o$1();
     this.sceneState = null;
     this.rootDirRemoving = false;
     this.onRemoveScenes = async (params) => {
@@ -2850,16 +2912,59 @@ const findMemberByUid = (room, uid) => {
   return result;
 };
 const createInvisiblePlugin = async (room) => {
-  try {
-    const manager = await room.createInvisiblePlugin(WindowManager, {});
+  let manager = room.getInvisiblePlugin(WindowManager.kind);
+  if (manager)
     return manager;
-  } catch (error) {
-    if (error.message === `invisible plugin "WindowManager" exits`) {
-      await wait(200);
-      return room.getInvisiblePlugin(WindowManager.kind);
-    } else {
-      log("createInvisiblePlugin failed", error);
+  let resolve;
+  const promise = new Promise((r2) => {
+    WindowManager._resolve = resolve = r2;
+  });
+  let wasReadonly = false;
+  const canOperate = isRoomTokenWritable(room);
+  if (!room.isWritable && canOperate) {
+    wasReadonly = true;
+    await pRetry(async (count) => {
+      log(`switching to writable (x${count})`);
+      await room.setWritable(true);
+    }, { retries: 10, maxTimeout: 5e3 });
+  }
+  if (room.isWritable) {
+    log("creating InvisiblePlugin...");
+    room.createInvisiblePlugin(WindowManager, {}).catch(console.warn);
+  } else {
+    if (canOperate)
+      console.warn("[WindowManager]: failed to switch to writable");
+    console.warn("[WindowManager]: waiting for others to create the plugin...");
+  }
+  const timeout = setTimeout(() => {
+    console.warn("[WindowManager]: no one called createInvisiblePlugin() after 20 seconds");
+  }, 2e4);
+  const abort = setTimeout(() => {
+    throw new Error("[WindowManager]: no one called createInvisiblePlugin() after 60 seconds");
+  }, 6e4);
+  const interval = setInterval(() => {
+    manager = room.getInvisiblePlugin(WindowManager.kind);
+    if (manager) {
+      clearTimeout(abort);
+      clearTimeout(timeout);
+      clearInterval(interval);
+      resolve(manager);
+      if (wasReadonly && room.isWritable) {
+        setTimeout(() => room.setWritable(false).catch(console.warn), 500);
+      }
     }
+  }, 200);
+  return promise;
+};
+const isRoomTokenWritable = (room) => {
+  try {
+    const str = atob(room.roomToken.slice("NETLESSROOM_".length));
+    const index2 = str.indexOf("&role=");
+    const role = +str[index2 + "&role=".length];
+    return role < 2;
+  } catch (error) {
+    console.error(error);
+    return false;
   }
 };
 const ResizeObserver$2 = window.ResizeObserver || ResizeObserver$3;
@@ -7456,7 +7561,7 @@ class CursorManager {
     this.enableCursor = enableCursor;
     this.cursorInstances = /* @__PURE__ */ new Map();
     this.userApplianceIcons = {};
-    this.sideEffectManager = new SideEffectManager$1();
+    this.sideEffectManager = new o$1();
     this.store = this.manager.store;
     this.leaveFlag = true;
     this._style = "default";
@@ -17967,7 +18072,7 @@ const _IframeBridge = class {
     this.allowAppliances = ["clicker"];
     this.bridgeDisposer = noop$2;
     this.rootRect = null;
-    this.sideEffectManager = new SideEffectManager$1();
+    this.sideEffectManager = new o$1();
     this.execListenIframe = debounce$1((options2) => {
       this.listenIframe(options2);
     }, 50);
@@ -18137,7 +18242,9 @@ const _IframeBridge = class {
     const room = this.displayer;
     const scenes = room.entireScenes()[this.attributes.displaySceneDir];
     if (!scenes || scenes.length !== page) {
-      const genScenes = times(page, (index2) => ({ name: String(index2 + 1) }));
+      const genScenes = times(page, (index2) => ({
+        name: String(index2 + 1)
+      }));
       room.putScenes(this.attributes.displaySceneDir, genScenes);
       this.manager.setMainViewScenePath(this.attributes.displaySceneDir);
     }
@@ -18426,14 +18533,17 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "0.4.72";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "0.1.5", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.6", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
+    this.version = "0.4.73-beta.1";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.6", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
     this.isReplay = isPlayer(this.displayer);
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "0.1.5", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.6", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.6", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
+  }
+  static onCreate(manager) {
+    _WindowManager._resolve(manager);
   }
   static async mount(params) {
     const room = params.room;
@@ -18505,26 +18615,8 @@ const _WindowManager = class extends InvisiblePlugin {
     }
     return manager;
   }
-  static async initManager(room) {
-    let manager = room.getInvisiblePlugin(_WindowManager.kind);
-    if (!manager) {
-      if (isRoom(room)) {
-        if (room.isWritable === false) {
-          try {
-            await room.setWritable(true);
-          } catch (error) {
-            throw new Error("[WindowManger]: room must be switched to be writable");
-          }
-          manager = await createInvisiblePlugin(room);
-          manager == null ? void 0 : manager.ensureAttributes();
-          await wait(500);
-          await room.setWritable(false);
-        } else {
-          manager = await createInvisiblePlugin(room);
-        }
-      }
-    }
-    return manager;
+  static initManager(room) {
+    return createInvisiblePlugin(room);
   }
   static initContainer(manager, container, params) {
     const { chessboard, overwriteStyles, fullscreen } = params;
@@ -19175,6 +19267,7 @@ WindowManager.kind = "WindowManager";
 WindowManager.debug = false;
 WindowManager.containerSizeRatio = DEFAULT_CONTAINER_RATIO;
 WindowManager.isCreated = false;
+WindowManager._resolve = (_manager) => void 0;
 setupBuiltin();
 export { AppCreateError, AppManagerNotInitError, AppNotRegisterError, BindContainerRoomPhaseInvalidError, BoxManagerNotFoundError, BoxNotCreatedError, BuiltinApps, DomEvents, IframeBridge, IframeEvents, InvalidScenePath, ParamsInvalidError, WhiteWebSDKInvalidError, WindowManager, calculateNextIndex, reconnectRefresher };
 //# sourceMappingURL=index.mjs.map