@netless/window-manager 0.4.67-beta.1 → 0.4.68

package/dist/index.mjs

@@ -1363,8 +1363,7 @@ class AppProxy {
       return payload;
     };
     this.appAttributesUpdateListener = (appId2) => {
-      var _a2, _b, _c;
-      (_a2 = this.manager.refresher) == null ? void 0 : _a2.add(appId2, () => {
+      this.manager.refresher.add(appId2, () => {
         return autorun(() => {
           const attrs = this.manager.attributes[appId2];
           if (attrs) {
@@ -1372,20 +1371,20 @@ class AppProxy {
           }
         });
       });
-      (_b = this.manager.refresher) == null ? void 0 : _b.add(this.stateKey, () => {
+      this.manager.refresher.add(this.stateKey, () => {
         return autorun(() => {
-          var _a3, _b2, _c2, _d;
-          const appState = (_a3 = this.appAttributes) == null ? void 0 : _a3.state;
-          if ((appState == null ? void 0 : appState.zIndex) > 0 && appState.zIndex !== ((_b2 = this.box) == null ? void 0 : _b2.zIndex)) {
-            (_c2 = this.boxManager) == null ? void 0 : _c2.setZIndex(appId2, appState.zIndex);
+          var _a2, _b, _c, _d;
+          const appState = (_a2 = this.appAttributes) == null ? void 0 : _a2.state;
+          if ((appState == null ? void 0 : appState.zIndex) > 0 && appState.zIndex !== ((_b = this.box) == null ? void 0 : _b.zIndex)) {
+            (_c = this.boxManager) == null ? void 0 : _c.setZIndex(appId2, appState.zIndex);
             (_d = this.boxManager) == null ? void 0 : _d.focusBox({ appId: appId2 });
           }
         });
       });
-      (_c = this.manager.refresher) == null ? void 0 : _c.add(`${appId2}-fullPath`, () => {
+      this.manager.refresher.add(`${appId2}-fullPath`, () => {
         return autorun(() => {
-          var _a3;
-          const fullPath = (_a3 = this.appAttributes) == null ? void 0 : _a3.fullPath;
+          var _a2;
+          const fullPath = (_a2 = this.appAttributes) == null ? void 0 : _a2.fullPath;
           this.setFocusScenePathHandler(fullPath);
           if (this._prevFullPath !== fullPath) {
             this.notifyPageStateChange();
@@ -1703,7 +1702,7 @@ class AppProxy {
     }
   }
   async destroy(needCloseBox, cleanAttrs, skipUpdate, error) {
-    var _a, _b, _c, _d;
+    var _a;
     if (this.status === "destroyed")
       return;
     this.status = "destroyed";
@@ -1728,9 +1727,9 @@ class AppProxy {
     this._pageState.destroy();
     this.viewManager.destroyView(this.id);
     this.manager.appStatus.delete(this.id);
-    (_b = this.manager.refresher) == null ? void 0 : _b.remove(this.id);
-    (_c = this.manager.refresher) == null ? void 0 : _c.remove(this.stateKey);
-    (_d = this.manager.refresher) == null ? void 0 : _d.remove(`${this.id}-fullPath`);
+    this.manager.refresher.remove(this.id);
+    this.manager.refresher.remove(this.stateKey);
+    this.manager.refresher.remove(`${this.id}-fullPath`);
     this._prevFullPath = void 0;
   }
   close() {
@@ -1790,11 +1789,20 @@ const setDefaultCameraBound = (view) => {
 class MainViewProxy {
   constructor(manager) {
     this.manager = manager;
+    this.polling = false;
     this.started = false;
     this.mainViewIsAddListener = false;
     this.store = this.manager.store;
     this.viewMode = this.manager.windowManger.viewMode;
     this.sideEffectManager = new SideEffectManager$1();
+    this.syncCamera = () => {
+      if (!this.polling || this.viewMode !== ViewMode.Broadcaster)
+        return;
+      const { mainViewCamera } = this;
+      if (mainViewCamera && mainViewCamera.id !== this.manager.uid) {
+        this.moveCameraSizeByAttributes();
+      }
+    };
     this.startListenWritableChange = () => {
       this.sideEffectManager.add(() => {
         return internalEmitter.on("writableChange", (isWritable) => {
@@ -1807,8 +1815,7 @@ class MainViewProxy {
       });
     };
     this.addCameraReaction = () => {
-      var _a;
-      (_a = this.manager.refresher) == null ? void 0 : _a.add(Fields.MainViewCamera, this.cameraReaction);
+      this.manager.refresher.add(Fields.MainViewCamera, this.cameraReaction);
     };
     this.cameraReaction = () => {
       return reaction(() => this.mainViewCamera, (camera) => {
@@ -1884,6 +1891,7 @@ class MainViewProxy {
         }
       });
     });
+    this.sideEffectManager.setInterval(this.syncCamera, 1500);
   }
   ensureCameraAndSize() {
     if (this.viewMode !== ViewMode.Broadcaster)
@@ -2027,10 +2035,9 @@ class MainViewProxy {
     }
   }
   stop() {
-    var _a, _b;
     this.removeCameraListener();
-    (_a = this.manager.refresher) == null ? void 0 : _a.remove(Fields.MainViewCamera);
-    (_b = this.manager.refresher) == null ? void 0 : _b.remove(Fields.MainViewSize);
+    this.manager.refresher.remove(Fields.MainViewCamera);
+    this.manager.refresher.remove(Fields.MainViewSize);
     this.started = false;
   }
   destroy() {
@@ -2259,16 +2266,14 @@ class AppManager {
       this.dispatchInternalEvent(Events.AppBoxStateChange, payload);
     };
     this.addAppsChangeListener = () => {
-      var _a;
-      (_a = this.refresher) == null ? void 0 : _a.add("apps", () => {
+      this.refresher.add("apps", () => {
         return safeListenPropsUpdated(() => this.attributes.apps, () => {
           this.attributesUpdateCallback(this.attributes.apps);
         });
       });
     };
     this.addAppCloseListener = () => {
-      var _a;
-      (_a = this.refresher) == null ? void 0 : _a.add("appsClose", () => {
+      this.refresher.add("appsClose", () => {
         return onObjectRemoved(this.attributes.apps, () => {
           this.onAppDelete(this.attributes.apps);
         });
@@ -2400,16 +2405,14 @@ class AppManager {
     this.refresher = reconnectRefresher;
     this.refresher.setRoom(this.room);
     this.refresher.setContext({ emitter: internalEmitter });
-    this.sideEffectManager.add(() => {
-      return () => {
-        var _a, _b, _c;
-        this.appCreateQueue.destroy();
-        this.mainViewProxy.destroy();
-        (_a = this.refresher) == null ? void 0 : _a.destroy();
-        this.viewManager.destroy();
-        (_b = this.boxManager) == null ? void 0 : _b.destroy();
-        (_c = this.callbacksNode) == null ? void 0 : _c.dispose();
-      };
+    this.sideEffectManager.addDisposer(() => {
+      var _a, _b;
+      this.appCreateQueue.destroy();
+      this.mainViewProxy.destroy();
+      this.refresher.destroy();
+      this.viewManager.destroy();
+      (_a = this.boxManager) == null ? void 0 : _a.destroy();
+      (_b = this.callbacksNode) == null ? void 0 : _b.dispose();
     });
     internalEmitter.once("onCreated").then(() => this.onCreated());
     internalEmitter.on("onReconnected", () => this.onReconnected());
@@ -2451,6 +2454,12 @@ class AppManager {
   get mainView() {
     return this.mainViewProxy.view;
   }
+  get polling() {
+    return this.mainViewProxy.polling;
+  }
+  set polling(b2) {
+    this.mainViewProxy.polling = b2;
+  }
   get focusApp() {
     if (this.store.focus) {
       return this.appProxies.get(this.store.focus);
@@ -2469,7 +2478,7 @@ class AppManager {
     }
   }
   async onCreated() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a;
     await this.attributesUpdateCallback(this.attributes.apps);
     internalEmitter.emit("updateManagerRect");
     boxEmitter.on("move", this.onBoxMove);
@@ -2479,32 +2488,32 @@ class AppManager {
     boxEmitter.on("boxStateChange", this.onBoxStateChange);
     this.addAppsChangeListener();
     this.addAppCloseListener();
-    (_a = this.refresher) == null ? void 0 : _a.add("maximized", () => {
+    this.refresher.add("maximized", () => {
       return autorun(() => {
         var _a2;
         const maximized = this.attributes.maximized;
         (_a2 = this.boxManager) == null ? void 0 : _a2.setMaximized(Boolean(maximized));
       });
     });
-    (_b = this.refresher) == null ? void 0 : _b.add("minimized", () => {
+    this.refresher.add("minimized", () => {
       return autorun(() => {
         const minimized = this.attributes.minimized;
         this.onMinimized(minimized);
       });
     });
-    (_c = this.refresher) == null ? void 0 : _c.add("mainViewIndex", () => {
+    this.refresher.add("mainViewIndex", () => {
       return autorun(() => {
         const mainSceneIndex = get(this.attributes, "_mainSceneIndex");
         this.onMainViewIndexChange(mainSceneIndex);
       });
     });
-    (_d = this.refresher) == null ? void 0 : _d.add("focusedChange", () => {
+    this.refresher.add("focusedChange", () => {
       return autorun(() => {
         const focused = get(this.attributes, "focus");
         this.onFocusChange(focused);
       });
     });
-    (_e = this.refresher) == null ? void 0 : _e.add("registeredChange", () => {
+    this.refresher.add("registeredChange", () => {
       return autorun(() => {
         const registered = get(this.attributes, Fields.Registered);
         this.onRegisteredChange(registered);
@@ -2516,7 +2525,7 @@ class AppManager {
         return;
       this.resetScenePath(mainScenePath);
     }
-    this.displayerWritableListener(!((_f = this.room) == null ? void 0 : _f.isWritable));
+    this.displayerWritableListener(!((_a = this.room) == null ? void 0 : _a.isWritable));
     this.displayer.callbacks.on("onEnableWriteNowChanged", this.displayerWritableListener);
     this._prevFocused = this.attributes.focus;
     this.sideEffectManager.add(() => {
@@ -17516,7 +17525,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "0.4.67-beta.1";
+    this.version = "0.4.68";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.27", "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.5", "@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.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
@@ -17555,7 +17564,7 @@ const _WindowManager = class extends InvisiblePlugin {
       }
     } else {
       await pRetry(async (count) => {
-        manager = await room.getInvisiblePlugin(_WindowManager.kind);
+        manager = room.getInvisiblePlugin(_WindowManager.kind);
         if (!manager) {
           log(`manager is empty. retrying ${count}`);
           throw new Error();
@@ -17571,6 +17580,7 @@ const _WindowManager = class extends InvisiblePlugin {
     await manager.ensureAttributes();
     manager._fullscreen = params.fullscreen;
     manager.appManager = new AppManager(manager);
+    manager.appManager.polling = params.polling || false;
     manager._pageState = new PageStateImpl(manager.appManager);
     manager.cursorManager = new CursorManager(manager.appManager, Boolean(cursor), params.applianceIcons);
     if (containerSizeRatio) {
@@ -17718,6 +17728,9 @@ const _WindowManager = class extends InvisiblePlugin {
       if (!params.kind || typeof params.kind !== "string") {
         throw new ParamsInvalidError();
       }
+      if (params.src && typeof params.src === "string") {
+        appRegister.register({ kind: params.kind, src: params.src });
+      }
       const appImpl = await ((_a = appRegister.appClasses.get(params.kind)) == null ? void 0 : _a());
       if (appImpl && ((_b = appImpl.config) == null ? void 0 : _b.singleton)) {
         if (this.appManager.appProxies.has(params.kind)) {
@@ -17982,6 +17995,15 @@ const _WindowManager = class extends InvisiblePlugin {
     var _a, _b;
     return ((_b = (_a = this.appManager) == null ? void 0 : _a.focusApp) == null ? void 0 : _b.view) || this.mainView;
   }
+  get polling() {
+    var _a;
+    return ((_a = this.appManager) == null ? void 0 : _a.polling) || false;
+  }
+  set polling(b2) {
+    if (this.appManager) {
+      this.appManager.polling = b2;
+    }
+  }
   get mainViewSceneIndex() {
     var _a;
     return ((_a = this._pageState) == null ? void 0 : _a.index) || 0;
@@ -18184,12 +18206,12 @@ const _WindowManager = class extends InvisiblePlugin {
     (_a = this.appManager) == null ? void 0 : _a.dispatchInternalEvent(Events.Refresh);
   }
   _refresh() {
-    var _a, _b, _c;
+    var _a, _b;
     (_a = this.appManager) == null ? void 0 : _a.mainViewProxy.rebind();
     if (_WindowManager.container) {
       this.bindContainer(_WindowManager.container);
     }
-    (_c = (_b = this.appManager) == null ? void 0 : _b.refresher) == null ? void 0 : _c.refresh();
+    (_b = this.appManager) == null ? void 0 : _b.refresher.refresh();
   }
   setContainerSizeRatio(ratio) {
     if (!isNumber(ratio) || !(ratio > 0)) {