@netless/window-manager 0.4.20 → 0.4.21

package/docs/api.md

@@ -27,6 +27,7 @@
     - [`nextPage`](#nextPage)
     - [`prevPage`](#prevPage)
     - [`addPage`](#addPage)
+    - [`refresh`](#refresh)
   - [实例属性](#prototypes)
   - [事件回调](#events)
 
@@ -212,6 +213,13 @@ manager.addPage({ after: true }) // 在当前页后添加一页
 manager.addPage({ scene: { name: "page2" } }) // 传入 page 信息
 ```
 
+<h3 id="refresh">refresh</h3>
+
+> 刷新 `manager` 的内部状态, 用于从其他房间 `copy` `attributes`
+
+```ts
+manager.refresh()
+```
 
 <br>
 

package/package.json

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

package/src/AppListener.ts

@@ -59,6 +59,10 @@ export class AppListeners {
                     this.rootDirRemovedHandler();
                     break;
                 }
+                case Events.Refresh: {
+                    this.refreshHandler();
+                    break;
+                }
                 default:
                     break;
             }
@@ -103,4 +107,8 @@ export class AppListeners {
         this.manager.mainViewProxy.rebind();
         emitter.emit("rootDirRemoved");
     }
+
+    private refreshHandler = () => {
+        this.manager.windowManger._refresh();
+    }
 }

package/src/AppManager.ts

@@ -7,7 +7,7 @@ import { autorun, isPlayer, isRoom, ScenePathType } from "white-web-sdk";
 import { callbacks } from "./callback";
 import { emitter } from "./InternalEmitter";
 import { Fields, store } from "./AttributesDelegate";
-import { get, isInteger, orderBy } from "lodash";
+import { debounce, get, isInteger, orderBy } from "lodash";
 import { log } from "./Utils/log";
 import { MainViewProxy } from "./View/MainView";
 import { onObjectRemoved, safeListenPropsUpdated } from "./Utils/Reactive";
@@ -251,19 +251,9 @@ export class AppManager {
         await this.attributesUpdateCallback(this.attributes.apps);
         emitter.emit("updateManagerRect");
         emitter.onAny(this.boxEventListener);
-        this.refresher?.add("apps", () => {
-            return safeListenPropsUpdated(
-                () => this.attributes.apps,
-                () => {
-                    this.attributesUpdateCallback(this.attributes.apps);
-                }
-            );
-        });
-        this.refresher?.add("appsClose", () => {
-            return onObjectRemoved(this.attributes.apps, () => {
-                this.onAppDelete(this.attributes.apps);
-            });
-        });
+
+        this.addAppsChangeListener();
+        this.addAppCloseListener();
         this.refresher?.add("maximized", () => {
             return autorun(() => {
                 const maximized = this.attributes.maximized;
@@ -313,6 +303,25 @@ export class AppManager {
         });
     }
 
+    public addAppsChangeListener = () => {
+        this.refresher?.add("apps", () => {
+            return safeListenPropsUpdated(
+                () => this.attributes.apps,
+                () => {
+                    this.attributesUpdateCallback(this.attributes.apps);
+                }
+            );
+        });
+    }
+
+    public addAppCloseListener = () => {
+        this.refresher?.add("appsClose", () => {
+            return onObjectRemoved(this.attributes.apps, () => {
+                this.onAppDelete(this.attributes.apps);
+            });
+        });
+    }
+
     private onMainViewIndexChange = (index: number) => {
         if (index !== undefined && this._prevSceneIndex !== index) {
             callbacks.emit("mainViewSceneIndexChange", index);
@@ -342,13 +351,15 @@ export class AppManager {
         }
     }
 
+    public attributesUpdateCallback = debounce((apps: any) => this._attributesUpdateCallback(apps), 100);
+
     /**
      * 插件更新 attributes 时的回调
      *
      * @param {*} attributes
      * @memberof WindowManager
      */
-    public async attributesUpdateCallback(apps: any) {
+    public async _attributesUpdateCallback(apps: any) {
         if (apps && WindowManager.container) {
             const appIds = Object.keys(apps);
             if (appIds.length === 0) {

package/src/ReconnectRefresher.ts

@@ -36,6 +36,10 @@ export class ReconnectRefresher {
     };
 
     private onReconnected = debounce(() => {
+        this._onReconnected();
+    }, 3000);
+
+    private _onReconnected = () => {
         log("onReconnected refresh reactors");
         this.releaseDisposers();
         this.reactors.forEach((func, id) => {
@@ -44,7 +48,7 @@ export class ReconnectRefresher {
             }
         });
         this.ctx.emitter.emit("onReconnected", undefined);
-    }, 3000);
+    }
 
     private releaseDisposers() {
         this.disposers.forEach(disposer => {
@@ -55,7 +59,15 @@ export class ReconnectRefresher {
         this.disposers.clear();
     }
 
+    public refresh() {
+        this._onReconnected();
+    }
+
     public add(id: string, func: any) {
+        const disposer = this.disposers.get(id);
+        if (disposer && isFunction(disposer)) {
+            disposer();
+        }
         if (isFunction(func)) {
             this.reactors.set(id, func);
             this.disposers.set(id, func());

package/src/constants.ts

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

package/src/index.ts

@@ -332,6 +332,9 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
                     params.chessboard,
                     params.overwriteStyles
                 );
+                if (this.boxManager) {
+                    this.boxManager.destroy();
+                }
                 const boxManager = createBoxManager(this, callbacks, emitter, {
                     collectorContainer: params.collectorContainer,
                     collectorStyles: params.collectorStyles,
@@ -876,6 +879,20 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
         return this.focusedView?.lockImages(locked);
     }
 
+    public refresh() {
+       this._refresh();
+       this.appManager?.dispatchInternalEvent(Events.Refresh);
+    }
+    
+    /** @inner */
+    public _refresh() {
+        this.appManager?.mainViewProxy.rebind();
+        if (WindowManager.container) {
+            this.bindContainer(WindowManager.container);
+        }
+        this.appManager?.refresher?.refresh();
+    }
+
     private isDynamicPPT(scenes: SceneDefinition[]) {
         const sceneSrc = scenes[0]?.ppt?.src;
         return sceneSrc?.startsWith("pptx://");