@netless/window-manager 0.4.8 → 0.4.9-canary.2

package/src/callback.ts

@@ -0,0 +1,24 @@
+import Emittery from "emittery";
+import type { TeleBoxColorScheme, TELE_BOX_STATE } from "@netless/telebox-insider";
+import type { CameraState, SceneState, ViewVisionMode } from "white-web-sdk";
+import type { LoadAppEvent } from "./Register";
+
+export type PublicEvent = {
+    mainViewModeChange: ViewVisionMode;
+    boxStateChange: `${TELE_BOX_STATE}`;
+    darkModeChange: boolean;
+    prefersColorSchemeChange: TeleBoxColorScheme;
+    cameraStateChange: CameraState;
+    mainViewScenePathChange: string;
+    mainViewSceneIndexChange: number;
+    focusedChange: string | undefined;
+    mainViewScenesLengthChange: number;
+    canRedoStepsChange: number;
+    canUndoStepsChange: number;
+    loadApp: LoadAppEvent;
+    ready: undefined; // 所有 APP 创建完毕时触发
+    sceneStateChange: SceneState;
+};
+
+export type CallbacksType = Emittery<PublicEvent>;
+export const callbacks: CallbacksType = new Emittery();

package/src/index.ts

@@ -1,12 +1,13 @@
-import Emittery from "emittery";
 import pRetry from "p-retry";
 import { AppManager } from "./AppManager";
 import { appRegister } from "./Register";
+import { callbacks } from "./callback";
 import { checkVersion, setupWrapper } from "./Helper";
 import { ContainerResizeObserver } from "./ContainerResizeObserver";
 import { createBoxManager } from "./BoxManager";
 import { CursorManager } from "./Cursor";
 import { DEFAULT_CONTAINER_RATIO, Events, ROOT_DIR } from "./constants";
+import { emitter } from "./InternalEmitter";
 import { Fields } from "./AttributesDelegate";
 import { initDb } from "./Register/storage";
 import { InvisiblePlugin, isPlayer, isRoom, RoomPhase, ViewMode } from "white-web-sdk";
@@ -18,7 +19,6 @@ import { setupBuiltin } from "./BuiltinApps";
 import "video.js/dist/video-js.css";
 import "./style.css";
 import "@netless/telebox-insider/dist/style.css";
