@netless/app-slide 0.2.34 → 0.2.36

package/dist/main.es.js

@@ -30611,7 +30611,7 @@ void main(void){
         const r3 = e2[t3], o3 = e2[t3 + 1], [s3, a2] = o3.split(",").map((t4) => Number(t4) / 100);
         i2.push(r3), n2.push({ x: s3, y: a2 });
       }
-      if (i2.join("") !== "MLLLC")
+      if (i2.join("") !== "MLLLCC")
         return false;
       for (let t3 = 0; t3 < 3; t3++) {
         const e3 = n2[t3], i3 = n2[t3 + 1];
@@ -31065,10 +31065,15 @@ void main(void){
         if (((t3 = this.json.textBody) === null || t3 === void 0 ? void 0 : t3.iterateType) === "wd" || ((e2 = this.json.textBody) === null || e2 === void 0 ? void 0 : e2.iterateType) === "lt") {
           if (this.renderContainer.addChild(this.container), this.text) {
             const { x: t4, y: e3 } = (i2 = this.json.scale) !== null && i2 !== void 0 ? i2 : { x: 1, y: 1 };
-            this.text.container.scale.x = e3 < 0 ? -Math.abs(t4) : Math.abs(t4), this.text.container.scale.y = e3, this.text.container.position.x = ((r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.x) !== null && r2 !== void 0 ? r2 : 0) + this.text.x, this.text.container.position.y = ((s2 = (o2 = this.json.position) === null || o2 === void 0 ? void 0 : o2.y) !== null && s2 !== void 0 ? s2 : 0) + this.text.y, this.text.container.scale.y < 0 && (this.text.container.position.y += this.text.height), this.text.container.scale.x < 0 && (this.text.container.position.x += this.json.width), this.renderContainer.addChild(this.text.container);
+            this.text.container.scale.x = e3 < 0 ? -Math.abs(t4) : Math.abs(t4), this.text.container.scale.y = e3, this.text.container.position.x = ((r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.x) !== null && r2 !== void 0 ? r2 : 0) + this.text.x, this.text.container.position.y = ((s2 = (o2 = this.json.position) === null || o2 === void 0 ? void 0 : o2.y) !== null && s2 !== void 0 ? s2 : 0) + this.text.y, this.text.container.scale.y < 0 && (this.text.container.position.y += this.text.height), this.text.container.scale.x < 0 && (this.text.container.position.x += this.json.width), this.json.textRotation && (this.text.container.rotation = this.json.textRotation), this.renderContainer.addChild(this.text.container);
           }
         } else {
           if (this.text) {
+            if (this.json.textRotation) {
+              this.text.container.rotation = this.json.textRotation;
+              const { width: t5, height: e4 } = this.text, { x: i4, y: n3 } = this.text.container.position;
+              this.text.container.pivot.x = t5 / 2, this.text.container.pivot.y = e4 / 2, this.text.container.x = i4 + t5 / 2, this.text.container.y = n3 + e4 / 2;
+            }
             if (cg()(this.json.textRotateWithShape) && !this.json.textRotateWithShape) {
               const t5 = this.json.rotation || 0;
               this.text.container.rotation = -t5;
@@ -31541,7 +31546,7 @@ void main(void){
       this.controller.jumpToTime(t2);
     }
     stop() {
-      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop);
+      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop, { id: this.id });
     }
     requestFullscreen() {
       return u_(this, void 0, void 0, function* () {
@@ -31644,7 +31649,7 @@ void main(void){
       this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent seek event with paused state", this.ctx.taskId) : this.controller.jumpToTime(t2);
     }
     stop() {
-      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop);
+      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop, { id: this.id });
     }
     requestFullscreen() {
     }
@@ -31787,8 +31792,11 @@ void main(void){
       const o2 = { x: (i2 = (e2 = this.json.position) === null || e2 === void 0 ? void 0 : e2.x) !== null && i2 !== void 0 ? i2 : 0, y: (r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.y) !== null && r2 !== void 0 ? r2 : 0 };
       for (let e3 = 0, i3 = this.json.children.length; e3 < i3; e3++)
         t2.addSubMTask(() => g_(this, void 0, void 0, function* () {
-          const i4 = this.json.children[e3];
-          let n3 = null;
+          let i4 = this.json.children[e3], n3 = null;
+          if (!(!this.ctx.featureList || !this.ctx.featureList.smartArt) && ((i4 == null ? void 0 : i4.type) === "Shape" || (i4 == null ? void 0 : i4.type) === "Picture") && this.ctx.smartArtShapeList) {
+            const { id: t3 } = i4, e4 = this.ctx.smartArtShapeList.find((e5) => e5.id === t3);
+            e4 && (i4 = e4);
+          }
           (i4 == null ? void 0 : i4.type) === "Shape" ? n3 = new Kv(i4, this.ctx, o2, this.json.fillStyle) : (i4 == null ? void 0 : i4.type) === "Picture" ? n3 = new m_(i4, this.ctx, o2, this.json.fillStyle) : (i4 == null ? void 0 : i4.type) === "Container" && (n3 = new v_(i4, this.ctx, o2, this.json.fillStyle, t2)), n3 && this.children.push(n3);
         }), "@ContainerImpl[child.init]");
     }
@@ -32986,7 +32994,7 @@ void main(void){
   };
   class wy extends v_ {
     constructor(t2, e2, i2, n2) {
-      super({ id: "stage", width: t2.width, height: t2.height, type: "Container", children: t2.children }, e2, i2, void 0, n2), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t2, e2.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e2;
+      super({ id: "stage", width: t2.width, height: t2.height, type: "Container", children: t2.children }, e2, i2, void 0, n2), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t2, this.json.smartArtShapeList && (e2.smartArtShapeList = this.json.smartArtShapeList), e2.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e2;
       const r2 = new Jd();
       r2.beginFill(16777215), r2.drawRect(0, 0, t2.width, t2.height), r2.endFill(), this.container.addChild(r2);
     }
@@ -35737,9 +35745,9 @@ 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.1-beta.1";
+    cT = "1.0.1";
   } catch (t2) {
-    cT = "-dev";
+    cT = "dev";
   }
   var dT = null;
   try {
@@ -35844,7 +35852,7 @@ void main(void){
         e2.appendLogString("ERROR - " + new Date().toISOString() + " - {" + n3.randomId + "}[" + i4 + "] " + t3 + "\n");
         var o2 = (r2 = n3.config.logger) === null || r2 === void 0 ? void 0 : r2.error;
         o2 && o2("[" + i4 + "] " + t3);
-      } }, n3.logger.info("new slide with clientId: " + n3.config.clientId, n3.taskId), n3.anchor = n3.config.anchor, n3.syncQueue = new Zb(n3.receiveSyncHandler), n3.lock = new Jb(n3.mode === "interactive"), 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(hT.syncReceive, function(t3) {
+      } }, n3.logger.info("new slide with clientId: " + n3.config.clientId + ", version: " + n3.version, n3.taskId), n3.anchor = n3.config.anchor, n3.syncQueue = new Zb(n3.receiveSyncHandler), n3.lock = new Jb(n3.mode === "interactive"), 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(hT.syncReceive, function(t3) {
         n3.lock.unlock(t3.type, t3.uuid), n3.syncQueue.addTask(t3);
       }), n3.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, i4 = t3.task, r2 = Tm.transform(e3);
@@ -38031,7 +38039,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 +38055,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 +38142,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 +38184,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 +38323,8 @@ class SlideDocsViewer {
     mountSlideController,
     mountWhiteboard,
     baseScenePath,
-    appId
+    appId,
+    urlInterrupter
   }) {
     this.slideController = null;
     this.isViewMounted = false;
@@ -38454,7 +38473,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 +38842,11 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.34";
+const version = "0.2.36";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
+    var _a;
     console.log("[Slide] setup @ " + version);
     if (context.getIsWritable()) {
       context.storage.ensureState(EmptyAttributes);
@@ -38889,14 +38910,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 +38953,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;