@bestagentkits/render 0.1.0 → 0.2.0

package/dist/render/runtime.js

@@ -17,6 +17,10 @@ const HELPERS = `
 function q(sel, ctx) { return (ctx || doc).querySelector(sel); }
 function qa(sel, ctx) { return Array.prototype.slice.call((ctx || doc).querySelectorAll(sel)); }
 function byId(id) { return qa('[data-ak-id="' + id + '"]'); }
+function motionAllowed() {
+  if (root.getAttribute('data-motion') === 'none') return false;
+  return !(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+}
 function announce(message) {
   var region = q('[data-ak-live]');
   if (region) region.textContent = message;
@@ -81,7 +85,7 @@ function run(action, source, detail) {
     nodes.forEach(function (node) {
       if (node.tagName === 'DIALOG') openDialog(node);
       else if (node.tagName === 'DETAILS') node.open = !node.open;
-      else if (node.hasAttribute('data-ak-theme-toggle')) toggleTheme();
+      else if (node.hasAttribute('data-ak-theme-toggle')) toggleTheme(node);
       else {
         var collapsed = node.getAttribute('aria-expanded') === 'false' || node.hasAttribute('hidden');
         if (collapsed) { node.removeAttribute('hidden'); node.setAttribute('aria-expanded', 'true'); }
@@ -101,7 +105,7 @@ function run(action, source, detail) {
   if (type === 'copy') {
     var text = '';
     byId(targetId).forEach(function (node) { text += node.textContent || ''; });
-    copyText(text, action);
+    copyText(text, source);
     return;
   }
   if (type === 'download') {
@@ -151,23 +155,59 @@ function applyTheme(mode) {
     root.setAttribute('data-theme', next);
   }
   try { window.localStorage.setItem('ak-render-theme', mode === 'system' ? 'system' : next); } catch (error) {}
+  syncThemeToggles(next);
+  announce('Theme set to ' + next);
+}
+// The toggle names the scheme it switches to, so it must follow the scheme in
+// effect, including one the system chose before anything was stored.
+function syncThemeToggles(scheme) {
   qa('[data-ak-theme-toggle]').forEach(function (button) {
-    button.setAttribute('aria-pressed', String(next === 'dark'));
-    button.textContent = next === 'dark' ? 'Light' : 'Dark';
+    button.setAttribute('aria-pressed', String(scheme === 'dark'));
+    button.textContent = scheme === 'dark' ? 'Light' : 'Dark';
   });
-  announce('Theme set to ' + next);
 }
-function toggleTheme() { applyTheme('toggle'); }
+/*
+ * Where supported, the new scheme is revealed as a circle growing from the
+ * toggle. The origin is written to two custom properties; the stylesheet owns
+ * the animation, and reduced motion or an older engine switches instantly.
+ */
+function toggleTheme(source) {
+  if (!motionAllowed() || typeof doc.startViewTransition !== 'function') { applyTheme('toggle'); return; }
+  if (source && source.getBoundingClientRect) {
+    var box = source.getBoundingClientRect();
+    root.style.setProperty('--ak-vt-x', Math.round(box.left + box.width / 2) + 'px');
+    root.style.setProperty('--ak-vt-y', Math.round(box.top + box.height / 2) + 'px');
+  }
+  doc.startViewTransition(function () { applyTheme('toggle'); });
+}
 function restoreTheme() {
+  // While the system owns the scheme, a change in system settings must relabel
+  // the toggle too, not only the first paint.
+  var system = window.matchMedia('(prefers-color-scheme: dark)');
+  if (typeof system.addEventListener === 'function') {
+    system.addEventListener('change', function () {
+      if (!root.getAttribute('data-theme')) syncThemeToggles(system.matches ? 'dark' : 'light');
+    });
+  }
   var stored = null;
   try { stored = window.localStorage.getItem('ak-render-theme'); } catch (error) {}
-  if (!stored) return;
+  if (!stored) {
+    syncThemeToggles(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
+    return;
+  }
   if (stored === 'system') applyTheme('system');
   else applyTheme(stored);
 }`;
 const COPY = `
-function copyText(text, action) {
-  var done = function () { announce('Copied to clipboard'); };
+function copyText(text, source) {
+  var done = function () {
+    announce('Copied to clipboard');
+    // A visible confirmation on the control itself, cleared after a moment.
+    if (source && source.setAttribute) {
+      source.setAttribute('data-ak-copied', '');
+      window.setTimeout(function () { source.removeAttribute('data-ak-copied'); }, 1600);
+    }
+  };
   if (navigator.clipboard && navigator.clipboard.writeText) {
     navigator.clipboard.writeText(text).then(done, function () { fallbackCopy(text, done); });
   } else {
@@ -198,6 +238,130 @@ function downloadText(text, filename, source) {
   window.setTimeout(function () { URL.revokeObjectURL(url); }, 0);
   announce('Downloaded ' + safeName);
 }`;
