@vibeframe/cli 0.52.0 → 0.53.0

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

@@ -0,0 +1,353 @@
+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";
+}
+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 caption = subhead || headline;
+            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);
+      }`,
+                body: `${backdropMarkup}
+    <div class="caption" id="caption">${esc(caption)}</div>`,
+                timeline: `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)});`,
+            };
+        }
+        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 || "";
+            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%;
+      }`,
+                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">${esc(sub)}</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);
+      ${sub ? `tl.from('${scope} #subtitle', { opacity: 0, y: 30, duration: 0.55, ease: 'power3.out' }, 0.55);` : ""}`,
+            };
+        }
+        case "kinetic-type": {
+            const words = headline.split(/\s+/).filter(Boolean);
+            const wordSpans = words
+                .map((w, i) => `<span class="word" 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 = 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":""}

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

@@ -0,0 +1,203 @@
+import { describe, expect, it } from "vitest";
+import { buildClipReference, emitSceneHtml, insertClipIntoRoot, nextSceneStart, readRootDims, slugifySceneName, SCENE_PRESETS, } from "./scene-html-emit.js";
+import { buildEmptyRootHtml } from "./scene-project.js";
+// ── slugifySceneName ────────────────────────────────────────────────────────
+describe("slugifySceneName", () => {
+    it.each([
+        ["intro", "intro"],
+        ["My Intro", "my-intro"],
+        ["Product Shot!", "product-shot"],
+        ["scene  3 hello", "scene-3-hello"],
+        ["__weird__name", "weird-name"],
+        ["", "scene"],
+        ["!!!", "scene"],
+    ])("%j → %j", (input, expected) => {
+        expect(slugifySceneName(input)).toBe(expected);
+    });
+});
+// ── nextSceneStart ──────────────────────────────────────────────────────────
+describe("nextSceneStart", () => {
+    it("returns 0 for an empty root", () => {
+        const root = buildEmptyRootHtml({ aspect: "16:9", duration: 10 });
+        expect(nextSceneStart(root)).toBe(0);
+    });
+    it("returns the max end-time of existing clips", () => {
+        const root = `
+      <div class="clip" data-composition-src="a.html" data-start="0" data-duration="3" data-track-index="1"></div>
+      <div class="clip" data-composition-src="b.html" data-start="3" data-duration="2.5" data-track-index="1"></div>
+    `;
+        expect(nextSceneStart(root)).toBeCloseTo(5.5, 5);
+    });
+    it("ignores clips with malformed data-start", () => {
+        const root = `<div class="clip" data-composition-src="x.html" data-start="oops" data-duration="2" data-track-index="1"></div>`;
+        expect(nextSceneStart(root)).toBe(0);
+    });
+});
+// ── buildClipReference ──────────────────────────────────────────────────────
+describe("buildClipReference", () => {
+    it("builds a Hyperframes-compatible clip div with data-composition-id", () => {
+        const out = buildClipReference({ id: "intro", start: 0, duration: 4 });
+        expect(out).toContain('class="clip"');
+        expect(out).toContain('data-composition-id="intro"');
+        expect(out).toContain('data-composition-src="compositions/scene-intro.html"');
+        expect(out).toContain('data-start="0"');
+        expect(out).toContain('data-duration="4"');
+        expect(out).toContain('data-track-index="1"');
+    });
+    it("respects an explicit track and src override and still emits data-composition-id", () => {
+        const out = buildClipReference({ id: "x", start: 1.234, duration: 2.345, trackIndex: 3, src: "custom/path.html" });
+        expect(out).toContain('data-composition-id="x"');
+        expect(out).toContain('data-composition-src="custom/path.html"');
+        expect(out).toContain('data-track-index="3"');
+        expect(out).toContain('data-start="1.234"');
+        expect(out).toContain('data-duration="2.345"');
+    });
+});
+// ── insertClipIntoRoot ──────────────────────────────────────────────────────
+describe("insertClipIntoRoot", () => {
+    it("inserts a clip before the root closing div", () => {
+        const root = buildEmptyRootHtml({ aspect: "16:9", duration: 10 });
+        const updated = insertClipIntoRoot(root, { id: "intro", start: 0, duration: 4 });
+        expect(updated).toContain('<div class="clip" data-composition-id="intro" data-composition-src="compositions/scene-intro.html"');
+        // The new clip must appear *before* the root's closing </div>
+        const clipIdx = updated.indexOf("compositions/scene-intro.html");
+        const rootCloseIdx = updated.lastIndexOf("</div>\n\n    <script>");
+        expect(clipIdx).toBeGreaterThan(0);
+        expect(rootCloseIdx).toBeGreaterThan(clipIdx);
+    });
+    it("grows root data-duration when clip end exceeds it but never shrinks", () => {
+        const root = buildEmptyRootHtml({ aspect: "16:9", duration: 10 });
+        const grown = insertClipIntoRoot(root, { id: "long", start: 0, duration: 14 });
+        expect(grown).toContain('data-duration="14"');
+        const stillShort = insertClipIntoRoot(root, { id: "short", start: 0, duration: 4 });
+        expect(stillShort).toContain('data-duration="10"');
+    });
+    it("appends sequentially and tracks the new start via nextSceneStart", () => {
+        let root = buildEmptyRootHtml({ aspect: "16:9", duration: 0 });
+        root = insertClipIntoRoot(root, { id: "a", start: 0, duration: 3 });
+        expect(nextSceneStart(root)).toBe(3);
+        root = insertClipIntoRoot(root, { id: "b", start: 3, duration: 2 });
+        expect(nextSceneStart(root)).toBe(5);
+        expect(root).toContain('data-composition-src="compositions/scene-a.html"');
+        expect(root).toContain('data-composition-src="compositions/scene-b.html"');
+    });
+    it("throws on a root that lacks the expected closing tag", () => {
+        const broken = "<html><body>no root</body></html>";
+        expect(() => insertClipIntoRoot(broken, { id: "x", start: 0, duration: 1 })).toThrow(/closing/);
+    });
+});
+// ── readRootDims ────────────────────────────────────────────────────────────
+describe("readRootDims", () => {
+    it("reads dims from the standard scaffold", () => {
+        const root = buildEmptyRootHtml({ aspect: "9:16", duration: 8 });
+        expect(readRootDims(root)).toEqual({ width: 1080, height: 1920 });
+    });
+    it("returns null when dims are missing", () => {
+        expect(readRootDims('<div id="root"></div>')).toBeNull();
+    });
+});
+// ── emitSceneHtml — shared invariants ───────────────────────────────────────
+const baseInput = {
+    id: "intro",
+    width: 1920,
+    height: 1080,
+    duration: 4,
+    headline: "Welcome to VibeFrame",
+};
+describe.each(SCENE_PRESETS)("emitSceneHtml(%s)", (preset) => {
+    it("emits a Hyperframes-compatible composition", () => {
+        const html = emitSceneHtml({ ...baseInput, preset });
+        expect(html).toContain('<template id="scene-intro-template">');
+        expect(html).toContain('data-composition-id="intro"');
+        expect(html).toContain('data-start="0"');
+        expect(html).toContain('data-duration="4"');
+        expect(html).toContain('data-width="1920"');
+        expect(html).toContain('data-height="1080"');
+    });
+    it("registers a paused timeline keyed by the scene id", () => {
+        const html = emitSceneHtml({ ...baseInput, preset });
+        expect(html).toContain("gsap.timeline({ paused: true })");
+        expect(html).toContain('window.__timelines["intro"] = tl');
+    });
+    it("includes the audio element only when audioPath is given", () => {
+        const without = emitSceneHtml({ ...baseInput, preset });
+        expect(without).not.toContain("<audio");
+        const withAudio = emitSceneHtml({ ...baseInput, preset, audioPath: "assets/narration-intro.mp3" });
+        expect(withAudio).toContain('<audio');
+        expect(withAudio).toContain('src="assets/narration-intro.mp3"');
+        expect(withAudio).toContain('data-track-index="2"');
+    });
+    it("includes the backdrop image only when imagePath is given", () => {
+        const without = emitSceneHtml({ ...baseInput, preset });
+        expect(without).not.toContain("background-image: url(");
+        const withImage = emitSceneHtml({ ...baseInput, preset, imagePath: "assets/scene-intro.png" });
+        expect(withImage).toContain('background-image: url("assets/scene-intro.png")');
+    });
+});
+// ── emitSceneHtml — preset specifics ────────────────────────────────────────
+describe("emitSceneHtml — preset specifics", () => {
+    it("simple: shows narration as the caption", () => {
+        const html = emitSceneHtml({ ...baseInput, preset: "simple", subhead: "Hello world" });
+        expect(html).toContain("Hello world");
+        expect(html).toContain('id="caption"');
+    });
+    it("announcement: renders headline as the centered h1", () => {
+        const html = emitSceneHtml({ ...baseInput, preset: "announcement" });
+        expect(html).toMatch(/<h1[^>]*id="headline">\s*Welcome to VibeFrame\s*<\/h1>/);
+    });
+    it("explainer: renders kicker + title and includes subtitle when subhead is set", () => {
+        const html = emitSceneHtml({
+            ...baseInput,
+            preset: "explainer",
+            kicker: "Episode 1",
+            subhead: "Authoring videos with code",
+        });
+        expect(html).toContain('id="kicker"');
+        expect(html).toContain("Episode 1");
+        expect(html).toContain('id="subtitle"');
+        expect(html).toContain("Authoring videos with code");
+    });
+    it("explainer: omits the subtitle div when no subhead is provided", () => {
+        const html = emitSceneHtml({ ...baseInput, preset: "explainer" });
+        expect(html).not.toContain('id="subtitle"');
+    });
+    it("kinetic-type: emits one span per word", () => {
+        const html = emitSceneHtml({ ...baseInput, preset: "kinetic-type" });
+        // baseInput.headline = "Welcome to VibeFrame" → 3 words
+        expect(html).toContain('id="w-0"');
+        expect(html).toContain('id="w-1"');
+        expect(html).toContain('id="w-2"');
+        expect(html).not.toContain('id="w-3"');
+    });
+    it("product-shot: applies a Ken-Burns scale tween over the full duration", () => {
+        const html = emitSceneHtml({ ...baseInput, preset: "product-shot", duration: 6 });
+        expect(html).toContain("scale: 1.08, duration: 6.00");
+    });
+    it("escapes HTML metacharacters in headline + subhead", () => {
+        const html = emitSceneHtml({
+            id: "x",
+            preset: "simple",
+            width: 1920,
+            height: 1080,
+            duration: 3,
+            subhead: '<script>alert("xss")</script>',
+        });
+        expect(html).not.toContain("<script>alert");
+        expect(html).toContain("&lt;script&gt;alert(&quot;xss&quot;)&lt;/script&gt;");
+    });
+    it("rejects non-positive durations", () => {
+        expect(() => emitSceneHtml({ ...baseInput, preset: "simple", duration: 0 })).toThrow(/duration/);
+        expect(() => emitSceneHtml({ ...baseInput, preset: "simple", duration: -1 })).toThrow(/duration/);
+    });
+    it("falls back to humanised id when no headline is provided", () => {
+        const html = emitSceneHtml({
+            id: "product-shot",
+            preset: "announcement",
+            width: 1920,
+            height: 1080,
+            duration: 4,
+        });
+        expect(html).toContain("Product Shot");
+    });
+});
+//# sourceMappingURL=scene-html-emit.test.js.map

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

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