@vibeframe/cli 0.46.1 → 0.47.0

package/dist/pipeline/renderers/__tests__/integration.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration.test.js","sourceRoot":"","sources":["../../../../src/pipeline/renderers/__tests__/integration.test.ts"],"names":[],"mappings":"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"}

package/dist/pipeline/renderers/html-clips.d.ts

@@ -0,0 +1,20 @@
+import type { TimelineState } from "@vibeframe/core";
+export declare function relAsset(url: string): string;
+export declare function buildClipElements(state: TimelineState): string;
+export interface HfMediaElement {
+    elementId: string;
+    src: string;
+    startTime: number;
+    endTime: number;
+    mediaOffset: number;
+    volume: number;
+    hasAudio: boolean;
+}
+export declare function buildMediaDeclarations(state: TimelineState): HfMediaElement[];
+export declare function buildClipRuntimeData(state: TimelineState): {
+    id: string;
+    startTime: number;
+    duration: number;
+    effects: import("@vibeframe/core").Effect[];
+}[];
+//# sourceMappingURL=html-clips.d.ts.map

package/dist/pipeline/renderers/html-clips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-clips.d.ts","sourceRoot":"","sources":["../../../src/pipeline/renderers/html-clips.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAoB9D;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,EAAE,CAe7E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa;;;;;IAOxD"}

package/dist/pipeline/renderers/html-clips.js

@@ -0,0 +1,48 @@
+export function relAsset(url) {
+    const basename = url.split("/").pop() ?? url;
+    return `assets/${basename}`;
+}
+export function buildClipElements(state) {
+    return state.clips
+        .map((clip) => {
+        const source = state.sources.find((s) => s.id === clip.sourceId);
+        const track = state.tracks.find((t) => t.id === clip.trackId);
+        if (!source || !track)
+            return `<!-- missing source/track for clip ${clip.id} -->`;
+        const zIndex = track.order;
+        switch (source.type) {
+            case "image":
+                return `<div id="${clip.id}" class="clip" style="z-index:${zIndex};"><img src="${relAsset(source.url)}" style="width:100%;height:100%;object-fit:cover;"></div>`;
+            case "video":
+                return `<div id="${clip.id}" class="clip" style="z-index:${zIndex};"><video id="${clip.id}-media" src="${relAsset(source.url)}" style="width:100%;height:100%;object-fit:cover;" muted playsinline></video></div>`;
+            case "audio":
+                return `<audio id="${clip.id}-media" src="${relAsset(source.url)}"></audio><div id="${clip.id}" class="clip" style="z-index:${zIndex};background:#111;"></div>`;
+            default:
+                return `<!-- unsupported source type: ${source.type} for clip ${clip.id} -->`;
+        }
+    })
+        .join("\n  ");
+}
+export function buildMediaDeclarations(state) {
+    return state.clips
+        .map((clip) => ({ clip, source: state.sources.find((s) => s.id === clip.sourceId) }))
+        .filter((x) => x.source !== undefined && (x.source.type === "video" || x.source.type === "audio"))
+        .map(({ clip, source }) => ({
+        elementId: `${clip.id}-media`,
+        src: relAsset(source.url),
+        startTime: clip.startTime,
+        endTime: clip.startTime + clip.duration,
+        mediaOffset: clip.sourceStartOffset ?? 0,
+        volume: 1,
+        hasAudio: true,
+    }));
+}
+export function buildClipRuntimeData(state) {
+    return state.clips.map((clip) => ({
+        id: clip.id,
+        startTime: clip.startTime,
+        duration: clip.duration,
+        effects: clip.effects,
+    }));
+}
+//# sourceMappingURL=html-clips.js.map

package/dist/pipeline/renderers/html-clips.js.map

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

