@aivorynet/slaide 1.0.4 → 1.0.5

package/CHANGELOG.md

@@ -6,6 +6,19 @@ All notable changes to slaide are recorded here. The format follows
 
 ## [Unreleased]
 
+## [1.0.5] - 2026-07-08
+
+### Fixed
+
+- Chart font family now resolves from the slide element when the CSS variable is empty, instead of falling back to a blank string.
+- Chrome logo in the agent skill is opt-in, no longer injected by default.
+
+### Changed
+
+- Runtime navigation queue and rescan API for smoother slide transitions.
+- Themes skill rewritten for leaner, more reliable authoring guidance.
+- GitHub Actions release workflow now publishes the OSS viewer binaries.
+
 ## [1.0.4] - 2026-07-06
 
 ### Changed
@@ -66,7 +79,8 @@ First public release.
 - `.slaidec` packing and unpacking, and the `compare` fidelity tool.
 - The bundled `aurora` theme.
 
-[Unreleased]: https://github.com/aivorynet/slaide/compare/v1.0.4...HEAD
+[Unreleased]: https://github.com/aivorynet/slaide/compare/v1.0.5...HEAD
+[1.0.5]: https://github.com/aivorynet/slaide/compare/v1.0.4...v1.0.5
 [1.0.4]: https://github.com/aivorynet/slaide/releases/tag/v1.0.4
 [1.0.3]: https://github.com/aivorynet/slaide/releases/tag/v1.0.3
 [1.0.2]: https://github.com/aivorynet/slaide/releases/tag/v1.0.2

package/dist/render/charts.js

@@ -36,13 +36,17 @@ export const CHARTS_BOOT_JS = String.raw `
   // deck's CSS custom properties so charts come out on-brand automatically.
   function ensure(engine){
     if(booted[engine]) return booted[engine];
-    var tag = document.getElementById('sl-'+engine+'-lib');
-    if(!tag) return null;
-    try{ (0,eval)(b64decode(tag.textContent)); }
-    catch(e){ console.error('slaide: failed to boot '+engine, e); return null; }
+    var global = engine==='echart' ? window.echarts : engine==='mermaid' ? window.mermaid : null;
+    if(!global){
+      var tag = document.getElementById('sl-'+engine+'-lib');
+      if(!tag) return null;
+      try{ (0,eval)(b64decode(tag.textContent)); }
+      catch(e){ console.error('slaide: failed to boot '+engine, e); return null; }
+    }
 
     if(engine==='mermaid' && window.mermaid){
-      var font = cssVar('--font-sans','system-ui');
+      var mSlide = document.querySelector('.sl-slide');
+      var font = cssVar('--font-sans','') || (mSlide ? getComputedStyle(mSlide).fontFamily : '') || 'system-ui, sans-serif';
       window.mermaid.initialize({
         startOnLoad:false, securityLevel:'strict', theme:'base', fontFamily:font,
         themeVariables:{
@@ -66,7 +70,8 @@ export const CHARTS_BOOT_JS = String.raw `
       if(accent && colors.indexOf(accent)<0) colors = [accent].concat(colors);
       var text = cssVar('--color-text','#ffffff');
       var muted = cssVar('--color-muted','#8B93A7');
