@netless/window-manager 1.0.13-test.10 → 1.0.13-test.11

package/dist/index.mjs

@@ -7860,6 +7860,14 @@ class MainViewProxy {
     this._syncMainViewTimer = 0;
     this.onCameraOrSizeUpdated = () => {
       console.log("[window-manager] onCameraOrSizeUpdated  " + JSON.stringify(this.cameraState));
+      if (this.mainView.divElement) {
+        const children2 = this.mainView.divElement.children;
+        console.log("[window-manager] onCameraOrSizeUpdated  " + this.mainView.divElement.getBoundingClientRect());
+        const child = children2[0];
+        if (child) {
+          console.log("[window-manager] child" + JSON.stringify(child.getBoundingClientRect()));
+        }
+      }
       callbacks$1.emit("cameraStateChange", this.cameraState);
       if (this.manager.room && this.manager.room.syncMainView) {
         clearTimeout(this._syncMainViewTimer);
@@ -7886,6 +7894,7 @@ class MainViewProxy {
     });
     const playgroundSizeChangeListener = () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
+      this.refreshScreenSizeIfStale();
       this.playgroundSizeChangeListenerLocalConsole.log(
         JSON.stringify(this.mainView.camera),
         JSON.stringify(this.mainView.size),
@@ -7936,6 +7945,24 @@ class MainViewProxy {
     this.moveCameraToContian(this.mainViewSize);
     this.moveCamera(this.mainViewCamera);
   }
+  refreshScreenSizeIfStale() {
+    var _a;
+    const element2 = this.mainView.divElement;
+    if (!element2)
+      return;
+    const { width, height } = element2.getBoundingClientRect();
+    if (width <= 0 || height <= 0)
+      return;
+    const { width: viewWidth, height: viewHeight } = this.mainView.size;
+    if (Math.abs(viewWidth - width) > 0.5 || Math.abs(viewHeight - height) > 0.5) {
+      const resizableView = this.mainView;
+      console.log("[window-manager] forceResizeScreen stale size" + JSON.stringify({
+        viewSize: this.mainView.size,
+        domSize: { width, height }
+      }));
+      (_a = resizableView.resizeScreen) == null ? void 0 : _a.call(resizableView);
+    }
+  }
   start() {
     console.log("[window-manager] start  " + JSON.stringify(this.mainViewSize));
     this.sizeChangeHandler(this.mainViewSize);
@@ -19774,7 +19801,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.13-test.10";
+    this.version = "1.0.13-test.11";
     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;