@vibeframe/cli 0.52.1 → 0.54.0

package/dist/commands/_shared/scene-html-emit.d.ts

@@ -0,0 +1,120 @@
+/**
+ * @module _shared/scene-html-emit
+ *
+ * Pure HTML emitters for `vibe scene add`. Each preset produces a self-contained
+ * Hyperframes-compatible scene composition: a `<template>`-wrapped `<div
+ * data-composition-id>` with scoped CSS, optional audio/image, and a paused
+ * GSAP timeline registered on `window.__timelines`.
+ *
+ * Also exposes helpers that mutate the root index.html:
+ * - `nextSceneStart()` — sum existing clip end-times to choose the new start
+ * - `insertClipIntoRoot()` — splice a `<div class="clip">` reference before the
+ *   root's closing div, preserving the user's hand-edited markup
+ * - `slugifySceneName()` — name → kebab-case scene id
+ *
+ * Pure functions only — no I/O. The orchestrating command (`scene add`) wires
+ * these to the filesystem.
+ */
+export type ScenePreset = "simple" | "announcement" | "explainer" | "kinetic-type" | "product-shot";
+export declare const SCENE_PRESETS: readonly ScenePreset[];
+/**
+ * One word from a Whisper word-level transcript. Mirrors
+ * {@link import("@vibeframe/ai-providers").TranscriptWord} but is duplicated
+ * here so this module stays pure (no provider package import).
+ */
+export interface SceneTranscriptWord {
+    text: string;
+    start: number;
+    end: number;
+}
+export interface EmitSceneInput {
+    /** Kebab-case scene id; appears in `data-composition-id` and template id. */
+    id: string;
+    preset: ScenePreset;
+    /** Canvas width in px (must match the root composition). */
+    width: number;
+    /** Canvas height in px (must match the root composition). */
+    height: number;
+    /** Visible composition duration in seconds. */
+    duration: number;
+    /** Headline text — required for non-simple presets; defaulted from id. */
+    headline?: string;
+    /** Secondary text (subhead/caption). Often the narration. */
+    subhead?: string;
+    /** Optional small label above the headline (explainer / product-shot). */
+    kicker?: string;
+    /** Project-relative image path (e.g. "assets/scene-intro.png"). */
+    imagePath?: string;
+    /** Project-relative narration audio path (e.g. "assets/narration-intro.mp3"). */
+    audioPath?: string;
+    /**
+     * Word-level timings (Whisper output) for narration sync. When supplied, the
+     * `simple`, `explainer`, and `kinetic-type` presets render each word as its
+     * own `<span class="word">` and animate them at their absolute audio start
+     * times via GSAP. `announcement` and `product-shot` ignore this field —
+     * their headlines are intentionally static.
+     */
+    transcript?: SceneTranscriptWord[];
+}
+/**
+ * Slugify a free-form scene name to a kebab-case id usable in HTML attributes
+ * and filenames. Strips diacritics, collapses whitespace, lowercases.
+ */
+export declare function slugifySceneName(name: string): string;
+/**
+ * Render a transcript as `<span class="word" data-i="N">…</span>` markup,
+ * separated by literal whitespace so kerning and wrapping behave naturally.
+ * Returns the empty string when there's nothing to render.
+ */
+export declare function renderTranscriptSpans(transcript: SceneTranscriptWord[]): string;
+/**
+ * Build absolute-timing GSAP tweens that fade each transcript word in at its
+ * narration `start` time. The `targetSelector` parametrises the scope so the
+ * same routine can drive `simple` (`.caption .word`), `explainer`
+ * (`#subtitle .word`), or `kinetic-type` (`.kinetic .word`).
+ *
+ * Each tween is `tl.fromTo(sel, {opacity:0,y:10}, {opacity:1,y:0,duration:0.18}, start)`
+ * — short enough to feel responsive at any speech rate, long enough to avoid
+ * popping at 30fps. Words clamp to non-negative starts.
+ */
+export declare function buildTranscriptTweens(transcript: SceneTranscriptWord[], targetSelector: string): string;
+/**
+ * Emit the full per-scene HTML. Returns a complete `<template>`-wrapped
+ * composition ready to write to `compositions/scene-<id>.html`.
+ */
+export declare function emitSceneHtml(input: EmitSceneInput): string;
+/**
+ * Sum existing `<div class="clip">` end-times to find where the next scene
+ * should start. Returns 0 for an empty root.
+ */
+export declare function nextSceneStart(rootHtml: string): number;
+export interface ClipReferenceInput {
+    /** Scene id — used to derive the composition src path. */
+    id: string;
+    start: number;
+    duration: number;
+    trackIndex?: number;
+    /** Override the default `compositions/scene-<id>.html` src. */
+    src?: string;
+}
+/** Build the `<div class="clip" data-composition-id=... data-composition-src=...>` reference string. */
+export declare function buildClipReference(opts: ClipReferenceInput): string;
+/**
+ * Insert a clip reference inside the root composition's `#root` div, just
+ * before its closing `</div>`. Throws if the expected closing tag isn't
+ * found — callers should surface this as a structured error so users know
+ * to inspect a hand-edited root.
+ *
+ * Also grows the root's `data-duration` to fit the new clip's end-time.
+ */
+export declare function insertClipIntoRoot(rootHtml: string, clip: ClipReferenceInput): string;
+/**
+ * Read the root composition's canvas dims by parsing `data-width`/`data-height`
+ * on the `#root` div. Returns null if either is missing — caller should fall
+ * back to the project's aspect config.
+ */
+export declare function readRootDims(rootHtml: string): {
+    width: number;
+    height: number;
+} | null;
+//# sourceMappingURL=scene-html-emit.d.ts.map

