@netless/app-slide 0.2.34 → 0.2.35

package/dist/main.es.js

@@ -38031,7 +38031,7 @@ if (runningOnBrowser) {
   autoInitialize(LazyLoad, window.lazyLoadOptions);
 }
 class DocsViewer {
-  constructor({ readonly, onNewPageIndex, onPlay }) {
+  constructor({ readonly, onNewPageIndex, onPlay, urlInterrupter }) {
     this._pages = [];
     this.pageIndex = 0;
     this.setPaused = () => {
@@ -38047,13 +38047,13 @@ class DocsViewer {
     this.readonly = readonly;
     this.onNewPageIndex = onNewPageIndex;
     this.onPlay = onPlay;
+    this.urlInterrupter = urlInterrupter || ((url) => url);
     this.render();
   }
   set pages(value) {
     this._pages = value;
-    this.refreshPreview();
+    this.refreshPreview().then(this.refreshBtnSidebar.bind(this));
     this.refreshTotalPage();
-    this.refreshBtnSidebar();
   }
   get pages() {
     return this._pages;
@@ -38134,17 +38134,27 @@ class DocsViewer {
     }
     return this.$preview;
   }
-  refreshPreview() {
-    var _a;
+  async refreshPreview() {
+    var _a, _b;
     const { $preview } = this;
     const pageClassName = this.wrapClassName("preview-page");
     const pageNameClassName = this.wrapClassName("preview-page-name");
     while ($preview.firstChild) {
       $preview.firstChild.remove();
     }
+    const previewSRCs = [];
+    for (let i = 0, len = this.pages.length; i < len; i++) {
+      const page = this.pages[i];
+      const src = (_a = page.thumbnail) != null ? _a : page.src.startsWith("ppt") ? void 0 : page.src;
+      if (src) {
+        previewSRCs[i] = this.urlInterrupter(src);
+      }
+    }
+    for (let i = 0, len = this.pages.length; i < len; i++) {
+      previewSRCs[i] = await previewSRCs[i];
+    }
     this.pages.forEach((page, i) => {
-      var _a2;
-      const previewSRC = (_a2 = page.thumbnail) != null ? _a2 : page.src.startsWith("ppt") ? void 0 : page.src;
+      const previewSRC = previewSRCs[i];
       if (!previewSRC) {
         return;
       }
@@ -38166,7 +38176,7 @@ class DocsViewer {
       $page.appendChild($name);
       $preview.appendChild($page);
     });
-    (_a = this.previewLazyLoad) == null ? void 0 : _a.update();
+    (_b = this.previewLazyLoad) == null ? void 0 : _b.update();
   }
   renderPreviewMask() {
     if (!this.$previewMask) {
@@ -38305,7 +38315,8 @@ class SlideDocsViewer {
     mountSlideController,
     mountWhiteboard,
     baseScenePath,
-    appId
+    appId,
+    urlInterrupter
   }) {
     this.slideController = null;
     this.isViewMounted = false;
@@ -38454,7 +38465,8 @@ class SlideDocsViewer {
     this.viewer = new DocsViewer({
       readonly: box.readonly,
       onNewPageIndex: this.onNewPageIndex,
-      onPlay: this.onPlay
+      onPlay: this.onPlay,
+      urlInterrupter
     });
     this.sideEffect.add(() => {
       const handler = (readonly) => {
@@ -38822,10 +38834,11 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.34";
+const version = "0.2.35";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
+    var _a;
     console.log("[Slide] setup @ " + version);
     if (context.getIsWritable()) {
       context.storage.ensureState(EmptyAttributes);
@@ -38889,14 +38902,15 @@ const SlideApp = {
       mountSlideController,
       mountWhiteboard: context.mountView.bind(context),
       baseScenePath,
-      appId: context.appId
+      appId: context.appId,
+      urlInterrupter: (_a = context.getAppOptions()) == null ? void 0 : _a.urlInterrupter
     });
     const room = context.getRoom();
     const sideEffect = new SideEffectManager();
     sideEffect.add(() => {
-      var _a;
+      var _a2;
       logger.setAppContext(context.appId, context);
-      logger.enable = ((_a = context.getAppOptions()) == null ? void 0 : _a.debug) || false;
+      logger.enable = ((_a2 = context.getAppOptions()) == null ? void 0 : _a2.debug) || false;
       logger.level = "debug";
       return () => logger.deleteApp(context.appId);
     });
@@ -38931,21 +38945,21 @@ const SlideApp = {
         return docsViewer == null ? void 0 : docsViewer.slideController;
       },
       slide: () => {
-        var _a;
-        return (_a = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a.slide;
+        var _a2;
+        return (_a2 = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a2.slide;
       },
       nextStep: () => {
-        var _a;
+        var _a2;
         if (docsViewer && docsViewer.slideController) {
-          (_a = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a.slide.nextStep();
+          (_a2 = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a2.slide.nextStep();
           return true;
         }
         return false;
       },
       prevStep: () => {
-        var _a;
+        var _a2;
         if (docsViewer && docsViewer.slideController) {
-          (_a = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a.slide.prevStep();
+          (_a2 = docsViewer == null ? void 0 : docsViewer.slideController) == null ? void 0 : _a2.slide.prevStep();
           return true;
         }
         return false;