@netless/app-slide 0.2.72 → 0.2.73

package/dist/main.es.js

@@ -34726,7 +34726,7 @@ void main(void){
         var i2 = e2.task, n2 = t3.tasks.findIndex(function(t4) {
           return t4.index === i2.index;
         });
-        n2 >= 0 && (t3.tasks.splice(n2, 1), t3.replaceIdleTask());
+        n2 >= 0 && (t3.tasks.splice(n2, 1), t3.replaceIdleTask()), t3.eventHub.emit("task-error-" + i2.id);
       });
     }
     return t2.prototype.replaceIdleTask = function() {
@@ -35778,7 +35778,7 @@ void main(void){
       this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
         e2.isScheduling = true;
         var t4 = e2.tasks.shift();
-        t4 && !e2.isDestroy && e2.fn(t4).then(function() {
+        t4 && !e2.isDestroy && e2.fn(t4).finally(function() {
           e2.tasks.length > 0 ? window.requestAnimationFrame(e2.schedule) : e2.isScheduling = false;
         });
       }, this.fn = t3;
@@ -36242,7 +36242,7 @@ void main(void){
   }
   var vT = { 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", useraddLink: "useraddLink" }, _T = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, yT = "";
   try {
-    yT = "1.4.32-alpha.0";
+    yT = "1.4.33";
   } catch (t2) {
     yT = "-dev-";
   }
@@ -36257,7 +36257,7 @@ void main(void){
   var bT = function(t2) {
     function e2(i3) {
       var n3 = t2.call(this) || this;
-      return n3.iosResetCache = [], n3.needClearCacheImage = false, n3.version = yT, n3.__slideState = ex()(_T), n3.userInputTime = 0, n3.isSyncingSlideState = false, n3.frozenTaskManager = new iT(), n3.randomId = r(), n3.resize = false, n3.isAnimating = false, n3.renderingTaskManager = new Vx(), n3.isLoading = false, n3.interactive = true, n3.renderingIndex = 0, n3.frameWidth = 1, n3.frameHeight = 1, n3.frame = document.createElement("div"), n3.canvasContainer = document.createElement("div"), n3.medianController = document.createElement("div"), n3.frameResizeObserver = new fT(function() {
+      return n3.iosResetCache = [], n3.version = yT, n3.__slideState = ex()(_T), n3.userInputTime = 0, n3.isSyncingSlideState = false, n3.frozenTaskManager = new iT(), n3.randomId = r(), n3.resize = false, n3.isAnimating = false, n3.renderingTaskManager = new Vx(), n3.isLoading = false, n3.interactive = true, n3.renderingIndex = 0, n3.frameWidth = 1, n3.frameHeight = 1, n3.frame = document.createElement("div"), n3.canvasContainer = document.createElement("div"), n3.medianController = document.createElement("div"), n3.frameResizeObserver = new fT(function() {
         return n3.frameResizeHandler();
       }), n3.timestamp = function() {
         return Date.now();
@@ -36358,7 +36358,7 @@ void main(void){
         e2.appendLogString("ERROR - " + new Date().toISOString() + " - {" + n3.randomId + "}[" + i4 + "] " + t3 + "\n"), e2.trackLogger.addLog(t3, "error", i4, n3.randomId);
         var o2 = null === (r2 = n3.config.logger) || void 0 === r2 ? void 0 : r2.error;
         o2 && o2("[" + i4 + "] " + t3);
-      } }, n3.logger.info("new slide with clientId: " + n3.config.clientId + ", version: " + n3.version, n3.taskId), n3.tracker({ name: "initSlide", result: "", reason: "", payload: { taskId: n3.taskId } }), n3.anchor = n3.config.anchor, n3.syncQueue = new tT(n3.receiveSyncHandler), n3.lock = new eT("interactive" === n3.mode), n3.cacheImage.style.position = "absolute", n3.cacheImage.style.zIndex = "100", n3.setMedianControllerAttribute(), n3.canvasContainer.style.position = "relative", n3.canvasContainer.style.fontSize = "0", n3.canvasContainer.appendChild(n3.medianController), n3.frame.appendChild(n3.canvasContainer), n3.frameResizeObserver.observe(n3.frame), n3.on(vT.syncReceive, function(t3) {
+      } }, n3.logger.info("new slide with clientId: " + n3.config.clientId + ", version: " + n3.version, n3.taskId), n3.tracker({ name: "initSlide", result: "", reason: "", payload: { taskId: n3.taskId } }), n3.anchor = n3.config.anchor, n3.syncQueue = new tT(n3.receiveSyncHandler), n3.lock = new eT("interactive" === n3.mode), n3.cacheImage.style.position = "absolute", n3.cacheImage.style.display = "block", n3.cacheImage.style.zIndex = "100", n3.setMedianControllerAttribute(), n3.canvasContainer.style.position = "relative", n3.canvasContainer.style.fontSize = "0", n3.canvasContainer.appendChild(n3.medianController), n3.frame.appendChild(n3.canvasContainer), n3.frame.appendChild(n3.cacheImage), n3.frameResizeObserver.observe(n3.frame), n3.on(vT.syncReceive, function(t3) {
         n3.lock.unlock(t3.type, t3.uuid), !n3.player && n3.config.skipActionWhenFrozen || "sync" === n3.mode && n3.config.clientId === t3.clientId || n3.syncQueue.addTask(t3);
       }), n3.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, i4 = t3.task, r2 = Tm.transform(e3);
@@ -36664,12 +36664,7 @@ void main(void){
             case 1:
               return n3.sent(), this.__slideState.currentSlideIndex = t3, this.resizeView(), this.__slideState.interactiveSeqState = {}, this.__slideState.mediaState = {}, this.emitStateChange(), setTimeout(function() {
                 var t4, e4;
-                if ("hidden" === (null === (e4 = null === (t4 = i3.player) || void 0 === t4 ? void 0 : t4.view) || void 0 === e4 ? void 0 : e4.style.visibility) && (i3.player.view.style.visibility = "visible"), "hidden" === i3.frame.style.visibility && (i3.frame.style.visibility = "visible"), i3.needClearCacheImage)
-                  try {
-                    i3.frame.removeChild(i3.cacheImage);
-                  } catch (t5) {
-                    i3.logger.error("removeChild error Slide.ts:1553", i3.taskId);
-                  }
+                "hidden" === (null === (e4 = null === (t4 = i3.player) || void 0 === t4 ? void 0 : t4.view) || void 0 === e4 ? void 0 : e4.style.visibility) && (i3.player.view.style.visibility = "visible"), "hidden" === i3.frame.style.visibility && (i3.frame.style.visibility = "visible"), i3.cacheImage.style.display = "none";
               }, 100), [2];
           }
         });
@@ -36690,13 +36685,13 @@ void main(void){
         return Promise.resolve();
       if (this.needCreateNewPlayer() && (this.iosResetCache = [], this.iosNewPlayer = this.initPlayer(this.config), this.iosNewPlayer.setResourceData(this.__slideState.taskId, this.__slideState.url)), this.iosNewPlayer) {
         var s2 = this.player.getSnapshot();
-        this.cacheImage.src = s2, this.frame.appendChild(this.cacheImage), this.player.destroy(), null === (i3 = this.playerController) || void 0 === i3 || i3.destroy(), this.player = this.iosNewPlayer, this.iosNewPlayer = void 0, (null === (n3 = this.config) || void 0 === n3 ? void 0 : n3.controller) && this.createController(), this.needClearCacheImage = true, (null === (r2 = null == this ? void 0 : this.player) || void 0 === r2 ? void 0 : r2.view) && (this.player.view.style.visibility = "hidden", this.canvasContainer.appendChild(this.player.view));
+        this.cacheImage.src = s2, this.player.destroy(), null === (i3 = this.playerController) || void 0 === i3 || i3.destroy(), this.player = this.iosNewPlayer, this.iosNewPlayer = void 0, (null === (n3 = this.config) || void 0 === n3 ? void 0 : n3.controller) && this.createController(), (null === (r2 = null == this ? void 0 : this.player) || void 0 === r2 ? void 0 : r2.view) && (this.player.view.style.visibility = "hidden", this.canvasContainer.appendChild(this.player.view));
       }
       var a2 = Math.random().toString(32).substr(2);
       return this.player.isForward = e3, this.renderingTaskManager.addTask(function() {
         return o2._renderSlide(t3);
-      }, t3, a2), new Promise(function(t4) {
-        o2.renderingTaskManager.eventHub.once("task-end-" + a2, t4);
+      }, t3, a2), new Promise(function(t4, e4) {
+        o2.renderingTaskManager.eventHub.once("task-end-" + a2, t4), o2.renderingTaskManager.eventHub.once("task-error-" + a2, e4);
       });
     }, e2.prototype.getSnapshot = function() {
       var t3, e3;
@@ -36755,7 +36750,7 @@ void main(void){
                 return !o2.isLoading;
               }, 6e4)] : [3, 2];
             case 1:
-              for (n3 in s2.sent(), i3 = this.player.getSnapshot() || "", this.cacheImage.src = i3, this.frame.appendChild(this.cacheImage), this.player.destroy(), null === (e3 = this.playerController) || void 0 === e3 || e3.destroy(), this.player = void 0, this.__slideState.mediaState)
+              for (n3 in s2.sent(), i3 = this.player.getSnapshot() || "", this.cacheImage.src = i3, this.cacheImage.style.display = "block", this.player.destroy(), null === (e3 = this.playerController) || void 0 === e3 || e3.destroy(), this.player = void 0, this.__slideState.mediaState)
                 r2 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = uT(uT({}, r2), { frozenTime: this.timestamp() });
               s2.label = 2;
             case 2:
@@ -36783,13 +36778,7 @@ void main(void){
             case 1:
               return a2.sent(), [4, this.player.clock.delay(333)];
             case 2:
-              a2.sent(), this.player.view && (this.player.view.style.visibility = "visible");
-              try {
-                this.frame.removeChild(this.cacheImage);
-              } catch (t4) {
-                this.logger.error("removeChild error Slide.ts:1934", this.taskId);
-              }
-              return t3 && t3(), [2];
+              return a2.sent(), this.player.view && (this.player.view.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [2];
           }
         });
       });
@@ -37903,7 +37892,8 @@ class SlideController {
       logger: options.logger,
       whiteTracker: defaults.whiteTracker,
       timestamp: this.timestamp,
-      skipActionWhenFrozen: true
+      skipActionWhenFrozen: true,
+      customLinks: options.customLinks
     });
     return slide;
   }
@@ -38974,6 +38964,7 @@ class SlideDocsViewer {
   }) {
     this.slideController = null;
     this.isViewMounted = false;
+    this.justSildeReadonly = false;
     this.onError = ({ error, index }) => {
       var _a, _b;
       this.viewer.setPaused();
@@ -39160,11 +39151,19 @@ class SlideDocsViewer {
     });
     this.render();
   }
