@netless/app-slide 0.2.51 → 0.2.53-alpha.0

package/dist/main.es.js

@@ -31612,10 +31612,14 @@ void main(void){
       return this.videoResource.load();
     }
     pause() {
-      this.isPlaying = false, this.ctx.logger.warn(this.url + ", pause video manual.", this.ctx.taskId), this.ctx.logger.warn(this.url + ", pause rtc audio manual.", this.ctx.taskId), this.rtcAudio.on("pause", () => {
-        var t2;
-        (t2 = this.videoElement) === null || t2 === void 0 || t2.pause();
-      }), this.rtcAudio.pause();
+      return c_(this, void 0, void 0, function* () {
+        return new Promise((t2) => {
+          this.isPlaying = false, this.ctx.logger.warn(this.url + ", pause video manual.", this.ctx.taskId), this.ctx.logger.warn(this.url + ", pause rtc audio manual.", this.ctx.taskId), this.rtcAudio.on("pause", () => {
+            var e2;
+            (e2 = this.videoElement) === null || e2 === void 0 || e2.pause(), t2();
+          }), this.rtcAudio.pause();
+        });
+      });
     }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
@@ -31722,7 +31726,9 @@ void main(void){
       });
     }
     pause() {
-      this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent pause event with paused state", this.ctx.taskId) : (this.isPlaying = false, this.audioPlayer.pause());
+      return p_(this, void 0, void 0, function* () {
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent pause event with paused state", this.ctx.taskId) : (this.isPlaying = false, this.audioPlayer.pause());
+      });
     }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
@@ -37353,6 +37359,8 @@ const EmptyAttributes = {
   url: "",
   state: null
 };
+const noop$1 = function noop2() {
+};
 class SlideController {
   constructor({
     context,
@@ -37361,6 +37369,7 @@ class SlideController {
     onPageChanged,
     onTransitionStart,
     onTransitionEnd,
+    onNavigate,
     onError,
     onRenderError,
     showRenderError
@@ -37416,8 +37425,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 +37477,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 +37493,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 +38335,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 +38441,7 @@ class DocsViewer {
           ev.preventDefault();
           ev.stopPropagation();
           ev.stopImmediatePropagation();
-          this.onNewPageIndex(Number(pageIndex));
+          this.onNewPageIndex(Number(pageIndex), "preview");
           this.togglePreview(false);
         }
       });
@@ -38522,7 +38538,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 +38560,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 +38580,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 +38622,8 @@ class DocsViewer {
   }
 }
 const ClickThroughAppliances = /* @__PURE__ */ new Set(["clicker"]);
+const noop = function noop22() {
+};
 class SlideDocsViewer {
   constructor({
     box,
@@ -38615,7 +38633,8 @@ class SlideDocsViewer {
     baseScenePath,
     appId,
     urlInterrupter,
-    onPagesReady
+    onPagesReady,
+    onNavigate
   }) {
     this.slideController = null;
     this.isViewMounted = false;
@@ -38686,9 +38705,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 +38790,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 +38830,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 +38877,7 @@ class SlideDocsViewer {
       onTransitionStart: this.viewer.setPlaying,
       onTransitionEnd: this.viewer.setPaused,
       onReady: this.refreshPages,
+      onNavigate: this.onNavigate,
       onError: this.onError
     });
     this.scaleDocsToFit();
@@ -39144,7 +39167,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.51";
+const version = "0.2.53-alpha.0";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
@@ -39193,6 +39216,7 @@ const SlideApp = {
         context
       }, options), {
         onPageChanged,
+        onNavigate: options.onNavigate,
         onRenderError: appOptions.onRenderError,
         showRenderError: appOptions.showRenderError
       }));
@@ -39223,6 +39247,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();