Slide 0.2

packages/app-slide/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.83",
+  "version": "0.2.84",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",

packages/app-slide/src/SlideController/index.ts

@@ -55,12 +55,13 @@ type MagixEventListener = Parameters<
   AppContext<Attributes, MagixEvents>["addMagixEventListener"]
 >[1];
 
-export class SlideController {
+
+export class SlideControllerBase {
   public readonly context: SlideControllerOptions["context"];
-  public readonly slide: Slide;
+  public slide!: Slide;
   public readonly showRenderError: boolean;
   public readonly onRenderError?: (error: Error, pageIndex: number) => void;
-  public readonly onNavigate: (index: number, origin?: string) => void;
+  public readonly onNavigate!: (index: number, origin?: string) => void;
 
   protected readonly room?: Room;
   protected readonly player?: Player;
@@ -82,19 +83,8 @@ export class SlideController {
   // 签名后的预览图
   public previewList: string[] = [];
 
-  public constructor({
-    context,
-    anchor,
-    onRenderStart,
-    onPageChanged,
-    onTransitionStart,
-    onTransitionEnd,
-    onNavigate,
-    onError,
-    onRenderError,
-    showRenderError,
-    invisibleBehavior,
-  }: SlideControllerOptions) {
+  public constructor(props: SlideControllerOptions) {
+    const { context, onRenderStart, onPageChanged, onTransitionStart, onTransitionEnd, onNavigate, onError, onRenderError, showRenderError, invisibleBehavior } = props;
     this.invisibleBehavior = invisibleBehavior ?? "frozen";
     this.onRenderStart = onRenderStart;
     this.onPageChanged = onPageChanged;
@@ -109,15 +99,15 @@ export class SlideController {
     this.room = context.getRoom();
     this.player = this.room ? undefined : (context.getDisplayer() as Player);
     setRoomLogger((this.room || this.player) as Displayer);
-    this.slide = this.createSlide(anchor, {
-      whiteTracker: getRoomTracker(context.getDisplayer()),
-    });
+    // this.slide = this.createSlide(anchor, {
+    //   whiteTracker: getRoomTracker(context.getDisplayer()),
+    // });
 
     // the adder does not need to sync state
     this.syncStateOnceFlag = !this.context.isAddApp;
     this.visible = document.visibilityState === "visible";
     this.savedIsFrozen = false;
-    this.initialize();
+    // this.initialize();
   }
 
   public ready = false;
@@ -407,3 +397,13 @@ export class SlideController {
     }
   };
 }
+
+export class SlideController extends SlideControllerBase {
+  public constructor(props: SlideControllerOptions) {
+    super(props)
+    this.slide = this.createSlide(props.anchor, {
+      whiteTracker: getRoomTracker(props.context.getDisplayer()),
+    });
+    this.initialize();
+  }
+}

packages/app-slide/src/index.ts

@@ -12,6 +12,7 @@ import {
   EmptyAttributes,
   syncSceneWithSlide,
   SlideController,
+  SlideControllerBase
 } from "./SlideController";
 import { SlideDocsViewer } from "./SlideDocsViewer";
 import { apps, FreezerLength, addHooks, useFreezer } from "./utils/freezer";
@@ -20,9 +21,10 @@ import styles from "./style.scss?inline";
 
 export type { PreviewParams } from "./SlidePreviewer";
 export { SlidePreviewer, default as previewSlide } from "./SlidePreviewer";
+export { DocsViewer } from "./DocsViewer";
 
 export type { Attributes, AddHooks, FreezableSlide };
-export { Slide, SlideController, SlideDocsViewer, syncSceneWithSlide, SideEffectManager };
+export { Slide, SlideController, SlideDocsViewer, syncSceneWithSlide, SideEffectManager, SlideControllerBase };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const usePlugin: (plugin: any) => any = /* @__PURE__ */ Slide.usePlugin.bind(Slide);