@netless/window-manager 0.4.21 → 0.4.22

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.4.22
+
+1. 修复只读端先加入时视角初次视角跟随失败的问题
+
 ## 0.4.21
 
 1. 添加 `manager.refresh()` 方法用于从其他房间 `copy` `attributes`

package/dist/AppListener.d.ts

@@ -16,4 +16,5 @@ export declare class AppListeners {
     private cursorMoveHandler;
     private rootDirRemovedHandler;
     private refreshHandler;
+    private initMainViewCameraHandler;
 }

package/dist/View/MainView.d.ts

@@ -13,6 +13,7 @@ export declare class MainViewProxy {
     private get mainViewSize();
     private moveCameraSizeByAttributes;
     start(): void;
+    addCameraReaction: () => void;
     setCameraAndSize(): void;
     private cameraReaction;
     private sizeChangeHandler;

package/dist/constants.d.ts

@@ -14,7 +14,8 @@ export declare enum Events {
     MoveCameraToContain = "MoveCameraToContain",
     CursorMove = "CursorMove",
     RootDirRemoved = "RootDirRemoved",
-    Refresh = "Refresh"
+    Refresh = "Refresh",
+    InitMainViewCamera = "InitMainViewCamera"
 }
 export declare const MagixEventName = "__WindowManger";
 export declare enum AppAttributes {

package/dist/index.es.js

@@ -42,6 +42,7 @@ var Events = /* @__PURE__ */ ((Events2) => {
   Events2["CursorMove"] = "CursorMove";
   Events2["RootDirRemoved"] = "RootDirRemoved";
   Events2["Refresh"] = "Refresh";
+  Events2["InitMainViewCamera"] = "InitMainViewCamera";
   return Events2;
 })(Events || {});
 const MagixEventName = "__WindowManger";
@@ -470,6 +471,10 @@ class AppListeners {
             this.refreshHandler();
             break;
           }
+          case Events.InitMainViewCamera: {
+            this.initMainViewCameraHandler();
+            break;
+          }
         }
       }
     };
@@ -508,6 +513,9 @@ class AppListeners {
     this.refreshHandler = () => {
       this.manager.windowManger._refresh();
     };
+    this.initMainViewCameraHandler = () => {
+      this.manager.mainViewProxy.addCameraReaction();
+    };
   }
   get boxManager() {
     return this.manager.boxManager;
@@ -1603,15 +1611,17 @@ class MainViewProxy {
     this.mainViewIsAddListener = false;
     this.store = this.manager.store;
     this.sideEffectManager = new SideEffectManager();
+    this.addCameraReaction = () => {
+      var _a;
+      (_a = this.manager.refresher) == null ? void 0 : _a.add(Fields.MainViewCamera, this.cameraReaction);
+    };
     this.cameraReaction = () => {
       return reaction(() => this.mainViewCamera, (camera) => {
         if (camera && camera.id !== this.manager.uid) {
           this.moveCameraToContian(this.mainViewSize);
           this.moveCamera(camera);
         }
-      }, {
-        fireImmediately: true
-      });
+      }, { fireImmediately: true });
     };
     this.sizeChangeHandler = debounce((size2) => {
       if (size2) {
@@ -1637,13 +1647,12 @@ class MainViewProxy {
     this.mainView = this.createMainView();
     this.moveCameraSizeByAttributes();
     emitter.once("mainViewMounted").then(() => {
-      setTimeout(() => {
-        this.addMainViewListener();
-        this.start();
-        if (!this.mainViewCamera || !this.mainViewSize) {
-          this.setCameraAndSize();
-        }
-      }, 200);
+      this.addMainViewListener();
+      this.start();
+      if (!this.mainViewCamera || !this.mainViewSize) {
+        manager.dispatchInternalEvent(Events.InitMainViewCamera);
+        this.setCameraAndSize();
+      }
     });
     const playgroundSizeChangeListener = () => {
       this.sizeChangeHandler(this.mainViewSize);
@@ -1664,12 +1673,11 @@ class MainViewProxy {
     this.moveCamera(this.mainViewCamera);
   }
   start() {
-    var _a;
     if (this.started)
       return;
     this.sizeChangeHandler(this.mainViewSize);
     this.addCameraListener();
-    (_a = this.manager.refresher) == null ? void 0 : _a.add(Fields.MainViewCamera, this.cameraReaction);
+    this.addCameraReaction();
     this.started = true;
   }
   setCameraAndSize() {
@@ -14839,7 +14847,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "0.4.21";
+    this.version = "0.4.22";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.26", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^0.1.5", "uuid": "^7.0.3", "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/jest": "^27.4.1", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jest": "^27.5.1", "jest-canvas-mock": "^2.3.1", "jest-fetch-mock": "^3.0.3", "jest-transform-stub": "^2.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", "svelte-jester": "^2.3.2", "ts-jest": "^27.1.4", "typescript": "^4.5.5", "vite": "^2.5.3", "white-web-sdk": "2.16.10" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;