@netless/window-manager 1.0.13-test.17 → 1.0.13-test.19

package/dist/index.mjs

@@ -352,7 +352,6 @@ const setScenePath = (room, scenePath) => {
   if (room && room.isWritable) {
     if (room.state.sceneState.scenePath !== scenePath) {
       const nextScenePath = scenePath === "/" ? "" : scenePath;
-      console.log("[window-manager] real setScenePath for current room  ", nextScenePath);
       room.setScenePath(nextScenePath);
     }
   }
@@ -5626,7 +5625,6 @@ class BoxManager {
     const rect = (_a = this.mainView.divElement) == null ? void 0 : _a.getBoundingClientRect();
     if (rect && rect.width > 0 && rect.height > 0) {
       const containerRect = { x: 0, y: 0, width: rect.width, height: rect.height };
-      console.log("[window-manager] updateManagerRect" + JSON.stringify(containerRect) + "mainView" + this.mainView.size);
       this.teleBoxManager.setContainerRect(containerRect);
       this.context.notifyContainerRectUpdate(this.teleBoxManager.containerRect);
     }
@@ -7034,7 +7032,7 @@ var Fields = /* @__PURE__ */ ((Fields2) => {
 class AttributesDelegate {
   constructor(context) {
     this.context = context;
-    this.setMainViewCameraConsole = new LocalConsole("setMainViewCamera", 50);
+    this.setMainViewCameraConsole = new LocalConsole("setMainViewCamera", 30);
     this.setAppFocus = (appId, focus) => {
       if (focus) {
         this.context.safeSetAttributes({ ["focus"]: appId });
@@ -7160,11 +7158,11 @@ class AttributesDelegate {
     return this.attributes["boxState"];
   }
   setMainViewScenePath(scenePath) {
-    console.log("[window-manager] setMainViewScenePath  ", scenePath);
+    console.log("[window-manager] setMainViewScenePath  " + scenePath);
     this.context.safeSetAttributes({ _mainScenePath: scenePath });
   }
   setMainViewSceneIndex(index2) {
-    console.log("[window-manager] setMainViewSceneIndex  ", index2);
+    console.log("[window-manager] setMainViewSceneIndex  " + index2);
     this.context.safeSetAttributes({ _mainSceneIndex: index2 });
   }
   getMainViewCamera() {
@@ -7180,13 +7178,13 @@ class AttributesDelegate {
   setMainViewSize(size2) {
     if (size2.width === 0 || size2.height === 0)
       return;
-    console.log("[window-manager] setMainViewSize  ", JSON.stringify(size2));
+    console.log("[window-manager] setMainViewSize size:" + JSON.stringify(size2));
     this.context.safeSetAttributes({ ["mainViewSize"]: { ...size2 } });
   }
   setMainViewCameraAndSize(camera, size2) {
     if (size2.width === 0 || size2.height === 0)
       return;
-    console.log("[window-manager] setMainViewCameraAndSize  ", JSON.stringify(camera), JSON.stringify(size2));
+    console.log("[window-manager] setMainViewCameraAndSize camera:" + JSON.stringify(camera) + ", size:" + JSON.stringify(size2));
     this.context.safeSetAttributes({
       ["mainViewCamera"]: { ...camera },
       ["mainViewSize"]: { ...size2 }
@@ -7797,6 +7795,8 @@ class MainViewProxy {
     this.viewMode = this.manager.windowManger.viewMode;
     this.sideEffectManager = new o$2();
     this.playgroundSizeChangeListenerLocalConsole = new LocalConsole("playgroundSizeChangeListener", 30);
+    this.sizeUpdatedLocalConsole = new LocalConsole("sizeUpdated", 30);
+    this.cameraUpdatedLocalConsole = new LocalConsole("cameraUpdated", 30);
     this.syncCamera = () => {
       if (!this.polling || this.viewMode !== ViewMode.Broadcaster)
         return;
@@ -7818,10 +7818,6 @@ class MainViewProxy {
     };
     this.onWrapperRectChange = (payload) => {
       this.pendingWrapperRectChange = payload;
-      console.log("[window-manager] onWrapperRectChange " + JSON.stringify({
-        ...payload,
-        viewSize: this.mainView.size
-      }));
       if (this.wrapperRectWorkaroundFrame) {
         cancelAnimationFrame(this.wrapperRectWorkaroundFrame);
       }
@@ -7838,14 +7834,6 @@ class MainViewProxy {
       const observedSize = { width: rect.width, height: rect.height };
       const wrapperMatchesDom = Math.abs(payload.width - observedSize.width) <= 0.5 && Math.abs(payload.height - observedSize.height) <= 0.5;
       const viewIsStale = Math.abs(this.mainView.size.width - observedSize.width) > 0.5 || Math.abs(this.mainView.size.height - observedSize.height) > 0.5;
-      console.log("[window-manager] runWrapperRectWorkaround " + JSON.stringify({
-        origin: payload.origin,
-        wrapperRect: payload,
-        domRect: observedSize,
-        viewSize: this.mainView.size,
-        wrapperMatchesDom,
-        viewIsStale
-      }));
       if (wrapperMatchesDom && viewIsStale) {
         this.forceSyncMainViewDivElement(
           `wrapperRectChange:${payload.origin || "unknown"}`,
@@ -7874,7 +7862,7 @@ class MainViewProxy {
       if (size2) {
         this.moveCameraToContian(size2);
         this.moveCamera(this.mainViewCamera);
-        console.log("[window-manager] sizeChangeHandler  current size and camera" + JSON.stringify(size2) + JSON.stringify(this.mainViewCamera) + JSON.stringify(this.mainView.camera) + JSON.stringify(this.mainView.size));
+        console.log("[window-manager] sizeChangeHandler current size and camera" + JSON.stringify(size2) + JSON.stringify(this.mainViewCamera) + JSON.stringify(this.mainView.camera) + JSON.stringify(this.mainView.size));
       }
       this.ensureMainViewSize();
     }, 30);
@@ -7897,88 +7885,8 @@ class MainViewProxy {
     this.setMainViewSize = debounce((size2) => {
       this.store.setMainViewSize({ ...size2, id: this.manager.uid });
     }, 50);
-    this.onResize = (entries) => {
-      const entry = entries[0];
-      if (!entry)
-        return;
-      const target = entry.target;
-      const child = target.children[0];
-      const observedSize = {
-        width: entry.contentRect.width,
-        height: entry.contentRect.height
-      };
-      console.log("[window-manager] mainViewResizeObserver " + JSON.stringify({
-        sameTarget: target === this.mainView.divElement,
-        contentRect: {
-          width: observedSize.width,
-          height: observedSize.height
-        },
-        client: {
-          width: target.clientWidth,
-          height: target.clientHeight
-        },
-        offset: {
-          width: target.offsetWidth,
-          height: target.offsetHeight
-        },
-        rect: {
-          width: target.getBoundingClientRect().width,
-          height: target.getBoundingClientRect().height
-        },
-        childRect: child ? {
-          width: child.getBoundingClientRect().width,
-          height: child.getBoundingClientRect().height
-        } : null,
-        viewSize: this.mainView.size
-      }));
-    };
-    this.onResize2 = (entries) => {
-      const entry = entries[0];
-      if (!entry)
-        return;
-      const target = entry.target;
-      const child = target.children[0];
-      const observedSize = {
-        width: entry.contentRect.width,
-        height: entry.contentRect.height
-      };
-      console.log("[window-manager] mainViewResizeObserver2 " + JSON.stringify({
-        sameTarget: target === this.mainView.divElement,
-        contentRect: {
-          width: observedSize.width,
-          height: observedSize.height
-        },
-        client: {
-          width: target.clientWidth,
-          height: target.clientHeight
-        },
-        offset: {
-          width: target.offsetWidth,
-          height: target.offsetHeight
-        },
-        rect: {
-          width: target.getBoundingClientRect().width,
-          height: target.getBoundingClientRect().height
-        },
-        childRect: child ? {
-          width: child.getBoundingClientRect().width,
-          height: child.getBoundingClientRect().height
-        } : null,
-        viewSize: this.mainView.size
-      }));
-    };
     this._syncMainViewTimer = 0;
-    this.handleCameraOrSizeUpdated = (source, payload) => {
-      console.log("[window-manager] " + source + " payload " + JSON.stringify(payload));
-      console.log("[window-manager] " + source + " state " + JSON.stringify(this.cameraState));
-      if (this.mainView.divElement) {
-        const children2 = this.mainView.divElement.children;
-        console.log("[window-manager] " + source + " rect " + JSON.stringify(this.mainView.divElement.getBoundingClientRect()));
-        const child = children2[0];
-        if (child) {
-          console.log("[window-manager] " + source + " child" + JSON.stringify(child.getBoundingClientRect()));
-        }
-      }
+    this.handleCameraOrSizeUpdated = () => {
       callbacks$1.emit("cameraStateChange", this.cameraState);
       if (this.manager.room && this.manager.room.syncMainView) {
         clearTimeout(this._syncMainViewTimer);
@@ -7987,14 +7895,16 @@ class MainViewProxy {
       this.ensureMainViewSize();
     };
     this.onCameraUpdated = (camera) => {
-      this.handleCameraOrSizeUpdated("onCameraUpdated", camera);
+      this.cameraUpdatedLocalConsole.log(JSON.stringify(camera));
+      this.handleCameraOrSizeUpdated();
     };
     this.onSizeUpdated = (size2) => {
-      this.handleCameraOrSizeUpdated("onSizeUpdated", size2);
+      this.sizeUpdatedLocalConsole.log(JSON.stringify(size2));
+      this.handleCameraOrSizeUpdated();
     };
     this.syncMainView = (room) => {
       if (room.isWritable) {
-        console.log("[window-manager] syncMainView  ");
+        console.log("[window-manager] syncMainView ");
         room.syncMainView(this.mainView);
       }
     };
@@ -8004,7 +7914,6 @@ class MainViewProxy {
     this.mainView = this.createMainView();
     this.moveCameraSizeByAttributes();
     internalEmitter.once("mainViewMounted").then(() => {
-      this.observeMainViewDivElement();
       this.addMainViewListener();
       this.start();
       this.ensureCameraAndSize();
@@ -8032,6 +7941,9 @@ class MainViewProxy {
     this.sideEffectManager.add(() => {
       return internalEmitter.on("containerSizeRatioUpdate", this.onUpdateContainerSizeRatio);
     });
+    this.sideEffectManager.add(() => {
+      return internalEmitter.on("wrapperRectChange", this.onWrapperRectChange);
+    });
     this.sideEffectManager.add(() => {
       return internalEmitter.on("startReconnect", () => {
         if (!this.didRelease) {
@@ -8062,15 +7974,6 @@ class MainViewProxy {
     this.moveCameraToContian(this.mainViewSize);
     this.moveCamera(this.mainViewCamera);
   }
-  refreshScreenSizeIfStale() {
-    const element2 = this.mainView.divElement;
-    if (!element2)
-      return;
-    const { width, height } = element2.getBoundingClientRect();
-    if (width <= 0 || height <= 0)
-      return;
-    this.forceSyncMainViewDivElement("playgroundSizeChange", { width, height }, element2);
-  }
   forceSyncMainViewDivElement(reason, observedSize, element2) {
     const { width: viewWidth, height: viewHeight } = this.mainView.size;
     if (Math.abs(viewWidth - observedSize.width) <= 0.5 && Math.abs(viewHeight - observedSize.height) <= 0.5) {
@@ -8105,7 +8008,7 @@ class MainViewProxy {
     });
   }
   start() {
-    console.log("[window-manager] start  " + JSON.stringify(this.mainViewSize));
+    console.log("[window-manager] start attributes size:" + JSON.stringify(this.mainViewSize));
     this.sizeChangeHandler(this.mainViewSize);
     if (this.started)
       return;
@@ -8114,7 +8017,10 @@ class MainViewProxy {
     if (this.manager.room)
       this.syncMainView(this.manager.room);
     this.started = true;
-    console.log("[window-manager] start end " + JSON.stringify(this.mainViewSize), JSON.stringify(this.mainView.size));
+    if (this.mainView.focusScenePath) {
+      this.manager.windowManger.onMainViewScenePathChangeHandler(this.mainView.focusScenePath);
+    }
+    console.log("[window-manager] start end mainView size:" + JSON.stringify(this.mainView.size));
   }
   setCameraAndSize() {
     const camera = { ...this.mainView.camera, id: this.manager.uid };
@@ -8156,11 +8062,9 @@ class MainViewProxy {
       this.mainView.release();
     }
     this.removeMainViewListener();
-    this.disconnectMainViewResizeObserver();
     this.mainView = this.createMainView();
     this.mainView.disableCameraTransform = disableCameraTransform;
     this.mainView.divElement = divElement;
-    this.observeMainViewDivElement();
     this.addMainViewListener();
     this.start();
     callbacks$1.emit("onMainViewRebind", this.mainView);
@@ -8198,28 +8102,6 @@ class MainViewProxy {
     this.view.callbacks.off("onCameraUpdated", this.onCameraUpdated);
     this.view.callbacks.off("onSizeUpdated", this.onSizeUpdated);
   }
-  observeMainViewDivElement() {
-    this.disconnectMainViewResizeObserver();
-    if (!("ResizeObserver" in window))
-      return;
-    if (!this.mainView.divElement)
-      return;
-    console.log("[window-manager] observeMainViewDivElement " + JSON.stringify({
-      rect: this.mainView.divElement.getBoundingClientRect(),
-      viewSize: this.mainView.size
-    }));
-    this.mainViewResizeObserver = new window.ResizeObserver(this.onResize);
-    this.mainViewResizeObserver.observe(this.mainView.divElement);
-    this.mainViewResizeObserver2 = new window.ResizeObserver(this.onResize2);
-    this.mainViewResizeObserver2.observe(this.mainView.divElement);
-  }
-  disconnectMainViewResizeObserver() {
-    var _a, _b;
-    (_a = this.mainViewResizeObserver) == null ? void 0 : _a.disconnect();
-    this.mainViewResizeObserver = void 0;
-    (_b = this.mainViewResizeObserver2) == null ? void 0 : _b.disconnect();
-    this.mainViewResizeObserver2 = void 0;
-  }
   ensureMainViewSize() {
     if ((!this.mainViewSize || this.mainViewSize.width === 0 || this.mainViewSize.height === 0) && this.mainView.size.width > 0 && this.mainView.size.height > 0) {
       this.setMainViewSize(this.mainView.size);
@@ -8264,7 +8146,6 @@ class MainViewProxy {
       this.wrapperRectWorkaroundFrame = 0;
     }
     this.removeMainViewListener();
-    this.disconnectMainViewResizeObserver();
     this.stop();
     this.sideEffectManager.flushAll();
   }
@@ -8353,7 +8234,7 @@ class AppManager {
       var _a, _b;
       const { scenePath } = params;
       if (scenePath === ROOT_DIR) {
-        console.log("[window-manager] onRemoveScenes   ROOT_DIR");
+        console.log("[window-manager] onRemoveScenes ROOT_DIR");
         await this.onRootDirRemoved();
         this.dispatchInternalEvent(Events.RootDirRemoved);
         return;
@@ -8366,7 +8247,7 @@ class AppManager {
           sceneName = (_b = this.callbacksNode) == null ? void 0 : _b.scenes[nextIndex];
         }
         if (sceneName) {
-          console.log(`[window-manager] onRemoveScenes   setMainViewScenePath${ROOT_DIR}${sceneName}`);
+          console.log(`[window-manager] onRemoveScenes  setMainViewScenePath ${ROOT_DIR}${sceneName}`);
           this.setMainViewScenePath(`${ROOT_DIR}${sceneName}`);
         }
         await this.setMainViewSceneIndex(nextIndex);
@@ -8664,7 +8545,7 @@ class AppManager {
         const pageName = scenePath.replace(sceneDir, "").replace("/", "");
         const index2 = scenes.findIndex((scene) => scene.name === pageName);
         if (isInteger(index2) && index2 >= 0) {
-          console.log("[window-manager] updateSceneIndex  ", index2);
+          console.log("[window-manager] updateSceneIndex  " + index2);
           this.safeSetAttributes({ _mainSceneIndex: index2 });
         }
       }
@@ -8932,7 +8813,6 @@ class AppManager {
     (_a = this.boxManager) == null ? void 0 : _a.setMinimized(Boolean(this.store.getMinimized()));
   }
   bindMainView(divElement, disableCameraTransform) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     const mainView = this.mainViewProxy.view;
     mainView.disableCameraTransform = disableCameraTransform;
     mainView.divElement = divElement;
@@ -8943,13 +8823,12 @@ class AppManager {
     callbacks$1.emit("onMainViewMounted", mainView);
     const hasRoot = this.hasRoot(mainView.divElement);
     const rect = this.getRectByDivElement(mainView.divElement);
-    console.log(
-      "[window-manager] bindMainView hasRoot" + hasRoot + JSON.stringify(rect) + window.outerHeight + window.outerWidth,
-      (_b = (_a = window.visualViewport) == null ? void 0 : _a.width) != null ? _b : "null",
-      (_d = (_c = window.visualViewport) == null ? void 0 : _c.height) != null ? _d : "null",
-      (_f = (_e = window.visualViewport) == null ? void 0 : _e.offsetLeft) != null ? _f : "null",
-      (_h = (_g = window.visualViewport) == null ? void 0 : _g.offsetTop) != null ? _h : "null"
-    );
+    let log2 = `[window-manager] bindMainView hasRoot:${hasRoot}, rect:${JSON.stringify(rect)}, outerHeight:${window.outerHeight}, outerWidth:${window.outerWidth}`;
+    const visualViewport = window.visualViewport;
+    if (visualViewport) {
+      log2 += `, visualViewportWidth:${visualViewport.width}, visualViewportHeight:${visualViewport.height}, visualViewportOffsetLeft:${visualViewport.offsetLeft}, visualViewportOffsetTop:${visualViewport.offsetTop}`;
+    }
+    console.log(log2);
   }
   hasRoot(divElement) {
     let current = divElement;
@@ -9075,7 +8954,7 @@ class AppManager {
   async _setMainViewScenePath(scenePath) {
     const success = this.setMainViewFocusPath(scenePath);
     if (success) {
-      console.log("[window-manager] _setMainViewScenePath  ", scenePath);
+      console.log("[window-manager] _setMainViewScenePath " + scenePath);
       this.safeSetAttributes({ _mainScenePath: scenePath });
       this.store.setMainViewFocusPath(this.mainView);
       this.updateSceneIndex();
@@ -9103,7 +8982,6 @@ class AppManager {
     }
   }
   dispatchSetMainViewScenePath(scenePath) {
-    console.log("[window-manager] dispatchSetMainViewScenePath  ", JSON.stringify(scenePath));
     this.dispatchInternalEvent(Events.SetMainViewScenePath, { nextScenePath: scenePath });
     callbacks$1.emit("mainViewScenePathChange", scenePath);
     setScenePath(this.room, scenePath);
@@ -9179,6 +9057,7 @@ const ResizeObserver$2 = window.ResizeObserver || ResizeObserver$3;
 class ContainerResizeObserver {
   constructor(emitter) {
     this.emitter = emitter;
+    this.updateSizerLocalConsole = new LocalConsole("updateSizer", 30);
   }
   static create(container, sizer, wrapper, emitter) {
     const containerResizeObserver = new ContainerResizeObserver(emitter);
@@ -9186,20 +9065,17 @@ class ContainerResizeObserver {
     return containerResizeObserver;
   }
   observePlaygroundSize(container, sizer, wrapper) {
-    console.log(`[window-manager] observePlaygroundSize ${JSON.stringify(container.getBoundingClientRect())}, ${JSON.stringify(sizer.getBoundingClientRect())}, ${JSON.stringify(wrapper.getBoundingClientRect())}`);
     this.updateSizer(container.getBoundingClientRect(), sizer, wrapper, "observePlaygroundSize");
     this.containerResizeObserver = new ResizeObserver$2((entries) => {
       var _a;
       const containerRect = (_a = entries[0]) == null ? void 0 : _a.contentRect;
       if (containerRect) {
         this.updateSizer(containerRect, sizer, wrapper, "containerResizeObserver");
-        console.log(`[window-manager] containerResizeObserver ${JSON.stringify(containerRect)}`);
         this.emitter.emit("playgroundSizeChange", containerRect);
       }
     });
     this.disposer = this.emitter.on("containerSizeRatioUpdate", () => {
       const containerRect = container.getBoundingClientRect();
-      console.log(`[window-manager] containerSizeRatioUpdate ${JSON.stringify(containerRect)}`);
       this.updateSizer(containerRect, sizer, wrapper, "containerSizeRatioUpdate");
       this.emitter.emit("playgroundSizeChange", containerRect);
     });
@@ -9216,9 +9092,8 @@ class ContainerResizeObserver {
       }
       wrapper.style.width = `${width}px`;
       wrapper.style.height = `${height}px`;
-      wrapper.style.backgroundColor = "green";
       const wrapperRect = wrapper.getBoundingClientRect();
-      console.log(`[window-manager] updateSizer from ${origin}: ${JSON.stringify({ width, height })} ${wrapper.style.width} ${wrapper.style.height} ${JSON.stringify(wrapperRect)}`);
+      this.updateSizerLocalConsole.log(`from ${origin}, traget size: ${JSON.stringify({ width, height })}, wrapperRect: ${wrapperRect.width} ${wrapperRect.height}`);
       this.emitter.emit("wrapperRectChange", {
         width: wrapperRect.width,
         height: wrapperRect.height,
@@ -9385,10 +9260,24 @@ const replaceRoomFunction = (room, manager) => {
       var _a;
       _scalePptToFit.call(room, ...args);
       if ((_a = manager.appManager) == null ? void 0 : _a.mainViewProxy) {
-        console.log("[window-manager] scalePptToFit  " + JSON.stringify(args));
         manager.appManager.mainViewProxy.setCameraAndSize();
       }
     };
+    const _putScenes = room.putScenes;
+    room.putScenes = (...args) => {
+      const [path, scenes] = args;
+      const currentScenePath = manager.mainView.focusScenePath;
+      if (currentScenePath && path && scenes) {
+        console.log("[window-manager] putScenes " + JSON.stringify(args));
+        for (const scene of scenes) {
+          if (`${path}${scene.name}` === currentScenePath) {
+            console.error(`[window-manager] putScenes: scene name can not be the same as the current scene path: ${currentScenePath}`);
+            return;
+          }
+        }
+      }
+      return _putScenes.call(room, ...args);
+    };
     room.moveCamera = (camera) => manager.moveCamera(camera);
     room.moveCameraToContain = (...args) => manager.moveCameraToContain(...args);
     room.convertToPointInWorld = (...args) => manager.mainView.convertToPointInWorld(...args);
@@ -19979,7 +19868,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.13-test.17";
+    this.version = "1.0.13-test.19";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.3.0", "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.53" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.19", "@netless/app-media-player": "0.1.4", "@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.30", "@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.53" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
@@ -19997,12 +19886,14 @@ const _WindowManager = class extends InvisiblePlugin {
           const backgroundImageRect = backgroundImage == null ? void 0 : backgroundImage.getBoundingClientRect();
           const backgroundImageCSS = window.getComputedStyle(backgroundImage);
           const backgroundImageVisible = (backgroundImageRect == null ? void 0 : backgroundImageRect.width) > 0 && (backgroundImageRect == null ? void 0 : backgroundImageRect.height) > 0 && backgroundImageCSS.display !== "none";
-          console.log("[window-manager] backgroundImageVisible" + backgroundImageVisible);
+          const camera = this.mainView.camera;
+          console.log("[window-manager] backgroundImageVisible:" + backgroundImageVisible + " camera:" + JSON.stringify(camera));
           return;
         }
-        console.log("[window-manager] onMainViewScenePathChange" + scenePath + "backgroundImageVisible is not found");
+        console.log("[window-manager] onMainViewScenePathChange scenePath:" + scenePath + " backgroundImageVisible is not found");
+        return;
       }
-      console.log("[window-manager] onMainViewScenePathChange" + scenePath + "mainViewElement is not found");
+      console.log("[window-manager] onMainViewScenePathChange scenePath:" + scenePath + " mainViewElement is not found");
     };
     _WindowManager.displayer = context.displayer;
     window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.3.0", "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.53" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.19", "@netless/app-media-player": "0.1.4", "@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.30", "@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.53" } };
@@ -20653,7 +20544,6 @@ const _WindowManager = class extends InvisiblePlugin {
     }, 500);
   }
   moveCameraToContain(rectangle) {
-    console.log("[window-manager] moveCameraToContain" + JSON.stringify(rectangle));
     this.mainView.moveCameraToContain(rectangle);
     setTimeout(() => {
       var _a;