package/dist/pipeline/renderers/html-runtime.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Browser-side runtime script embedded into the generated HTML.
+ * Implements window.__hf.seek(t) and effect application.
+ * Kept as a string template so it can be embedded inline without a bundler.
+ */
+export declare const RUNTIME_SCRIPT = "\n(function () {\n  var CLIPS = /*CLIPS_JSON*/[];\n\n  function interpolate(kfs, t) {\n    if (!kfs || kfs.length === 0) return null;\n    if (kfs.length === 1) return kfs[0].values;\n    var prev = kfs[0], next = kfs[kfs.length - 1];\n    for (var i = 0; i < kfs.length - 1; i++) {\n      if (t >= kfs[i].time && t <= kfs[i + 1].time) { prev = kfs[i]; next = kfs[i + 1]; break; }\n    }\n    if (t <= prev.time) return prev.values;\n    if (t >= next.time) return next.values;\n    var raw = (t - prev.time) / (next.time - prev.time);\n    var e = prev.easing || 'linear';\n    var p = e === 'easeIn' ? raw * raw\n           : e === 'easeOut' ? raw * (2 - raw)\n           : e === 'easeInOut' ? (raw < 0.5 ? 2 * raw * raw : -1 + (4 - 2 * raw) * raw)\n           : raw;\n    var out = {};\n    for (var k in prev.values) {\n      var a = +prev.values[k], b = +next.values[k];\n      out[k] = isNaN(a) || isNaN(b) ? prev.values[k] : a + (b - a) * p;\n    }\n    return out;\n  }\n\n  function applyEffects(el, effects, clipTime) {\n    var opacity = 1;\n    var filters = [];\n    for (var i = 0; i < effects.length; i++) {\n      var fx = effects[i];\n      var t = clipTime - fx.startTime;\n      if (t < 0 || t > fx.duration) continue;\n      var vals = (fx.keyframes && fx.keyframes.length > 0)\n        ? interpolate(fx.keyframes, t)\n        : fx.params;\n      if (!vals) continue;\n      switch (fx.type) {\n        case 'fadeIn':\n          opacity = Math.min(opacity, t / fx.duration * (+(vals.intensity || 1))); break;\n        case 'fadeOut':\n          opacity = Math.min(opacity, (1 - t / fx.duration) * (+(vals.intensity || 1))); break;\n        case 'blur':\n          filters.push('blur(' + (+vals.radius || 0) + 'px)'); break;\n        case 'brightness':\n          filters.push('brightness(' + (+vals.value || 1) + ')'); break;\n        case 'contrast':\n          filters.push('contrast(' + (+vals.value || 1) + ')'); break;\n        case 'saturation':\n          filters.push('saturate(' + (+vals.value || 1) + ')'); break;\n      }\n    }\n    el.style.opacity = String(opacity);\n    if (filters.length > 0) el.style.filter = filters.join(' ');\n    else el.style.filter = '';\n  }\n\n  window.__hf = {\n    duration: /*DURATION*/0,\n    media: /*MEDIA_JSON*/[],\n    seek: function (t) {\n      for (var i = 0; i < CLIPS.length; i++) {\n        var c = CLIPS[i];\n        var el = document.getElementById(c.id);\n        if (!el) continue;\n        var active = t >= c.startTime && t < c.startTime + c.duration;\n        el.style.display = active ? 'block' : 'none';\n        if (active) applyEffects(el, c.effects, t - c.startTime);\n      }\n    }\n  };\n})();\n";
+//# sourceMappingURL=html-runtime.d.ts.map

package/dist/pipeline/renderers/html-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-runtime.d.ts","sourceRoot":"","sources":["../../../src/pipeline/renderers/html-runtime.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,cAAc,ooFAyE1B,CAAC"}

package/dist/pipeline/renderers/html-runtime.js

