@netless/window-manager 1.0.12 → 1.0.13-bate.1

package/src/index.ts

@@ -12,7 +12,7 @@ import { Fields } from "./AttributesDelegate";
 import { initDb } from "./Register/storage";
 import { InvisiblePlugin, isPlayer, isRoom, RoomPhase, ViewMode } from "white-web-sdk";
 import { isEqual, isNull, isObject, omit, isNumber } from "lodash";
-import { log } from "./Utils/log";
+import { ArgusLog, log } from "./Utils/log";
 import { PageStateImpl } from "./PageState";
 import { ReconnectRefresher } from "./ReconnectRefresher";
 import { replaceRoomFunction } from "./Utils/RoomHacker";
@@ -47,6 +47,7 @@ import type {
     Player,
     ImageInformation,
     SceneState,
+    Logger,
 } from "white-web-sdk";
 import type { AppListeners } from "./AppListener";
 import type { ApplianceIcons, NetlessApp, RegisterParams } from "./typings";
@@ -242,10 +243,19 @@ export class WindowManager
 
     private extendPluginManager?: ExtendPluginManager;
 
+    private _roomLogger?: Logger;
+
+    public attributesDeboundceLog?: ArgusLog;
+
+    get Logger(): Logger | undefined {
+        return this._roomLogger;
+    }
+
     constructor(context: InvisiblePluginContext) {
         super(context);
         WindowManager.displayer = context.displayer;
         (window as any).NETLESS_DEPS = __APP_DEPENDENCIES__;
+        this.emitter.on('mainViewScenePathChange', this.onMainViewScenePathChangeHandler)
     }
 
     public static onCreate(manager: WindowManager) {
@@ -277,6 +287,17 @@ export class WindowManager
                 room.disableSerialization = false;
             }
             manager = await this.initManager(room);
