@lark-apaas/coding-registry-buildless 0.1.8-alpha.20260720122519 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/coding-registry-buildless",
-  "version": "0.1.8-alpha.20260720122519",
+  "version": "0.1.8",
   "description": "Miaoda registry (buildless runtime) — shadcn-style copy-in SDKs (globals + CDN-pinned, browser Babel) for buildless static HTML stacks",
   "type": "module",
   "files": [

package/scripts/deck-stage.js

@@ -140,6 +140,7 @@
   const MOB_RADIUS = 8;            // card corner radius
   const MOB_BADGE_IDLE_MS = 2000;  // scroll idle before the page badge fades
   const MOB_UI_HIDE_MS = 3000;     // presenting controls auto-hide
+  const CANVAS_RECAP_MS = 1200;    // re-snapshot canvas thumbs once chart entrance animations settle
 
   const pad2 = (n) => String(n).padStart(2, '0');
 
@@ -1038,6 +1039,7 @@
       if (this._scaleRaf) cancelAnimationFrame(this._scaleRaf);
       if (this._liveObserver) this._liveObserver.disconnect();
       if (this._railObserver) this._railObserver.disconnect();
+      (this._thumbs || []).forEach((t) => clearTimeout(t._canvasRecapTimer));
       if (this._onTweakChange) window.removeEventListener('tweakchange', this._onTweakChange);
     }
 
@@ -2076,6 +2078,7 @@
       // Orphans — slides removed since last render.
       bySlide.forEach((t) => {
         if (this._railObserver) this._railObserver.unobserve(t.frame);
+        clearTimeout(t._canvasRecapTimer);
         t.thumb.remove();
       });
       // Put thumbs into document order to match _slides. insertBefore on
@@ -2289,6 +2292,7 @@
       // drawings appear in the thumbnail instead of a blank rectangle.
       const origCanvases = entry.slide.querySelectorAll('canvas');
       const cloneCanvases = clone.querySelectorAll('canvas');
+      const canvasImgs = []; // {orig, img} pairs kept for the delayed re-snapshot below
       cloneCanvases.forEach((el, ci) => {
         const orig = origCanvases[ci];
         if (!orig || !orig.width || !orig.height) return;
@@ -2300,6 +2304,7 @@
             ';width:' + orig.offsetWidth + 'px;height:' + orig.offsetHeight + 'px;';
           img.className = el.className;
           el.replaceWith(img);
+          canvasImgs.push({ orig, img });
         } catch (e) {}
       });
       // Images: defer decode and let the browser pick the smallest
@@ -2364,6 +2369,23 @@
       // Once materialized the IO callback is a no-op early-return —
       // unobserve so scroll doesn't keep firing it.
       if (this._railObserver) this._railObserver.unobserve(entry.frame);
+      // Chart libraries (ECharts/Chart.js) animate their entrance over ~1s and
+      // draw straight to the canvas bitmap — no DOM mutation, so _liveObserver
+      // never sees the finished frame and the toDataURL snapshot above may have
+      // caught a blank or mid-animation canvas. Re-snapshot once after the
+      // animation settles and overwrite each <img>. Guarded so a thumb that was
+      // refreshed (host swapped) or removed (img detached) since is left alone.
+      if (canvasImgs.length) {
+        clearTimeout(entry._canvasRecapTimer);
+        entry._canvasRecapTimer = setTimeout(() => {
+          entry._canvasRecapTimer = null;
+          if (entry.host !== host) return;
+          canvasImgs.forEach(({ orig, img }) => {
+            if (!img.isConnected || !orig.width || !orig.height) return;
+            try { img.src = orig.toDataURL(); } catch (e) {}
+          });
+        }, CANVAS_RECAP_MS);
+      }
     }
 
     /** Re-clone a single thumb (live-update path). No-op if the thumb
@@ -2372,6 +2394,7 @@
     _refreshThumb(slide) {
       const entry = (this._thumbs || []).find((t) => t.slide === slide);
       if (!entry || !entry.host) return;
+      clearTimeout(entry._canvasRecapTimer);
       entry.host.remove();
       entry.host = entry.clone = null;
       this._materialize(entry);