@netless/app-slide 0.2.49 → 0.2.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -10,7 +10,7 @@
     "README-zh.md"
   ],
   "devDependencies": {
-    "@netless/slide": "^1.2.0",
+    "@netless/slide": "^1.2.1",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.1",
     "jspdf": "2.5.1",

package/src/DocsViewer/index.ts

@@ -20,13 +20,15 @@ export interface DocsViewerConfig {
   onNewPageIndex: (index: number) => void;
   onPlay?: () => void;
   urlInterrupter?: (url: string) => Promise<string>;
+  onPagesReady?: (pages: DocsViewerPage[]) => void;
 }
 
 export class DocsViewer {
-  public constructor({ readonly, onNewPageIndex, onPlay, urlInterrupter }: DocsViewerConfig) {
+  public constructor({ readonly, onNewPageIndex, onPlay, onPagesReady, urlInterrupter }: DocsViewerConfig) {
     this.readonly = readonly;
     this.onNewPageIndex = onNewPageIndex;
     this.onPlay = onPlay;
+    this.onPagesReady = onPagesReady;
     this.urlInterrupter = urlInterrupter || (url => url);
 
     this.render();
@@ -35,6 +37,7 @@ export class DocsViewer {
   protected readonly: boolean;
   protected onNewPageIndex: (index: number) => void;
   protected onPlay?: () => void;
+  protected onPagesReady?: (pages: DocsViewerPage[]) => void
   protected urlInterrupter: (url: string) => Promise<string> | string;
 
   private _pages: DocsViewerPage[] = [];
@@ -43,6 +46,9 @@ export class DocsViewer {
     this._pages = value;
     this.refreshPreview().then(this.refreshBtnSidebar.bind(this));
     this.refreshTotalPage();
+    if (this.onPagesReady) {
+      this.onPagesReady(value);
+    }
   }
 
   public get pages() {

package/src/SlideDocsViewer/index.ts

@@ -3,7 +3,7 @@ import type { SlideController, SlideControllerOptions } from "../SlideController
 
 import { SideEffectManager } from "side-effect-manager";
 import { createDocsViewerPages } from "../SlideController";
-import { DocsViewer } from "../DocsViewer";
+import { DocsViewer, DocsViewerPage } from "../DocsViewer";
 import { logger } from "../utils/logger";
 import { isEditable } from "../utils/helpers";
 
@@ -21,6 +21,7 @@ export interface SlideDocsViewerConfig {
   baseScenePath: string;
   appId: string;
   urlInterrupter?: (url: string) => Promise<string>;
+  onPagesReady?: (pages: DocsViewerPage[]) => void;
 }
 
 export interface SavePdfConfig {
@@ -48,6 +49,7 @@ export class SlideDocsViewer {
     baseScenePath,
     appId,
     urlInterrupter,
+    onPagesReady,
   }: SlideDocsViewerConfig) {
     this.box = box;
     this.whiteboardView = view;
@@ -60,6 +62,7 @@ export class SlideDocsViewer {
       onNewPageIndex: this.onNewPageIndex,
       onPlay: this.onPlay,
       urlInterrupter,
+      onPagesReady,
     });
 
     this.sideEffect.add(() => {

package/src/index.ts

@@ -133,6 +133,10 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
         docsViewer.viewer.setPageIndex(page - 1);
         docsViewer.viewer.setPaused();
         docsViewer.onPageChanged();
+        const length = docsViewer.viewer.pages.length;
+        if (length > 0) {
+          context.dispatchAppEvent("pageStateChange", { index: page - 1, length });
+        }
       }
     };
 
@@ -174,6 +178,10 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
       baseScenePath,
       appId: context.appId,
       urlInterrupter: context.getAppOptions()?.urlInterrupter,
+      onPagesReady: ({ length }) => {
+        const index = docsViewer?.viewer.pageIndex || 0;
+        context.dispatchAppEvent("pageStateChange", { index, length });
+      }
     });
 
     if (import.meta.env.DEV) {