@@ -0,0 +1,80 @@
+/**
+ * Browser-side runtime script embedded into the generated HTML.
+ * Implements window.__hf.seek(t) and effect application.
+ * Kept as a string template so it can be embedded inline without a bundler.
+ */
+export const RUNTIME_SCRIPT = `
+(function () {
+  var CLIPS = /*CLIPS_JSON*/[];
+
+  function interpolate(kfs, t) {
+    if (!kfs || kfs.length === 0) return null;
+    if (kfs.length === 1) return kfs[0].values;
+    var prev = kfs[0], next = kfs[kfs.length - 1];
+    for (var i = 0; i < kfs.length - 1; i++) {
+      if (t >= kfs[i].time && t <= kfs[i + 1].time) { prev = kfs[i]; next = kfs[i + 1]; break; }
+    }
+    if (t <= prev.time) return prev.values;
+    if (t >= next.time) return next.values;
+    var raw = (t - prev.time) / (next.time - prev.time);
+    var e = prev.easing || 'linear';
+    var p = e === 'easeIn' ? raw * raw
+           : e === 'easeOut' ? raw * (2 - raw)
+           : e === 'easeInOut' ? (raw < 0.5 ? 2 * raw * raw : -1 + (4 - 2 * raw) * raw)
+           : raw;
+    var out = {};
+    for (var k in prev.values) {
+      var a = +prev.values[k], b = +next.values[k];
+      out[k] = isNaN(a) || isNaN(b) ? prev.values[k] : a + (b - a) * p;
+    }
+    return out;
+  }
+
+  function applyEffects(el, effects, clipTime) {
+    var opacity = 1;
+    var filters = [];
+    for (var i = 0; i < effects.length; i++) {
+      var fx = effects[i];
+      var t = clipTime - fx.startTime;
+      if (t < 0 || t > fx.duration) continue;
+      var vals = (fx.keyframes && fx.keyframes.length > 0)
+        ? interpolate(fx.keyframes, t)
+        : fx.params;
+      if (!vals) continue;
+      switch (fx.type) {
+        case 'fadeIn':
+          opacity = Math.min(opacity, t / fx.duration * (+(vals.intensity || 1))); break;
+        case 'fadeOut':
+          opacity = Math.min(opacity, (1 - t / fx.duration) * (+(vals.intensity || 1))); break;
+        case 'blur':
+          filters.push('blur(' + (+vals.radius || 0) + 'px)'); break;
+        case 'brightness':
+          filters.push('brightness(' + (+vals.value || 1) + ')'); break;
+        case 'contrast':
+          filters.push('contrast(' + (+vals.value || 1) + ')'); break;
+        case 'saturation':
+          filters.push('saturate(' + (+vals.value || 1) + ')'); break;
+      }
+    }
+    el.style.opacity = String(opacity);
+    if (filters.length > 0) el.style.filter = filters.join(' ');
+    else el.style.filter = '';
+  }
+
+  window.__hf = {
+    duration: /*DURATION*/0,
+    media: /*MEDIA_JSON*/[],
+    seek: function (t) {
+      for (var i = 0; i < CLIPS.length; i++) {
+        var c = CLIPS[i];
+        var el = document.getElementById(c.id);
+        if (!el) continue;
+        var active = t >= c.startTime && t < c.startTime + c.duration;
+        el.style.display = active ? 'block' : 'none';
+        if (active) applyEffects(el, c.effects, t - c.startTime);
+      }
+    }
+  };
+})();
+`;
+//# sourceMappingURL=html-runtime.js.map

package/dist/pipeline/renderers/html-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-runtime.js","sourceRoot":"","sources":["../../../src/pipeline/renderers/html-runtime.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyE7B,CAAC"}

package/dist/pipeline/renderers/html-template.d.ts

@@ -0,0 +1,3 @@
+import type { TimelineState } from "@vibeframe/core";
+export declare function generateCompositionHtml(state: TimelineState): string;
+//# sourceMappingURL=html-template.d.ts.map

package/dist/pipeline/renderers/html-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-template.d.ts","sourceRoot":"","sources":["../../../src/pipeline/renderers/html-template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AASrD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAyBpE"}

package/dist/pipeline/renderers/html-template.js