+            if (manager) {
+                manager._roomLogger = (room as unknown as { logger: Logger }).logger;
+                manager.attributesDeboundceLog = new ArgusLog(manager._roomLogger, "attributes", 300);
+                if (WindowManager.registered.size > 0) {
+                    manager._roomLogger.info(
+                        `[WindowManager] registered apps: ${JSON.stringify(
+                            Array.from(WindowManager.registered.keys())
+                        )}`
+                    );
+                }
+            }
         }
         if (WindowManager.isCreated) {
             throw new Error("[WindowManager]: Already created cannot be created again");
@@ -286,7 +307,13 @@ export class WindowManager
         if (this.debug) {
             setOptions({ verbose: true });
         }
-        log("Already insert room", manager);
+        if (manager?._roomLogger) {
+            manager._roomLogger.info(
+                `[WindowManager] Already insert room version: ${manager.version}`
+            );
+        } else {
+            log("Already insert room", manager);
+        }
 
         if (isRoom(this.displayer)) {
             if (!manager) {
@@ -345,15 +372,46 @@ export class WindowManager
         replaceRoomFunction(room, manager);
         internalEmitter.emit("onCreated");
         WindowManager.isCreated = true;
+        if (
+            manager._roomLogger &&
+            manager.attributes.registered &&
+            Object.keys(manager.attributes.registered).length > 0
+        ) {
+            manager._roomLogger.info(
+                `[WindowManager] attributes registered apps: ${JSON.stringify(
+                    Array.from(Object.keys(manager.attributes.registered))
+                )}`
+            );
+        }
         try {
             await initDb();
         } catch (error) {
+            manager._roomLogger?.warn(`[WindowManager] indexedDB open failed: ${error.message}`);
             console.warn("[WindowManager]: indexedDB open failed");
             console.log(error);
         }
+        manager.emitter.on('mainViewScenePathChange', manager.onMainViewScenePathChangeHandler)
         return manager;
     }
 
+    public onMainViewScenePathChangeHandler = (scenePath: string) => {
+        const mainViewElement = this.mainView.divElement;
+        if (mainViewElement) {
+            const backgroundImage = mainViewElement.querySelector('.background img');
+            if (backgroundImage) {
+                const backgroundImageRect = backgroundImage?.getBoundingClientRect();
+                const backgroundImageCSS = window.getComputedStyle(backgroundImage);
+                const backgroundImageVisible = backgroundImageRect?.width > 0 && backgroundImageRect?.height > 0 && backgroundImageCSS.display !== 'none';
+                const camera = this.mainView.camera;
+                console.log("[window-manager] backgroundImageVisible:" + backgroundImageVisible + " camera:" + JSON.stringify(camera));
+                return;
+            }
+            console.log("[window-manager] onMainViewScenePathChange scenePath:" + scenePath + ' backgroundImageVisible is not found');
+            return;
+        }
+        console.log("[window-manager] onMainViewScenePathChange scenePath:" + scenePath + ' mainViewElement is not found');
+    }
+
     private static initManager(room: Room): Promise<WindowManager | undefined> {
         return createInvisiblePlugin(room);
     }
@@ -975,7 +1033,6 @@ export class WindowManager
         const mainViewCamera = { ...this.mainView.camera };
         if (isEqual({ ...mainViewCamera, ...pureCamera }, mainViewCamera)) return;
         this.mainView.moveCamera(camera);
-        // this.appManager?.dispatchInternalEvent(Events.MoveCamera, camera);
         setTimeout(() => {
             this.appManager?.mainViewProxy.setCameraAndSize();
         }, 500);
@@ -988,7 +1045,6 @@ export class WindowManager
             }>
     ): void {
         this.mainView.moveCameraToContain(rectangle);
-        // this.appManager?.dispatchInternalEvent(Events.MoveCameraToContain, rectangle);
         setTimeout(() => {
             this.appManager?.mainViewProxy.setCameraAndSize();
         }, 500);
@@ -1011,6 +1067,8 @@ export class WindowManager
     }
 
     private _destroy() {
+        this.attributesDeboundceLog?.destroy();
+        this.attributesDeboundceLog = undefined;
         this.containerResizeObserver?.disconnect();
         this.appManager?.destroy();
         this.cursorManager?.destroy();
@@ -1023,6 +1081,7 @@ export class WindowManager
             WindowManager.playground.parentNode?.removeChild(WindowManager.playground);
         }
         WindowManager.params = undefined;
+        this.emitter.off('mainViewScenePathChange', this.onMainViewScenePathChangeHandler);
         this._iframeBridge?.destroy();
         this._iframeBridge = undefined;
         log("Destroyed");
@@ -1053,12 +1112,18 @@ export class WindowManager
     public safeSetAttributes(attributes: any): void {
         if (this.canOperate) {
             this.setAttributes(attributes);
+            if (this.attributesDeboundceLog) {
+                this.attributesDeboundceLog.logDebouncedShallowMerge("safeSetAttributes", attributes);
+            }
         }
     }
 
     public safeUpdateAttributes(keys: string[], value: any): void {
         if (this.canOperate) {
             this.updateAttributes(keys, value);
+            if (this.attributesDeboundceLog) {
+                this.attributesDeboundceLog.logDebouncedUpdateAttributes(keys, value);
+            }
         }
     }
 
@@ -1069,6 +1134,7 @@ export class WindowManager
     public cleanCurrentScene(): void {
         log("clean current scene");
         this.focusedView?.cleanCurrentScene();
+        this.Logger && this.Logger.info(`[WindowManager]: cleanCurrentScene ${this.focusedView?.focusScenePath}`);
     }
 
     public redo(): number {
@@ -1081,6 +1147,7 @@ export class WindowManager
 
     public delete(): void {
         this.focusedView?.delete();
+        this.Logger && this.Logger.info(`[WindowManager]: delete ${this.focusedView?.focusScenePath}`);
     }
 
     public copy(): void {