@netless/app-slide 0.2.51 → 0.2.52

package/dist/main.es.js

@@ -37353,6 +37353,8 @@ const EmptyAttributes = {
   url: "",
   state: null
 };
+const noop$1 = function noop2() {
+};
 class SlideController {
   constructor({
     context,
@@ -37361,6 +37363,7 @@ class SlideController {
     onPageChanged,
     onTransitionStart,
     onTransitionEnd,
+    onNavigate,
     onError,
     onRenderError,
     showRenderError
@@ -37416,8 +37419,7 @@ class SlideController {
         setTimeout(this.pollReadyState, 500);
       } else {
         this.pollCount = 0;
-        log("[Slide] renderSlide 1 (retry after timeout)");
-        this.slide.renderSlide(1);
+        log("[Slide] init timeout");
       }
     };
     this._pageCount = 0;
@@ -37469,6 +37471,7 @@ class SlideController {
     this.onPageChanged = onPageChanged;
     this.onTransitionStart = onTransitionStart;
     this.onTransitionEnd = onTransitionEnd;
+    this.onNavigate = onNavigate || noop$1;
     this.onError = onError;
     this.onRenderError = onRenderError;
     this.showRenderError = showRenderError != null ? showRenderError : true;
@@ -37484,9 +37487,10 @@ class SlideController {
     this.savedIsFrozen = false;
     this.initialize();
   }
-  jumpToPage(page) {
+  jumpToPage(page, origin) {
     if (this.ready) {
       page = clamp$1(page, 1, this.pageCount);
+      this.onNavigate(page, origin);
       this.slide.renderSlide(page);
     }
   }
@@ -38325,7 +38329,13 @@ if (runningOnBrowser) {
   autoInitialize(LazyLoad, window.lazyLoadOptions);
 }
 class DocsViewer {
-  constructor({ readonly, onNewPageIndex, onPlay, onPagesReady, urlInterrupter }) {
+  constructor({
+    readonly,
+    onNewPageIndex,
+    onPlay,
+    onPagesReady,
+    urlInterrupter
+  }) {
     this._pages = [];
     this.pageIndex = 0;
     this.setPaused = () => {
@@ -38425,7 +38435,7 @@ class DocsViewer {
           ev.preventDefault();
           ev.stopPropagation();
           ev.stopImmediatePropagation();
-          this.onNewPageIndex(Number(pageIndex));
+          this.onNewPageIndex(Number(pageIndex), "preview");
           this.togglePreview(false);
         }
       });
@@ -38522,7 +38532,7 @@ class DocsViewer {
         if (this.readonly) {
           return;
         }
-        this.onNewPageIndex(this.pageIndex - 1);
+        this.onNewPageIndex(this.pageIndex - 1, "navigation");
       });
       $pageJumps.appendChild($btnPageBack);
       if (this.onPlay) {
@@ -38544,7 +38554,7 @@ class DocsViewer {
         if (this.readonly) {
           return;
         }
-        this.onNewPageIndex(this.pageIndex + 1);
+        this.onNewPageIndex(this.pageIndex + 1, "navigation");
       });
       $pageJumps.appendChild($btnPageNext);
       const $pageNumber = document.createElement("div");
@@ -38564,7 +38574,7 @@ class DocsViewer {
           return;
         }
         if ($pageNumberInput.value) {
-          this.onNewPageIndex(Number($pageNumberInput.value) - 1);
+          this.onNewPageIndex(Number($pageNumberInput.value) - 1, "input");
         }
       });
       const $totalPage = document.createElement("span");
@@ -38606,6 +38616,8 @@ class DocsViewer {
   }
 }
 const ClickThroughAppliances = /* @__PURE__ */ new Set(["clicker"]);
+const noop = function noop22() {
+};
 class SlideDocsViewer {
   constructor({
     box,
@@ -38615,7 +38627,8 @@ class SlideDocsViewer {
     baseScenePath,
     appId,
     urlInterrupter,
-    onPagesReady
+    onPagesReady,
+    onNavigate
   }) {
     this.slideController = null;
     this.isViewMounted = false;
@@ -38686,9 +38699,9 @@ class SlideDocsViewer {
         this.slideController.slide.nextStep();
       }
     };
-    this.onNewPageIndex = (index) => {
+    this.onNewPageIndex = (index, origin) => {
       if (this.slideController) {
-        this.slideController.jumpToPage(index + 1);
+        this.slideController.jumpToPage(index + 1, origin);
       }
     };
     this.sideEffect = new SideEffectManager();
@@ -38771,6 +38784,7 @@ class SlideDocsViewer {
     this.whiteboardView = view;
     this.mountSlideController = mountSlideController;
     this.mountWhiteboard = mountWhiteboard;
+    this.onNavigate = onNavigate || noop;
     this.baseScenePath = baseScenePath;
     this.appId = appId;
     this.viewer = new DocsViewer({
@@ -38810,11 +38824,13 @@ class SlideDocsViewer {
           case "ArrowUp":
           case "ArrowLeft": {
             this.slideController.slide.prevStep();
+            this.onNavigate(this.slideController.page, "keydown");
             break;
           }
           case "ArrowRight":
           case "ArrowDown": {
             this.slideController.slide.nextStep();
+            this.onNavigate(this.slideController.page, "keydown");
             break;
           }
         }
@@ -38855,6 +38871,7 @@ class SlideDocsViewer {
       onTransitionStart: this.viewer.setPlaying,
       onTransitionEnd: this.viewer.setPaused,
       onReady: this.refreshPages,
+      onNavigate: this.onNavigate,
       onError: this.onError
     });
     this.scaleDocsToFit();
@@ -39144,7 +39161,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.51";
+const version = "0.2.52";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
@@ -39193,6 +39210,7 @@ const SlideApp = {
         context
       }, options), {
         onPageChanged,
+        onNavigate: options.onNavigate,
         onRenderError: appOptions.onRenderError,
         showRenderError: appOptions.showRenderError
       }));
@@ -39223,6 +39241,9 @@ const SlideApp = {
       onPagesReady: ({ length }) => {
         const index = (docsViewer == null ? void 0 : docsViewer.viewer.pageIndex) || 0;
         context.dispatchAppEvent("pageStateChange", { index, length });
+      },
+      onNavigate: (page, origin) => {
+        log("[Slide] user navigate to", page, origin ? `(${origin})` : "");
       }
     });
     const room = context.getRoom();