@netless/app-slide 0.2.92 → 0.2.93

package/dist/main.es.js

@@ -28682,10 +28682,22 @@ void main() {
           const t3 = l2 * u2;
           t3 > 2048 && (l2 *= u2 / t3);
         }
-        const c2 = document.createElement("canvas"), d2 = Math.ceil(a2.width * l2), p2 = Math.ceil(a2.height * l2);
-        c2.width = d2, c2.height = p2;
-        c2.getContext("2d").drawImage(a2, 0, 0, d2, p2);
-        const f2 = new Vh.c(c2, { resolution: 1 });
+        const c2 = Math.ceil(a2.width * l2), d2 = Math.ceil(a2.height * l2);
+        let p2;
+        try {
+          p2 = yield createImageBitmap(a2, { resizeWidth: c2, resizeHeight: d2, resizeQuality: "high" });
+        } catch (t3) {
+          this.logger.warn("createImageBitmap failed, fallback to canvas: " + t3, this.taskId || "");
+          const e3 = document.createElement("canvas");
+          e3.width = c2, e3.height = d2;
+          const i3 = e3.getContext("2d");
+          if (!i3)
+            throw new Tm(gm.CanvasCrash, "Failed to get 2D context from canvas");
+          i3.drawImage(a2, 0, 0, c2, d2);
+          const n3 = new Vh.c(e3, { resolution: 1 });
+          return this.logger.info("load end. " + r2, this.taskId || ""), { baseTexture: n3, scale: l2 };
+        }
+        const f2 = new Vh.c(p2, { resolution: 1 });
         return this.logger.info("load end. " + r2, this.taskId || ""), { baseTexture: f2, scale: l2 };
       });
     }