-import type { LoadAppEvent } from "./Register";
 import {
     addEmitterOnceListener,
     ensureValidScenePath,
@@ -45,15 +45,17 @@ import type {
     CameraBound,
     Point,
     Rectangle,
-    ViewVisionMode,
     CameraState,
     Player,
     ImageInformation,
+    SceneState,
 } from "white-web-sdk";
 import type { AppListeners } from "./AppListener";
 import type { NetlessApp, RegisterParams } from "./typings";
 import type { TeleBoxColorScheme, TeleBoxState } from "@netless/telebox-insider";
 import type { AppProxy } from "./AppProxy";
+import type { PublicEvent } from "./Callback";
+import type Emittery from "emittery";
 
 export type WindowMangerAttributes = {
     modelValue?: string;
@@ -122,45 +124,6 @@ export type AppInitState = {
 
 export type CursorMovePayload = { uid: string; state?: "leave"; position: Position };
 
-export type EmitterEvent = {
-    onCreated: undefined;
-    InitReplay: AppInitState;
-    move: { appId: string; x: number; y: number };
-    focus: { appId: string };
-    close: { appId: string };
-    resize: { appId: string; width: number; height: number; x?: number; y?: number };
-    error: Error;
-    seek: number;
-    mainViewMounted: undefined;
-    observerIdChange: number;
-    boxStateChange: string;
-    playgroundSizeChange: DOMRect;
-    onReconnected: void;
-    removeScenes: string;
-    cursorMove: CursorMovePayload;
-    updateManagerRect: undefined;
-    focusedChange: { focused: string | undefined, prev: string | undefined };
-    rootDirRemoved: undefined;
-};
-
-export type EmitterType = Emittery<EmitterEvent>;
-export const emitter: EmitterType = new Emittery();
-
-export type PublicEvent = {
-    mainViewModeChange: ViewVisionMode;
-    boxStateChange: `${TELE_BOX_STATE}`;
-    darkModeChange: boolean;
-    prefersColorSchemeChange: TeleBoxColorScheme;
-    cameraStateChange: CameraState;
-    mainViewScenePathChange: string;
-    mainViewSceneIndexChange: number;
-    focusedChange: string | undefined;
-    mainViewScenesLengthChange: number;
-    canRedoStepsChange: number;
-    canUndoStepsChange: number;
-    loadApp: LoadAppEvent;
-};
-
 export type MountParams = {
     room: Room | Player;
     container?: HTMLElement;
@@ -177,15 +140,12 @@ export type MountParams = {
     prefersColorScheme?: TeleBoxColorScheme;
 };
 
-export type CallbacksType = Emittery<PublicEvent>;
-export const callbacks: CallbacksType = new Emittery();
-
 export const reconnectRefresher = new ReconnectRefresher({ emitter });
 
 export type AddPageParams = {
     after?: boolean;
     scene?: SceneDefinition;
-}
+};
 
 export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
     public static kind = "WindowManager";
@@ -350,6 +310,10 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
         return mainViewElement;
     }
 
+    public static get registered() {
+        return appRegister.registered;
+    }
+
     public bindContainer(container: HTMLElement) {
         if (WindowManager.isCreated && WindowManager.container) {
             if (WindowManager.container.firstChild) {
@@ -495,10 +459,10 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
     public async nextPage(): Promise<boolean> {
         if (this.appManager) {
             const nextIndex = this.mainViewSceneIndex + 1;
-            if (nextIndex >= this.mainViewScenesLength)  {
+            if (nextIndex >= this.mainViewScenesLength) {
                 console.warn(`[WindowManager]: current page is the last page`);
                 return false;
-            };
+            }
             await this.appManager.setMainViewSceneIndex(nextIndex);
             return true;
         } else {
@@ -512,7 +476,7 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
             if (prevIndex < 0) {
                 console.warn(`[WindowManager]: current page is the first page`);
                 return false;
-            };
+            }
             await this.appManager.setMainViewSceneIndex(prevIndex);
             return true;
         } else {
@@ -690,20 +654,19 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
     }
 
     public get canRedoSteps(): number {
-        const focused = this.focused;
-        if (focused) {
-            return this.appManager?.focusApp?.view?.canRedoSteps || 0;
-        } else {
-            return this.mainView.canRedoSteps;
-        }
+        return this.focusedView?.canRedoSteps || 0;
     }
 
     public get canUndoSteps(): number {
-        const focused = this.focused;
-        if (focused) {
-            return this.appManager?.focusApp?.view?.canUndoSteps || 0;
+        return this.focusedView?.canUndoSteps || 0;
+    }
+
+    public get sceneState(): SceneState {
+        if (this.appManager) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            return this.appManager.sceneState!;
         } else {
-            return this.mainView.canUndoSteps;
+            throw new AppManagerNotInitError();
         }
     }
 
@@ -886,12 +849,11 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
             if (!this.attributes[Fields.Cursors]) {
                 this.safeSetAttributes({ [Fields.Cursors]: {} });
             }
-            const sceneState = this.displayer.state.sceneState;
             if (!this.attributes["_mainScenePath"]) {
-                this.safeSetAttributes({ _mainScenePath: sceneState.scenePath });
+                this.safeSetAttributes({ _mainScenePath: ROOT_DIR });
             }
             if (!this.attributes["_mainSceneIndex"]) {
-                this.safeSetAttributes({ _mainSceneIndex: sceneState.index });
+                this.safeSetAttributes({ _mainSceneIndex: 0 });
             }
         }
     }