@@ -0,0 +1,28 @@
+import { aspectToResolution } from "./hyperframes.js";
+import { buildClipElements, buildClipRuntimeData, buildMediaDeclarations, } from "./html-clips.js";
+import { RUNTIME_SCRIPT } from "./html-runtime.js";
+export function generateCompositionHtml(state) {
+    const { width, height } = aspectToResolution(state.project.aspectRatio);
+    const clipMarkup = buildClipElements(state);
+    const mediaDecls = buildMediaDeclarations(state);
+    const clipData = buildClipRuntimeData(state);
+    const duration = state.project.duration;
+    const script = RUNTIME_SCRIPT
+        .replace("/*CLIPS_JSON*/[]", JSON.stringify(clipData))
+        .replace("/*DURATION*/0", String(duration))
+        .replace("/*MEDIA_JSON*/[]", JSON.stringify(mediaDecls));
+    return `<!DOCTYPE html>
+<html><head>
+<meta charset="utf-8">
+<style>
+  html, body { margin: 0; width: ${width}px; height: ${height}px; overflow: hidden; background: #000; }
+  .clip { position: absolute; inset: 0; display: none; }
+</style>
+</head><body>
+  ${clipMarkup}
+<script>
+${script}
+</script>
+</body></html>`;
+}
+//# sourceMappingURL=html-template.js.map

package/dist/pipeline/renderers/html-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-template.js","sourceRoot":"","sources":["../../../src/pipeline/renderers/html-template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,uBAAuB,CAAC,KAAoB;IAC1D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACxE,MAAM,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;IAExC,MAAM,MAAM,GAAG,cAAc;SAC1B,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACrD,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;SAC1C,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3D,OAAO;;;;mCAI0B,KAAK,eAAe,MAAM;;;;IAIzD,UAAU;;EAEZ,MAAM;;eAEO,CAAC;AAChB,CAAC"}

package/dist/pipeline/renderers/hyperframes.d.ts

@@ -0,0 +1,8 @@
+import type { RenderBackend } from "./types.js";
+export declare function createHyperframesBackend(): RenderBackend;
+export declare function aspectToResolution(ratio: string): {
+    width: number;
+    height: number;
+};
+export declare function qualityToCrf(quality?: "draft" | "standard" | "high"): number;
+//# sourceMappingURL=hyperframes.d.ts.map

package/dist/pipeline/renderers/hyperframes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyperframes.d.ts","sourceRoot":"","sources":["../../../src/pipeline/renderers/hyperframes.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAA+B,MAAM,YAAY,CAAC;AAuB7E,wBAAgB,wBAAwB,IAAI,aAAa,CAiExD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAQnF;AAED,wBAAgB,YAAY,CAAC,OAAO,GAAE,OAAO,GAAG,UAAU,GAAG,MAAmB,GAAG,MAAM,CAExF"}

package/dist/pipeline/renderers/hyperframes.js

@@ -0,0 +1,92 @@
+import { existsSync } from "node:fs";
+import { homedir } from "node:os";
+import * as path from "node:path";
+function findChrome() {
+    const candidates = [
+        process.env.HYPERFRAMES_CHROME_PATH,
+        process.env.CHROME_PATH,
+        // puppeteer auto-downloaded headless shell
+        path.join(homedir(), ".cache", "puppeteer", "chrome-headless-shell", "mac_arm-147.0.7727.56", "chrome-headless-shell-mac_arm", "chrome-headless-shell"),
+        // system Chrome / Chromium
+        "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
+        "/Applications/Chromium.app/Contents/MacOS/Chromium",
+        "/usr/bin/google-chrome",
+        "/usr/bin/chromium",
+        "/usr/bin/chromium-browser",
+        "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
+    ];
+    for (const c of candidates) {
+        if (c && existsSync(c))
+            return c;
+    }
+    return undefined;
+}
+export function createHyperframesBackend() {
+    return {
+        name: "hyperframes",
+        async preflight() {
+            const chrome = findChrome();
+            if (chrome)
+                return { ok: true };
+            return {
+                ok: false,
+                reason: "Chrome not found. Set HYPERFRAMES_CHROME_PATH, or install Chrome " +
+                    "(macOS: brew install --cask google-chrome · Linux: apt install chromium). " +
+                    "Run `vibe doctor` for details.",
+            };
+        },
+        async render(options) {
+            const pre = await this.preflight();
+            if (!pre.ok)
+                return { success: false, error: pre.reason };
+            const { buildTempProject } = await import("./project-builder.js");
+            const { createRenderJob, executeRenderJob } = await import("@hyperframes/producer");
+            let project;
+            const start = Date.now();
+            try {
+                project = await buildTempProject(options.projectState);
+            }
+            catch (err) {
+                return {
+                    success: false,
+                    error: `Failed to build temp project: ${err instanceof Error ? err.message : String(err)}`,
+                };
+            }
+            const config = {
+                fps: options.fps ?? 30,
+                quality: options.quality ?? "standard",
+                format: options.format ?? "mp4",
+                entryFile: "index.html",
+                crf: qualityToCrf(options.quality),
+            };
+            const job = createRenderJob(config);
+            try {
+                await executeRenderJob(job, project.dir, options.outputPath, (j, msg) => { options.onProgress?.(j.progress, j.currentStage ?? msg); }, options.signal);
+                await project.cleanup();
+                return {
+                    success: true,
+                    outputPath: options.outputPath,
+                    durationMs: Date.now() - start,
+                    framesRendered: job.framesRendered,
+                };
+            }
+            catch (err) {
+                console.error(`[hyperframes] render failed. Temp dir preserved: ${project?.dir}`);
+                return { success: false, error: err instanceof Error ? err.message : String(err) };
+            }
+        },
+    };
+}
+export function aspectToResolution(ratio) {
+    switch (ratio) {
+        case "16:9": return { width: 1920, height: 1080 };
+        case "9:16": return { width: 1080, height: 1920 };
+        case "1:1": return { width: 1080, height: 1080 };
+        case "4:5": return { width: 1080, height: 1350 };
+        default: return { width: 1920, height: 1080 };
+    }
+}
+export function qualityToCrf(quality = "standard") {
+    return quality === "draft" ? 28 : quality === "high" ? 18 : 23;
+}
+//# sourceMappingURL=hyperframes.js.map

