@netless/window-manager 1.0.0-canary.1 → 1.0.0-canary.12

package/__mocks__/white-web-sdk.ts

@@ -34,8 +34,17 @@ enum ViewMode {
     Broadcaster = "broadcaster",
 }
 
+enum AnimationMode {
+    Immediately = "immediately",
+    Continuous = "continuous",
+}
+
 const isPlayer = vi.fn(() => false);
+const unlistenDisposed = vi.fn();
+const unlistenUpdated = vi.fn();
+const toJS = vi.fn();
 
 export {
-    InvisiblePlugin, UpdateEventKind, ApplianceNames, ViewMode, isPlayer
+    InvisiblePlugin, UpdateEventKind, ApplianceNames, ViewMode, isPlayer, unlistenDisposed,
+    unlistenUpdated, toJS, AnimationMode
 }

package/dist/App/AppContext.d.ts

@@ -4,12 +4,12 @@ import type { Room, SceneDefinition, View } from "white-web-sdk";
 import type { ReadonlyTeleBox } from "@netless/telebox-insider";
 import type Emittery from "emittery";
 import type { BoxManager } from "../BoxManager";
-import type { AppEmitterEvent } from "../index";
+import type { AppEmitterEvent, Member } from "../index";
 import type { AppManager } from "../AppManager";
 import type { AppProxy } from "./AppProxy";
 import type { MagixEventAddListener, MagixEventDispatcher, MagixEventRemoveListener } from "./MagixEvent";
