stack-site-builder 1.17.2 → 1.17.3

package/CHANGELOG.md

@@ -11,6 +11,17 @@ content schema, while a consuming site supplies only content, taxonomy data and
 config. Sites track the theme with `pnpm up stack-site-builder`, so each release
 here is a plain version bump they pull in.
 
+## [1.17.3] - 2026-07-22
+
+### Fixed
+
+- **Slide transitions degraded after passing embed slides** — interactive
+  demo iframes kept their animation loops running offscreen, janking every
+  later transition until a refresh. The deck now keeps only the on/near-
+  screen slides' iframes live (an IntersectionObserver with one viewport of
+  side margin stashes/restores `src`), so a revisited demo reloads fresh and
+  transitions stay smooth.
+
 ## [1.17.2] - 2026-07-22
 
 ### Fixed
@@ -254,6 +265,7 @@ catalog sites from a thin content-only repository.
 - **Standalone development setup** — a devcontainer and a minimal `playground/`
   consuming site for developing and previewing the theme on its own.
 
+[1.17.3]: https://github.com/CodeCompose7/stack-site-builder/compare/v1.17.2...v1.17.3
 [1.17.2]: https://github.com/CodeCompose7/stack-site-builder/compare/v1.17.1...v1.17.2
 [1.17.1]: https://github.com/CodeCompose7/stack-site-builder/compare/v1.17.0...v1.17.1
 [1.17.0]: https://github.com/CodeCompose7/stack-site-builder/compare/v1.16.0...v1.17.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stack-site-builder",
   "type": "module",
-  "version": "1.17.2",
+  "version": "1.17.3",
   "license": "MIT",
   "description": "The engine behind the awesome-*-stack catalog sites: an Astro theme with the catalog/concepts/articles/slides/samples routes, components, styles and markdown pipeline. Sites provide content, taxonomy data and config.",
   "repository": {

package/src/components/DeckView.astro

@@ -173,6 +173,33 @@ const priv = entry.data.private;
         const btnNext = document.querySelector<HTMLButtonElement>('[data-next]');
         if (elTot) elTot.textContent = String(total);
 
+        // Heavy embeds (interactive demo iframes) keep animating offscreen and
+        // make every later slide transition jank. Keep only the on/near-screen
+        // slides' iframes live: leaving a slide blanks its frames (src stashed
+        // on the element), returning restores them — the demo reloads fresh,
+        // exactly like a page refresh. One viewport of margin each side means
+        // the neighbor slide is already loading while you transition into it.
+        const framedSlides = slides.filter((s) => s.querySelector('iframe'));
+        if (framedSlides.length) {
+          const io = new IntersectionObserver(
+            (entries) => {
+              for (const e of entries) {
+                for (const f of Array.from(e.target.querySelectorAll<HTMLIFrameElement>('iframe'))) {
+                  const src = f.getAttribute('src');
+                  if (e.isIntersecting) {
+                    if (!src && f.dataset.aasSrc) f.setAttribute('src', f.dataset.aasSrc);
+                  } else if (src) {
+                    f.dataset.aasSrc = src;
+                    f.removeAttribute('src');
+                  }
+                }
+              }
+            },
+            { root: deck, rootMargin: '0px 100% 0px 100%' },
+          );
+          framedSlides.forEach((s) => io.observe(s));
+        }
+
         let current = 0;
         // Step reveal (fragments): each slide's `.aas-step` elements are revealed
         // one at a time. `shown[i]` = how many are currently visible.