+  setJustSildeReadonly(justSildeReadonly) {
+    var _a;
+    this.justSildeReadonly = justSildeReadonly;
+    (_a = this.slideController) == null ? void 0 : _a.slide.setInteractive(!this.justSildeReadonly);
+  }
   render() {
     this.viewer.$content.appendChild(this.renderSlideContainer());
     this.viewer.$content.appendChild(this.renderWhiteboardView());
     this.viewer.$content.appendChild(this.renderOverlay());
     this.sideEffect.addEventListener(window, "keydown", (ev) => {
+      if (this.justSildeReadonly) {
+        return;
+      }
       if (this.box.focus && this.slideController && !isEditable(ev.target)) {
         switch (ev.key) {
           case "ArrowUp":
@@ -39533,11 +39532,11 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.72";
+const version = "0.2.73";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
-    var _a;
+    var _a, _b;
     console.log("[Slide] setup @ " + version);
     if (context.getIsWritable()) {
       context.storage.ensureState(EmptyAttributes);
@@ -39620,6 +39619,9 @@ const SlideApp = {
         log("[Slide] user navigate to", page, origin ? `(${origin})` : "");
       }
     });
+    if ((_b = context.getAppOptions()) == null ? void 0 : _b.justSildeReadonly) {
+      docsViewer == null ? void 0 : docsViewer.setJustSildeReadonly(true);
+    }
     const room = context.getRoom();
     const sideEffect = new SideEffectManager();
     sideEffect.add(() => {
@@ -39653,6 +39655,9 @@ const SlideApp = {
     });
     docsViewer.mount();
     return {
+      setSildeReadonly: (bol) => {
+        docsViewer == null ? void 0 : docsViewer.setJustSildeReadonly(bol);
+      },
       viewer: () => {
         return docsViewer;
       },