-import type { AddPageParams, PageController, PageState } from "../Page";
-export declare class AppContext<TAttributes = any, TMagixEventPayloads = any, TAppOptions = any> implements PageController {
+import { WhiteBoardView } from "./WhiteboardView";
+export declare class AppContext<TAttributes = any, TMagixEventPayloads = any, TAppOptions = any> {
     private manager;
     private boxManager;
     appId: string;
@@ -30,23 +30,30 @@ export declare class AppContext<TAttributes = any, TMagixEventPayloads = any, TA
     private store;
     readonly isAddApp: boolean;
     readonly isReplay: boolean;
+    private whiteBoardView?;
+    _viewWrapper?: HTMLElement;
     constructor(manager: AppManager, boxManager: BoxManager, appId: string, appProxy: AppProxy, appOptions?: TAppOptions | (() => TAppOptions) | undefined);
-    getDisplayer: () => import("white-web-sdk").Displayer<import("white-web-sdk").DisplayerCallbacks>;
+    get displayer(): import("white-web-sdk").Displayer<import("white-web-sdk").DisplayerCallbacks>;
+    get destroyed(): boolean;
     /** @deprecated Use context.storage.state instead. */
     getAttributes: () => TAttributes | undefined;
     getScenes: () => SceneDefinition[] | undefined;
-    getView: () => View | undefined;
-    mountView: (dom: HTMLElement) => void;
+    get view(): View | undefined;
+    createWhiteBoardView: (size?: number | undefined) => WhiteBoardView;
+    private ensurePageSize;
     getInitScenePath: () => string | undefined;
     /** Get App writable status. */
-    getIsWritable: () => boolean;
+    get isWritable(): boolean;
     /** Get the App Window UI box. */
-    getBox: () => ReadonlyTeleBox;
-    getRoom: () => Room | undefined;
+    get box(): ReadonlyTeleBox;
+    get room(): Room | undefined;
+    get members(): Member[];
+    get memberState(): Member;
     /** @deprecated Use context.storage.setState instead. */
     setAttributes: (attributes: TAttributes) => void;
     /** @deprecated Use context.storage.setState instead. */
     updateAttributes: (keys: string[], value: any) => void;
+    /** @deprecated Use Pages api instead. */
     setScenePath: (scenePath: string) => Promise<void>;
     /** Get the local App options. */
     getAppOptions: () => TAppOptions | undefined;
@@ -66,10 +73,4 @@ export declare class AppContext<TAttributes = any, TMagixEventPayloads = any, TA
     addMagixEventListener: MagixEventAddListener<TMagixEventPayloads>;
     /** Remove a Magix event listener. */
     removeMagixEventListener: MagixEventRemoveListener<TMagixEventPayloads>;
-    /** PageController  */
-    nextPage: () => Promise<boolean>;
-    prevPage: () => Promise<boolean>;
-    addPage: (params?: AddPageParams | undefined) => Promise<void>;
-    removePage: (index?: number | undefined) => Promise<boolean>;
-    get pageState(): PageState;
 }

package/dist/App/AppPageStateImpl.d.ts

@@ -1,4 +1,4 @@
-import type { Displayer, View } from "white-web-sdk";
+import type { Displayer, ScenesCallbacksNode, View } from "white-web-sdk";
 import type { PageState } from "../Page";
 export declare type AppPageStateParams = {
     displayer: Displayer;
@@ -8,8 +8,12 @@ export declare type AppPageStateParams = {
 };
 export declare class AppPageStateImpl {
     private params;
-    private sceneNode;
+    sceneNode: ScenesCallbacksNode | null;
+    private scenePath?;
+    private view?;
     constructor(params: AppPageStateParams);
+    createSceneNode: (scenePath: string) => ScenesCallbacksNode | null;
+    setView(view: View): void;
     private onSceneChange;
     getFullPath(index: number): string | undefined;
     toObject(): PageState;

package/dist/App/AppProxy.d.ts

@@ -1,7 +1,10 @@
 import Emittery from "emittery";
 import { AppContext } from "./AppContext";
+import { AppPageStateImpl } from "./AppPageStateImpl";
+import { Val } from "value-enhancer";
+import type { ICamera, ISize } from "../AttributesDelegate";
 import type { AppEmitterEvent, AppInitState, BaseInsertParams } from "../index";
-import type { SceneState, View, SceneDefinition } from "white-web-sdk";
+import type { SceneState, View, SceneDefinition, Camera } from "white-web-sdk";
 import type { AppManager } from "../AppManager";
 import type { NetlessApp } from "../typings";
 import type { ReadonlyTeleBox } from "@netless/telebox-insider";
@@ -13,6 +16,7 @@ export declare class AppProxy implements PageRemoveService {
     kind: string;
     id: string;
     scenePath?: string;
+    private appScenePath;
     appEmitter: AppEmitter;
     scenes?: SceneDefinition[];
     private appListener;
@@ -20,14 +24,26 @@ export declare class AppProxy implements PageRemoveService {
     private appProxies;
     private viewManager;
     private store;
+    uid: string;
     isAddApp: boolean;
-    private status;
+    status: "normal" | "destroyed";
     private stateKey;
-    private _pageState;
-    private _prevFullPath;
+    _pageState: AppPageStateImpl;
     appResult?: NetlessApp<any>;
     appContext?: AppContext<any, any>;
+    private sideEffectManager;
+    private valManager;
+    private fullPath$;
+    private appViewSync?;
+    camera$: Val<ICamera | undefined, any>;
+    size$: Val<ISize | undefined, any>;
+    box$: Val<ReadonlyTeleBox | undefined, any>;
+    view$: Val<View | undefined, any>;
     constructor(params: BaseInsertParams, manager: AppManager, appId: string, isAddApp: boolean);
+    fireMemberStateChange: () => void;
+    private onMemberStateChange;
+    private computedInitialRect;
+    createAppDir(): View;
     private initScenes;
     get view(): View | undefined;
     get viewIndex(): number | undefined;
@@ -61,6 +77,12 @@ export declare class AppProxy implements PageRemoveService {
     removeSceneByIndex(index: number): Promise<boolean>;
     setSceneIndexWithoutSync(index: number): void;
     setSceneIndex(index: number): void;
+    storeCamera: (camera: ICamera) => void;
+    storeSize: (size: ISize) => void;
+    updateSize: (width: number, height: number) => void;
+    moveCamera: (camera: Camera) => void;
     destroy(needCloseBox: boolean, cleanAttrs: boolean, skipUpdate: boolean, error?: Error): Promise<void>;
+    private addCameraReaction;
+    private addSizeReaction;
     close(): Promise<void>;
 }

package/dist/App/AppViewSync.d.ts

@@ -0,0 +1,11 @@
+import type { View } from "white-web-sdk";
+import type { AppProxy } from "./AppProxy";
+export declare class AppViewSync {
+    private appProxy;
+    private sem;
+    private synchronizer;
+    constructor(appProxy: AppProxy);
+    bindView: (view?: View | undefined) => void;
+    private onCameraUpdatedByDevice;
+    destroy(): void;
+}

package/dist/App/WhiteboardView.d.ts

@@ -0,0 +1,24 @@
+import type { ReadonlyVal } from "value-enhancer";
+import type { AddPageParams, PageController, PageState } from "../Page";
+import type { AppProxy } from "./AppProxy";
+import type { AppContext } from "./AppContext";
+import type { Camera, View } from "white-web-sdk";
+import type { TeleBoxRect } from "@netless/telebox-insider";
+export declare class WhiteBoardView implements PageController {
+    view: View;
+    protected appContext: AppContext;
+    protected appProxy: AppProxy;
+    private removeViewWrapper;
+    ensureSize: (size: number) => void;
+    readonly pageState$: ReadonlyVal<PageState>;
+    constructor(view: View, appContext: AppContext, appProxy: AppProxy, removeViewWrapper: () => void, ensureSize: (size: number) => void);
+    get pageState(): PageState;
+    moveCamera(camera: Camera): void;
+    nextPage: () => Promise<boolean>;
+    prevPage: () => Promise<boolean>;
+    jumpPage: (index: number) => Promise<boolean>;
+    addPage: (params?: AddPageParams | undefined) => Promise<void>;
+    removePage: (index?: number | undefined) => Promise<boolean>;
+    setRect(rect: Omit<TeleBoxRect, "x" | "y">): void;
+    destroy(): void;
+}

package/dist/App/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./AppProxy";
 export * from "./AppContext";
+export * from "./WhiteboardView";

package/dist/AppManager.d.ts

@@ -7,6 +7,7 @@ import type { ReconnectRefresher } from "./ReconnectRefresher";
 import type { BoxManager } from "./BoxManager";
 import type { Displayer, Room, SceneState } from "white-web-sdk";
 import type { AddAppParams, TeleBoxRect } from "./index";
+import type { Member } from "./Helper";
 export declare class AppManager {
     windowManger: WindowManager;
     displayer: Displayer;
@@ -15,15 +16,15 @@ export declare class AppManager {
     appStatus: Map<string, AppStatus>;
     store: import("./AttributesDelegate").AttributesDelegate;
     mainViewProxy: MainViewProxy;
-    refresher?: ReconnectRefresher;
+    refresher: ReconnectRefresher;
     isReplay: boolean;
     mainViewScenesLength: number;
     private appListeners;
     boxManager?: BoxManager;
-    private _prevSceneIndex;
-    private _prevFocused;
     private callbacksNode;
     private appCreateQueue;
+    private sceneIndex$;
+    private focused$;
     private sideEffectManager;
     sceneState: SceneState | null;
     rootDirRemoving: boolean;
@@ -50,6 +51,7 @@ export declare class AppManager {
     get mainView(): import("white-web-sdk").View;
     get focusApp(): AppProxy | undefined;
     get uid(): string;
+    get members(): Member[];
     getMainViewSceneDir(): string;
     private onCreated;
     private onBoxMove;

package/dist/AttributesDelegate.d.ts

@@ -14,7 +14,9 @@ export declare enum Fields {
     Position = "position",
     CursorState = "cursorState",
     FullPath = "fullPath",
-    Registered = "registered"
+    Registered = "registered",
+    Camera = "camera",
+    Size = "size"
 }
 export declare type Apps = {
     [key: string]: AppSyncAttributes;
@@ -50,6 +52,7 @@ export declare class AttributesDelegate {
     getMinimized(): any;
     setupAppAttributes(params: AddAppParams, id: string, isDynamicPPT: boolean): void;
     updateAppState(appId: string, stateName: AppAttributes, state: any): void;
+    updateAppAttributes(appId: string, key: string, value: any): void;
     cleanAppAttributes(id: string): void;
     cleanFocus(): void;
     getAppSceneIndex(id: string): any;
@@ -59,8 +62,8 @@ export declare class AttributesDelegate {
     getBoxState(): any;
     setMainViewScenePath(scenePath: string): void;
     setMainViewSceneIndex(index: number): void;
-    getMainViewCamera(): MainViewCamera;
-    getMainViewSize(): MainViewSize;
+    getMainViewCamera(): ICamera;
+    getMainViewSize(): ISize;
     setMainViewCamera(camera: ICamera): void;
     setMainViewSize(size: ISize): void;
     setMainViewCameraAndSize(camera: ICamera, size: ISize): void;
@@ -71,17 +74,6 @@ export declare class AttributesDelegate {
     cleanCursor(uid: string): void;
     setMainViewFocusPath(mainView: View): void;
 }
-export declare type MainViewSize = {
-    id: string;
-    width: number;
-    height: number;
-};
-export declare type MainViewCamera = {
-    id: string;
-    centerX: number;
-    centerY: number;
-    scale: number;
-};
 export declare type Cursors = {
     [key: string]: Cursor;
 };

package/dist/BoxManager.d.ts

@@ -44,10 +44,10 @@ export declare type CreateTeleBoxManagerConfig = {
     collectorStyles?: Partial<CSSStyleDeclaration>;
     prefersColorScheme?: TeleBoxColorScheme;
     stageRatio?: number;
+    highlightStage?: boolean;
 };
 export declare type BoxManagerContext = {
     safeSetAttributes: (attributes: any) => void;
-    getMainView: () => View;
     updateAppState: (appId: string, field: AppAttributes, value: any) => void;
     emitter: EmitterType;
     boxEmitter: BoxEmitterType;
@@ -63,7 +63,6 @@ export declare class BoxManager {
     teleBoxManager: TeleBoxManager;
     protected sideEffectManager: SideEffectManager;
     constructor(context: BoxManagerContext, createTeleBoxManagerConfig?: CreateTeleBoxManagerConfig);
-    private get mainView();
     private get canOperate();
     get boxState(): "normal" | "minimized" | "maximized";
     get maximized(): boolean;
@@ -72,7 +71,7 @@ export declare class BoxManager {
     get prefersColorScheme(): TeleBoxColorScheme;
     get boxSize(): number;
     get stageRect(): TeleBoxRect;
-    createBox(params: CreateBoxParams): void;
+    createBox(params: CreateBoxParams): ReadonlyTeleBox | undefined;
     setupBoxManager(createTeleBoxManagerConfig?: CreateTeleBoxManagerConfig): TeleBoxManager;
     getBox(appId: string): ReadonlyTeleBox | undefined;
     closeBox(appId: string, skipUpdate?: boolean): ReadonlyTeleBox | undefined;

package/dist/Helper.d.ts

@@ -1,7 +1,17 @@
-import type { Room } from "white-web-sdk";
+import type { Room, RoomMember } from "white-web-sdk";
 export declare const setupWrapper: (root: HTMLElement) => {
     playground: HTMLDivElement;
     mainViewElement: HTMLDivElement;
 };
 export declare const checkVersion: () => void;
-export declare const findMemberByUid: (room: Room | undefined, uid: string) => import("white-web-sdk").RoomMember | undefined;
+export declare const findMemberByUid: (room: Room | undefined, uid: string) => RoomMember | undefined;
+export declare type Member = RoomMember & {
+    uid: string;
+};
+export declare const serializeRoomMembers: (members: readonly RoomMember[]) => {
+    memberId: number;
+    memberState: import("white-web-sdk").MemberState;
+    session: string;
+    payload?: import("white-web-sdk").UserPayload | undefined;
+    uid: string;
+}[];

package/dist/InternalEmitter.d.ts

@@ -1,6 +1,8 @@
 import Emittery from "emittery";
 import type { TeleBoxRect } from "@netless/telebox-insider";
 import type { AppInitState, CursorMovePayload } from "./index";
+import type { Member } from "./Helper";
+import type { MemberState } from "white-web-sdk";
 export declare type RemoveSceneParams = {
     scenePath: string;
     index?: number;
@@ -30,6 +32,8 @@ export declare type EmitterEvent = {
     changePageState: undefined;
     writableChange: boolean;
     containerSizeRatioUpdate: number;
+    roomMembersChange: Member[];
+    memberStateChange: MemberState;
 };
 export declare type EmitterType = Emittery<EmitterEvent>;
 export declare const emitter: EmitterType;

package/dist/Page/PageController.d.ts

@@ -10,6 +10,7 @@ export declare type PageState = {
 export interface PageController {
     nextPage: () => Promise<boolean>;
     prevPage: () => Promise<boolean>;
+    jumpPage: (index: number) => Promise<boolean>;
     addPage: (params?: AddPageParams) => Promise<void>;
     removePage: (index: number) => Promise<boolean>;
     pageState: PageState;

package/dist/ReconnectRefresher.d.ts

@@ -17,7 +17,7 @@ export declare class ReconnectRefresher {
     private _onReconnected;
     private releaseDisposers;
     refresh(): void;
-    add(id: string, func: any): void;
+    add(id: string, func: any): () => void;
     remove(id: string): void;
     hasReactor(id: string): boolean;
     destroy(): void;

package/dist/Utils/Common.d.ts

@@ -4,6 +4,7 @@ import type Emittery from "emittery";
 export declare const genAppId: (kind: string) => Promise<string>;
 export declare const setViewFocusScenePath: (view: View, focusScenePath: string) => View | undefined;
 export declare const setViewSceneIndex: (view: View, index: number) => View | undefined;
+export declare const releaseView: (view: View) => void;
 export declare const setScenePath: (room: Room | undefined, scenePath: string) => void;
 export declare const getScenePath: (room: Room | undefined, dir: string | undefined, index: number) => string | undefined;
 export declare const removeScenes: (room: Room | undefined, scenePath: string, index?: number | undefined) => void;

package/dist/View/CameraSynchronizer.d.ts

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

package/dist/View/MainView.d.ts

@@ -19,7 +19,6 @@ export declare class MainViewProxy {
     addCameraReaction: () => void;
     setCameraAndSize(): void;
     private cameraReaction;
-    sizeChangeHandler: import("lodash").DebouncedFunc<(size: Size) => void>;
     onUpdateContainerSizeRatio: () => void;
     get view(): View;
     get cameraState(): {

package/dist/constants.d.ts

@@ -46,3 +46,4 @@ export declare const DEFAULT_CONTAINER_RATIO: number;
 export declare const ROOT_DIR = "/";
 export declare const INIT_DIR = "/init";
 export declare const SETUP_APP_DELAY = 50;
+export declare const MAX_PAGE_SIZE = 500;