+const OUTLINE = `
+function wireOutline() {
+  var links = qa('[data-ak-outline-link]');
+  if (!links.length || typeof window.IntersectionObserver !== 'function') return;
+  var byAnchor = {};
+  links.forEach(function (link) { byAnchor[link.getAttribute('href').slice(1)] = link; });
+  var mark = function (id) {
+    links.forEach(function (link) {
+      if (link === byAnchor[id]) link.setAttribute('aria-current', 'location');
+      else link.removeAttribute('aria-current');
+    });
+  };
+  // The current section is the last one whose top has crossed the upper third
+  // of the viewport, which matches where a reader's eye rests.
+  var observer = new window.IntersectionObserver(function (entries) {
+    entries.forEach(function (entry) { if (entry.isIntersecting) mark(entry.target.id); });
+  }, { rootMargin: '0px 0px -66% 0px' });
+  Object.keys(byAnchor).forEach(function (id) {
+    var section = doc.getElementById(id);
+    if (section) observer.observe(section);
+  });
+}`;
+const BEFORE_AFTER = `
+function wireBeforeAfter() {
+  qa('[data-ak-before-after]').forEach(function (figure) {
+    var stage = q('.ak-ba-stage', figure);
+    var input = q('.ak-ba-range', figure);
+    if (!stage || !input) return;
+    var apply = function () { stage.style.setProperty('--ak-split', input.value + '%'); };
+    // Dragging anywhere on the stage moves the divider, which a bare range input
+    // only does from its thumb on some touch browsers.
+    var dragging = false;
+    var follow = function (event) {
+      var box = stage.getBoundingClientRect();
+      if (!box.width) return;
+      var ratio = Math.min(Math.max((event.clientX - box.left) / box.width, 0), 1);
+      input.value = String(Math.round(ratio * 100));
+      apply();
+    };
+    input.addEventListener('input', apply, false);
+    input.addEventListener('pointerdown', function (event) {
+      dragging = true;
+      if (input.setPointerCapture) input.setPointerCapture(event.pointerId);
+      follow(event);
+    }, false);
+    input.addEventListener('pointermove', function (event) { if (dragging) follow(event); }, false);
+    input.addEventListener('pointerup', function () { dragging = false; }, false);
+    input.addEventListener('pointercancel', function () { dragging = false; }, false);
+    apply();
+    figure.setAttribute('data-ak-ready', '');
+  });
+}`;
+const EFFECTS = `
+function countUp(el) {
+  if (el.children.length) return;
+  var text = el.textContent;
+  var match = /^([^\\dA-Za-z]*)(\\d{1,3}(?:,\\d{3})+|\\d+)(\\.\\d+)?([^\\d]*)$/.exec(text.trim());
+  if (!match) return;
+  var grouped = match[2].indexOf(',') !== -1;
+  var places = match[3] ? match[3].length - 1 : 0;
+  var target = parseFloat(match[2].replace(/,/g, '') + (match[3] || ''));
+  if (!isFinite(target) || target === 0) return;
+  var format = function (value) {
+    var fixed = value.toFixed(places);
+    if (grouped) {
+      var parts = fixed.split('.');
+      parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');
+      fixed = parts.join('.');
+    }
+    return match[1] + fixed + match[4];
+  };
+  // The authored value stays in the DOM for assistive technology, copy and
+  // print; the rolling figure is a hidden layer drawn over it while it runs.
+  var real = doc.createElement('span');
+  real.className = 'ak-sr';
+  real.textContent = text;
+  var shown = doc.createElement('span');
+  shown.setAttribute('aria-hidden', 'true');
+  shown.textContent = format(0);
+  el.textContent = '';
+  el.appendChild(real);
+  el.appendChild(shown);
+  var settled = false;
+  var settle = function () {
+    if (settled) return;
+    settled = true;
+    el.textContent = text;
+    window.removeEventListener('beforeprint', settle);
+  };
+  window.addEventListener('beforeprint', settle);
+  var began = null;
+  var step = function (now) {
+    if (settled) return;
+    if (began === null) began = now;
+    var progress = Math.min((now - began) / 1400, 1);
+    if (progress >= 1) { settle(); return; }
+    shown.textContent = format(target * (1 - Math.pow(1 - progress, 4)));
+    window.requestAnimationFrame(step);
+  };
+  window.requestAnimationFrame(step);
+}
+function wireEffects() {
+  if (!motionAllowed()) return;
+  // A soft light follows the pointer across cards and tiles.
+  doc.addEventListener('pointermove', function (event) {
+    var surface = event.target && event.target.closest ? event.target.closest('.ak-card, .ak-tile, .ak-kpi-card') : null;
+    if (!surface) return;
+    var box = surface.getBoundingClientRect();
+    surface.style.setProperty('--ak-mx', Math.round(event.clientX - box.left) + 'px');
+    surface.style.setProperty('--ak-my', Math.round(event.clientY - box.top) + 'px');
+  }, { passive: true });
+  if (typeof window.IntersectionObserver !== 'function') return;
+  // Blocks play their entrance as they arrive. Until then they show their final
+  // state, so a capture, a print or a disabled script never sees them blank.
+  var observer = new window.IntersectionObserver(function (entries) {
+    entries.forEach(function (entry) {
+      if (!entry.isIntersecting) return;
+      observer.unobserve(entry.target);
+      if (entry.target.hasAttribute('data-ak-animate')) entry.target.setAttribute('data-ak-inview', '');
+      else countUp(entry.target);
+    });
+  }, { rootMargin: '0px 0px 12% 0px' });
+  qa('[data-ak-animate], [data-ak-count], .ak-stat dd').forEach(function (el) { observer.observe(el); });
+}`;
 const DIALOG = `
 var lastFocus = null;
 function openDialog(dialog) {
@@ -383,7 +547,7 @@ doc.addEventListener('click', function (event) {
       return;
     }
     if (target.hasAttribute && target.hasAttribute('data-ak-theme-toggle')) {
-      toggleTheme();
+      toggleTheme(target);
       return;
     }
     target = target.parentElement;
@@ -416,6 +580,11 @@ export function buildRuntime(options) {
         parts.push(SLIDER);
     if (features.has('tabs'))
         parts.push(TABS);
+    if (features.has('outline'))
+        parts.push(OUTLINE);
+    if (features.has('before-after'))
+        parts.push(BEFORE_AFTER);
+    parts.push(EFFECTS);
     const wiring = [];
     if (features.has('tabs'))
         wiring.push('wireTabs();');
@@ -425,6 +594,11 @@ export function buildRuntime(options) {
         wiring.push('wireSliders();');
     if (features.has('filter'))
         wiring.push('wireFilters();');
+    if (features.has('outline'))
+        wiring.push('wireOutline();');
+    if (features.has('before-after'))
+        wiring.push('wireBeforeAfter();');
+    wiring.push('wireEffects();');
     return [
         '(function () {',
         '"use strict";',

package/dist/render/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/render/runtime.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/render/runtime.ts"],"names":[],"mappings":"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"}

package/dist/render/showcase-blocks.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Showcase block renderers.
+ *
+ * Blocks that present work rather than structure it: a bento mosaic, a ticker,
+ * a terminal session, a file tree, a before/after slider, KPI cards with
+ * sparklines, a framed feature spotlight, and a checklist.
+ *
+ * The same rules as `blocks.ts` apply: pure functions of the node and the IR,
+ * exactly one `data-ak-id` per block, no style attributes or handlers. Every
+ * motion these blocks get comes from CSS or the runtime, and the markup is
+ * complete without either, so the content reads the same in a PDF, a
+ * screenshot, or with script disabled.
+ */
+import type { IrNode, NetworkPolicy } from '../ir.js';
+import { type JsonValue } from '../json.js';
+/** Minimal render context the showcase renderers need. */
+export interface ShowcaseContext {
+    ir: {
+        policy: {
+            network: NetworkPolicy;
+        };
+    };
+}
+type ShowcaseRenderer = (node: IrNode, context: ShowcaseContext) => string;
+/** Browser chrome (decorative) around an image: the bar, then the viewport. */
+export declare function browserShot(source: string, alt: string, address: string, policy: NetworkPolicy, loading?: 'lazy' | 'eager'): string;
+interface TreeFile {
+    name: string;
+    status: string;
+    note: string;
+}
+interface TreeDir {
+    name: string;
+    dirs: Map<string, TreeDir>;
+    files: TreeFile[];
+}
+/** Build a folder tree from slash-separated paths; a trailing slash names an empty folder. */
+export declare function buildFileTree(items: Record<string, JsonValue>[]): TreeDir;
+/** Line and area paths for a sparkline, scaled into a fixed view box. */
+export declare function sparkPaths(series: number[]): {
+    line: string;
+    area: string;
+    end: [number, number];
+};
+export declare const SHOWCASE_RENDERERS: Record<string, ShowcaseRenderer>;
+export {};
+//# sourceMappingURL=showcase-blocks.d.ts.map

package/dist/render/showcase-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcase-blocks.d.ts","sourceRoot":"","sources":["../../src/render/showcase-blocks.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAiB3D,0DAA0D;AAC1D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE;QAAE,MAAM,EAAE;YAAE,OAAO,EAAE,aAAa,CAAA;SAAE,CAAA;KAAE,CAAC;CAC5C;AAED,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC;AAoB3E,+EAA+E;AAC/E,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,aAAa,EACrB,OAAO,GAAE,MAAM,GAAG,OAAgB,GACjC,MAAM,CAKR;AAwFD,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAMD,8FAA8F;AAC9F,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,OAAO,CAyBzE;AAuHD,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvB,CAoBA;AAiJD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAU/D,CAAC"}