@netless/window-manager 0.4.30 → 1.0.0-canary.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.4.32 (2022-06-10)
+
+- 功能: `WindowManager.mount` 添加 `applianceIcons` 选项配置光标使用的图片
+
+## 0.4.31 (2022-06-09)
+
+- 修复: `bindContainer` 在回放模式下直接抛出错误的问题 
+
 ## 0.4.30 (2022-06-08)
 
 - 重构: removePage 在 resolve 之后可以立即查询到正确的状态

package/dist/App/AppProxy.d.ts

@@ -44,7 +44,6 @@ export declare class AppProxy implements PageRemoveService {
     get box(): ReadonlyTeleBox | undefined;
     private setupApp;
     private fixMobileSize;
-    private afterSetupApp;
     onSeek(time: number): Promise<void>;
     onReconnected(): Promise<void>;
     onRemoveScene(scenePath: string): Promise<void>;

package/dist/AppManager.d.ts

@@ -52,6 +52,11 @@ export declare class AppManager {
     get uid(): string;
     getMainViewSceneDir(): string;
     private onCreated;
+    private onBoxMove;
+    private onBoxResize;
+    private onBoxFocus;
+    private onBoxClose;
+    private onBoxStateChange;
     addAppsChangeListener: () => void;
     addAppCloseListener: () => void;
     private onMainViewIndexChange;
@@ -91,7 +96,6 @@ export declare class AppManager {
     private dispatchSetMainViewScenePath;
     getAppInitPath(appId: string): string | undefined;
     safeDispatchMagixEvent(event: string, payload: any): void;
-    private boxEventListener;
     focusByAttributes(apps: any): void;
     onReconnected(): Promise<void>;
     notifyContainerRectUpdate(rect: TeleBoxRect): void;

package/dist/BoxEmitter.d.ts

@@ -0,0 +1,34 @@
+import type { TELE_BOX_STATE } from "@netless/telebox-insider";
+import Emittery from "emittery";
+export declare type BoxMovePayload = {
+    appId: string;
+    x: number;
+    y: number;
+};
+export declare type BoxFocusPayload = {
+    appId: string;
+};
+export declare type BoxResizePayload = {
+    appId: string;
+    width: number;
+    height: number;
+    x?: number;
+    y?: number;
+};
+export declare type BoxClosePayload = {
+    appId: string;
+    error?: Error;
+};
+export declare type BoxStateChangePayload = {
+    appId: string;
+    state: TELE_BOX_STATE;
+};
+export declare type BoxEvent = {
+    move: BoxMovePayload;
+    focus: BoxFocusPayload;
+    resize: BoxResizePayload;
+    close: BoxClosePayload;
+    boxStateChange: BoxStateChangePayload;
+};
+export declare type BoxEmitterType = Emittery<BoxEvent>;
+export declare const boxEmitter: BoxEmitterType;

package/dist/BoxManager.d.ts

@@ -1,6 +1,7 @@
 import { AppAttributes } from "./constants";
 import { TELE_BOX_STATE, TeleBoxManager } from "@netless/telebox-insider";
 import { WindowManager } from "./index";
+import type { BoxEmitterType } from "./BoxEmitter";
 import type { AddAppOptions, AppInitState } from "./index";
 import type { TeleBoxManagerUpdateConfig, ReadonlyTeleBox, TeleBoxColorScheme, TeleBoxRect, TeleBoxConfig } from "@netless/telebox-insider";
 import type Emittery from "emittery";
@@ -8,6 +9,7 @@ import type { NetlessApp } from "./typings";
 import type { View } from "white-web-sdk";
 import type { CallbacksType } from "./callback";
 import type { EmitterType } from "./InternalEmitter";
+import { SideEffectManager } from "side-effect-manager";
 export { TELE_BOX_STATE };
 export declare type CreateBoxParams = {
     appId: string;
@@ -41,24 +43,26 @@ export declare type CreateTeleBoxManagerConfig = {
     collectorContainer?: HTMLElement;
     collectorStyles?: Partial<CSSStyleDeclaration>;
     prefersColorScheme?: TeleBoxColorScheme;
+    stageRatio?: number;
 };
 export declare type BoxManagerContext = {
     safeSetAttributes: (attributes: any) => void;
     getMainView: () => View;
     updateAppState: (appId: string, field: AppAttributes, value: any) => void;
     emitter: EmitterType;
+    boxEmitter: BoxEmitterType;
     callbacks: CallbacksType;
     canOperate: () => boolean;
     notifyContainerRectUpdate: (rect: TeleBoxRect) => void;
     cleanFocus: () => void;
     setAppFocus: (appId: string) => void;
 };
-export declare const createBoxManager: (manager: WindowManager, callbacks: CallbacksType, emitter: EmitterType, options: CreateTeleBoxManagerConfig) => BoxManager;
+export declare const createBoxManager: (manager: WindowManager, callbacks: CallbacksType, emitter: EmitterType, boxEmitter: BoxEmitterType, options: CreateTeleBoxManagerConfig) => BoxManager;
 export declare class BoxManager {
     private context;
-    private createTeleBoxManagerConfig?;
     teleBoxManager: TeleBoxManager;
-    constructor(context: BoxManagerContext, createTeleBoxManagerConfig?: CreateTeleBoxManagerConfig | undefined);
+    protected sideEffectManager: SideEffectManager;
+    constructor(context: BoxManagerContext, createTeleBoxManagerConfig?: CreateTeleBoxManagerConfig);
     private get mainView();
     private get canOperate();
     get boxState(): "normal" | "minimized" | "maximized";
@@ -68,16 +72,13 @@ export declare class BoxManager {
     get prefersColorScheme(): TeleBoxColorScheme;
     get boxSize(): number;
     createBox(params: CreateBoxParams): void;
-    setBoxInitState(appId: string): void;
     setupBoxManager(createTeleBoxManagerConfig?: CreateTeleBoxManagerConfig): TeleBoxManager;
-    setCollectorContainer(container: HTMLElement): void;
     getBox(appId: string): ReadonlyTeleBox | undefined;
     closeBox(appId: string, skipUpdate?: boolean): ReadonlyTeleBox | undefined;
     boxIsFocus(appId: string): boolean | undefined;
     getFocusBox(): ReadonlyTeleBox | undefined;
     getTopBox(): ReadonlyTeleBox | undefined;
     updateBoxState(state?: AppInitState): void;
-    updateManagerRect(): void;
     moveBox({ appId, x, y }: MoveBoxParams): void;
     focusBox({ appId }: AppId, skipUpdate?: boolean): void;
     resizeBox({ appId, width, height, skipUpdate }: ResizeBoxParams): void;
@@ -92,5 +93,6 @@ export declare class BoxManager {
     setReadonly(readonly: boolean): void;
     setPrefersColorScheme(colorScheme: TeleBoxColorScheme): void;
     setZIndex(id: string, zIndex: number, skipUpdate?: boolean): void;
+    setRoot(root: HTMLElement): void;
     destroy(): void;
 }

package/dist/Cursor/index.d.ts

@@ -1,4 +1,5 @@
 import { Cursor } from "./Cursor";
+import type { ApplianceIcons } from "../index";
 import type { PositionType } from "../AttributesDelegate";
 import type { RoomMember, View } from "white-web-sdk";
 import type { AppManager } from "../AppManager";
@@ -21,7 +22,8 @@ export declare class CursorManager {
     private mainViewElement?;
     private sideEffectManager;
     private store;
-    constructor(manager: AppManager, enableCursor: boolean);
+    applianceIcons: ApplianceIcons;
+    constructor(manager: AppManager, enableCursor: boolean, applianceIcons?: ApplianceIcons);
     private onCursorMove;
     private initCursorInstance;
     private canMoveCursor;

package/dist/Helper.d.ts

@@ -1,8 +1,6 @@
 import type { Room } from "white-web-sdk";
 export declare const setupWrapper: (root: HTMLElement) => {
     playground: HTMLDivElement;
-    wrapper: HTMLDivElement;
-    sizer: HTMLDivElement;
     mainViewElement: HTMLDivElement;
 };
 export declare const checkVersion: () => void;

package/dist/InternalEmitter.d.ts

@@ -1,4 +1,5 @@
 import Emittery from "emittery";
+import type { TeleBoxRect } from "@netless/telebox-insider";
 import type { AppInitState, CursorMovePayload } from "./index";
 export declare type RemoveSceneParams = {
     scenePath: string;
@@ -7,31 +8,13 @@ export declare type RemoveSceneParams = {
 export declare 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;
     seekStart: undefined;
     seek: number;
     mainViewMounted: undefined;
     observerIdChange: number;
     boxStateChange: string;
-    playgroundSizeChange: DOMRect;
+    playgroundSizeChange: TeleBoxRect;
     startReconnect: undefined;
     onReconnected: undefined;
     removeScenes: RemoveSceneParams;

package/dist/Utils/AppCreateQueue.d.ts

@@ -1,12 +1,11 @@
-import type { AppProxy } from "../App";
-export declare type Invoker = () => Promise<AppProxy | undefined>;
+export declare type Invoker<T = any> = () => Promise<T | undefined>;
 export declare class AppCreateQueue {
     private list;
     private currentInvoker;
     private timer;
     isEmit: boolean;
     private initInterval;
-    push(item: Invoker): void;
+    push<T>(item: Invoker<T>): void;
     invoke(): void;
     private invoked;
     private clear;

package/dist/View/CameraSynchronizer.d.ts

@@ -0,0 +1,17 @@
+import type { TeleBoxRect } from "@netless/telebox-insider";
+import type { Camera, View, Size } from "white-web-sdk";
+import type { MainViewSize } from "../AttributesDelegate";
+export declare type SaveCamera = (camera: Camera) => void;
+export declare class CameraSynchronizer {
+    protected saveCamera: SaveCamera;
+    protected remoteCamera?: Camera;
+    protected remoteSize?: MainViewSize;
+    protected rect?: TeleBoxRect;
+    protected view?: View;
+    constructor(saveCamera: SaveCamera);
+    setRect(rect: TeleBoxRect): void;
+    setView(view: View): void;
+    onRemoteUpdate: import("lodash").DebouncedFunc<(camera: Camera, size: MainViewSize) => void>;
+    onLocalCameraUpdate(camera: Camera): void;
+    onLocalSizeUpdate(size: Size): void;
+}

package/dist/View/MainView.d.ts

@@ -1,12 +1,12 @@
-import type { Camera, Size, View } from "white-web-sdk";
+import type { Size, View } from "white-web-sdk";
 import type { AppManager } from "../AppManager";
 export declare class MainViewProxy {
     private manager;
-    private scale?;
     private started;
     private mainViewIsAddListener;
     private mainView;
     private store;
+    private synchronizer;
     private sideEffectManager;
     constructor(manager: AppManager);
     private startListenWritableChange;
@@ -34,16 +34,15 @@ export declare class MainViewProxy {
     setFocusScenePath(path: string | undefined): View | undefined;
     rebind(): void;
     private onCameraUpdatedByDevice;
+    private getStageSize;
     addMainViewListener(): void;
     removeMainViewListener(): void;
     private mainViewClickListener;
     mainViewClickHandler(): Promise<void>;
-    setMainViewSize: import("lodash").DebouncedFunc<(size: any) => void>;
+    setMainViewSize: import("lodash").DebouncedFunc<(size: Size) => void>;
     private addCameraListener;
     private removeCameraListener;
     private onCameraOrSizeUpdated;
-    moveCameraToContian(size: Size): void;
-    moveCamera(camera: Camera): void;
     stop(): void;
     destroy(): void;
 }