@netless/window-manager 1.0.0-canary.31 → 1.0.0-canary.34

package/src/App/AppContext.ts

@@ -7,13 +7,14 @@ import {
     reaction,
     unlistenDisposed,
     unlistenUpdated,
-    toJS,
+    toJS
 } from "white-web-sdk";
 import type {
     Room,
     SceneDefinition,
     View,
-    EventListener as WhiteEventListener
+    EventListener as WhiteEventListener,
+    Player
 } from "white-web-sdk";
 import type { ReadonlyTeleBox } from "@netless/telebox-insider";
 import type Emittery from "emittery";
@@ -91,6 +92,15 @@ export class AppContext<TAttributes = any, TMagixEventPayloads = any, TAppOption
         return this.appProxy.view;
     };
 
+    public get now(): number {
+        if (this.isReplay) {
+            const player = this.displayer as Player;
+            return player.beginTimestamp + player.progressTime;
+        } else {
+            return (this.displayer as Room).calibrationTimestamp;
+        }
+    }
+
     public createWhiteBoardView = (params?: CreateWhiteBoardViewParams): WhiteBoardView => {
         if (this.whiteBoardView) {
             return this.whiteBoardView;

package/src/BuiltinApps.ts

@@ -1,12 +1,8 @@
 import AppDocsViewer from "@netless/app-docs-viewer";
-import AppMediaPlayer, { setOptions } from "@netless/app-media-player";
+import AppMediaPlayer from "@netless/app-media-player";
 import { WindowManager } from "./index";
 
 export const setupBuiltin = () => {
-    if (WindowManager.debug) {
-        setOptions({ verbose: true });
-    }
-
     WindowManager.register({
         kind: AppDocsViewer.kind,
         src: AppDocsViewer,

package/src/View/CameraSynchronizer.ts

@@ -35,7 +35,7 @@ export class CameraSynchronizer {
             const nextScale = camera.scale * Math.min(wScale, hScale);
             const config: Partial<Camera> & { animationMode: AnimationMode } = {
                 scale: nextScale,
-                animationMode: AnimationMode.Continuous,
+                animationMode: AnimationMode.Immediately,
             }
             if (camera.centerX !== null) {
                 config.centerX = camera.centerX;
@@ -65,6 +65,6 @@ export class CameraSynchronizer {
     }
 
     private moveCamera(camera: Partial<Camera>) {
-        this.view?.moveCamera({ ...camera, animationMode: AnimationMode.Continuous });
+        this.view?.moveCamera({ ...camera, animationMode: AnimationMode.Immediately });
     }
 }

package/src/View/ViewSync.ts

@@ -66,7 +66,7 @@ export class ViewSync {
                     this.synchronizer.onRemoteSizeUpdate(size);
                 }
             }),
-            this.context.stageRect$.reaction(rect => {
+            this.context.stageRect$.subscribe(rect => {
                 if (rect) {
                     this.synchronizer.setRect(rect);
                 }

package/src/index.ts

@@ -136,8 +136,6 @@ export type MountParams = {
     containerSizeRatio?: number;
     /** @deprecated */
     chessboard?: boolean;
-    /** 是否高亮显示同步区域, 默认为 true */
-    highlightStage?: boolean;
     collectorContainer?: HTMLElement;
     collectorStyles?: Partial<CSSStyleDeclaration>;
     overwriteStyles?: string;
@@ -663,17 +661,17 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
         }
     }
 
-    public get baseCamera$() {
+    public get baseCamera() {
         if (this.appManager) {
-            return this.appManager.mainViewProxy.camera$;
+            return this.appManager.mainViewProxy.camera$.value;
         } else {
             throw new Errors.AppManagerNotInitError();
         }
     }
 
-    public get baseSize$() {
+    public get baseSize() {
         if (this.appManager) {
-            return this.appManager.mainViewProxy.size$;
+            return this.appManager.mainViewProxy.size$.value;
         } else {
             throw new Errors.AppManagerNotInitError();
         }
@@ -711,6 +709,14 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
         }
     }
 
+    public get fullscreen(): TeleBoxFullscreen | undefined {
+        if (this.appManager) {
+            return this.appManager.boxManager?.teleBoxManager.fullscreen;
+        } else {
+            throw new Errors.AppManagerNotInitError();
+        }
+    }
+
     public get focused(): string | undefined {
         return this.attributes.focus;
     }
@@ -878,6 +884,10 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
         this.appManager?.boxManager?.setPrefersColorScheme(scheme);
     }
 
+    public setFullscreen(fullscreen: TeleBoxFullscreen): void {
+        this.appManager?.boxManager?.teleBoxManager.setFullscreen(fullscreen);
+    }
+
     public cleanCurrentScene(): void {
         this.focusedView?.cleanCurrentScene();
     }

package/vite.config.js

@@ -15,7 +15,9 @@ export default defineConfig(({ mode }) => {
                 inline: [
                   "@juggle/resize-observer"
                 ]
-            }
+            },
+            setupFiles: "./test/setup.ts",
+            include: ["test/**/*.test.ts"],
         },
         define: {
             __APP_VERSION__: JSON.stringify(version),