@netless/telebox-insider 0.3.0-beta.3 → 0.3.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/telebox-insider",
-  "version": "0.3.0-beta.3",
+  "version": "0.3.0-beta.4",
   "private": false,
   "description": "Window widget for Whiteboard",
   "author": "CRIMX <straybugs@gmail.com> (https://github.com/crimx/)",

package/src/TeleBoxManager/index.ts

@@ -201,6 +201,7 @@ export class TeleBoxManager {
                                         this.setBoxStatus(box.id, TELE_BOX_STATE.Normal);
                                     }
                                 });
+                                this.effectBoxStatusChange();
                             }
                             minimized$.setValue(false);
                         }
@@ -323,6 +324,7 @@ export class TeleBoxManager {
                     case TELE_BOX_DELEGATE_EVENT.Maximize: {
                         if (this.hasBoxesStatus() && this.maxTitleBar.focusedBox?.id) {
                             this.setBoxStatus(this.maxTitleBar.focusedBox.id, TELE_BOX_STATE.Normal);
+                            this.effectBoxStatusChange();
                             this.makeMaximizedTopBoxFocus();
                         } else {
                             maximized$.setValue(!maximized$.value);
@@ -332,6 +334,7 @@ export class TeleBoxManager {
                     case TELE_BOX_DELEGATE_EVENT.Minimize: {
                         if (this.hasBoxesStatus() && this.maxTitleBar.focusedBox?.id) {
                             this.setBoxStatus(this.maxTitleBar.focusedBox.id, TELE_BOX_STATE.Minimized);
+                            this.effectBoxStatusChange();
                             this.makeMaximizedTopBoxFocus();
                         } else {
                             minimized$.setValue(true);
@@ -435,32 +438,53 @@ export class TeleBoxManager {
     }
 
     public setBoxStatus(boxId: string, boxStatus?: TeleBoxState, skipUpdate = false): void {
-        const boxesStatus = this.boxesStatus$;
         if (boxStatus) {
-            const oldBoxStatus = boxesStatus.get(boxId);
-            boxesStatus.set(boxId, boxStatus);
+            const oldBoxStatus = this.boxesStatus$.get(boxId);
+            this.boxesStatus$.set(boxId, boxStatus);
             if (boxStatus === TELE_BOX_STATE.Minimized && oldBoxStatus !== TELE_BOX_STATE.Minimized) {
                 this.setLastNotMinimizedBoxStatus(boxId, oldBoxStatus, skipUpdate);
+                this.effectLastNotMinimizedBoxStatusChange();
             } else if (oldBoxStatus === TELE_BOX_STATE.Minimized && boxStatus !== TELE_BOX_STATE.Minimized) {
                 this.setLastNotMinimizedBoxStatus(boxId, undefined, skipUpdate);
+                this.effectLastNotMinimizedBoxStatusChange();
             }
         } else {
-            boxesStatus.delete(boxId);
+            this.boxesStatus$.delete(boxId);
             this.setLastNotMinimizedBoxStatus(boxId, undefined, skipUpdate);
+            this.effectLastNotMinimizedBoxStatusChange();
         }
-        this.setBoxesStatus(boxesStatus, skipUpdate);
         if (!skipUpdate) {
             this.events.emit(TELE_BOX_MANAGER_EVENT.BoxStatus, { id: boxId, boxStatus});
         }
     }
 
+    public getBoxStatus(boxId: string): TeleBoxState | undefined {
+        return this.boxesStatus$.get(boxId);
+    }
+
+    public getLastNotMinimizedBoxStatus(boxId: string): NotMinimizedBoxState | undefined {
+        return this.lastNotMinimizedBoxesStatus$.get(boxId);
+    }
+
+    public get boxesStatus(): ReadonlyMap<string, TeleBoxState> {
+        return this.boxesStatus$;
+    }
+
+    public get lastNotMinimizedBoxesStatus(): ReadonlyMap<string, NotMinimizedBoxState> {
+        return this.lastNotMinimizedBoxesStatus$;
+    }
+
     public setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate = false): void {
         this.boxesStatus$ = boxesStatus;
+        this.effectBoxStatusChange(skipUpdate);
+    }
+
+    private effectBoxStatusChange(skipUpdate = false){
         let topBox:TeleBox | undefined;
         const topBoxId = this.topBox?.id;
         let hasMinimizedBox = false;
         this.boxes.forEach((box) => {
-            const boxStatus = boxesStatus.get(box.id);
+            const boxStatus = this.boxesStatus$.get(box.id);
             if (boxStatus) {
                 if (boxStatus !== TELE_BOX_STATE.Minimized && box.zIndex > (topBox?.zIndex ?? 0)) {
                     topBox = box;
@@ -500,13 +524,11 @@ export class TeleBoxManager {
     }
 
     public setLastNotMinimizedBoxStatus(boxId: string, lastNotMinimizedBoxStatus?: NotMinimizedBoxState, skipUpdate = false): void {
-        const boxesStatus = this.lastNotMinimizedBoxesStatus$;
         if (lastNotMinimizedBoxStatus) {
-            boxesStatus.set(boxId, lastNotMinimizedBoxStatus);
+            this.lastNotMinimizedBoxesStatus$.set(boxId, lastNotMinimizedBoxStatus);
         } else {
-            boxesStatus.delete(boxId);
+            this.lastNotMinimizedBoxesStatus$.delete(boxId);
         }
-        this.setLastNotMinimizedBoxesStatus(boxesStatus, skipUpdate);
         if (!skipUpdate) {
             this.events.emit(TELE_BOX_MANAGER_EVENT.LastNotMinimizedBoxStatus, { id: boxId, boxStatus:lastNotMinimizedBoxStatus});
         }
@@ -514,11 +536,13 @@ export class TeleBoxManager {
 
     public setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus: Map<string, NotMinimizedBoxState>, skipUpdate = false): void {
         this.lastNotMinimizedBoxesStatus$ = lastNotMinimizedBoxesStatus;
+        this.effectLastNotMinimizedBoxStatusChange(skipUpdate);
+    }
+
+    private effectLastNotMinimizedBoxStatusChange(skipUpdate = false){
         this.boxes.forEach((box) => {
-            const boxStatus = lastNotMinimizedBoxesStatus.get(box.id);
-            if (boxStatus) {
-                box.setLastNotMinimizedBoxStatus(boxStatus, skipUpdate);
-            }
+            const boxStatus = this.lastNotMinimizedBoxesStatus$.get(box.id);
+            box.setLastNotMinimizedBoxStatus(boxStatus, skipUpdate);
         });
     }
 
@@ -557,10 +581,12 @@ export class TeleBoxManager {
 
         if (box.boxStatus) {
             this.setBoxStatus(box.id, box.boxStatus, true);
+            this.effectBoxStatusChange(true);
         }
 
         if (box._lastNotMinimizedBoxStatus$.value) {
             this.setLastNotMinimizedBoxStatus(box.id, box._lastNotMinimizedBoxStatus$.value, true);
+            this.effectLastNotMinimizedBoxStatusChange();
         }
 
         box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Maximize, () => {
@@ -574,6 +600,7 @@ export class TeleBoxManager {
                         }
                     });
                 }
+                this.effectBoxStatusChange();
                 this.makeMaximizedTopBoxFocus();
             } else {
                 this.setMaximized(!this.maximized);
@@ -584,6 +611,7 @@ export class TeleBoxManager {
             if (box.boxStatus) {
                 const oldBoxStatus = box.boxStatus;
                 this.setBoxStatus(box.id, TELE_BOX_STATE.Minimized);
+                this.effectBoxStatusChange();
                 if (oldBoxStatus === TELE_BOX_STATE.Maximized) {
                     this.makeMaximizedTopBoxFocus();
                 }
@@ -678,10 +706,6 @@ export class TeleBoxManager {
         skipUpdate = false
     ): ReadonlyTeleBox | undefined {
         const box = this.getBox(boxOrID);
-        if (box) {
-            this.setBoxStatus(box.id, undefined, skipUpdate);
-            this.setLastNotMinimizedBoxStatus(box.id, undefined, skipUpdate);
-        }
         const index = this.getBoxIndex(boxOrID);
         if (index >= 0) {
             const boxes = this.boxes.slice();
@@ -689,8 +713,12 @@ export class TeleBoxManager {
             this.boxes$.setValue(boxes);
             deletedBoxes.forEach((box) => box.destroy());
             if (box) {
+                this.setBoxStatus(box.id, undefined, skipUpdate);
                 this.boxesStatus$.delete(box.id);
+                this.effectBoxStatusChange(skipUpdate);
+                this.setLastNotMinimizedBoxStatus(box.id, undefined, skipUpdate);
                 this.lastNotMinimizedBoxesStatus$.delete(box.id);
+                this.effectLastNotMinimizedBoxStatusChange();
             }
             if (!skipUpdate) {
                 if (this.boxes.length <= 0) {
@@ -882,9 +910,11 @@ export class TeleBoxManager {
         }
         if (config.boxStatus) {
             this.setBoxStatus(box.id, config.boxStatus, skipUpdate);
+            this.effectBoxStatusChange(skipUpdate);
         }
         if (config.lastNotMinimizedBoxStatus) {
             this.setLastNotMinimizedBoxStatus(box.id, config.lastNotMinimizedBoxStatus, skipUpdate);
+            this.effectLastNotMinimizedBoxStatusChange();
         }
     }