@@ -31062,8 +31074,20 @@ void main(void){
       if (this.json.isMathFallback) {
         if (!this.json.textBody)
           return this;
-        const t3 = () => this.json.textBody.paragraphs[0].lines.length <= 1, e3 = () => this.json.textBody.paragraphs[0].lines[0].textUnits.length <= 1, i3 = () => "" === this.json.textBody.paragraphs[0].lines[0].textUnits[0].content.trim();
-        if ((() => this.json.textBody.paragraphs.length <= 1)() && t3() && e3() && i3())
+        const t3 = () => {
+          var t4, e4, i4, n3;
+          return Number(null !== (n3 = null === (i4 = null === (e4 = null === (t4 = this.json.textBody) || void 0 === t4 ? void 0 : t4.paragraphs) || void 0 === e4 ? void 0 : e4[0]) || void 0 === i4 ? void 0 : i4.lines.length) && void 0 !== n3 ? n3 : 0) <= 1;
+        }, e3 = () => {
+          var t4, e4, i4, n3, r2, o2, s2;
+          return Number(null !== (s2 = null === (o2 = null === (r2 = null === (n3 = null === (i4 = null === (e4 = null === (t4 = this.json.textBody) || void 0 === t4 ? void 0 : t4.paragraphs) || void 0 === e4 ? void 0 : e4[0]) || void 0 === i4 ? void 0 : i4.lines) || void 0 === n3 ? void 0 : n3[0]) || void 0 === r2 ? void 0 : r2.textUnits) || void 0 === o2 ? void 0 : o2.length) && void 0 !== s2 ? s2 : 0) <= 1;
+        }, i3 = () => {
+          var t4, e4, i4, n3, r2, o2;
+          return "" === (null !== (o2 = null === (r2 = null === (n3 = null === (i4 = null === (e4 = null === (t4 = this.json.textBody.paragraphs[0]) || void 0 === t4 ? void 0 : t4.lines[0]) || void 0 === e4 ? void 0 : e4.textUnits) || void 0 === i4 ? void 0 : i4[0]) || void 0 === n3 ? void 0 : n3.content) || void 0 === r2 ? void 0 : r2.trim()) && void 0 !== o2 ? o2 : "");
+        };
+        if ((() => {
+          var t4, e4;
+          return Number(null === (e4 = null === (t4 = this.json.textBody) || void 0 === t4 ? void 0 : t4.paragraphs) || void 0 === e4 ? void 0 : e4.length) <= 1;
+        })() && t3() && e3() && i3())
           return this;
       }
       return null !== (n2 = null === (i2 = this.text) || void 0 === i2 ? void 0 : i2.getTextElement(t2, e2)) && void 0 !== n2 ? n2 : null;
@@ -34151,12 +34175,13 @@ void main(void){
         this.slideCount = c2, this.designWidth = h2, this.designHeight = u2, null === (e2 = this.currentStage) || void 0 === e2 || e2.clearOnSlideChange();
         const d2 = this.currentStage;
         this.currentStage = s2, s2.initOnReuse(), s2.createTiming(), s2.container.visible = true, s2.collectMainSeqStartValue(), this.isForward ? s2.setMainSeqStep(0, "start") : s2.setMainSeqStep(-1, "end"), this.onRequestCancelFullscreenVideo(true);
-        let p2 = false;
-        if (Ph.isWebGLSupported() && !this.config.forceCanvas && s2.json.transition && s2.json.transition.type && this.app.stage.children.length > 0 && this.view && d2) {
+        const p2 = () => !!this.app.renderer.gl;
+        let f2 = false;
+        if (Ph.isWebGLSupported() && !this.config.forceCanvas && s2.json.transition && s2.json.transition.type && this.app.stage.children.length > 0 && this.view && d2 && !p2()) {
           let { transition: t3 } = s2.json;
           !this.isForward && (null == d2 ? void 0 : d2.json.transition) && (t3 = d2.json.transition);
           const e3 = this.getTransactionTexture(d2, this.view, null, null);
-          this.initTransactionPlayer(t3), null === (i2 = this.transactionPlayer) || void 0 === i2 || i2.setPrevTexture(e3), p2 = true;
+          this.initTransactionPlayer(t3), null === (i2 = this.transactionPlayer) || void 0 === i2 || i2.setPrevTexture(e3), f2 = true;
         }
         if (this.app.stage.addChild(s2.container), this.updateResolution(this.config.resolution * this.scale), d2) {
           d2.clearOnTransactionEnd();
@@ -34166,8 +34191,8 @@ void main(void){
             this.logger.error("removeChild error: PPTPlayer:622", this.taskId);
           }
         }
-        if (s2.json.transition && s2.json.transition.type && this.app.stage.children.length > 0 && this.view && this.transactionPlayer && p2) {
-          const e3 = yield this.getTransactionTexture(s2, this.view, a2, l2);
+        if (s2.json.transition && s2.json.transition.type && this.app.stage.children.length > 0 && this.view && this.transactionPlayer && f2 && !p2()) {
+          const e3 = this.getTransactionTexture(s2, this.view, a2, l2);
           this.transactionPlayer.setNextTexture(e3), this.tracker({ name: "slidePageChangePure", reason: "", result: "", payload: { duration: Date.now() - o2, from: r2, to: t2 } }), yield this.transactionPlayer.play();
           const i3 = this.transactionPlayer.renderer.domElement;
           if (this.view.parentElement && i3)
@@ -36501,7 +36526,7 @@ void main(void){
   }
   var _T = { 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" }, yT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, xT = "";
   try {
-    xT = "1.4.45";
+    xT = "1.4.47";
   } catch (t2) {
     xT = "-dev-";
   }
@@ -36557,32 +36582,32 @@ void main(void){
         i4 > 0 && Number.isInteger(i4) && (e2.__stageCountLimit = i4);
       }, n3.receiveSyncHandler = function(t3) {
         return pT(n3, void 0, void 0, function() {
-          var e3, i4, n4, r2, o2, s2 = this;
-          return fT(this, function(a2) {
-            switch (a2.label) {
+          var e3, i4, n4, r2, o2, s2, a2, l2 = this;
+          return fT(this, function(h2) {
+            switch (h2.label) {
               case 0:
                 return Vm()(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(_T.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), "nextStep" !== t3.type ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
-                  s2.doNextStep(true, t3.clientId || "");
+                  l2.doNextStep(true, t3.clientId || "");
                 })) : this.doNextStep(true, t3.clientId || ""), [3, 6]);
               case 1:
-                return "prevStep" !== t3.type ? [3, 2] : (0 === this.mainSeqStep && "idle" === this.mainSeqState || this.mainSeqStep === t3.next + 1 || this.mainSeqStep + 1 === this.mainSeqLength ? this.doPrevStep(true) : (this.setMainSeqStep(t3.next + 1, "start"), null === (e3 = this.player) || void 0 === e3 || e3.nextTick(function() {
-                  s2.doPrevStep(true);
+                return "prevStep" !== t3.type ? [3, 2] : (0 === this.mainSeqStep && "idle" === this.mainSeqState || this.mainSeqStep === t3.next + 1 || this.mainSeqStep + 1 === this.mainSeqLength ? this.doPrevStep(true) : (this.setMainSeqStep(t3.next + 1, "start"), null === (i4 = this.player) || void 0 === i4 || i4.nextTick(function() {
+                  l2.doPrevStep(true);
                 })), [3, 6]);
               case 2:
                 return "interactiveAnim" !== t3.type ? [3, 3] : (this.player ? this.player.applyInteractiveAction(t3.action) : this.__slideState.interactiveSeqState[t3.seqId] ? this.__slideState.interactiveSeqState[t3.seqId].step += 1 : this.__slideState.interactiveSeqState[t3.seqId] = { step: 0, state: "end" }, [3, 6]);
               case 3:
                 return "renderSlide" !== t3.type ? [3, 5] : [4, this.doRenderSlide(t3.index, t3.isForward)];
               case 4:
-                return a2.sent(), [3, 6];
+                return h2.sent(), [3, 6];
               case 5:
-                "mediaPlay" === t3.type ? (null === (i4 = this.player) || void 0 === i4 || i4.setMediaState(t3.id, true), this.__slideState.mediaState[t3.id] = t3.state) : "mediaPause" === t3.type ? (null === (n4 = this.player) || void 0 === n4 || n4.setMediaState(t3.id, false), this.__slideState.mediaState[t3.id] = t3.state) : "mediaSeek" === t3.type ? (null === (r2 = this.player) || void 0 === r2 || r2.setMediaCurrentTime(t3.id, t3.time), this.__slideState.mediaState[t3.id] = t3.state) : "mediaFullscreen" === t3.type && (t3.targetId && this.__slideState.mediaState[t3.targetId] ? this.__slideState.mediaState[t3.targetId].fullscreen = t3.state : this.__slideState.mediaState[t3.targetId] = { fullscreen: t3.state, type: "pause", time: 0 }, null === (o2 = this.player) || void 0 === o2 || o2.syncFullscreenVideoState({ targetId: t3.targetId, state: t3.state, slideIndex: t3.slideIndex })), a2.label = 6;
+                "mediaPlay" === t3.type ? (e3 = void 0, t3.state.time && (e3 = (this.timestamp() - t3.state.time) / 1e3), null === (n4 = this.player) || void 0 === n4 || n4.setMediaState(t3.id, true, e3), this.__slideState.mediaState[t3.id] = t3.state) : "mediaPause" === t3.type ? (null === (r2 = this.player) || void 0 === r2 || r2.setMediaState(t3.id, false, null === (o2 = t3.state) || void 0 === o2 ? void 0 : o2.time), this.__slideState.mediaState[t3.id] = t3.state) : "mediaSeek" === t3.type ? (null === (s2 = this.player) || void 0 === s2 || s2.setMediaCurrentTime(t3.id, t3.time), this.__slideState.mediaState[t3.id] = t3.state) : "mediaFullscreen" === t3.type && (t3.targetId && this.__slideState.mediaState[t3.targetId] ? this.__slideState.mediaState[t3.targetId].fullscreen = t3.state : this.__slideState.mediaState[t3.targetId] = { fullscreen: t3.state, type: "pause", time: 0 }, null === (a2 = this.player) || void 0 === a2 || a2.syncFullscreenVideoState({ targetId: t3.targetId, state: t3.state, slideIndex: t3.slideIndex })), h2.label = 6;
               case 6:
                 return [2];
             }
           });
         });
       }, n3.flushDebounce = function() {
-        n3.resizeView.flush(), n3.handleViewClick.flush();
+        n3.resizeView.flush(), n3.config.disableClickDebounce || n3.handleViewClick.flush();
       }, n3.handlePrevSlide = function(t3) {
         return void 0 === t3 && (t3 = false), pT(n3, void 0, void 0, function() {
           var e3, i4;
@@ -36603,7 +36628,7 @@ void main(void){
           n3.renderSlide(t3, e3);
         } else
           -1 === t3 && n3.renderSlide(n3.slideCount, true);
-      }, e2.instances.push(n3), n3.config = n3.initSlideConfig(i3), n3.tracker = function(t3) {
+      }, e2.instances.push(n3), n3.config = n3.initSlideConfig(i3), n3.config.disableClickDebounce && (n3.handleViewClick = n3._handleViewClick.bind(n3)), n3.tracker = function(t3) {
         i3.whiteTracker && i3.whiteTracker.commit({ name: t3.name, reason: t3.reason, result: t3.result, payload: cT(cT({}, t3.payload), { slideId: n3.randomId, taskId: n3.taskId }) }, { slideVersion: n3.version || "" });
       }, e2.trackLogger.setEnable(!!n3.config.enableTracking), n3.logger = { info: function(t3, i4) {
         var r2;
@@ -36625,7 +36650,7 @@ void main(void){
       }), n3.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, i4 = t3.task, r2 = Tm.transform(e3);
         r2.errorType === gm.RuntimeWarn ? n3.logger.warn(r2.message, n3.taskId) : n3.logger.error(r2.message, n3.taskId), n3.isLoading = false, n3.reportError(r2, i4.slideIndex);
-      }), window.addEventListener("__slide_ref__", n3.handleSlideRef), window.addEventListener("__slide_updateStageCountLimit", n3.updateStageCountLimit), n3.resizeView = $y()(n3.resizeView.bind(n3), 50), n3.player = n3.initPlayer(n3.config), n3.config.controller && n3.createController(), n3.player.view && n3.canvasContainer.appendChild(n3.player.view), n3.handleViewClick = $y()(n3.handleViewClick, 300), n3.player.errorChannel.on("error", function(t3, e3) {
+      }), window.addEventListener("__slide_ref__", n3.handleSlideRef), window.addEventListener("__slide_updateStageCountLimit", n3.updateStageCountLimit), n3.resizeView = $y()(n3.resizeView.bind(n3), 50), n3.player = n3.initPlayer(n3.config), n3.config.controller && n3.createController(), n3.player.view && n3.canvasContainer.appendChild(n3.player.view), n3.config.disableClickDebounce || (n3.handleViewClick = $y()(n3.handleViewClick, 300)), n3.player.errorChannel.on("error", function(t3, e3) {
         var i4 = Tm.transform(t3);
         i4.errorType === gm.RuntimeWarn ? n3.logger.warn(i4.message, n3.taskId) : n3.logger.error(i4.message, n3.taskId), n3.isLoading = false, n3.reportError(t3, e3), n3.tracker({ name: "slideError", reason: i4.errorMsg, result: "", payload: { code: i4.errorType } });
       }), window.addEventListener("message", n3.recoverHandler), e2.volumeAdjuster.on("update", n3._updateVolumeByStaticAdjuster), n3.volumeAdjuster.volume = e2.volumeAdjuster.volume, n3;
@@ -36708,7 +36733,7 @@ void main(void){
     }, enumerable: false, configurable: true }), e2.prototype.reportError = function(t3, i3) {
       this.emit(_T.renderError, { error: t3, index: i3 }), window.postMessage({ type: "@slide/_error_", errorType: t3.errorType, errorMsg: t3.errorMsg, slideId: this.randomId, slideIndex: i3 || -1, customMessage: "@slide/_error_" }, "*"), e2.trackLogger.uploadLog(true);
     }, e2.prototype.initSlideConfig = function(t3) {
-      return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (Yy.RtcAudioClazz = t3.rtcAudio), false !== t3.enableWebAudio && (t3.enableWebAudio = true), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !$a()(t3.enableGlobalClick) && t3.enableGlobalClick, this.resize = t3.resize || false, this.interactive = t3.interactive, this.frame.style.cssText = t3.fixedFrameSize ? "width:" + t3.fixedFrameSize.width + "px;height:" + t3.fixedFrameSize.height + "px;" : "width:100%;height:100%", this.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", t3.fixedFrameSize && (this.frameWidth = t3.fixedFrameSize.width, this.frameHeight = t3.fixedFrameSize.height), t3;
+      return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (Yy.RtcAudioClazz = t3.rtcAudio), false !== t3.enableWebAudio && (t3.enableWebAudio = true), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !$a()(t3.enableGlobalClick) && t3.enableGlobalClick, this.resize = t3.resize || false, this.interactive = t3.interactive, this.frame.style.cssText = t3.fixedFrameSize ? "width:" + t3.fixedFrameSize.width + "px;height:" + t3.fixedFrameSize.height + "px;" : "width:100%;height:100%", this.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", t3.fixedFrameSize && (this.frameWidth = t3.fixedFrameSize.width, this.frameHeight = t3.fixedFrameSize.height), t3.disableClickDebounce = t3.disableClickDebounce || false, t3;
     }, e2.prototype.initPlayer = function(t3) {
       var e3, i3, n3, r2 = this, o2 = new Yy({ mode: this.mode, useLocalCache: !!$a()(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: $a()(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate, volumeAdjuster: this.volumeAdjuster, urlInterrupter: this.urlInterrupter, tracker: this.tracker, enableWebAudio: this.config.enableWebAudio, enableAutoForward: this.config.enableAutoForward, customLinks: this.config.customLinks }, t3.renderOptions);
       return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on(Xy.renderStart, function(t4) {
@@ -40226,7 +40251,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.91";
+const version = "0.2.93";
 const SlideApp = {
   kind: "Slide",
   setup(context) {