@netless/window-manager 1.0.0-canary.5 → 1.0.0-canary.6

package/dist/index.es.js

@@ -1033,11 +1033,13 @@ class AppContext {
         view = this.appProxy.createAppDir();
       }
       const viewWrapper = document.createElement("div");
+      this._viewWrapper = viewWrapper;
       viewWrapper.className = "window-manager-view-wrapper";
       (_a = this.box.$content.parentElement) == null ? void 0 : _a.appendChild(viewWrapper);
       const removeViewWrapper = () => {
         var _a2;
         (_a2 = this.box.$content.parentElement) == null ? void 0 : _a2.removeChild(viewWrapper);
+        this._viewWrapper = void 0;
       };
       view.divElement = viewWrapper;
       if (this.isAddApp) {
@@ -1297,14 +1299,12 @@ class AppViewSync {
           this.synchronizer.setRect(rect);
         }
       }));
-      if (!this.appProxy.size$.value) {
-        this.appProxy.storeSize({
-          id: this.appProxy.uid,
-          width: box.contentStageRect.width,
-          height: box.contentStageRect.height
-        });
-      }
     }
+    combine([this.appProxy.camera$, this.appProxy.size$]).subscribe(([camera, size2]) => {
+      if (camera && size2) {
+        this.synchronizer.onRemoteUpdate(camera, size2);
+      }
+    });
   }
   destroy() {
     this.sem.flushAll();
@@ -1653,12 +1653,43 @@ class AppProxy {
       });
     });
     combine([this.box$, this.view$]).subscribe(([box, view]) => {
+      var _a2, _b;
       if (box && view) {
-        const appViewSync = new AppViewSync(this);
-        this.appViewSync = appViewSync;
-        this.sideEffectManager.add(() => () => appViewSync.destroy());
+        if (!this.camera$.value) {
+          this.storeCamera({
+            centerX: 0,
+            centerY: 0,
+            scale: 1,
+            id: this.uid
+          });
+        }
+        if (!this.size$.value && box.contentStageRect) {
+          this.storeSize({
+            id: this.uid,
+            width: (_a2 = box.contentStageRect) == null ? void 0 : _a2.width,
+            height: (_b = box.contentStageRect) == null ? void 0 : _b.height
+          });
+        }
+        this.appViewSync = new AppViewSync(this);
+        this.sideEffectManager.add(() => () => {
+          var _a3;
+          return (_a3 = this.appViewSync) == null ? void 0 : _a3.destroy();
+        });
       }
     });
+    this.sideEffectManager.add(() => emitter.on("memberStateChange", (memberState) => {
+      var _a2, _b;
+      const needPointerEventsNone = memberState.currentApplianceName === "clicker";
+      if (needPointerEventsNone) {
+        if ((_a2 = this.appContext) == null ? void 0 : _a2._viewWrapper) {
+          this.appContext._viewWrapper.style.pointerEvents = "none";
+        }
+      } else {
+        if ((_b = this.appContext) == null ? void 0 : _b._viewWrapper) {
+          this.appContext._viewWrapper.style.pointerEvents = "auto";
+        }
+      }
+    }));
   }
   createAppDir() {
     const scenePath = this.scenePath || this.appScenePath;
@@ -2555,6 +2586,9 @@ class AppManager {
         emitter.emit("roomMembersChange", this.members);
       }
       emitter.emit("observerIdChange", this.displayer.observerId);
+      if (state.memberState) {
+        emitter.emit("memberStateChange", toJS(state.memberState));
+      }
     };
     this.displayerWritableListener = (isReadonly) => {
       var _a, _b;
@@ -15461,7 +15495,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.0-canary.5";
+    this.version = "1.0.0-canary.6";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.13", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^1.1.0", "uuid": "^7.0.3", "value-enhancer": "^1.2.1", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@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", "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.10" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;