@netless/window-manager 1.0.13-test.4 → 1.0.13-test.6

package/dist/index.mjs

@@ -464,7 +464,7 @@ class AppListeners {
             break;
           }
           case Events.SetMainViewScenePath: {
-            console.log("[window-manager] mainMagixEventListener  ", JSON.stringify(data.payload));
+            console.log("[window-manager] mainMagixEventListener  " + JSON.stringify(data.payload));
             this.setMainViewScenePathHandler(data.payload);
             break;
           }
@@ -5711,7 +5711,7 @@ class LocalConsole {
     if (args === null) {
       return;
     }
-    console.log(`[window-manager][${this.name}]:`, ...args);
+    console.log(`[window-manager][${this.name}]: ${args.join(", ")}`);
   }
   log(...args) {
     const ms = this.debounceTime;
@@ -5723,7 +5723,7 @@ class LocalConsole {
       this.flushTimer = setTimeout(() => this.flush(), ms);
       return;
     }
-    console.log(`[window-manager][${this.name}]:`, ...args);
+    console.log(`[window-manager][${this.name}]: ${args.join(", ")}`);
   }
 }
 const setupWrapper = (root) => {
@@ -7783,6 +7783,7 @@ const setDefaultCameraBound = (view) => {
     minContentMode: () => 0.1
   });
 };
+window.___local_log = window.___local_log || /* @__PURE__ */ new Set();
 class MainViewProxy {
   constructor(manager) {
     this.manager = manager;
@@ -7820,7 +7821,7 @@ class MainViewProxy {
         () => this.mainViewCamera,
         (camera) => {
           if (camera && camera.id !== this.manager.uid) {
-            console.log("[window-manager] cameraReaction  ", JSON.stringify(camera), JSON.stringify(this.mainViewSize));
+            console.log("[window-manager] cameraReaction  " + JSON.stringify(camera) + JSON.stringify(this.mainViewSize));
             this.moveCameraToContian(this.mainViewSize);
             this.moveCamera(camera);
           }
@@ -7830,15 +7831,15 @@ class MainViewProxy {
     };
     this.sizeChangeHandler = debounce((size2) => {
       if (size2) {
-        console.log("[window-manager] sizeChangeHandler  current size and camera", JSON.stringify(size2), JSON.stringify(this.mainViewCamera));
         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));
       }
       this.ensureMainViewSize();
     }, 30);
     this.onUpdateContainerSizeRatio = () => {
       const size2 = this.store.getMainViewSize();
-      console.log("[window-manager] onUpdateContainerSizeRatio  ", JSON.stringify(size2));
+      console.log("[window-manager] onUpdateContainerSizeRatio  " + JSON.stringify(size2));
       this.sizeChangeHandler(size2);
     };
     this.onCameraUpdatedByDevice = (camera) => {
@@ -8162,7 +8163,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);
@@ -8740,11 +8741,7 @@ class AppManager {
     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,
+      "[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",
@@ -8986,12 +8983,14 @@ class ContainerResizeObserver {
     return containerResizeObserver;
   }
   observePlaygroundSize(container, sizer, wrapper) {
+    console.log(`[window-manager] observePlaygroundSize ${container.getBoundingClientRect(), sizer.getBoundingClientRect(), wrapper.getBoundingClientRect()}`);
     this.updateSizer(container.getBoundingClientRect(), sizer, wrapper);
     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);
+        console.log(`[window-manager] containerResizeObserver ${containerRect}`);
         this.emitter.emit("playgroundSizeChange", containerRect);
       }
     });
@@ -9174,7 +9173,7 @@ 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));
+        console.log("[window-manager] scalePptToFit  " + JSON.stringify(args));
         manager.appManager.mainViewProxy.setCameraAndSize();
       }
     };
@@ -19768,7 +19767,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.13-test.4";
+    this.version = "1.0.13-test.5";
     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;
@@ -19776,12 +19775,28 @@ const _WindowManager = class extends InvisiblePlugin {
     this._cursorUIDs = [];
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     this.visibleStateListener = () => {
-      console.log("[window-manager] visibleStateListener  isVisible:", !document.hidden);
+      console.log("[window-manager] visibleStateListener  isVisible:" + !document.hidden);
+    };
+    this.onMainViewScenePathChangeHandler = (scenePath) => {
+      const mainViewElement = this.mainView.divElement;
+      if (mainViewElement) {
+        const backgroundImage = mainViewElement.querySelector(".background img");
+        if (backgroundImage) {
+          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);
+          return;
+        }
+        console.log("[window-manager] onMainViewScenePathChange" + scenePath + "backgroundImageVisible is not found");
+      }
+      console.log("[window-manager] onMainViewScenePathChange" + 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" } };
     this.visibleStateListener();
     document.addEventListener("visibilitychange", this.visibleStateListener);
+    this.emitter.on("mainViewScenePathChange", this.onMainViewScenePathChangeHandler);
   }
   get Logger() {
     return this._roomLogger;
@@ -19897,6 +19912,7 @@ const _WindowManager = class extends InvisiblePlugin {
       console.warn("[WindowManager]: indexedDB open failed");
       console.log(error);
     }
+    manager.emitter.on("mainViewScenePathChange", manager.onMainViewScenePathChangeHandler);
     return manager;
   }
   static initManager(room) {
@@ -20458,6 +20474,7 @@ const _WindowManager = class extends InvisiblePlugin {
     }
     _WindowManager.params = void 0;
     document.removeEventListener("visibilitychange", this.visibleStateListener);
+    this.emitter.off("mainViewScenePathChange", this.onMainViewScenePathChangeHandler);
     (_f = this._iframeBridge) == null ? void 0 : _f.destroy();
     this._iframeBridge = void 0;
     log("Destroyed");