@netless/app-slide 0.0.48 → 0.0.49

package/dist/main.es.js

@@ -30414,7 +30414,7 @@ void main() {
       });
     }
     destroy() {
-      this.spriteSheets.forEach((t3) => t3.destroy(true));
+      this.spriteSheets.forEach((t3) => t3.destroy(true)), this.spriteSheets = [], this.gifs = Object.create(null), this.textures = Object.create(null), this.frames = Object.create(null);
     }
   }
   var uM = n(3), hM = n.n(uM);
@@ -31371,7 +31371,10 @@ void main(void){
       return rM(t3);
     }
     destroy() {
-      this.textures = Object.create(null), this.fillStyles = [], this.renderTextures.forEach((t3) => t3.destroy(true)), this.renderContainers.forEach((t3) => t3.destroy({ children: true })), this.spriteTextures.destroy();
+      Object.keys(this.textures).forEach((t3) => {
+        var e3;
+        (e3 = this.textures[t3].texture) === null || e3 === void 0 || e3.destroy();
+      }), this.textures = Object.create(null), this.fillStyles = [], this.renderTextures.forEach((t3) => t3.destroy(true)), this.renderTextures = [], this.renderContainers.forEach((t3) => t3.destroy({ children: true })), this.renderContainers = [], this.spriteTextures.destroy(), this.idToHashMap = Object.create(null), this.hashToIdMap = Object.create(null);
     }
   }
   class aA {
@@ -31703,7 +31706,7 @@ void main(void){
   };
   class SA extends bA {
     constructor(t3, e3, n2) {
-      super(t3, e3, n2), this.fillMaskSprite = new Ow(), this.fillSprite = new Ow(), this.strokeMaskSprite = new Ow(), this.strokeSprite = new Ow(), this.textureContainer = new ty(), this.underline = null;
+      super(t3, e3, n2), this.fillMaskSprite = new Ow(), this.fillSprite = new Ow(), this.strokeMaskSprite = new Ow(), this.strokeSprite = new Ow(), this.textureContainer = new ty(), this.underline = null, this.cacheSprite = new Ow();
       const { shapeId: i2, paragraphIndex: r3, lineIndex: o3, unitIndex: s3 } = t3, { underLine: a2 } = this.json;
       a2 && (this.underline = new TA(e3, i2, r3, o3, s3)), this.fillTextureId = `${i2}-text-p${r3}-l${o3}-u${s3}-fill`, this.fillBgId = `${i2}-text-p${r3}-l${o3}-u${s3}-fill-bg`, this.strokeTextureId = `${i2}-text-p${r3}-l${o3}-u${s3}-stroke`, this.strokeBgId = `${i2}-text-p${r3}-l${o3}-u${s3}-stroke-bg`;
     }
@@ -31751,12 +31754,10 @@ void main(void){
         r4.texture = (t3 = e4 == null ? void 0 : e4.texture) !== null && t3 !== void 0 ? t3 : null, r4.mask = this.underline.sprite, r4.addChild(this.underline.sprite), this.textureContainer.addChild(r4);
       }
       const p2 = Hy.create({ width: r3 ? a2 : e3, height: r3 ? Math.max(d2, n2) : s3, resolution: 2 });
-      KR.textureCacheSize += p2.width * p2.height * 2, this.ctx.renderer.render(this.textureContainer, { renderTexture: p2 });
-      const f2 = new Ow();
-      f2.texture = p2, this.container.addChild(f2), this.container.name = c2;
+      KR.textureCacheSize += p2.width * p2.height * 2, this.ctx.renderer.render(this.textureContainer, { renderTexture: p2 }), this.cacheSprite.texture = p2, this.container.addChild(this.cacheSprite), this.container.name = c2;
     }
     destroy() {
-      this.textureContainer.destroy({ texture: true }), this.container.destroy({ children: true, texture: true });
+      this.cacheSprite.texture.destroy(true), this.cacheSprite.destroy({ texture: true, baseTexture: true }), this.textureContainer.destroy({ texture: true }), this.container.destroy({ children: true, texture: true });
     }
   }
   var EA = function(t3, e3, n2, i2) {
@@ -32214,9 +32215,10 @@ void main(void){
     clearOnSlideChange() {
     }
     destroy() {
-      this.bgSprite.destroy(), this.backgroundMask.destroy(), this.pathSprite.destroy(), this.pathMask.destroy(), this.fillColorFilter.destroy(), this.strokeColorFilter.destroy(), this.renderContainer.destroy(), this.cacheSprite.destroy({ texture: true, baseTexture: true }), this.arrowList.forEach((t3) => {
+      var t3;
+      (t3 = this.text) === null || t3 === void 0 || t3.destroy(), this.bgSprite.destroy(), this.backgroundMask.destroy({ texture: true, baseTexture: true }), this.pathSprite.destroy(), this.pathMask.destroy({ texture: true, baseTexture: true }), this.fillColorFilter.destroy(), this.strokeColorFilter.destroy(), this.renderContainer.destroy({ texture: true, baseTexture: true }), this.cacheSprite.destroy({ texture: true, baseTexture: true }), this.arrowList.forEach((t4) => {
         var e3;
-        (e3 = t3.sprite) === null || e3 === void 0 || e3.destroy();
+        (e3 = t4.sprite) === null || e3 === void 0 || e3.destroy();
       });
     }
   }
@@ -32612,7 +32614,7 @@ void main(void){
   class ZA extends fA {
     constructor(t3, e3, n2) {
       var i2, r3, o3, s3;
-      super(t3, e3, n2), this.children = [], this.cacheSprite = new Ow(), this.cacheContainer = new ty(), this.json = t3, this.container.name = t3.id, this.fillTextureId = t3.id + "-bg-fill", this.ctx.timingTargets.addTarget(t3.id, this);
+      super(t3, e3, n2), this.children = [], this.cacheSprite = new Ow(), this.cacheContainer = new ty(), this.json = t3, this.container.name = t3.id, this.fillTextureId = t3.id + "-bg-fill", this.cacheContainer.name = t3.id + "-cache-container", this.ctx.timingTargets.addTarget(t3.id, this);
       const a2 = { x: (r3 = (i2 = t3.position) === null || i2 === void 0 ? void 0 : i2.x) !== null && r3 !== void 0 ? r3 : 0, y: (s3 = (o3 = t3.position) === null || o3 === void 0 ? void 0 : o3.y) !== null && s3 !== void 0 ? s3 : 0 };
       t3.children.forEach((t4) => {
         let e4 = null;
@@ -32659,7 +32661,7 @@ void main(void){
       this.children.forEach((t3) => t3.clearOnSlideChange());
     }
     destroy() {
-      this.cacheSprite && this.cacheSprite.destroy({ texture: true }), this.children.forEach((t3) => t3.destroy()), this.container.destroy(), this.cacheContainer.destroy();
+      this.cacheSprite && this.cacheSprite.destroy({ texture: true }), this.children.forEach((t3) => t3.destroy()), this.container.destroy(), this.cacheContainer.destroy({ children: true, texture: true, baseTexture: true });
     }
   }
   class JA extends a.a {
@@ -33916,7 +33918,7 @@ void main(void){
     createCtx(t3) {
       const { task: e3 } = this.stageStates[t3];
       e3.addMTask(() => {
-        const e4 = new lM(this.loader), n2 = new a.a(), i2 = { mode: this.mode, renderer: this.renderer, graphicsTexture: new xM(this.taskId, t3, this.microTaskManager, this.renderer, this.graphicsCache), fillTexture: new sA(this.taskId, t3, this.microTaskManager, this.renderer, e4, this.fillCache), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new lA(n2), eventHub: n2, view: this.view, medias: Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new aA(), clock: this.clock, spriteTexture: e4 };
+        const e4 = new lM(this.loader), n2 = new a.a(), i2 = { mode: this.mode, renderer: this.renderer, graphicsTexture: new xM(this.taskId, t3, this.microTaskManager, this.renderer, this.graphicsCache), fillTexture: new sA(this.taskId, t3, this.microTaskManager, this.renderer, e4, this.fillCache), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new lA(n2), eventHub: n2, view: this.view, medias: Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new aA(), clock: this.clock, spriteTexture: e4, slideIndex: t3 };
         return this.stageCtxs[t3] = i2, Promise.resolve();
       });
     }
@@ -33973,18 +33975,20 @@ void main(void){
       const { task: e3 } = this.stageStates[t3];
       e3.addMTask(() => VR(this, void 0, void 0, function* () {
         const n2 = this.stageJsons[t3], i2 = this.stageCtxs[t3];
-        if (yield i2.graphicsTexture.hasLocalCache())
+        console.log("1");
+        const r3 = yield i2.graphicsTexture.hasLocalCache();
+        if (console.log("2"), r3)
           return;
-        const r3 = [];
-        this.collectChildren(n2, r3);
-        const o3 = Math.ceil(r3.length / 10), s3 = [];
-        for (let t4 = 0; t4 < r3.length; t4 += o3) {
-          const e4 = r3.slice(t4, t4 + o3);
-          s3.push(() => (e4.forEach((t5) => {
+        const o3 = [];
+        this.collectChildren(n2, o3);
+        const s3 = Math.ceil(o3.length / 10), a2 = [];
+        for (let t4 = 0; t4 < o3.length; t4 += s3) {
+          const e4 = o3.slice(t4, t4 + s3);
+          a2.push(() => (e4.forEach((t5) => {
             (XR(t5) || qR(t5)) && NR(t5, i2, this.objPoolGroup);
           }), Promise.resolve()));
         }
-        e3.addSubMTask(s3);
+        e3.addSubMTask(a2);
       }));
     }
     createFillTexture(t3) {
@@ -34196,7 +34200,7 @@ void main(void){
       const e3 = Hy.create({ width: this.designWidth, height: this.designHeight, resolution: 1 });
       KR.textureCacheSize += e3.width * e3.height, this.app.renderer.render(t3.container, { renderTexture: e3 });
       const n2 = this.app.renderer.plugins.extract.base64(e3, "image/jpeg");
-      return e3.destroy(), n2;
+      return e3.destroy(true), n2;
     }
     playTransaction(t3, e3, n2, i2, r3) {
       return ZR(this, void 0, void 0, function* () {
@@ -34302,12 +34306,15 @@ void main(void){
     }
     destroy() {
       var t3;
-      fM.collectObjectByGroup(this.objPoolGroup), mM.collectObjectByGroup(this.objPoolGroup), (t3 = this.transactionPlayer) === null || t3 === void 0 || t3.destroy(), this.loader.destroy(), this.fps.destroy(), this.stagePool.destroyAllStage();
       try {
-        this.app.renderer.context.extensions.loseContext || this.app.renderer.gl.getExtension("WEBGL_lose_context").loseContext();
+        this.app.renderer.filter.texturePool.clear(true), fM.collectObjectByGroup(this.objPoolGroup), mM.collectObjectByGroup(this.objPoolGroup), (t3 = this.transactionPlayer) === null || t3 === void 0 || t3.destroy(), this.loader.destroy(), this.fps.destroy(), this.stagePool.destroyAllStage();
+        try {
+          this.app.renderer.gl.getExtension("WEBGL_lose_context").loseContext();
+        } catch (t4) {
+        }
+        this.app.destroy(true, { children: true, texture: true, baseTexture: true });
       } catch (t4) {
       }
-      this.app.destroy(true, { children: false, texture: true, baseTexture: true });
     }
   }
   KR.textureCacheSize = 0, KR.storeManager = ZE, KR.platform = jR;
@@ -35838,7 +35845,7 @@ void main(void){
   }
   var aC = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, lC = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: Object.create(null), interactiveSeqState: Object.create(null) }, uC = "";
   try {
-    uC = "0.1.50";
+    uC = "0.1.52";
   } catch (t3) {
     uC = "dev";
   }
@@ -36103,7 +36110,7 @@ void main(void){
         (n2 !== this.player.currentIndex || this.renderingTaskManager.hasStartTask()) && (n2 > this.slideCount && this.slideCount > 0 || this.poseRenderSlide(n2, e4));
       }
     }, e3.prototype.needCreateNewPlayer = function() {
-      return (KR.platform.isIOS() || KR.platform.isAndroid()) && (this.iosResetCache.length > 10 || 4 * KR.textureCacheSize * 2 / 1048576 > 800);
+      return (KR.platform.isIOS() || KR.platform.isAndroid()) && (this.iosResetCache.length > 20 || 4 * KR.textureCacheSize / 1048576 > 800);
     }, e3.prototype.poseRenderSlide = function(t4, e4) {
       this.isLoading = true, this.mode === "interactive" ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t4, isForward: e4 }) : this.mode === "sync" ? (this.doRenderSlide(t4, e4), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t4, isForward: e4 })) : this.doRenderSlide(t4, e4);
     }, e3.prototype.doRenderSlide = function(t4, e4) {
@@ -36111,6 +36118,7 @@ void main(void){
       if (e4 === void 0 && (e4 = true), !this.player)
         return Promise.resolve();
       if (this.needCreateNewPlayer() && (this.iosResetCache = [], KR.textureCacheSize = 0, this.iosNewPlayer = this.initPlayer(this.config), this.iosNewPlayer.setResourceData(this.__slideState.taskId, this.__slideState.url)), this.iosNewPlayer) {
+        console.log("[slide] clear webgl context");
         var r3 = this.player.getSnapshot();
         this.cacheImage.src = r3, this.frame.appendChild(this.cacheImage), this.player.destroy(), this.player = this.iosNewPlayer, this.iosNewPlayer = void 0, this.needClearCacheImage = true, ((n2 = this == null ? void 0 : this.player) === null || n2 === void 0 ? void 0 : n2.view) && (this.player.view.style.visibility = "hidden", this.frame.appendChild(this.player.view));
       }
@@ -36726,9 +36734,7 @@ class SlideController {
         if (type === Slide.SLIDE_EVENTS.syncDispatch) {
           this.syncStateOnce();
           log("[Slide] receive", payload);
-          if (!this.syncStateOnceFlag) {
-            this.slide.emit(Slide.SLIDE_EVENTS.syncReceive, payload);
-          }
+          this.slide.emit(Slide.SLIDE_EVENTS.syncReceive, payload);
         }
       }
     };
@@ -38226,7 +38232,7 @@ class SlidePreviewer {
     return `${this.namespace}-${className}`;
   }
 }
-const version = "0.0.48";
+const version = "0.0.49";
 const SlideApp = {
   kind: "Slide",
   setup(context) {