@netless/app-slide 0.2.34-beta.2 → 0.2.35

package/dist/main.es.js

@@ -31363,7 +31363,7 @@ void main(void){
   var l_ = i(120);
   class h_ extends Za.a {
     constructor(t2, e2) {
-      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.isHowlEnd = false, this.isHowlLoadEmit = false, this.url = t2, this.runningAudio = e2, jy.RtcAudioClazz ? (this.rctClient = new jy.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new l_.Howl({ src: [t2] }), this.howl.load(), this.howl.on("load", () => {
+      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.isHowlEnd = false, this.isHowlLoadEmit = false, this.staticEventId = 1001, this.url = t2, this.runningAudio = e2, jy.RtcAudioClazz ? (this.rctClient = new jy.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new l_.Howl({ src: [t2] }), [this.staticEventId] = this.howl._getSoundIds(), this.howl.load(), this.howl.on("load", () => {
         this.isHowlLoadEmit = true, this.emit("load");
       }), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => {
         this.isHowlLoadEmit || this.emit("load"), this.isHowlEnd = false, this.emit("play");
@@ -31376,11 +31376,11 @@ void main(void){
     }
     play() {
       var t2, e2, i2;
-      this.runningAudio.has(this.url) && ((t2 = this.runningAudio.get(this.url)) === null || t2 === void 0 || t2.stop(), this.runningAudio.delete(this.url)), this.isHowlEnd = false, this.lastTime = -1, (e2 = this.howl) === null || e2 === void 0 || e2.play(), (i2 = this.rctClient) === null || i2 === void 0 || i2.play(), this.startTimeChangeEmit(), this.runningAudio.set(this.url, this);
+      this.runningAudio.has(this.url) && ((t2 = this.runningAudio.get(this.url)) === null || t2 === void 0 || t2.stop(), this.runningAudio.delete(this.url)), this.isHowlEnd = false, this.lastTime = -1, (e2 = this.howl) === null || e2 === void 0 || e2.play(this.staticEventId), (i2 = this.rctClient) === null || i2 === void 0 || i2.play(), this.startTimeChangeEmit(), this.runningAudio.set(this.url, this);
     }
     pause() {
       var t2, e2;
-      (t2 = this.howl) === null || t2 === void 0 || t2.pause(), (e2 = this.rctClient) === null || e2 === void 0 || e2.pause(), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
+      (t2 = this.howl) === null || t2 === void 0 || t2.pause(this.staticEventId), (e2 = this.rctClient) === null || e2 === void 0 || e2.pause(), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
     }
     globalPause() {
       this.isPaused || (this.isGlobalPause = true, this.pause());
@@ -31390,26 +31390,26 @@ void main(void){
     }
     stop() {
       var t2;
-      (t2 = this.howl) === null || t2 === void 0 || t2.stop(), this.rctClient && (this.rctClient.pause(), this.rctClient.currentTime = 0), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
+      (t2 = this.howl) === null || t2 === void 0 || t2.pause(this.staticEventId), this.rctClient && (this.rctClient.pause(), this.rctClient.currentTime = 0), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
     }
     destroy() {
       var t2, e2, i2, n2, r2, o2, s2;
-      (t2 = this.howl) === null || t2 === void 0 || t2.pause(), (e2 = this.howl) === null || e2 === void 0 || e2.unload(), (i2 = this.rctClient) === null || i2 === void 0 || i2.pause(), (n2 = this.rctClient) === null || n2 === void 0 || n2.destroy(), (r2 = this.rctClient) === null || r2 === void 0 || r2.removeAllListeners("load"), (o2 = this.rctClient) === null || o2 === void 0 || o2.removeAllListeners("play"), (s2 = this.rctClient) === null || s2 === void 0 || s2.removeAllListeners("pause"), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
+      (t2 = this.howl) === null || t2 === void 0 || t2.stop(this.staticEventId), (e2 = this.howl) === null || e2 === void 0 || e2.unload(), (i2 = this.rctClient) === null || i2 === void 0 || i2.pause(), (n2 = this.rctClient) === null || n2 === void 0 || n2.destroy(), (r2 = this.rctClient) === null || r2 === void 0 || r2.removeAllListeners("load"), (o2 = this.rctClient) === null || o2 === void 0 || o2.removeAllListeners("play"), (s2 = this.rctClient) === null || s2 === void 0 || s2.removeAllListeners("pause"), this.runningAudio.has(this.url) && this.runningAudio.delete(this.url);
     }
     get currentTime() {
-      return this.rctClient ? this.rctClient.currentTime : this.howl ? this.howl.seek() : -1;
+      return this.rctClient ? this.rctClient.currentTime : this.howl ? this.howl.seek(this.staticEventId) : -1;
     }
     set currentTime(t2) {
-      this.rctClient ? this.rctClient.currentTime = t2 : this.howl && this.howl.seek(t2);
+      this.rctClient ? this.rctClient.currentTime = t2 : this.howl && this.howl.seek(t2, this.staticEventId);
     }
     get duration() {
-      return this.rctClient ? this.rctClient.duration : this.howl ? this.howl.duration() : 0;
+      return this.rctClient ? this.rctClient.duration : this.howl ? this.howl.duration(this.staticEventId) : 0;
     }
     get isEnded() {
       return this.howl ? this.isHowlEnd : Math.abs(this.currentTime - this.duration) < 1e-3;
     }
     get isPaused() {
-      return this.rctClient ? this.rctClient.isPaused : !!this.howl && this.howl.playing();
+      return this.rctClient ? this.rctClient.isPaused : !!this.howl && this.howl.playing(this.staticEventId);
     }
     volume(t2) {
       this.rctClient ? this.rctClient.volume(t2) : this.howl && this.howl.volume(t2);
@@ -35737,7 +35737,7 @@ void main(void){
   }
   var hT = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart" }, uT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, cT = "";
   try {
-    cT = "1.0.0";
+    cT = "1.0.1-beta.1";
   } catch (t2) {
     cT = "-dev";
   }
@@ -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-beta.2";
+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;