package/dist/pipeline/renderers/hyperframes.js.map

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

package/dist/pipeline/renderers/project-builder.d.ts

@@ -0,0 +1,8 @@
+import type { TimelineState } from "@vibeframe/core";
+export interface TempProject {
+    dir: string;
+    cleanup: () => Promise<void>;
+}
+export declare function buildTempProject(state: TimelineState, projectFileDir?: string): Promise<TempProject>;
+export declare function resolveSourceUrl(url: string, baseDir?: string): string;
+//# sourceMappingURL=project-builder.d.ts.map

package/dist/pipeline/renderers/project-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-builder.d.ts","sourceRoot":"","sources":["../../../src/pipeline/renderers/project-builder.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,wBAAsB,gBAAgB,CACpC,KAAK,EAAE,aAAa,EACpB,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAAC,WAAW,CAAC,CAwBtB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAKtE"}

package/dist/pipeline/renderers/project-builder.js

@@ -0,0 +1,38 @@
+import { mkdtemp, mkdir, copyFile, writeFile, rm } from "node:fs/promises";
+import { existsSync } from "node:fs";
+import { tmpdir } from "node:os";
+import * as path from "node:path";
+import { generateCompositionHtml } from "./html-template.js";
+export async function buildTempProject(state, projectFileDir) {
+    const dir = await mkdtemp(path.join(tmpdir(), "vibeframe-hf-"));
+    const assetsDir = path.join(dir, "assets");
+    await mkdir(assetsDir, { recursive: true });
+    const copied = new Map();
+    for (const source of state.sources) {
+        if (copied.has(source.id))
+            continue;
+        const resolved = resolveSourceUrl(source.url, projectFileDir);
+        if (!existsSync(resolved)) {
+            throw new Error(`Source file not found: ${resolved} (from source id=${source.id})`);
+        }
+        const dest = path.join(assetsDir, path.basename(resolved));
+        await copyFile(resolved, dest);
+        copied.set(source.id, dest);
+    }
+    const html = generateCompositionHtml(state);
+    await writeFile(path.join(dir, "index.html"), html, "utf-8");
+    return {
+        dir,
+        cleanup: () => rm(dir, { recursive: true, force: true }),
+    };
+}
+export function resolveSourceUrl(url, baseDir) {
+    if (url.startsWith("file://"))
+        return url.slice(7);
+    if (path.isAbsolute(url))
+        return url;
+    if (baseDir)
+        return path.resolve(baseDir, url);
+    return path.resolve(process.cwd(), url);
+}
+//# sourceMappingURL=project-builder.js.map