-      var font = cssVar('--font-sans','system-ui');
+      var slideEl = document.querySelector('.sl-slide');
+      var font = cssVar('--font-sans','') || (slideEl ? getComputedStyle(slideEl).fontFamily : '') || 'system-ui, sans-serif';
       var axis = {
         axisLine:{lineStyle:{color:muted}},
         axisTick:{lineStyle:{color:muted}},

package/dist/render/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","sourceRoot":"","sources":["../../src/render/charts.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,sCAAsC;AACtC,kFAAkF;AAClF,EAAE;AACF,yFAAyF;AACzF,yFAAyF;AACzF,0FAA0F;AAC1F,wFAAwF;AACxF,yFAAyF;AACzF,oDAAoD;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,oFAAoF;AACpF,mEAAmE;AACnE,uFAAuF;AACvF,iEAAiE;AACjE,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyJvC,CAAC"}
+{"version":3,"file":"charts.js","sourceRoot":"","sources":["../../src/render/charts.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,sCAAsC;AACtC,kFAAkF;AAClF,EAAE;AACF,yFAAyF;AACzF,yFAAyF;AACzF,0FAA0F;AAC1F,wFAAwF;AACxF,yFAAyF;AACzF,oDAAoD;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,oFAAoF;AACpF,mEAAmE;AACnE,uFAAuF;AACvF,iEAAiE;AACjE,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JvC,CAAC"}

package/dist/render/runtime.js

@@ -7,10 +7,12 @@ export const RUNTIME_JS = String.raw `
   var stage = document.querySelector('.sl-stage');
   if(!stage) return;
   var vp = document.querySelector('.sl-viewport');
-  var slides = Array.prototype.slice.call(document.querySelectorAll('.sl-slide'));
+  // Scope to the stage: a host (web editor) may clone .sl-slide into a filmstrip elsewhere in the
+  // document; collecting from the whole document would pollute the count/index and navigation.
+  var slides = Array.prototype.slice.call(stage.querySelectorAll('.sl-slide'));
   var CW = parseFloat(stage.dataset.w)||1280, CH = parseFloat(stage.dataset.h)||720;
   var notes = (window.__SLAIDE_NOTES__)||[];
-  var cur = 0, step = 0, busy = false;
+  var cur = 0, step = 0, busy = false, pendingNav = null;
   var zoomFactor = 1, panX = 0, panY = 0;
   // When false, taps don't advance and drag-pan is off (for interactive embeds,
   // kiosk mode, or a host that drives navigation itself). Default: on.
@@ -118,24 +120,28 @@ export const RUNTIME_JS = String.raw `
     if(dir<0){ newSlide.classList.add('sl-anim-rev'); oldSlide.classList.add('sl-anim-rev'); }
     step = dir<0 ? buildCount(i) : 0; applyBuilds(newSlide, step);
     var done=0;
-    function endOld(){ oldSlide.classList.remove('sl-active', outC, 'sl-anim-rev'); oldSlide.removeEventListener('animationend', endOld); next(); }
-    function endNew(){ newSlide.classList.remove(inC, 'sl-anim-rev'); newSlide.removeEventListener('animationend', endNew); next(); }
-    function next(){ if(++done>=2){ busy=false; } }
+    function endOld(){ if(done&1) return; done|=1; oldSlide.classList.remove('sl-active', outC, 'sl-anim-rev'); oldSlide.removeEventListener('animationend', endOld); fin(); }
+    function endNew(){ if(done&2) return; done|=2; newSlide.classList.remove(inC, 'sl-anim-rev'); newSlide.removeEventListener('animationend', endNew); fin(); }
+    function fin(){ if((done&3)===3){ busy=false; if(pendingNav){ var p=pendingNav; pendingNav=null; if(p==='fwd') forward(); else backward(); } } }
     oldSlide.addEventListener('animationend', endOld);
     newSlide.addEventListener('animationend', endNew);
-    // safety timeout
-    setTimeout(function(){ if(busy){ oldSlide.classList.remove('sl-active',outC,'sl-anim-rev'); newSlide.classList.remove(inC,'sl-anim-rev'); busy=false; } }, 1200);
+    requestAnimationFrame(function(){
+      var cs1=getComputedStyle(oldSlide),cs2=getComputedStyle(newSlide);
+      if(!cs1.animationName||cs1.animationName==='none'||cs1.animationDuration==='0s') endOld();
+      if(!cs2.animationName||cs2.animationName==='none'||cs2.animationDuration==='0s') endNew();
+    });
+    setTimeout(function(){ if(busy){ endOld(); endNew(); } }, 800);
     cur=i; updateChrome(); sync();
   }
 
   function forward(){
-    if(busy) return;
+    if(busy){ pendingNav='fwd'; return; }
     if(blanked) blank('');
     if(step < buildCount(cur)){ step++; applyBuilds(slides[cur], step); updateChrome(); sync(); return; }
     goTo(cur+1, 1);
   }
   function backward(){
-    if(busy) return;
+    if(busy){ pendingNav='bwd'; return; }
     if(blanked) blank('');
     if(step > 0){ step--; applyBuilds(slides[cur], step); updateChrome(); sync(); return; }
     goTo(cur-1, -1);
@@ -384,7 +390,20 @@ export const RUNTIME_JS = String.raw `
     prev: backward,
     goTo: function(i){ goTo(i, i>cur?1:-1); },
     relayout: function(){ scale(); }, // recompute the stage fit (e.g. after the dock opens/closes)
-    show: function(i){ if(i<0||i>=slides.length) return; activate(i, true); cur=i; updateChrome(); },
+    show: function(i){ if(!slides.length) return; i=Math.max(0,Math.min(slides.length-1,i)); activate(i, true); cur=i; updateChrome(); },
+    // Re-collect slides after the host appended/replaced .sl-slide nodes in the stage (live agent
+    // build: new slides stream in one by one). Preserve the current index; re-assert active + builds
+    // + chrome. Returns the new slide count.
+    rescan: function(){
+      slides = Array.prototype.slice.call(stage.querySelectorAll(':scope > .sl-slide'));
+      if(!slides.length) return 0;
+      cur = Math.max(0, Math.min(cur, slides.length-1));
+      slides.forEach(function(s,idx){ s.classList.toggle('sl-active', idx===cur); });
+      if(step > buildCount(cur)) step = buildCount(cur);
+      applyBuilds(slides[cur], step);
+      scale(); updateChrome();
+      return slides.length;
+    },
     setInteractive: function(on){ navEnabled = on!==false; },
     toggleNotes: function(){ toggleNotes(); },
     toggleHelp: function(){ toggle('.sl-help'); },
@@ -415,6 +434,7 @@ export const RUNTIME_JS = String.raw `
   scale(); updateChrome();
   if(AM_PRESENTER) buildPresenter();                        // this window is the presenter view
   if(AM_AUDIENCE){ document.body.classList.add('slv-presenting'); navEnabled = false; }  // clean mirror, host-driven
+  if(document.body.classList.contains('sl-editing')) navEnabled = false;
 })();
 `;
 //# sourceMappingURL=runtime.js.map

package/dist/render/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/render/runtime.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,sCAAsC;AACtC,8EAA8E;AAC9E,uFAAuF;AACvF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ZnC,CAAC"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/render/runtime.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,sCAAsC;AACtC,8EAA8E;AAC9E,uFAAuF;AACvF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkbnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aivorynet/slaide",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "An AI-authorable slide language with beautiful web + PDF output",
   "type": "module",
   "license": "Apache-2.0",

package/skills/slaide/SKILL.md

@@ -48,7 +48,7 @@ layout: title-content
 - Charts: ` ```echart ` (data viz, ECharts option as JSON) and ` ```mermaid ` (diagrams) → theme-coloured SVG. Put a chart in a slot with height (a `1fr` row).
 
 ## The master (theme)
-Use the bundled theme — omit `master:` or set `master: aurora` — or author your own (preferred for branded decks). **Read `themes.md` for the format before writing one**: fonts, a type scale, two-tier colour (palette + roles), gradients, backgrounds, grid layouts, chrome — all data. Reference **roles, not hex**, so a reskin is a palette swap. Past "tidy", give the deck **one signature** (a faint logo-derived motif or a recurring accent panel) and vary composition slide to slide. The load-bearing footguns — dark-on-dark text, hollow `box:` cards, chrome-corner collisions — are flagged in `themes.md`; heed them. A deck about slaide itself: use the shipped brand in the sibling `slaide-hugo` repo, don't invent one.
+Use the bundled theme — omit `master:` or set `master: aurora` — or author your own (preferred for branded decks). **Read `themes.md` for the format before writing one**: fonts, a type scale, two-tier colour (palette + roles), gradients, backgrounds, grid layouts, chrome — all data. Reference **roles, not hex**, so a reskin is a palette swap. Past "tidy", give the deck **one signature** (a recurring accent panel, a distinctive layout rhythm, or a colour-block motif) and vary composition slide to slide. Chrome `logo:` is opt-in — only add it when the user supplies a real brand logo; do NOT invent a generic icon. The load-bearing footguns — dark-on-dark text, hollow `box:` cards, chrome-corner collisions — are flagged in `themes.md`; heed them. A deck about slaide itself: use the shipped brand in the sibling `slaide-hugo` repo, don't invent one.
 
 ## Commands (prefix `npx @aivorynet/slaide`)
 | Command | Does |

package/skills/slaide/themes.md

@@ -212,6 +212,7 @@ Inline `[text]{.class}` resolves against this master: **colour** = any `palette`
 ## Tips for AI authors
 
 - Use **roles** and **scale steps**, not raw hex/px — reskin = palette swap.
+- **Chrome `logo:` is opt-in.** Only add it when the user supplies a real brand logo. Do NOT invent a generic icon/monogram — a tiny aimless mark in the corner of every slide is the #1 amateur tell.
 - **Cards (`box:`):** bg + padding + radius only (no gradient/shadow/border). Without `valign` a card stretches full-height and pins text top (hollow). Fix: `valign: center` to shrink-wrap, or put cards in an `auto` row with `1fr` spacers. Tint card surface off-white vs the page.
 - **Cover = dramatic hero.** Visual slot FILLS — bold brand SVG, product mock, or illustrated motif at ≥ half the slide, not a small icon. Think Apple keynote: few bold shapes at large scale. Centred text on a gradient is a section divider, not a cover. Never `.grad` text on a gradient bg (vanishes). **Closing** = bold CTA or contact slide (name/role/email/URL for pitch/agency decks). Both must feel intentional.
 - **Brand ground dominates.** Most slides use the brand's background role (warm cream, tinted neutral — not generic white). Dark/gradient = accent moments only (cover, one stat, closing).