package/dist/commands/_shared/scene-html-emit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-html-emit.d.ts","sourceRoot":"","sources":["../../../src/commands/_shared/scene-html-emit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,cAAc,GACd,WAAW,GACX,cAAc,GACd,cAAc,CAAC;AAEnB,eAAO,MAAM,aAAa,EAAE,SAAS,WAAW,EAMtC,CAAC;AAEX;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,WAAW,CAAC;IACpB,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACpC;AA4BD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CASrD;AAMD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAI/E;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,mBAAmB,EAAE,EACjC,cAAc,EAAE,MAAM,GACrB,MAAM,CAQR;AAwPD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CA2C3D;AAMD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CASvD;AAED,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wGAAwG;AACxG,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAMnE;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAiCrF;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAKvF"}

package/dist/commands/_shared/scene-html-emit.js

@@ -0,0 +1,422 @@
+export const SCENE_PRESETS = [
+    "simple",
+    "announcement",
+    "explainer",
+    "kinetic-type",
+    "product-shot",
+];
+const GSAP_CDN = "https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js";
+/** Minimal HTML escaper for text we inline into elements/attributes. */
+function esc(text) {
+    return text
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+}
+/** Normalise whitespace and trim — used on user-supplied headlines/subheads. */
+function clean(text) {
+    return (text ?? "").replace(/\s+/g, " ").trim();
+}
+/** Humanise a scene id — "product-shot" → "Product Shot". */
+function humanise(id) {
+    return id
+        .split(/[-_]+/)
+        .filter(Boolean)
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(" ");
+}
+/**
+ * Slugify a free-form scene name to a kebab-case id usable in HTML attributes
+ * and filenames. Strips diacritics, collapses whitespace, lowercases.
+ */
+export function slugifySceneName(name) {
+    const normalised = name
+        .normalize("NFKD")
+        .replace(/[̀-ͯ]/g, "");
+    const slug = normalised
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+    return slug || "scene";
+}
+// ---------------------------------------------------------------------------
+// Word-sync helpers
+// ---------------------------------------------------------------------------
+/**
+ * Render a transcript as `<span class="word" data-i="N">…</span>` markup,
+ * separated by literal whitespace so kerning and wrapping behave naturally.
+ * Returns the empty string when there's nothing to render.
+ */
+export function renderTranscriptSpans(transcript) {
+    return transcript
+        .map((w, i) => `<span class="word" data-i="${i}">${esc(w.text)}</span>`)
+        .join(" ");
+}
+/**
+ * Build absolute-timing GSAP tweens that fade each transcript word in at its
+ * narration `start` time. The `targetSelector` parametrises the scope so the
+ * same routine can drive `simple` (`.caption .word`), `explainer`
+ * (`#subtitle .word`), or `kinetic-type` (`.kinetic .word`).
+ *
+ * Each tween is `tl.fromTo(sel, {opacity:0,y:10}, {opacity:1,y:0,duration:0.18}, start)`
+ * — short enough to feel responsive at any speech rate, long enough to avoid
+ * popping at 30fps. Words clamp to non-negative starts.
+ */
+export function buildTranscriptTweens(transcript, targetSelector) {
+    return transcript
+        .map((w, i) => {
+        const start = Math.max(0, Number(w.start.toFixed(3)));
+        const sel = `${targetSelector}[data-i="${i}"]`;
+        return `tl.fromTo('${sel}', { opacity: 0, y: 10 }, { opacity: 1, y: 0, duration: 0.18, ease: 'power2.out' }, ${start});`;
+    })
+        .join("\n      ");
+}
+function buildPreset(input) {
+    const id = input.id;
+    const scope = `[data-composition-id="${id}"]`;
+    const headline = clean(input.headline) || humanise(id);
+    const subhead = clean(input.subhead);
+    const kicker = clean(input.kicker);
+    const dur = input.duration;
+    const hasImage = !!input.imagePath;
+    const backdrop = hasImage
+        ? `${scope} .backdrop {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+        background-image: url("${esc(input.imagePath)}");
+        background-size: cover;
+        background-position: center;
+      }
+      ${scope} .backdrop::after {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(180deg, rgba(0,0,0,0.0) 30%, rgba(0,0,0,0.55) 100%);
+      }`
+        : `${scope} .backdrop {
+        position: absolute;
+        inset: 0;
+        background: radial-gradient(ellipse at center, #1a1a2e 0%, #000 70%);
+      }`;
+    const backdropMarkup = `<div class="backdrop"></div>`;
+    switch (input.preset) {
+        case "simple": {
+            const transcript = input.transcript;
+            const useWordSync = !!(transcript && transcript.length > 0);
+            const captionText = subhead || headline;
+            const captionInner = useWordSync
+                ? renderTranscriptSpans(transcript)
+                : esc(captionText);
+            const wordCss = useWordSync
+                ? `\n      ${scope} .caption .word { display: inline-block; opacity: 0; }`
+                : "";
+            const timeline = useWordSync
+                ? `${buildTranscriptTweens(transcript, `${scope} .caption .word`)}
+      tl.to('${scope} .caption', { opacity: 0, duration: 0.4, ease: 'power2.in' }, ${(dur - 0.4).toFixed(2)});`
+                : `tl.from('${scope} .caption', { opacity: 0, y: 28, duration: 0.6, ease: 'power2.out' }, 0.1);
+      tl.to('${scope} .caption', { opacity: 0, duration: 0.4, ease: 'power2.in' }, ${(dur - 0.4).toFixed(2)});`;
+            return {
+                css: `${scope} {
+        position: absolute; inset: 0; width: 100%; height: 100%;
+        font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
+        color: #fff; overflow: hidden; background: #000;
+      }
+      ${backdrop}
+      ${scope} .caption {
+        position: absolute;
+        left: 8%; right: 8%; bottom: 12%;
+        text-align: center;
+        font-size: 56px;
+        font-weight: 700;
+        line-height: 1.2;
+        text-shadow: 0 4px 20px rgba(0,0,0,0.65);
+      }${wordCss}`,
+                body: `${backdropMarkup}
+    <div class="caption" id="caption">${captionInner}</div>`,
+                timeline,
+            };
+        }
+        case "announcement": {
+            return {
+                css: `${scope} {
+        position: absolute; inset: 0; width: 100%; height: 100%;
+        font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
+        color: #fff; overflow: hidden; background: #000;
+      }
+      ${backdrop}
+      ${scope} .announce {
+        position: absolute; inset: 0;
+        display: flex; align-items: center; justify-content: center;
+        text-align: center;
+        padding: 0 8%;
+      }
+      ${scope} .announce h1 {
+        margin: 0;
+        font-size: 160px;
+        font-weight: 900;
+        letter-spacing: -4px;
+        line-height: 1;
+        background: linear-gradient(90deg, #8e2de2, #00c9ff);
+        -webkit-background-clip: text; background-clip: text; color: transparent;
+        text-shadow: 0 8px 40px rgba(142,45,226,0.35);
+      }`,
+                body: `${backdropMarkup}
+    <div class="announce"><h1 id="headline">${esc(headline)}</h1></div>`,
+                timeline: `tl.from('${scope} #headline', { opacity: 0, scale: 0.8, duration: 0.9, ease: 'back.out(1.6)' }, 0.15);
+      tl.to('${scope} #headline', { opacity: 0, duration: 0.4, ease: 'power2.in' }, ${(dur - 0.4).toFixed(2)});`,
+            };
+        }
+        case "explainer": {
+            const k = kicker || humanise(id).toUpperCase();
+            const sub = subhead || "";
+            const transcript = input.transcript;
+            const useWordSync = !!(transcript && transcript.length > 0 && sub);
+            const subtitleInner = useWordSync ? renderTranscriptSpans(transcript) : esc(sub);
+            const wordCss = useWordSync
+                ? `\n      ${scope} #subtitle .word { display: inline-block; opacity: 0; }`
+                : "";
+            const subtitleTween = useWordSync
+                ? buildTranscriptTweens(transcript, `${scope} #subtitle .word`)
+                : sub
+                    ? `tl.from('${scope} #subtitle', { opacity: 0, y: 30, duration: 0.55, ease: 'power3.out' }, 0.55);`
+                    : "";
+            return {
+                css: `${scope} {
+        position: absolute; inset: 0; width: 100%; height: 100%;
+        font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
+        color: #fff; overflow: hidden; background: #000;
+      }
+      ${backdrop}
+      ${scope} .stage {
+        position: absolute; inset: 0;
+        display: flex; flex-direction: column; justify-content: center;
+        gap: 24px; padding: 0 10%;
+      }
+      ${scope} .kicker {
+        font-size: 28px; letter-spacing: 6px; text-transform: uppercase;
+        color: #00c9ff; font-weight: 600;
+      }
+      ${scope} .title {
+        font-size: 110px; font-weight: 800; letter-spacing: -2px;
+        line-height: 1.05; margin: 0;
+      }
+      ${scope} .subtitle {
+        font-size: 38px; font-weight: 300; color: #c0c0d0; max-width: 80%;
+      }${wordCss}`,
+                body: `${backdropMarkup}
+    <div class="stage">
+      <div class="kicker" id="kicker">${esc(k)}</div>
+      <h1 class="title" id="title">${esc(headline)}</h1>${sub ? `
+      <div class="subtitle" id="subtitle">${subtitleInner}</div>` : ""}
+    </div>`,
+                timeline: `tl.from('${scope} #kicker', { opacity: 0, y: 16, duration: 0.4, ease: 'power2.out' }, 0.1);
+      tl.from('${scope} #title', { opacity: 0, y: 60, duration: 0.7, ease: 'power3.out' }, 0.25);
+      ${subtitleTween}`,
+            };
+        }
+        case "kinetic-type": {
+            const transcript = input.transcript;
+            const useWordSync = !!(transcript && transcript.length > 0);
+            // When transcript is supplied, drive word entries from it (narration is
+            // the ground truth — what's spoken is what's shown). Otherwise fall back
+            // to splitting the headline.
+            const words = useWordSync
+                ? transcript.map((w) => w.text)
+                : headline.split(/\s+/).filter(Boolean);
+            const wordSpans = words
+                .map((w, i) => `<span class="word" data-i="${i}" id="w-${i}">${esc(w)}</span>`)
+                .join(" ");
+            const stagger = Math.max(0.08, Math.min(0.3, (dur - 0.6) / Math.max(words.length, 1)));
+            const tweens = useWordSync
+                ? transcript
+                    .map((w, i) => {
+                    const start = Math.max(0, Number(w.start.toFixed(3)));
+                    return `tl.from('${scope} #w-${i}', { opacity: 0, y: 80, scale: 0.8, duration: 0.35, ease: 'back.out(1.8)' }, ${start});`;
+                })
+                    .join("\n      ")
+                : words
+                    .map((_, i) => {
+                    const start = (0.05 + i * stagger).toFixed(2);
+                    return `tl.from('${scope} #w-${i}', { opacity: 0, y: 80, scale: 0.8, duration: 0.45, ease: 'back.out(1.8)' }, ${start});`;
+                })
+                    .join("\n      ");
+            return {
+                css: `${scope} {
+        position: absolute; inset: 0; width: 100%; height: 100%;
+        font-family: "Helvetica Neue", Arial, sans-serif;
+        color: #fff; overflow: hidden; background: #000;
+      }
+      ${backdrop}
+      ${scope} .kinetic {
+        position: absolute; inset: 0;
+        display: flex; align-items: center; justify-content: center;
+        text-align: center; padding: 0 6%;
+        font-size: 180px; font-weight: 900; letter-spacing: -6px;
+        line-height: 1; text-shadow: 0 6px 30px rgba(0,0,0,0.6);
+      }
+      ${scope} .kinetic .word { display: inline-block; margin: 0 12px; }`,
+                body: `${backdropMarkup}
+    <div class="kinetic">${wordSpans}</div>`,
+                timeline: tweens,
+            };
+        }
+        case "product-shot": {
+            const label = kicker || humanise(id);
+            return {
+                css: `${scope} {
+        position: absolute; inset: 0; width: 100%; height: 100%;
+        font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
+        color: #fff; overflow: hidden; background: #000;
+      }
+      ${backdrop}
+      ${scope} .backdrop { transform-origin: center; }
+      ${scope} .label {
+        position: absolute; top: 8%; left: 8%;
+        padding: 12px 24px; border-radius: 999px;
+        background: rgba(0,0,0,0.55); backdrop-filter: blur(6px);
+        font-size: 24px; font-weight: 600; letter-spacing: 2px;
+        text-transform: uppercase;
+      }
+      ${scope} .product-headline {
+        position: absolute; left: 8%; right: 8%; bottom: 14%;
+        font-size: 72px; font-weight: 800; letter-spacing: -1px;
+        line-height: 1.1; text-shadow: 0 4px 20px rgba(0,0,0,0.7);
+      }${subhead ? `
+      ${scope} .product-sub {
+        position: absolute; left: 8%; right: 8%; bottom: 8%;
+        font-size: 28px; font-weight: 400; color: #d0d0e0;
+        text-shadow: 0 2px 10px rgba(0,0,0,0.7);
+      }` : ""}`,
+                body: `${backdropMarkup}
+    <div class="label" id="label">${esc(label)}</div>
+    <div class="product-headline" id="headline">${esc(headline)}</div>${subhead ? `
+    <div class="product-sub" id="subhead">${esc(subhead)}</div>` : ""}`,
+                timeline: `tl.fromTo('${scope} .backdrop', { scale: 1.0 }, { scale: 1.08, duration: ${dur.toFixed(2)}, ease: 'none' }, 0);
+      tl.from('${scope} #label', { opacity: 0, x: -30, duration: 0.5, ease: 'power3.out' }, 0.2);
+      tl.from('${scope} #headline', { opacity: 0, y: 40, duration: 0.6, ease: 'power3.out' }, 0.4);${subhead ? `
+      tl.from('${scope} #subhead', { opacity: 0, y: 20, duration: 0.5, ease: 'power3.out' }, 0.65);` : ""}`,
+            };
+        }
+    }
+}
+/**
+ * Emit the full per-scene HTML. Returns a complete `<template>`-wrapped
+ * composition ready to write to `compositions/scene-<id>.html`.
+ */
+export function emitSceneHtml(input) {
+    if (input.duration <= 0) {
+        throw new Error(`Scene duration must be > 0, got ${input.duration}`);
+    }
+    if (input.width <= 0 || input.height <= 0) {
+        throw new Error(`Invalid canvas dims: ${input.width}x${input.height}`);
+    }
+    const id = input.id;
+    const dur = Number(input.duration.toFixed(3));
+    const parts = buildPreset({ ...input, id, duration: dur });
+    const audioBlock = input.audioPath
+        ? `\n    <audio
+      id="narration"
+      data-start="0"
+      data-duration="auto"
+      data-track-index="2"
+      src="${esc(input.audioPath)}"
+      data-volume="1"
+    ></audio>\n`
+        : "";
+    return `<template id="scene-${id}-template">
+  <div data-composition-id="${id}" data-start="0" data-duration="${dur}" data-width="${input.width}" data-height="${input.height}">
+    <style>
+      ${parts.css}
+    </style>
+
+    ${parts.body}
+${audioBlock}
+    <script src="${GSAP_CDN}"></script>
+    <script>
+      window.__timelines = window.__timelines || {};
+      const tl = gsap.timeline({ paused: true });
+
+      ${parts.timeline}
+
+      window.__timelines["${id}"] = tl;
+    </script>
+  </div>
+</template>
+`;
+}
+// ---------------------------------------------------------------------------
+// Root index.html mutation
+// ---------------------------------------------------------------------------
+/**
+ * Sum existing `<div class="clip">` end-times to find where the next scene
+ * should start. Returns 0 for an empty root.
+ */
+export function nextSceneStart(rootHtml) {
+    const clipRegex = /<div\s+class="clip"[^>]*?\sdata-start="([\d.]+)"[^>]*?\sdata-duration="([\d.]+)"/gi;
+    let maxEnd = 0;
+    let match;
+    while ((match = clipRegex.exec(rootHtml)) !== null) {
+        const end = parseFloat(match[1]) + parseFloat(match[2]);
+        if (Number.isFinite(end) && end > maxEnd)
+            maxEnd = end;
+    }
+    return maxEnd;
+}
+/** Build the `<div class="clip" data-composition-id=... data-composition-src=...>` reference string. */
+export function buildClipReference(opts) {
+    const start = Number(opts.start.toFixed(3));
+    const duration = Number(opts.duration.toFixed(3));
+    const track = opts.trackIndex ?? 1;
+    const src = opts.src ?? `compositions/scene-${opts.id}.html`;
+    return `<div class="clip" data-composition-id="${esc(opts.id)}" data-composition-src="${esc(src)}" data-start="${start}" data-duration="${duration}" data-track-index="${track}"></div>`;
+}
+/**
+ * Insert a clip reference inside the root composition's `#root` div, just
+ * before its closing `</div>`. Throws if the expected closing tag isn't
+ * found — callers should surface this as a structured error so users know
+ * to inspect a hand-edited root.
+ *
+ * Also grows the root's `data-duration` to fit the new clip's end-time.
+ */
+export function insertClipIntoRoot(rootHtml, clip) {
+    const clipDiv = buildClipReference(clip);
+    // Find the root closing tag. Match `</div>` followed by blank line + `<script>`,
+    // which matches `buildEmptyRootHtml` and any user-edited root that keeps the
+    // standard structure.
+    const closeMatch = rootHtml.match(/\n(\s*)<\/div>(\s*\n\s*<script>)/);
+    if (!closeMatch) {
+        throw new Error("Could not find root composition closing </div>. Ensure index.html follows the layout from `vibe scene init`.");
+    }
+    const closeIdx = closeMatch.index;
+    const closeIndent = closeMatch[1];
+    const childIndent = closeIndent + "  ";
+    // Splice the clip just above the closing div, indented one level deeper.
+    const insertion = `\n${childIndent}${clipDiv}`;
+    let updated = rootHtml.slice(0, closeIdx) + insertion + rootHtml.slice(closeIdx);
+    // Grow root data-duration to fit the new clip end (never shrink — preserves
+    // user-set padding).
+    const newEnd = clip.start + clip.duration;
+    updated = updated.replace(/(<div\b[^>]*\bid="root"[^>]*\bdata-duration=")([\d.]+)(")/, (_full, prefix, value, suffix) => {
+        const current = parseFloat(value);
+        const next = Math.max(current, newEnd);
+        return `${prefix}${Number(next.toFixed(3))}${suffix}`;
+    });
+    return updated;
+}
+/**
+ * Read the root composition's canvas dims by parsing `data-width`/`data-height`
+ * on the `#root` div. Returns null if either is missing — caller should fall
+ * back to the project's aspect config.
+ */
+export function readRootDims(rootHtml) {
+    const widthMatch = rootHtml.match(/<div\b[^>]*\bid="root"[^>]*\bdata-width="(\d+)"/);
+    const heightMatch = rootHtml.match(/<div\b[^>]*\bid="root"[^>]*\bdata-height="(\d+)"/);
+    if (!widthMatch || !heightMatch)
+        return null;
+    return { width: parseInt(widthMatch[1], 10), height: parseInt(heightMatch[1], 10) };
+}
+//# sourceMappingURL=scene-html-emit.js.map

package/dist/commands/_shared/scene-html-emit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-html-emit.js","sourceRoot":"","sources":["../../../src/commands/_shared/scene-html-emit.ts"],"names":[],"mappings":"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"}

package/dist/commands/_shared/scene-html-emit.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scene-html-emit.test.d.ts.map

package/dist/commands/_shared/scene-html-emit.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-html-emit.test.d.ts","sourceRoot":"","sources":["../../../src/commands/_shared/scene-html-emit.test.ts"],"names":[],"mappings":""}