@vibeframe/cli 0.46.2 → 0.47.1

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.2",
+  "version": "0.47.1",
   "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/core": "0.46.2",
-    "@vibeframe/ai-providers": "0.46.2"
+    "@vibeframe/core": "0.47.1",
+    "@vibeframe/ai-providers": "0.47.1"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",