package/dist/pipeline/renderers/project-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-builder.js","sourceRoot":"","sources":["../../../src/pipeline/renderers/project-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAO7D,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,KAAoB,EACpB,cAAuB;IAEvB,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC3C,MAAM,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAE5C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;IACzC,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACnC,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAAE,SAAS;QACpC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;QAC9D,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1B,MAAM,IAAI,KAAK,CAAC,0BAA0B,QAAQ,oBAAoB,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC;QACtF,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3D,MAAM,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC/B,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,IAAI,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IAE7D,OAAO;QACL,GAAG;QACH,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAW,EAAE,OAAgB;IAC5D,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC;QAAE,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnD,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,GAAG,CAAC;IACrC,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC/C,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC"}

package/dist/pipeline/renderers/types.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Render backend abstraction for the VibeFrame export pipeline.
+ *
+ * Existing FFmpeg-filter-graph path lives in packages/cli/src/commands/export.ts.
+ * New backends (hyperframes, future Remotion bridge) implement RenderBackend
+ * to slot in via `vibe export --backend` or YAML `render.backend`.
+ *
+ * See docs/design/hyperframes-adapter.md for the Hyperframes wiring plan.
+ */
+import type { TimelineState } from "@vibeframe/core";
+export type BackendName = "ffmpeg" | "hyperframes";
+export interface RenderOptions {
+    projectState: TimelineState;
+    outputPath: string;
+    fps?: 24 | 30 | 60;
+    quality?: "draft" | "standard" | "high";
+    format?: "mp4" | "webm" | "mov";
+    onProgress?: (pct: number, stage: string) => void;
+    signal?: AbortSignal;
+}
+export interface RenderResult {
+    success: boolean;
+    outputPath?: string;
+    durationMs?: number;
+    framesRendered?: number;
+    error?: string;
+}
+export interface RenderBackend {
+    name: BackendName;
+    /** Human-readable check before invocation (e.g. Chrome present, FFmpeg version). */
+    preflight?(): Promise<{
+        ok: true;
+    } | {
+        ok: false;
+        reason: string;
+    }>;
+    render(options: RenderOptions): Promise<RenderResult>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/pipeline/renderers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/pipeline/renderers/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,oFAAoF;IACpF,SAAS,CAAC,IAAI,OAAO,CAAC;QAAE,EAAE,EAAE,IAAI,CAAA;KAAE,GAAG;QAAE,EAAE,EAAE,KAAK,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACvD"}

package/dist/pipeline/renderers/types.js

@@ -0,0 +1,11 @@
+/**
+ * Render backend abstraction for the VibeFrame export pipeline.
+ *
+ * Existing FFmpeg-filter-graph path lives in packages/cli/src/commands/export.ts.
+ * New backends (hyperframes, future Remotion bridge) implement RenderBackend
+ * to slot in via `vibe export --backend` or YAML `render.backend`.
+ *
+ * See docs/design/hyperframes-adapter.md for the Hyperframes wiring plan.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/pipeline/renderers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/pipeline/renderers/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibeframe/cli",
-  "version": "0.46.1",
+  "version": "0.47.0",
   "description": "VibeFrame CLI - natural language video editing from the terminal",
   "private": false,
   "license": "MIT",
@@ -103,6 +103,7 @@
   "dependencies": {
     "@anthropic-ai/sdk": "^0.39.0",
     "@google/generative-ai": "^0.21.0",
+    "@hyperframes/producer": "^0.4.4",
     "chalk": "^5.3.0",
     "commander": "^12.0.0",
     "dotenv": "^17.2.3",
@@ -111,8 +112,8 @@
     "openai": "^4.77.0",
     "ora": "^8.0.1",
     "yaml": "^2.3.4",
-    "@vibeframe/ai-providers": "0.46.1",
-    "@vibeframe/core": "0.46.1"
+    "@vibeframe/ai-providers": "0.47.0",
+    "@vibeframe/core": "0.47.0"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",