@netless/window-manager 0.4.21 → 0.4.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/window-manager",
-  "version": "0.4.21",
+  "version": "0.4.22",
   "description": "",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",

package/src/AppListener.ts

@@ -63,6 +63,10 @@ export class AppListeners {
                     this.refreshHandler();
                     break;
                 }
+                case Events.InitMainViewCamera: {
+                    this.initMainViewCameraHandler();
+                    break;
+                }
                 default:
                     break;
             }
@@ -111,4 +115,8 @@ export class AppListeners {
     private refreshHandler = () => {
         this.manager.windowManger._refresh();
     }
+
+    private initMainViewCameraHandler = () => {
+        this.manager.mainViewProxy.addCameraReaction();
+    }
 }

package/src/AppManager.ts

@@ -5,9 +5,9 @@ import { AppProxy } from "./App";
 import { appRegister } from "./Register";
 import { autorun, isPlayer, isRoom, ScenePathType } from "white-web-sdk";
 import { callbacks } from "./callback";
+import { debounce, get, isInteger, orderBy } from "lodash";
 import { emitter } from "./InternalEmitter";
 import { Fields, store } from "./AttributesDelegate";
-import { debounce, get, isInteger, orderBy } from "lodash";
 import { log } from "./Utils/log";
 import { MainViewProxy } from "./View/MainView";
 import { onObjectRemoved, safeListenPropsUpdated } from "./Utils/Reactive";
@@ -132,7 +132,7 @@ export class AppManager {
     public async onRootDirRemoved(needClose = true) {
         this.setMainViewScenePath(INIT_DIR);
         this.createRootDirScenesCallback();
-        
+
         for (const [id, appProxy] of this.appProxies.entries()) {
             if (appProxy.view) {
                 await this.closeApp(id, needClose);
@@ -312,7 +312,7 @@ export class AppManager {
                 }
             );
         });
-    }
+    };
 
     public addAppCloseListener = () => {
         this.refresher?.add("appsClose", () => {
@@ -320,7 +320,7 @@ export class AppManager {
                 this.onAppDelete(this.attributes.apps);
             });
         });
-    }
+    };
 
     private onMainViewIndexChange = (index: number) => {
         if (index !== undefined && this._prevSceneIndex !== index) {
@@ -331,7 +331,7 @@ export class AppManager {
             }
             this._prevSceneIndex = index;
         }
-    }
+    };
 
     private onFocusChange = (focused: string | undefined) => {
         if (this._prevFocused !== focused) {
@@ -349,9 +349,12 @@ export class AppManager {
                 }, 0);
             }
         }
-    }
+    };
 
-    public attributesUpdateCallback = debounce((apps: any) => this._attributesUpdateCallback(apps), 100);
+    public attributesUpdateCallback = debounce(
+        (apps: any) => this._attributesUpdateCallback(apps),
+        100
+    );
 
     /**
      * 插件更新 attributes 时的回调
@@ -742,7 +745,7 @@ export class AppManager {
 
     public updateRootDirRemoving = (removing: boolean) => {
         this.rootDirRemoving = removing;
-    }
+    };
 
     public dispatchInternalEvent(event: Events, payload?: any) {
         this.safeDispatchMagixEvent(MagixEventName, {

package/src/View/MainView.ts

@@ -8,6 +8,7 @@ import { setViewFocusScenePath } from "../Utils/Common";
 import { SideEffectManager } from "side-effect-manager";
 import type { Camera, Size, View } from "white-web-sdk";
 import type { AppManager } from "../AppManager";
+import { Events } from "../constants";
 
 export class MainViewProxy {
     private scale?: number;
@@ -22,13 +23,12 @@ export 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); // 等待 mainView 挂载完毕再进行监听，否则会触发不必要的 onSizeUpdated
+            this.addMainViewListener();
+            this.start();
+            if (!this.mainViewCamera || !this.mainViewSize) {
+                manager.dispatchInternalEvent(Events.InitMainViewCamera)
+                this.setCameraAndSize();
+            }
         });
         const playgroundSizeChangeListener = () => {
             this.sizeChangeHandler(this.mainViewSize);
@@ -56,10 +56,14 @@ export class MainViewProxy {
         if (this.started) return;
         this.sizeChangeHandler(this.mainViewSize);
         this.addCameraListener();
-        this.manager.refresher?.add(Fields.MainViewCamera, this.cameraReaction);
+        this.addCameraReaction();
         this.started = true;
     }
 
+    public addCameraReaction = () => {
+        this.manager.refresher?.add(Fields.MainViewCamera, this.cameraReaction);
+    }
+
     public setCameraAndSize(): void {
         this.store.setMainViewCamera({ ...this.mainView.camera, id: this.manager.uid });
         this.store.setMainViewSize({ ...this.mainView.size, id: this.manager.uid });
@@ -73,10 +77,7 @@ export class MainViewProxy {
                     this.moveCameraToContian(this.mainViewSize);
                     this.moveCamera(camera);
                 }
-            },
-            {
-                fireImmediately: true,
-            }
+            }, { fireImmediately: true }
         );
     };
 

package/src/constants.ts

@@ -15,6 +15,7 @@ export enum Events {
     CursorMove = "CursorMove",
     RootDirRemoved = "RootDirRemoved",
     Refresh = "Refresh",
+    InitMainViewCamera = "InitMainViewCamera",
 }
 
 export const MagixEventName = "__WindowManger";