claude-exode-mcp 7.5.7 → 7.5.8

package/src/buildKit.ts

@@ -0,0 +1,520 @@
+// The build kit behind build_from_script: a small, opinionated builder for
+// whole .exode documents, so an agent can write one script with loops, layout
+// maths, palettes and staggers instead of placing objects one tool call at a
+// time. Formats match the editor and the runtime (see the examples library).
+// Scripts run in a vm context that only sees `exode` (this kit) and `log`.
+import vm from 'vm';
+
+type Frame = [number, any, string?];
+type Fill = string | { type: string;[k: string]: any } | null | undefined;
+
+export const EASE = {
+  out: 'easeOutCubic', outQuart: 'easeOutQuart', outExpo: 'easeOutExpo', outBack: 'easeOutBack',
+  inOut: 'easeInOutCubic', sine: 'easeInOutSine', in: 'easeInCubic', inQuad: 'easeInQuad', linear: 'linear',
+};
+
+/** Curated palettes: one neutral ramp plus a restrained accent each. */
+export const PALETTES: Record<string, Record<string, string>> = {
+  obsidian: { bg: '#0B0A0F', surface: '#15131B', raised: '#1E1B26', line: '#2A2633', ink: '#F2EFEA', muted: '#8D8796', faint: '#5A5563', accent: '#FF8A5C', accent2: '#FFC59E', onAccent: '#140D09' },
+  midnight: { bg: '#060A12', surface: '#0E1522', raised: '#16202F', line: '#223044', ink: '#EAF1FA', muted: '#8193AA', faint: '#4A5A70', accent: '#5CE1E6', accent2: '#8B9CFF', onAccent: '#04161A' },
+  graphite: { bg: '#0D0E10', surface: '#16181B', raised: '#1F2226', line: '#2C3036', ink: '#F4F5F6', muted: '#8E949C', faint: '#596069', accent: '#C6F432', accent2: '#7DE2A8', onAccent: '#121A00' },
+  aurora: { bg: '#09070F', surface: '#130F1E', raised: '#1C162C', line: '#2B2340', ink: '#F3EEFF', muted: '#9A8FB5', faint: '#5E5577', accent: '#8F7CFF', accent2: '#3EE0C3', onAccent: '#0C0820' },
+  paper: { bg: '#F4F1EA', surface: '#FBF9F4', raised: '#FFFFFF', line: '#DDD6C8', ink: '#141210', muted: '#6E675C', faint: '#A39B8D', accent: '#E8432E', accent2: '#1F4ED8', onAccent: '#FFFFFF' },
+  bone: { bg: '#EFEBE3', surface: '#F7F4EE', raised: '#FFFFFF', line: '#D5CEC1', ink: '#1C1B18', muted: '#6B675E', faint: '#A19B8F', accent: '#3F5A3C', accent2: '#B8862F', onAccent: '#F7F4EE' },
+  porcelain: { bg: '#F5F5F7', surface: '#FFFFFF', raised: '#FFFFFF', line: '#E3E3E8', ink: '#1D1D1F', muted: '#86868B', faint: '#B8B8BE', accent: '#0071E3', accent2: '#BF4800', onAccent: '#FFFFFF' },
+  swiss: { bg: '#FFFFFF', surface: '#F3F3F1', raised: '#FFFFFF', line: '#1A1A1A', ink: '#111111', muted: '#6B6B6B', faint: '#B5B5B5', accent: '#E30613', accent2: '#111111', onAccent: '#FFFFFF' },
+  clay: { bg: '#F1E7DD', surface: '#F8F1EA', raised: '#FFFFFF', line: '#DCCBBB', ink: '#2A1D16', muted: '#8A7466', faint: '#B9A595', accent: '#C2562C', accent2: '#6F8F7A', onAccent: '#FFF7F0' },
+};
+
+// ── colour helpers ───────────────────────────────────────────────────────
+const hex = (c: string) => { let h = c.replace('#', ''); if (h.length === 3) h = h.split('').map((x) => x + x).join(''); return [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16)); };
+const toHex = (rgb: number[]) => '#' + rgb.map((v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, '0')).join('').toUpperCase();
+export const mix = (a: string, b: string, t: number) => { const A = hex(a), B = hex(b); return toHex(A.map((v, i) => v + (B[i]! - v) * t)); };
+export const alpha = (c: string, a: number) => { const [r, g, b] = hex(c); return `rgba(${r}, ${g}, ${b}, ${Math.max(0, Math.min(1, a))})`; };
+
+/** Seeded random (mulberry32) so builds are deterministic. */
+export function rng(seed = 1) {
+  let s = seed >>> 0;
+  const next = () => { s = (s + 0x6D2B79F5) >>> 0; let t = s; t = Math.imul(t ^ (t >>> 15), t | 1); t ^= t + Math.imul(t ^ (t >>> 7), t | 61); return ((t ^ (t >>> 14)) >>> 0) / 4294967296; };
+  return Object.assign(next, { range: (a: number, b: number) => a + (b - a) * next(), pick: <T>(arr: T[]) => arr[Math.floor(next() * arr.length)]! });
+}
+
+/** Modular type scale: typeScale(16, 1.333) → { xs, sm, base, md, lg, xl, xxl, display }. */
+export function typeScale(base = 16, ratio = 1.333) {
+  const s = (n: number) => Math.round(base * Math.pow(ratio, n));
+  return { xs: s(-2), sm: s(-1), base, md: s(1), lg: s(2), xl: s(3), xxl: s(4), display: s(6) };
+}
+
+export function linear(stops: string[] | { offset: number; color: string; opacity?: number }[], angle = 90) {
+  const a = ((angle - 90) * Math.PI) / 180;
+  const dx = Math.cos(a) / 2, dy = Math.sin(a) / 2;
+  return { type: 'LinearGradient', opacity: 1, start: [0.5 - dx, 0.5 - dy], end: [0.5 + dx, 0.5 + dy], stops: normStops(stops) };
+}
+export function radial(stops: string[] | { offset: number; color: string; opacity?: number }[], center: [number, number] = [0.5, 0.5], radius = 0.5) {
+  /* radius is a fraction of max(w, h): 0.5 reaches a centred ellipse's edge, so a glow fades out before the shape clips it */
+  return { type: 'RadialGradient', opacity: 1, center, radius, stops: normStops(stops) };
+}
+/** Gradient stops must be hex + a separate opacity: the runtime turns any non-hex colour (rgba()) into white. */
+const splitColour = (c: string): { color: string; opacity: number } => {
+  const m = String(c).match(/rgba?\(([^)]+)\)/i);
+  if (!m) return { color: c, opacity: 1 };
+  const [r, g, b, a] = m[1]!.split(',').map((v) => parseFloat(v));
+  return { color: toHex([r!, g!, b!]), opacity: a === undefined || isNaN(a) ? 1 : a };
+};
+const normStops = (stops: any[]) => stops.map((s, i) => {
+  const offset = stops.length === 1 ? 0 : i / (stops.length - 1);
+  if (typeof s === 'string') return { offset, ...splitColour(s) };
+  const c = splitColour(s.color); return { offset, ...s, color: c.color, opacity: (s.opacity ?? 1) * c.opacity };
+});
+
+const TRANSFORM = new Set(['x', 'y', 'rotation', 'scale_x', 'scale_y', 'opacity', 'skew_x', 'skew_y']);
+const propPath = (p: string) => TRANSFORM.has(p) ? `transform.${p}` : p === 'fill' ? 'style.fill.color' : p === 'text' ? 'geometry.text' : p;
+const slug = (s: string) => s.toLowerCase().replace(/[^a-z0-9]+/g, '_').replace(/^_|_$/g, '') || 'obj';
+const nz = (v: number) => (v === 0 ? 0.001 : v);
+
+/** Width of the longest line, from per-character advance classes (close to Inter / Helvetica metrics). */
+export function estimateTextWidth(str: string, size: number, letterSpacing = 0, weight = 400) {
+  const adv = (ch: string) => /[il.,:;|!'`]/.test(ch) ? 0.27 : /[fjrtI]/.test(ch) ? 0.36 : ch === ' ' ? 0.28
+    : /[mwMW@%]/.test(ch) ? 0.88 : /[A-Z]/.test(ch) ? 0.68 : /[0-9$€£]/.test(ch) ? 0.6 : 0.55;
+  const bold = weight >= 700 ? 1.08 : weight >= 600 ? 1.05 : 1;
+  const lineW = (l: string) => [...l].reduce((n, ch) => n + adv(ch), 0) * size * bold + Math.max(0, l.length - 1) * letterSpacing;
+  return Math.ceil(Math.max(...String(str).split('\n').map(lineW)) + 4);
+}
+
+export class ArtboardBuilder {
+  doc: any;
+  ease: string;
+  private ids = new Set<string>();
+  private n = 0;
+  warnings: string[] = [];
+
+  constructor(o: { name?: string; width?: number; height?: number; background?: string; palette?: string; ease?: string } = {}) {
+    const pal = PALETTES[o.palette || ''];
+    this.ease = o.ease || EASE.out;
+    this.doc = {
+      id: `ab_${slug(o.name || 'artboard')}`, name: o.name || 'Artboard', width: o.width ?? 1440, height: o.height ?? 900,
+      cornerRadius: 0, fit: 'Contain', backgroundColor: o.background || pal?.bg || '#0B0A0F', opacity: 1,
+      objects: [], animations: [], navigation: [], animationFlow: [], stateVariables: [],
+      stateMachine: { inputs: [], layers: [], logicNodes: [] },
+      physics: { enabled: false, gravity: { x: 0, y: 9.8 } },
+    };
+  }
+
+  private uid(base: string) {
+    let id = slug(base); if (!this.ids.has(id)) { this.ids.add(id); return id; }
+    let k = 2; while (this.ids.has(`${id}_${k}`)) k++; id = `${id}_${k}`; this.ids.add(id); return id;
+  }
+  private ref(t: any): string { return typeof t === 'string' ? t : t?.id; }
+  get(idOrName: string) { return this.doc.objects.find((o: any) => o.id === idOrName || o.name === idOrName); }
+
+  private base(type: string, o: any, w: number, h: number) {
+    this.n++;
+    const name = o.name || `${type} ${this.n}`;
+    const x = o.x ?? (o.left !== undefined ? o.left + w / 2 : o.right !== undefined ? o.right - w / 2 : 0);
+    const y = o.y ?? (o.top !== undefined ? o.top + h / 2 : o.bottom !== undefined ? o.bottom - h / 2 : 0);
+    const sc = o.scale ?? 1;
+    const obj: any = {
+      id: o.id ? this.uid(o.id) : this.uid(name), name, type, isVisible: o.visible !== false, isLocked: false,
+      transform: { x, y, rotation: o.rotation ?? 0, scale_x: nz(o.scaleX ?? sc), scale_y: nz(o.scaleY ?? sc), opacity: Math.max(0, Math.min(1, o.opacity ?? 1)), skew_x: 0, skew_y: 0 },
+      children: [], interactions: [],
+    };
+    const parent = o.parent ? this.ref(o.parent) : undefined;
+    if (parent) obj.parentId = parent;
+    return obj;
+  }
+  private add(obj: any) {
+    obj.zIndex = this.doc.objects.length;
+    this.doc.objects.push(obj);
+    if (obj.parentId) {
+      const p = this.get(obj.parentId);
+      if (p) p.children.push(obj.id); else this.warnings.push(`${obj.name}: parent ${obj.parentId} not found`);
+    }
+    return obj;
+  }
+  private style(o: any) {
+    const f: Fill = o.fill;
+    const fill = !f ? { type: 'None', color: 'transparent', opacity: 0 }
+      : typeof f === 'string' ? { type: 'Solid', color: f, opacity: Math.max(0, Math.min(1, o.fillOpacity ?? 1)) } : f;
+    const s: any = { fill, stroke: o.stroke ? { color: o.stroke, width: o.strokeWidth ?? 1, opacity: 1, isEnabled: true } : { color: 'transparent', width: 0 } };
+    if (o.shadow) s.shadow = { color: '#000000', blur: 24, offsetX: 0, offsetY: 12, spread: -8, opacity: 40, isEnabled: true, ...(o.shadow === true ? {} : o.shadow) };
+    if (o.blendMode) s.blendMode = o.blendMode;
+    return s;
+  }
+
+  rect(o: any = {}) {
+    const w = o.w ?? 100, h = o.h ?? 100, r = o.r ?? 0;
+    return this.add({ ...this.base('Shape', o, w, h), width: w, height: h, geometry: { type: 'Rectangle', width: w, height: h, cornerRadius: r, corner_radius: [r, r, r, r] }, style: this.style(o), ...(o.clip ? { clipContent: true } : {}) });
+  }
+  ellipse(o: any = {}) {
+    let w = o.w ?? o.size ?? 100, h = o.h ?? o.size ?? 100;
+    /* a radial fill's radius follows max(w, h), so on an oval the short sides cut the glow into a hard edge:
+       draw a circle and squash it with scale_y instead (soft all round) */
+    if (o.fill && typeof o.fill === 'object' && o.fill.type === 'RadialGradient' && w !== h) {
+      const d = Math.max(w, h); o = { ...o, scaleX: (o.scaleX ?? o.scale ?? 1) * (w / d), scaleY: (o.scaleY ?? o.scale ?? 1) * (h / d) }; w = h = d;
+    }
+    return this.add({ ...this.base('Shape', o, w, h), width: w, height: h, geometry: { type: 'Ellipse', width: w, height: h }, style: this.style(o) });
+  }
+  /** Path data centred on (0,0) = the object's position (author it around its own bbox centre). */
+  path(data: string, o: any = {}) {
+    const w = o.w ?? 100, h = o.h ?? 100;
+    return this.add({ ...this.base('Shape', o, w, h), width: w, height: h, geometry: { type: 'Path', data, width: w, height: h, baseWidth: w, baseHeight: h }, style: this.style({ ...o, fill: o.fill ?? null }) });
+  }
+  text(str: string, o: any = {}) {
+    const size = o.size ?? 16, lh = o.lineHeight ?? (size >= 40 ? 1.05 : 1.4), lines = String(str).split('\n').length;
+    const ls = o.letterSpacing ?? (size >= 40 ? -size * 0.02 : 0);
+    const weight = o.weight ?? 400;
+    const need = estimateTextWidth(str, size, ls, weight);
+    /* A text box wraps at its width, and the editor measures real glyphs (tracking included), so a box sized
+       to an estimate can break onto two lines in the editor while the player shows one. Single lines get a
+       box well wider than the text: it never wraps, and left/centre/right alignment anchor to the same box
+       edge in both renderers. (Point text is avoided: the editor centres it on x, the player doesn't.)
+       Paragraphs (longer than the given w, or wrap: true) keep their width and wrap. */
+    const paragraph = o.wrap === true || (o.wrap !== false && o.w !== undefined && need > o.w);
+    const w = paragraph ? (o.w ?? need) : Math.max(o.w ?? 0, Math.ceil(need * 1.3 + 16));
+    const wrapped = String(str).split('\n').reduce((n, l) => n + Math.max(1, Math.ceil(estimateTextWidth(l, size, ls, weight) / w)), 0);
+    const h = o.h ?? Math.ceil(size * lh * (paragraph ? Math.max(lines, wrapped) : lines) + 4);
+    const font = String(o.font ?? 'Inter').split(',')[0]!.replace(/["']/g, '').trim();
+    return this.add({
+      ...this.base('Shape', { ...o, name: o.name || String(str).split('\n')[0]!.slice(0, 32) }, w, h),
+      geometry: { type: 'Text', text: str, fontSize: size, fontFamily: font, fontWeight: weight, textAlign: o.align ?? 'left', textVerticalAlign: 'middle', letterSpacing: ls, lineHeight: lh, width: w, height: h },
+      style: { fill: { type: 'Solid', color: o.color ?? '#FFFFFF', opacity: 1 } },
+    });
+  }
+  image(src: string, o: any = {}) {
+    const w = o.w ?? 200, h = o.h ?? 200;
+    return this.add({ ...this.base('Shape', o, w, h), width: w, height: h, geometry: { type: 'Image', src, width: w, height: h }, style: { fill: { type: 'None', color: 'transparent', opacity: 0 }, stroke: { color: 'transparent', width: 0 } } });
+  }
+  svg(content: string, o: any = {}) {
+    const w = o.w ?? 24, h = o.h ?? 24;
+    return this.add({ ...this.base('Shape', o, w, h), width: w, height: h, geometry: { type: 'SVG', svgContent: content, width: w, height: h }, style: { fill: { type: 'None', color: 'transparent', opacity: 0 }, stroke: { color: 'transparent', width: 0 } } });
+  }
+  /** A Group: hugs its children; child x/y are relative to it. */
+  group(o: any = {}) {
+    const w = o.w ?? 10, h = o.h ?? 10;
+    return this.add({ ...this.base('Group', o, w, h), width: w, height: h, clipContent: !!o.clip, geometry: { type: 'Rectangle', width: w, height: h, cornerRadius: o.r ?? 0 }, style: { fill: { type: 'None', color: 'transparent', opacity: 0 }, stroke: { color: 'transparent', width: 0 } } });
+  }
+  /** Invisible hit area (fill opacity 0.001). Add it last so it sits on top. */
+  hit(o: any = {}) { return this.rect({ ...o, name: o.name || 'Hit area', fill: '#000000', fillOpacity: 0.001 }); }
+
+  // ── inputs, animation, state machine ────────────────────────────────────
+  input(name: string, type: 'Number' | 'Boolean' | 'Text' | 'Color' | 'Trigger', value?: any) {
+    const existing = this.doc.stateMachine.inputs.find((i: any) => i.name === name);
+    if (existing) return existing.id;
+    const id = `in_${slug(name)}`;
+    const v = type === 'Trigger' ? false : value ?? (type === 'Number' ? 0 : type === 'Boolean' ? false : '');
+    this.doc.stateMachine.inputs.push({ id, name, value: { type, value: v, defaultValue: v } });
+    return id;
+  }
+  /** frames: [[time, value, easing?], …]. Easing applies to the segment that STARTS at that frame. */
+  track(target: any, prop: string, frames: Frame[]): any {
+    const p = propPath(prop);
+    if (prop === 'scale') return [this.track(target, 'scale_x', frames), this.track(target, 'scale_y', frames)] as any;
+    const isOpacity = /opacity$/.test(p);
+    return {
+      id: `t_${++this.n}`, object_id: this.ref(target), property: p,
+      keyframes: frames.map(([t, v, e]) => ({ id: `k_${++this.n}`, time: t, value: isOpacity && typeof v === 'number' ? Math.max(0, Math.min(1, v)) : v, easing: e || this.ease })),
+    };
+  }
+  anim(name: string, tracks: any[], o: { duration?: number | undefined; loop?: boolean } = {}) {
+    const flat = tracks.flat(3).filter(Boolean);
+    const end = Math.max(0.01, ...flat.flatMap((t: any) => t.keyframes.map((k: any) => k.time)));
+    const id = this.uid(`anim_${name}`);
+    this.doc.animations.push({ id, name, duration: o.duration ?? end, loop: !!o.loop, tracks: flat });
+    return id;
+  }
+  /** layer('Name', [{ name, anim, loop, on: { inputName: 'Target state name' } }]) — first state is the entry. */
+  layer(name: string, states: { name: string; anim?: string; loop?: boolean; on?: Record<string, string | { to: string; op?: string; value?: any }> }[]) {
+    const sid = (s: string) => `s_${slug(name)}_${slug(s)}`;
+    const inputId = (n: string) => this.doc.stateMachine.inputs.find((i: any) => i.name === n || i.id === n)?.id;
+    const built = states.map((s) => ({
+      id: sid(s.name), name: s.name, animationId: s.anim, loop: !!s.loop,
+      transitions: Object.entries(s.on || {}).map(([inp, to]) => {
+        const t = typeof to === 'string' ? { to } : to;
+        const id = inputId(inp);
+        if (!id) this.warnings.push(`layer ${name}: input "${inp}" not declared (call input() first)`);
+        return { id: `tr_${++this.n}`, targetStateId: sid(t.to), duration: 0, conditions: [{ inputId: id || inp, inputName: inp, op: t.op || 'IsTrue', value: t.value ?? true }] };
+      }),
+    }));
+    this.doc.stateMachine.layers.push({ id: this.uid(`layer_${name}`), name, entryStateId: built[0]!.id, states: built });
+    return built.map((s) => s.id);
+  }
+  /** One-shot layer that plays on load. */
+  intro(tracks: any[], name = 'Intro') { const a = this.anim(name, tracks); this.layer(name, [{ name, anim: a }]); return a; }
+  /** Looping layer that plays forever. Make the last frame equal the first. */
+  ambient(tracks: any[], name = 'Ambient', duration?: number) { const a = this.anim(name, tracks, { loop: true, duration }); this.layer(name, [{ name, anim: a, loop: true }]); return a; }
+
+  /** Staggered entrance tracks: each target fades in and travels `dy` px into place. */
+  reveal(targets: any[], o: { dy?: number; dx?: number; duration?: number; step?: number; delay?: number; ease?: string; scaleFrom?: number } = {}) {
+    const dur = o.duration ?? 0.7, step = o.step ?? 0.06, delay = o.delay ?? 0, e = o.ease ?? this.ease, dy = o.dy ?? 24, dx = o.dx ?? 0;
+    return targets.flatMap((t, i) => {
+      const obj = this.get(this.ref(t)); if (!obj) return [];
+      const t0 = delay + i * step, tr = obj.transform;
+      const out = [this.track(obj, 'opacity', [[0, 0, 'linear'], [t0, 0, e], [t0 + dur * 0.8, tr.opacity]])];
+      if (dy) out.push(this.track(obj, 'y', [[0, tr.y + dy, 'linear'], [t0, tr.y + dy, e], [t0 + dur, tr.y]]));
+      if (dx) out.push(this.track(obj, 'x', [[0, tr.x + dx, 'linear'], [t0, tr.x + dx, e], [t0 + dur, tr.x]]));
+      if (o.scaleFrom !== undefined) out.push(...(this.track(obj, 'scale', [[0, o.scaleFrom, 'linear'], [t0, o.scaleFrom, e], [t0 + dur, tr.scale_x]]) as any));
+      return out;
+    });
+  }
+  /** Same frames on every target, offset by `step` seconds each. */
+  stagger(targets: any[], prop: string, frames: Frame[], step = 0.06) {
+    return targets.map((t, i) => this.track(t, prop, frames.map(([tm, v, e]) => [tm + i * step, v, e] as Frame)));
+  }
+
+  /**
+   * Hover + press feel on one object, in its own layer (that layer owns the
+   * target's y, scale and shadow, so don't animate those elsewhere: put
+   * entrances on a parent group). Interactions go on `hit` or the target.
+   */
+  interactive(target: any, o: { lift?: number; scale?: number; press?: number; duration?: number; shadowBlur?: [number, number]; hit?: any; onTap?: string } = {}) {
+    const obj = this.get(this.ref(target)); if (!obj) { this.warnings.push(`interactive: ${this.ref(target)} not found`); return; }
+    const key = obj.name, lift = o.lift ?? 3, s = o.scale ?? 1.02, ps = s * (o.press ?? 0.97), d = o.duration ?? 0.22;
+    const y0 = obj.transform.y, s0 = obj.transform.scale_x;
+    const enter = this.input(`${key} hover`, 'Trigger'), leave = this.input(`${key} leave`, 'Trigger'), press = this.input(`${key} press`, 'Trigger');
+    const pose = (from: [number, number], to: [number, number], blur?: [number, number]) => [
+      this.track(obj, 'y', [[0, from[0]], [d, to[0]]]), ...(this.track(obj, 'scale', [[0, from[1]], [d, to[1]]]) as any),
+      ...(blur ? [this.track(obj, 'style.shadow.blur', [[0, blur[0]], [d, blur[1]]])] : []),
+    ];
+    const sb = o.shadowBlur;
+    const rest = this.anim(`${key} rest`, pose([y0, s0], [y0, s0]).map((t: any) => ({ ...t, keyframes: [t.keyframes[0]] })), { duration: 0.01 });
+    const inn = this.anim(`${key} hover in`, pose([y0, s0], [y0 - lift, s], sb && [sb[0], sb[1]]));
+    const out = this.anim(`${key} hover out`, pose([y0 - lift, s], [y0, s0], sb && [sb[1], sb[0]]));
+    const pr = this.anim(`${key} press`, [this.track(obj, 'y', [[0, y0 - lift], [0.26, y0 - lift]]), ...(this.track(obj, 'scale', [[0, s, EASE.out], [0.08, ps, EASE.outBack], [0.26, s]]) as any)]);
+    const n = (x: string) => x;
+    this.layer(`${key} interaction`, [
+      { name: 'Rest', anim: rest, on: { [`${key} hover`]: 'Hover', [`${key} press`]: 'Press A' } },
+      { name: 'Hover', anim: inn, on: { [`${key} leave`]: 'Leave', [`${key} press`]: 'Press A' } },
+      { name: 'Leave', anim: out, on: { [`${key} hover`]: 'Hover', [`${key} press`]: 'Press A' } },
+      { name: 'Press A', anim: pr, on: { [`${key} press`]: 'Press B', [`${key} leave`]: 'Leave' } },
+      { name: 'Press B', anim: pr, on: { [`${key} press`]: 'Press A', [`${key} leave`]: 'Leave' } },
+    ].map((st) => ({ ...st, name: n(st.name) })));
+    const host = o.hit ? this.get(this.ref(o.hit)) : obj;
+    const ix = (event: string, input: string) => ({ id: `int_${++this.n}`, event, trigger: event, triggers: [event], action: 'fireTrigger', targetInputId: input });
+    host.interactions.push(ix('onPointerEnter', enter), ix('onPointerLeave', leave), ix('onPointerDown', press));
+    if (o.onTap) host.interactions.push({ ...ix('onClick', this.input(o.onTap, 'Trigger')) });
+    return { enter, leave, press };
+  }
+  /** Fire a trigger input when `target` is clicked. */
+  onTap(target: any, triggerName: string) {
+    const obj = this.get(this.ref(target)); const id = this.input(triggerName, 'Trigger');
+    obj.interactions.push({ id: `int_${++this.n}`, event: 'onClick', trigger: 'onClick', triggers: ['onClick', 'Click'], action: 'fireTrigger', targetInputId: id });
+    return id;
+  }
+
+  // ── ready-made pieces (the hard-to-get-right parts, done right) ─────────
+  /** Soft light: a circle with a radial fade to 0 (scaleY makes it an oval without a hard edge). */
+  glow(o: { name?: string; x: number; y: number; size: number; color: string; strength?: number; scaleY?: number; parent?: any; blendMode?: string }) {
+    return this.ellipse({ name: o.name || 'Glow', x: o.x, y: o.y, size: o.size, parent: o.parent, scaleY: o.scaleY ?? 1, blendMode: o.blendMode,
+      fill: radial([{ offset: 0, color: o.color, opacity: o.strength ?? 0.35 }, { offset: 0.45, color: o.color, opacity: (o.strength ?? 0.35) * 0.35 }, { offset: 1, color: o.color, opacity: 0 }], [0.5, 0.5], 0.5) });
+  }
+  /** Looping track with a phase offset: f(u) for u in 0..1 over `duration`, started at `phase` (0..1). */
+  loopTrack(target: any, prop: string, f: (u: number) => any, duration: number, phase = 0, samples = [0, 0.15, 0.5, 0.85, 1]) {
+    const pts = samples.map((u) => ({ t: ((u - phase + 1) % 1) * duration, v: f(u), u }));
+    const wrapAt = (1 - phase) % 1 * duration;
+    const keys: Frame[] = [];
+    pts.filter((p) => p.u < 1).sort((a, b) => a.t - b.t).forEach((p) => keys.push([p.t, p.v, 'linear']));
+    if (phase > 0) { keys.push([Math.max(0, wrapAt - 0.001), f(1), 'linear']); keys.push([wrapAt, f(0), 'linear']); }
+    keys.sort((a, b) => a[0] - b[0]);
+    if (keys[0]![0] > 0) keys.unshift([0, f(phase), 'linear']);
+    keys.push([duration, f(phase), 'linear']);
+    const uniq = keys.filter((k, i) => i === 0 || k[0] > keys[i - 1]![0]);
+    return this.track(target, prop, uniq);
+  }
+  /** Drifting particles (embers, dust, bubbles, stars) as native dots in a group, with their looping tracks.
+   *  Pass the returned tracks to ambient(). rise < 0 sinks; spread sways sideways. */
+  particles(o: { name?: string; count?: number; x: number; y: number; w: number; h: number; color: string; size?: [number, number]; rise?: number; spread?: number; opacity?: number; duration?: number; seed?: number }) {
+    const r = rng(o.seed ?? 3), n = o.count ?? 24, D = o.duration ?? 6, rise = o.rise ?? 120, sway = o.spread ?? 16, a = o.opacity ?? 0.8;
+    const g = this.group({ name: o.name || 'Particles', x: o.x, y: o.y, w: o.w, h: o.h });
+    const tracks: any[] = [];
+    for (let i = 0; i < n; i++) {
+      const sz = r.range(...(o.size ?? [2, 5])), px = r.range(-o.w / 2, o.w / 2), py = r.range(-o.h / 2, o.h / 2), ph = r(), peak = a * r.range(0.4, 1);
+      const dot = this.ellipse({ name: `${o.name || 'Particle'} ${i + 1}`, parent: g, x: px, y: py, size: sz, fill: o.color });
+      tracks.push(this.loopTrack(dot, 'y', (u) => py + rise / 2 - rise * u, D, ph));
+      tracks.push(this.loopTrack(dot, 'opacity', (u) => (u < 0.15 ? peak * (u / 0.15) : u > 0.85 ? peak * ((1 - u) / 0.15) : peak), D, ph));
+      if (sway) tracks.push(this.loopTrack(dot, 'x', (u) => px + Math.sin(u * Math.PI * 2) * sway, D, ph, [0, 0.25, 0.5, 0.75, 1]));
+    }
+    return { group: g, tracks };
+  }
+  /** Count a Text up to its value with proper formatting ("12,480", "$48.2k", "92%").
+   *  Digit-leading strings interpolate as bare numbers (parseFloat): each step is prefixed with a
+   *  zero-width space so the engine swaps formatted text instead. Returns the track for intro(). */
+  countUp(target: any, to: number, o: { from?: number; delay?: number; duration?: number; steps?: number; prefix?: string; suffix?: string; decimals?: number; ease?: (u: number) => number } = {}) {
+    const obj = this.get(this.ref(target));
+    const from = o.from ?? 0, delay = o.delay ?? 0, dur = o.duration ?? 1.4, n = o.steps ?? 28, dec = o.decimals ?? 0;
+    const ease = o.ease ?? ((u: number) => 1 - Math.pow(1 - u, 3));
+    const fmt = (v: number) => `${o.prefix ?? ''}${v.toLocaleString('en-US', { minimumFractionDigits: dec, maximumFractionDigits: dec })}${o.suffix ?? ''}`;
+    const ZW = '\u200B';
+    const keys: Frame[] = [[0, ZW + fmt(from), 'linear']];
+    for (let i = 1; i <= n; i++) { const u = i / n; keys.push([delay + dur * u, i === n ? fmt(to) : ZW + fmt(from + (to - from) * ease(u)), 'linear']); }
+    if (delay > 0) keys.splice(1, 0, [delay, ZW + fmt(from), 'linear']);
+    obj.geometry.text = fmt(to);
+    return this.track(obj, 'text', keys.filter((k, i, a) => i === 0 || k[0] > a[i - 1]![0]));
+  }
+
+  /** A complete button: pill + label as one unit (the label rides along), with hover and press built in.
+   *  variant 'primary' (filled), 'secondary' (outlined) or 'ghost' (text only). */
+  button(label: string, o: { name?: string; x?: number; y?: number; left?: number; top?: number; parent?: any; w?: number; h?: number; variant?: 'primary' | 'secondary' | 'ghost'; fill?: string; color?: string; line?: string; size?: number; font?: string; radius?: number; glow?: boolean; onTap?: string }) {
+    const size = o.size ?? 15, h = o.h ?? Math.round(size * 3.2), w = o.w ?? Math.round(estimateTextWidth(label, size) + size * 3);
+    const v = o.variant ?? 'primary';
+    const pill = this.rect({ name: o.name || `${label} button`, x: o.x, y: o.y, left: o.left, top: o.top, parent: o.parent, w, h, r: o.radius ?? h / 2,
+      fill: v === 'primary' ? (o.fill ?? '#FFFFFF') : v === 'secondary' ? (o.fill ?? '#FFFFFF') : '#000000', fillOpacity: v === 'primary' ? 1 : v === 'secondary' ? 0.04 : 0.001,
+      stroke: v === 'secondary' ? (o.line ?? 'rgba(255,255,255,0.18)') : undefined, strokeWidth: 1,
+      shadow: v === 'primary' && o.glow ? { color: (o.fill ?? '#FFFFFF').slice(0, 7), blur: 18, offsetY: 8, opacity: 35 } : undefined });
+    this.text(label, { name: `${label} label`, parent: pill, x: 0, y: 0, size, weight: 600, font: o.font, align: 'center', w, color: o.color ?? (v === 'primary' ? '#111111' : '#FFFFFF') });
+    this.interactive(pill, { lift: 2, scale: 1.03, press: 0.96, ...(o.glow && v === 'primary' ? { shadowBlur: [18, 30] as [number, number] } : {}), ...(o.onTap ? { onTap: o.onTap } : {}) });
+    return pill;
+  }
+
+  // ── characters ────────────────────────────────────────────────────────
+  /** An FK bone. Shapes given parent: bone follow it rigidly (x/y relative to the bone). */
+  bone(o: { name: string; x?: number; y?: number; length?: number; rotation?: number; parent?: any; id?: string }) {
+    return this.add({
+      ...this.base('Bone', o, 0, 0), width: 0, height: 0,
+      geometry: { type: 'Bone', length: o.length ?? 40, isTip: false },
+      style: { stroke: { color: '#EC4899', width: 2, opacity: 1, isEnabled: true }, fill: { type: 'None', opacity: 0 } },
+      options: { type: 'Bone', children: [], connected: false, mode: 'fk' },
+    });
+  }
+  /**
+   * A character's action layer, built the way that works at runtime:
+   * - every action animates the SAME set of tracks (missing ones are held at rest), so no pose leaks;
+   * - one-shots always end on the rest pose; loops are welcome (loop: true);
+   * - each action gets a trigger (its name, lowercased) and alternating a/b states so it replays on every fire.
+   * actions: { Wave: { duration: 2, loop?: false, tracks: [[obj, 'rotation', frames], …] }, … }
+   * Keep breathing/blinking in their own layers on objects the actions never touch.
+   */
+  actions(layerName: string, actions: Record<string, { duration: number; loop?: boolean; tracks: [any, string, Frame[]][] }>) {
+    const restOf = (id: string, prop: string) => { const o = this.get(id); const k = prop.replace(/^transform\./, ''); return o?.transform?.[k] ?? (k.startsWith('scale') ? 1 : 0); };
+    const keyOf = (t: any, prop: string) => `${this.ref(t)}|${prop === 'scale' ? 'scale' : prop}`;
+    const union = new Map<string, [string, string]>();
+    for (const a of Object.values(actions)) for (const [t, prop] of a.tracks) {
+      for (const p of prop === 'scale' ? ['scale_x', 'scale_y'] : [prop]) union.set(`${this.ref(t)}|${p}`, [this.ref(t), p]);
+    }
+    const build = (name: string, a: { duration: number; loop?: boolean; tracks: [any, string, Frame[]][] } | null) => {
+      const given = new Map<string, Frame[]>();
+      for (const [t, prop, frames] of a?.tracks || []) for (const p of prop === 'scale' ? ['scale_x', 'scale_y'] : [prop]) given.set(`${this.ref(t)}|${p}`, frames);
+      const dur = a ? a.duration : 0.1;
+      const tracks: any[] = [];
+      for (const [k, [id, p]] of union) {
+        const rest = restOf(id, p);
+        let f = given.get(k);
+        if (!f) f = [[0, rest], [dur, rest]];
+        else if (a && !a.loop) { const last = f[f.length - 1]!; if (last[1] !== rest) f = [...f, [Math.max(last[0] + 0.15, dur), rest]]; }
+        tracks.push(this.track(id, p, f));
+      }
+      return this.anim(name, tracks, { duration: Math.max(dur, ...tracks.flatMap((t: any) => t.keyframes.map((k: any) => k.time))), loop: !!a?.loop });
+    };
+    const rest = build(`${layerName} rest`, null);
+    const names = Object.keys(actions);
+    const trig = (n: string) => n.toLowerCase().replace(/[^a-z0-9]+/g, '');
+    names.forEach((n) => this.input(trig(n), 'Trigger'));
+    const anims = Object.fromEntries(names.map((n) => [n, build(n, actions[n]!)]));
+    const go = (except?: string, self?: string) => Object.fromEntries(names.map((n) => [trig(n), n === except ? self! : `${n} a`]));
+    const states: any[] = [{ name: 'Rest', anim: rest, on: go() }];
+    for (const n of names) {
+      states.push({ name: `${n} a`, anim: anims[n], loop: !!actions[n]!.loop, on: go(n, `${n} b`) });
+      states.push({ name: `${n} b`, anim: anims[n], loop: !!actions[n]!.loop, on: go(n, `${n} a`) });
+    }
+    this.layer(layerName, states);
+    return Object.fromEntries(names.map((n) => [n, trig(n)]));
+  }
+
+  // ── physics ─────────────────────────────────────────────────────────────
+  /** World physics. gravity in m/s² (9.8 = earth). effects: { squash: { amount }, impact: { color, size, minSpeed }, shake: { amount } }. */
+  physics(o: { gravity?: [number, number]; effects?: any; timeScale?: number } = {}) {
+    const [gx, gy] = o.gravity ?? [0, 9.8];
+    this.doc.physics = { enabled: true, gravity: { x: gx, y: gy }, wind: { x: 0, y: 0 }, timeScale: o.timeScale ?? 1, collideWithBounds: true, joints: [], ...(o.effects ? { effects: o.effects } : {}) };
+  }
+  /** Static floor and side walls just outside the artboard (and a ceiling if asked). inset raises the floor. */
+  walls(o: { floor?: boolean; sides?: boolean; ceiling?: boolean; inset?: number } = {}) {
+    const W = this.doc.width, H = this.doc.height, t = 60, inset = o.inset ?? 0, out: any[] = [];
+    /* explicit walls replace the artboard bounds, so bodies can start above the top edge and fall in */
+    if (this.doc.physics) this.doc.physics.collideWithBounds = !!o.ceiling;
+    const wall = (name: string, x: number, y: number, w: number, h: number) => { const r = this.rect({ name, x, y, w, h, fill: this.doc.backgroundColor, fillOpacity: 0 }); this.body(r, { type: 'Static', friction: 0.8, restitution: 0.1 }); out.push(r); };
+    if (o.floor !== false) wall('Floor', W / 2, H + t / 2 - inset, W * 3, t);
+    if (o.sides !== false) { wall('Wall left', -t / 2, H / 2, t, H * 3); wall('Wall right', W + t / 2, H / 2, t, H * 3); }
+    if (o.ceiling) wall('Ceiling', W / 2, -t / 2, W * 3, t);
+    return out;
+  }
+  /** Make an object a physics body. Weighty defaults: low bounce, a little air friction. */
+  body(target: any, o: { type?: 'Dynamic' | 'Static' | 'Kinematic'; density?: number; restitution?: number; friction?: number; air?: number; mass?: number; draggable?: boolean; sensor?: boolean } = {}) {
+    const obj = this.get(this.ref(target));
+    obj.physics = { enabled: true, bodyType: o.type ?? 'Dynamic', mass: o.mass ?? 1, density: o.density ?? 0.0016, friction: o.friction ?? 0.6, restitution: o.restitution ?? 0.2, frictionAir: o.air ?? 0.015, isSensor: !!o.sensor };
+    if (o.draggable) obj.behaviors = [...(obj.behaviors || []), { id: `drag_${obj.id}`, type: 'Draggable', enabled: true, sensors: [], settings: {}, startTime: 0, endTime: 100 }];
+    return obj;
+  }
+
+  // ── code ────────────────────────────────────────────────────────────────
+  /** Attach a CustomEffect: function render(ctx, env) and/or update(env, dt). */
+  effect(target: any, code: string, o: { name?: string; params?: any } = {}) {
+    const obj = this.get(this.ref(target));
+    obj.style = obj.style || {};
+    obj.style.effects = [...(obj.style.effects || []), { id: `fx_${++this.n}`, type: 'CustomEffect', name: o.name || `${obj.name} effect`, isEnabled: true, params: o.params || {}, code }];
+    return obj;
+  }
+
+  done() {
+    /* With scene physics on, the runtime makes EVERY Shape without an explicit physics block a dynamic body,
+       so text, buttons and backgrounds would fall. Only objects given body() take part. */
+    if (this.doc.physics?.enabled) for (const o of this.doc.objects) if (!o.physics) o.physics = { enabled: false };
+    return this.doc;
+  }
+}
+
+export function createKit() {
+  return {
+    artboard: (o?: any) => new ArtboardBuilder(o),
+    palette: (name: string) => { const p = PALETTES[name]; if (!p) throw new Error(`Unknown palette "${name}". Palettes: ${Object.keys(PALETTES).join(', ')}`); return { ...p }; },
+    palettes: Object.keys(PALETTES),
+    typeScale, ease: EASE, rng, mix, alpha, linear, radial, measure: estimateTextWidth,
+  };
+}
+
+export const KIT_REFERENCE = `exode kit (global \`exode\`), return the builder or its doc at the end:
+  const d = exode.artboard({ name, width: 1440, height: 900, palette: 'obsidian', ease: exode.ease.out });
+  const P = exode.palette('obsidian');   // bg surface raised line ink muted faint accent accent2 onAccent
+    palettes: ${Object.keys(PALETTES).join(', ')} (or pass background: '#hex' and your own colours)
+  const T = exode.typeScale(16, 1.333);  // xs sm base md lg xl xxl display
+  exode.linear(['#a','#b'], angleDeg) / exode.radial(['#a', exode.alpha('#a', 0)], [cx,cy], r=0.5) → fill (glows: fade the last stop to alpha 0 and keep r ≤ 0.5 on an ellipse); exode.mix(a,b,t), exode.alpha(c,a), exode.rng(seed)
+Objects (x,y = centre; or left/top/right/bottom edges; parent: obj → x,y relative to parent):
+  d.rect({ name, x, y, w, h, r, fill, fillOpacity, stroke, strokeWidth, shadow: true|{blur,offsetY,opacity}, clip, opacity, rotation, scale })
+  d.ellipse({ name, x, y, w, h | size, fill }) · d.path(data, { name, x, y, w, h, stroke, strokeWidth, fill })
+  d.text(str, { name, x|left, y|top, size, weight, font: 'Inter', color, align: 'left'|'center'|'right', w, lineHeight, letterSpacing, wrap })
+    (single lines get a roomy box so they never wrap in the player or the editor; text longer than w wraps as a paragraph; wrap: true/false forces it)
+  d.group({ name, x, y, w, h, clip }) · d.image(src, { w, h }) · d.svg(markup, { w, h }) · d.hit({ x, y, w, h })
+Motion (frames = [[time, value, easing?]]; easing sits on the frame where a segment starts):
+  d.track(obj, 'y'|'x'|'opacity'|'scale'|'rotation'|'fill'|'text'|'style.shadow.blur'|…, frames)
+  d.reveal([objs], { dy: 24, duration: 0.7, step: 0.06, delay, scaleFrom }) → tracks · d.stagger([objs], prop, frames, step)
+  d.intro(tracks) (plays once on load) · d.ambient(tracks, name, duration) (loops; last frame = first)
+  d.anim(name, tracks, { loop }) · d.input(name, 'Number'|'Boolean'|'Text'|'Color'|'Trigger', value)
+  d.layer(name, [{ name: 'Idle', anim, loop, on: { inputName: 'Other state' } }, …])
+  d.interactive(obj, { lift: 3, scale: 1.02, press: 0.97, shadowBlur: [16, 28], hit, onTap: 'triggerName' }) → hover/leave/press layer
+  d.onTap(obj, 'triggerName')
+Ready-made (use these, they get the details right):
+  d.button('Get started', { left, y, variant: 'primary'|'secondary'|'ghost', fill, color, glow, onTap }) → pill + label as one unit, hover + press built in
+  d.glow({ x, y, size, color, strength: 0.35, scaleY }) → soft light, no hard edge
+  const p = d.particles({ x, y, w, h, color, count: 24, size: [2,5], rise: 120, spread: 16, duration: 6 }); d.ambient(p.tracks, 'Embers')
+  d.loopTrack(obj, prop, u => value, duration, phase) → seamless loop with a phase offset
+  d.countUp(textObj, 48210, { prefix: '$', suffix: 'k', decimals: 1, delay, duration }) → formatted count-up track (never mangled into a bare number)
+  line draw-in: d.track(path, 'style.stroke.trimEnd', [[0, 0.002], [1.2, 1]])
+Characters: const b = d.bone({ name, x, y, length, rotation, parent }); shapes take parent: b (rigid)
+  d.actions('Action', { Wave: { duration: 2, tracks: [[armR, 'rotation', frames], …] }, Dance: { duration: 3, loop: true, tracks } })
+    → full-coverage poses, one-shots end at rest, trigger per action ('wave'), replayable; buttons: d.button('Wave', { onTap: 'wave' })
+Physics: d.physics({ gravity: [0, 9.8], effects: { squash: { amount: 0.5 }, impact: { color, size, minSpeed: 500 }, shake: { amount: 0.4 } } })
+  d.walls({ floor, sides, ceiling, inset }) · d.body(obj, { type: 'Dynamic', density, restitution: 0.2, friction, air: 0.015, draggable })
+Code: d.effect(obj, 'function render(ctx, env){…}', { name, params })   (follow the effect-code topic rules)
+Rules: one owner per animated property (an object's interactive() layer owns its y/scale: put entrances on a parent group);
+  opacity ≤ 1; name every layer; reuse one Text per role instead of stacking hidden ones.`;
+
+/** Run an agent's build script in an isolated context. */
+export function runBuildScript(script: string, opts: { timeoutMs?: number } = {}) {
+  const logs: string[] = [];
+  const kit = createKit();
+  const context = vm.createContext({ exode: kit, log: (...a: any[]) => { if (logs.length < 200) logs.push(a.map((x) => typeof x === 'string' ? x : JSON.stringify(x)).join(' ')); }, Math, JSON, Number, String, Array, Object }, { codeGeneration: { strings: false, wasm: false } });
+  const wrapped = `(function(){\n${script}\n})()`;
+  const result = new vm.Script(wrapped, { filename: 'build.js' }).runInContext(context, { timeout: opts.timeoutMs ?? 5000 });
+  const doc = result instanceof ArtboardBuilder ? result.done() : result && typeof result === 'object' && typeof result.done === 'function' ? result.done() : result;
+  if (!doc || typeof doc !== 'object' || !Array.isArray(doc.objects)) throw new Error('The script must end with `return d` (the builder) or return an artboard object with objects[].');
+  const warnings = result?.warnings || [];
+  return { doc: JSON.parse(JSON.stringify(doc)), logs, warnings };
+}

package/src/compiler.d.ts

@@ -222,6 +222,10 @@ export declare function compileCssToExode(cssString: string): {
     artboard: any;
     validation: any;
 };
+export declare function compileRiveToExode(rivBytes: Uint8Array, artboardName?: string): {
+    artboard: any;
+    validation: any;
+};
 export declare function compileLottieToExode(lottieJson: any): {
     artboard: any;
     validation: any;

package/src/compiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["compiler.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["compiler.ts"],"names":[],"mappings":"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"}