@netless/window-manager 1.0.0-canary.36 → 1.0.0-canary.39

package/dist/index.es.js

@@ -495,13 +495,18 @@ class CameraSynchronizer {
     this.view = view;
   }
   onRemoteSizeUpdate(size2) {
+    var _a;
     this.remoteSize = size2;
     const needMoveCamera = !isEqual(pick(this.rect, ["width", "height"]), pick(size2, ["width", "height"]));
     if (this.rect && this.remoteCamera && needMoveCamera) {
-      const scale2 = this.rect.width / size2.width;
-      const nextScale = this.remoteCamera.scale * scale2;
-      this.moveCamera({
-        scale: nextScale
+      if (!this.view)
+        return;
+      const currentCamera = this.view.camera;
+      (_a = this.view) == null ? void 0 : _a.moveCameraToContain({
+        width: size2.width,
+        height: size2.height,
+        originX: currentCamera.centerX - size2.width / 2,
+        originY: currentCamera.centerY - size2.height / 2
       });
     }
   }
@@ -684,10 +689,10 @@ class InvalidScenePath extends Error {
     this.message = `[WindowManager]: ScenePath should start with "/"`;
   }
 }
-class BoxManagerNotFoundError extends Error {
+class BoxManagerNotInitializeError extends Error {
   constructor() {
     super(...arguments);
-    this.message = "[WindowManager]: boxManager not found";
+    this.message = "[WindowManager]: boxManager need initialize";
   }
 }
 class BindContainerRoomPhaseInvalidError extends Error {
@@ -1942,7 +1947,7 @@ class AppProxy {
     var _a;
     log("setupApp", appId, app, options);
     if (!this.boxManager) {
-      throw new BoxManagerNotFoundError();
+      throw new BoxManagerNotInitializeError();
     }
     const context = new AppContext(this.manager, appId, this, appOptions);
     this.appContext = context;
@@ -2988,7 +2993,7 @@ class AppManager {
       if (appIds.length === 0) {
         this.appCreateQueue.emitReady();
       }
-      const appsWithCreatedAt = appIds.map((appId) => {
+      let appsWithCreatedAt = appIds.map((appId) => {
         if (apps[appId].setup) {
           return {
             id: appId,
@@ -2998,6 +3003,14 @@ class AppManager {
           return {};
         }
       });
+      if (this.isReplay) {
+        appsWithCreatedAt = appIds.map((appId) => {
+          return {
+            id: appId,
+            createdAt: apps[appId].createdAt
+          };
+        });
+      }
       for (const { id } of orderBy(appsWithCreatedAt, "createdAt", "asc")) {
         if (id && !this.appProxies.has(id) && !this.appStatus.has(id)) {
           const app = apps[id];
@@ -5801,6 +5814,9 @@ class BoxManager {
       }),
       emitter2.on("containerSizeRatioUpdate", (ratio) => {
         this.teleBoxManager._stageRatio$.setValue(ratio);
+      }),
+      this.teleBoxManager._fullscreen$.reaction((fullscreen) => {
+        callbacks2.emit("fullscreenChange", fullscreen);
       })
     ]);
   }
@@ -12892,15 +12908,51 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.0-canary.36";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.33", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.1.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.3.0", "@netless/app-plyr": "0.2.0", "@playwright/test": "^1.23.2", "@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.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "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.3", "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", "vite-plugin-dts": "^1.2.1", "vitest": "^0.18.0", "white-web-sdk": "2.16.26" } };
+    this.version = "1.0.0-canary.39";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.34", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.1.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.3.0", "@netless/app-plyr": "0.2.0", "@playwright/test": "^1.23.2", "@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.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "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.3", "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", "vite-plugin-dts": "^1.2.1", "vitest": "^0.18.0", "white-web-sdk": "2.16.26" } };
     this.emitter = callbacks;
     this.viewMode = ViewMode.Broadcaster;
     this.viewMode$ = new Val$1(ViewMode.Broadcaster);
     this.isReplay = isPlayer(this.displayer);
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
+    this.moveCamera = debounce((camera) => {
+      var _a;
+      const mainViewCamera = __spreadValues({}, this.mainView.camera);
+      const nextCamera = __spreadValues(__spreadValues({}, mainViewCamera), camera);
+      if (isEqual(nextCamera, mainViewCamera))
+        return;
+      if (!this.appManager)
+        return;
+      if (camera.animationMode === AnimationMode.Immediately) {
+        this.appManager.mainViewProxy.storeCamera(__spreadValues({
+          id: this.appManager.uid
+        }, nextCamera));
+      } else {
+        const remoteCamera = this.appManager.mainViewProxy.size$.value;
+        const currentSize = (_a = this.boxManager) == null ? void 0 : _a.stageRect;
+        let nextScale;
+        if (camera.scale && remoteCamera && currentSize) {
+          nextScale = camera.scale * computedMinScale(remoteCamera, currentSize);
+        }
+        if (nextScale) {
+          this.mainView.moveCamera(__spreadProps(__spreadValues({}, camera), {
+            scale: nextScale
+          }));
+        } else {
+          this.mainView.moveCamera(camera);
+        }
+        this.appManager.dispatchInternalEvent(Events.MoveCamera, camera);
+        setTimeout(() => {
+          if (!this.appManager)
+            return;
+          this.appManager.mainViewProxy.storeCamera(__spreadValues({
+            id: this.appManager.uid
+          }, nextCamera));
+        }, 200);
+      }
+    }, 200);
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.33", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.1.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.3.0", "@netless/app-plyr": "0.2.0", "@playwright/test": "^1.23.2", "@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.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "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.3", "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", "vite-plugin-dts": "^1.2.1", "vitest": "^0.18.0", "white-web-sdk": "2.16.26" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.34", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.1.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.3.0", "@netless/app-plyr": "0.2.0", "@playwright/test": "^1.23.2", "@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.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "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.3", "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", "vite-plugin-dts": "^1.2.1", "vitest": "^0.18.0", "white-web-sdk": "2.16.26" } };
   }
   static async mount(params) {
     var _a;
@@ -13399,6 +13451,12 @@ const _WindowManager = class extends InvisiblePlugin {
       throw new AppManagerNotInitError();
     }
   }
+  get teleboxManager() {
+    if (!this.boxManager) {
+      throw new BoxManagerNotInitializeError();
+    }
+    return this.boxManager.teleBoxManager;
+  }
   queryAll() {
     var _a;
     return Array.from(((_a = this.appManager) == null ? void 0 : _a.appProxies.values()) || []);
@@ -13411,87 +13469,6 @@ const _WindowManager = class extends InvisiblePlugin {
     var _a;
     return (_a = this.appManager) == null ? void 0 : _a.closeApp(appId);
   }
-  moveCamera(camera) {
-    var _a;
-    const mainViewCamera = __spreadValues({}, this.mainView.camera);
-    const nextCamera = __spreadValues(__spreadValues({}, mainViewCamera), camera);
-    if (isEqual(nextCamera, mainViewCamera))
-      return;
-    if (!this.appManager)
-      return;
-    if (camera.animationMode === AnimationMode.Immediately) {
-      this.appManager.mainViewProxy.storeCamera(__spreadValues({
-        id: this.appManager.uid
-      }, nextCamera));
-    } else {
-      const remoteCamera = this.appManager.mainViewProxy.size$.value;
-      const currentSize = (_a = this.boxManager) == null ? void 0 : _a.stageRect;
-      let nextScale;
-      if (camera.scale && remoteCamera && currentSize) {
-        nextScale = camera.scale * computedMinScale(remoteCamera, currentSize);
-      }
-      if (nextScale) {
-        this.mainView.moveCamera(__spreadProps(__spreadValues({}, camera), {
-          scale: nextScale
-        }));
-      } else {
-        this.mainView.moveCamera(camera);
-      }
-      this.appManager.dispatchInternalEvent(Events.MoveCamera, camera);
-      setTimeout(() => {
-        if (!this.appManager)
-          return;
-        this.appManager.mainViewProxy.storeCamera(__spreadValues({
-          id: this.appManager.uid
-        }, nextCamera));
-      }, 200);
-    }
-  }
-  moveCameraToContain(rectangle) {
-    if (!this.appManager)
-      return;
-    const camera = {};
-    if (isNumber$2(rectangle.originX)) {
-      camera.centerX = rectangle.originX;
-    }
-    if (isNumber$2(rectangle.originY)) {
-      camera.centerY = rectangle.originY;
-    }
-    if (rectangle.animationMode === AnimationMode.Immediately) {
-      this.appManager.mainViewProxy.storeSize({
-        id: this.appManager.uid,
-        width: rectangle.width,
-        height: rectangle.height
-      });
-      this.mainView.moveCameraToContain(rectangle);
-      if (!isEmpty$2(camera) && this.appManager.mainViewProxy.camera$.value) {
-        this.appManager.mainViewProxy.storeCamera(__spreadProps(__spreadValues({}, this.appManager.mainViewProxy.camera$.value), {
-          id: this.appManager.uid,
-          centerX: this.mainView.camera.centerX,
-          centerY: this.mainView.camera.centerY
-        }));
-      }
-    } else {
-      this.appManager.dispatchInternalEvent(Events.MoveCameraToContain, rectangle);
-      this.mainView.moveCameraToContain(rectangle);
-      setTimeout(() => {
-        if (!this.appManager)
-          return;
-        this.appManager.mainViewProxy.storeSize({
-          id: this.appManager.uid,
-          width: rectangle.width,
-          height: rectangle.height
-        });
-        if (!isEmpty$2(camera) && this.appManager.mainViewProxy.camera$.value) {
-          this.appManager.mainViewProxy.storeCamera(__spreadProps(__spreadValues({}, this.appManager.mainViewProxy.camera$.value), {
-            id: this.appManager.uid,
-            centerX: this.mainView.camera.centerX,
-            centerY: this.mainView.camera.centerY
-          }));
-        }
-      }, 200);
-    }
-  }
   convertToPointInWorld(point) {
     return this.mainView.convertToPointInWorld(point);
   }
@@ -13631,6 +13608,14 @@ const _WindowManager = class extends InvisiblePlugin {
   setBaseSize(size2) {
     var _a;
     (_a = this.appManager) == null ? void 0 : _a.mainViewProxy.setMainViewSize(size2);
+    setTimeout(() => {
+      if (!this.appManager || !this.appManager.mainViewProxy.camera$.value)
+        return;
+      this.appManager.mainViewProxy.storeCamera(__spreadProps(__spreadValues({}, this.appManager.mainViewProxy.camera$.value), {
+        id: this.appManager.uid,
+        scale: 1
+      }));
+    }, 500);
   }
   createPPTHandler() {
     return {
@@ -13686,4 +13671,4 @@ WindowManager.debug = false;
 WindowManager.containerSizeRatio = DEFAULT_CONTAINER_RATIO;
 WindowManager.isCreated = false;
 setupBuiltin();
-export { AppCreateError, AppManagerNotInitError, AppNotRegisterError, BindContainerRoomPhaseInvalidError, BoxManagerNotFoundError, BoxNotCreatedError, BuiltinApps, BuiltinAppsMap, InvalidScenePath, ParamsInvalidError, WhiteWebSDKInvalidError, WindowManager, calculateNextIndex, reconnectRefresher };
+export { AppCreateError, AppManagerNotInitError, AppNotRegisterError, BindContainerRoomPhaseInvalidError, BoxManagerNotInitializeError, BoxNotCreatedError, BuiltinApps, BuiltinAppsMap, InvalidScenePath, ParamsInvalidError, WhiteWebSDKInvalidError, WindowManager, calculateNextIndex, reconnectRefresher };