@vibeo/renderer 0.1.0

package/dist/browser.d.ts

@@ -0,0 +1,15 @@
+import type { Browser, Page } from "playwright";
+/**
+ * Launch a headless Chromium browser via Playwright.
+ * Reuses the existing browser if already launched.
+ */
+export declare function launchBrowser(): Promise<Browser>;
+/**
+ * Close the browser and release resources.
+ */
+export declare function closeBrowser(): Promise<void>;
+/**
+ * Create a new browser page with a viewport matching the composition dimensions.
+ */
+export declare function createPage(browser: Browser, width: number, height: number): Promise<Page>;
+//# sourceMappingURL=browser.d.ts.map

package/dist/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAIhD;;;GAGG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,CActD;AAED;;GAEG;AACH,wBAAsB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAKlD;AAED;;GAEG;AACH,wBAAsB,UAAU,CAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CAMf"}

package/dist/browser.js

@@ -0,0 +1,40 @@
+let _browser = null;
+/**
+ * Launch a headless Chromium browser via Playwright.
+ * Reuses the existing browser if already launched.
+ */
+export async function launchBrowser() {
+    if (_browser && _browser.isConnected()) {
+        return _browser;
+    }
+    const { chromium } = await import("playwright");
+    _browser = await chromium.launch({
+        headless: true,
+        args: [
+            "--disable-web-security",
+            "--allow-file-access-from-files",
+            "--autoplay-policy=no-user-gesture-required",
+        ],
+    });
+    return _browser;
+}
+/**
+ * Close the browser and release resources.
+ */
+export async function closeBrowser() {
+    if (_browser) {
+        await _browser.close();
+        _browser = null;
+    }
+}
+/**
+ * Create a new browser page with a viewport matching the composition dimensions.
+ */
+export async function createPage(browser, width, height) {
+    const page = await browser.newPage({
+        viewport: { width, height },
+        deviceScaleFactor: 1,
+    });
+    return page;
+}
+//# sourceMappingURL=browser.js.map

package/dist/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAEA,IAAI,QAAQ,GAAmB,IAAI,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,aAAa;IACjC,IAAI,QAAQ,IAAI,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC;QACvC,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC;IAChD,QAAQ,GAAG,MAAM,QAAQ,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE;YACJ,wBAAwB;YACxB,gCAAgC;YAChC,4CAA4C;SAC7C;KACF,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,YAAY;IAChC,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,CAAC;IAClB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAC9B,OAAgB,EAChB,KAAa,EACb,MAAc;IAEd,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC;QACjC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3B,iBAAiB,EAAE,CAAC;KACrB,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/bundler.d.ts

@@ -0,0 +1,10 @@
+import type { BundleResult } from "./types.js";
+/**
+ * Bundle the user's React entry point using Bun.build,
+ * then serve it via a local HTTP server for the headless browser to load.
+ *
+ * Generates a thin bootstrap entry that imports the user's Root export
+ * and mounts it with ReactDOM.createRoot.
+ */
+export declare function bundle(entryPoint: string): Promise<BundleResult>;
+//# sourceMappingURL=bundler.d.ts.map

package/dist/bundler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundler.d.ts","sourceRoot":"","sources":["../src/bundler.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAsB,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAqItE"}

package/dist/bundler.js

@@ -0,0 +1,135 @@
+import { mkdtemp, rm } from "node:fs/promises";
+import { join, dirname } from "node:path";
+import { tmpdir } from "node:os";
+/**
+ * Bundle the user's React entry point using Bun.build,
+ * then serve it via a local HTTP server for the headless browser to load.
+ *
+ * Generates a thin bootstrap entry that imports the user's Root export
+ * and mounts it with ReactDOM.createRoot.
+ */
+export async function bundle(entryPoint) {
+    const outDir = await mkdtemp(join(tmpdir(), "vibeo-bundle-"));
+    // Create a bootstrap entry next to the user's file so Bun.build
+    // resolves node_modules from the project root, not from /tmp.
+    const entryDir = dirname(entryPoint);
+    const bootstrapPath = join(entryDir, "__vibeo_entry.tsx");
+    await Bun.write(bootstrapPath, `import React from "react";
+import { createRoot } from "react-dom/client";
+import { Root } from ${JSON.stringify(entryPoint)};
+import { Player } from "@vibeo/player";
+import { VibeoRoot, useCompositionContext } from "@vibeo/core";
+
+/**
+ * PreviewShell: renders <Root> to register compositions,
+ * then picks the first one and renders it inside a <Player>.
+ */
+function CompositionPlayer() {
+  const { compositions } = useCompositionContext();
+
+  // Derive comp directly during render — no useEffect delay
+  const hash = window.location.hash.slice(1);
+  let comp: any = null;
+  if (hash && compositions.has(hash)) {
+    comp = compositions.get(hash);
+  } else if (compositions.size > 0) {
+    // Get first value from map
+    for (const v of compositions.values()) { comp = v; break; }
+  }
+
+  if (!comp) {
+    return React.createElement("div", {
+      style: { color: "#888", fontFamily: "sans-serif", padding: 40 }
+    }, "Loading composition...");
+  }
+
+  return React.createElement(Player, {
+    component: comp.component,
+    durationInFrames: comp.durationInFrames,
+    compositionWidth: comp.width,
+    compositionHeight: comp.height,
+    fps: comp.fps,
+    controls: true,
+    loop: true,
+    autoPlay: true,
+    style: { width: "100vw", height: "100vh" },
+    inputProps: comp.defaultProps,
+  });
+}
+
+function PreviewApp() {
+  return React.createElement(VibeoRoot, null,
+    React.createElement(Root),
+    React.createElement(CompositionPlayer),
+  );
+}
+
+const container = document.getElementById("root")!;
+const root = createRoot(container);
+root.render(React.createElement(PreviewApp));
+
+window.vibeo_ready = true;
+`);
+    try {
+        const result = await Bun.build({
+            entrypoints: [bootstrapPath],
+            outdir: outDir,
+            target: "browser",
+            format: "esm",
+            minify: false,
+            splitting: false,
+            define: {
+                "process.env.NODE_ENV": JSON.stringify("production"),
+            },
+        });
+        if (!result.success) {
+            const messages = result.logs.map((l) => l.message).join("\n");
+            throw new Error(`Bundle failed:\n${messages}`);
+        }
+        // Write a minimal HTML shell that loads the bundle
+        const bundleName = result.outputs[0]?.path.split("/").pop() ?? "__vibeo_entry.js";
+        const html = `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    html, body, #root { width: 100%; height: 100%; overflow: hidden; }
+  </style>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/${bundleName}"></script>
+</body>
+</html>`;
+        await Bun.write(join(outDir, "index.html"), html);
+        // Start a local HTTP server to serve the bundle
+        const server = Bun.serve({
+            port: 0, // auto-assign
+            async fetch(req) {
+                const url = new URL(req.url);
+                const filePath = join(outDir, url.pathname === "/" ? "index.html" : url.pathname);
+                const file = Bun.file(filePath);
+                if (await file.exists()) {
+                    return new Response(file);
+                }
+                return new Response("Not found", { status: 404 });
+            },
+        });
+        const serverPort = server.port ?? 0;
+        const cleanup = async () => {
+            server.stop(true);
+            await rm(outDir, { recursive: true, force: true });
+        };
+        return {
+            outDir,
+            url: `http://localhost:${serverPort}`,
+            cleanup,
+        };
+    }
+    finally {
+        // Always clean up the bootstrap file we dropped next to the user's entry
+        await rm(bootstrapPath, { force: true });
+    }
+}
+//# sourceMappingURL=bundler.js.map

package/dist/bundler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundler.js","sourceRoot":"","sources":["../src/bundler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAGjC;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,UAAkB;IAC7C,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9D,gEAAgE;IAChE,8DAA8D;IAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC1D,MAAM,GAAG,CAAC,KAAK,CACb,aAAa,EACb;;uBAEmB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDhD,CACE,CAAC;IAEF,IAAI,CAAC;QACL,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,KAAK,CAAC;YAC7B,WAAW,EAAE,CAAC,aAAa,CAAC;YAC5B,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,KAAK;YAChB,MAAM,EAAE;gBACN,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;aACrD;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC9D,MAAM,IAAI,KAAK,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;QACjD,CAAC;QAED,mDAAmD;QACnD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,kBAAkB,CAAC;QAClF,MAAM,IAAI,GAAG;;;;;;;;;;;gCAWiB,UAAU;;QAElC,CAAC;QAEP,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,EAAE,IAAI,CAAC,CAAC;QAElD,gDAAgD;QAChD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC;YACvB,IAAI,EAAE,CAAC,EAAE,cAAc;YACvB,KAAK,CAAC,KAAK,CAAC,GAAG;gBACb,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAClF,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAChC,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;oBACxB,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAC5B,CAAC;gBACD,OAAO,IAAI,QAAQ,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,CAAC;SACF,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC;QAEpC,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;YACzB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC;QAEF,OAAO;YACL,MAAM;YACN,GAAG,EAAE,oBAAoB,UAAU,EAAE;YACrC,OAAO;SACR,CAAC;IACF,CAAC;YAAS,CAAC;QACT,yEAAyE;QACzE,MAAM,EAAE,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;AACH,CAAC"}

package/dist/capture-frame.d.ts

@@ -0,0 +1,12 @@
+import type { Page } from "playwright";
+import type { ImageFormat } from "./types.js";
+/**
+ * Capture a screenshot of the current page state and write it to disk.
+ *
+ * @returns The file path of the saved frame.
+ */
+export declare function captureFrame(page: Page, outputDir: string, frameNumber: number, options: {
+    imageFormat: ImageFormat;
+    quality?: number;
+}): Promise<string>;
+//# sourceMappingURL=capture-frame.d.ts.map

package/dist/capture-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-frame.d.ts","sourceRoot":"","sources":["../src/capture-frame.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;;GAIG;AACH,wBAAsB,YAAY,CAChC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;IACP,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GACA,OAAO,CAAC,MAAM,CAAC,CAqBjB"}

package/dist/capture-frame.js

@@ -0,0 +1,21 @@
+import { join } from "node:path";
+/**
+ * Capture a screenshot of the current page state and write it to disk.
+ *
+ * @returns The file path of the saved frame.
+ */
+export async function captureFrame(page, outputDir, frameNumber, options) {
+    const ext = options.imageFormat === "jpeg" ? "jpg" : "png";
+    const paddedFrame = String(frameNumber).padStart(6, "0");
+    const filePath = join(outputDir, `frame-${paddedFrame}.${ext}`);
+    const screenshotOptions = {
+        type: options.imageFormat,
+        path: filePath,
+    };
+    if (options.imageFormat === "jpeg" && options.quality !== undefined) {
+        screenshotOptions.quality = options.quality;
+    }
+    await page.screenshot(screenshotOptions);
+    return filePath;
+}
+//# sourceMappingURL=capture-frame.js.map

package/dist/capture-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-frame.js","sourceRoot":"","sources":["../src/capture-frame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAIjC;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,YAAY,CAChC,IAAU,EACV,SAAiB,EACjB,WAAmB,EACnB,OAGC;IAED,MAAM,GAAG,GAAG,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,WAAW,IAAI,GAAG,EAAE,CAAC,CAAC;IAEhE,MAAM,iBAAiB,GAInB;QACF,IAAI,EAAE,OAAO,CAAC,WAAW;QACzB,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACpE,iBAAiB,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAC9C,CAAC;IAED,MAAM,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEzC,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/frame-range.d.ts

@@ -0,0 +1,15 @@
+import type { FrameRange } from "./types.js";
+/**
+ * Parse a frame range string like "10-50" or "25" into a [start, end] tuple.
+ * Returns null if the input is null or empty.
+ */
+export declare function parseFrameRange(input: string | null, durationInFrames: number): FrameRange | null;
+/**
+ * Get the real frame range to render, accounting for optional user-specified range.
+ */
+export declare function getRealFrameRange(durationInFrames: number, frameRange: FrameRange | null): FrameRange;
+/**
+ * Validate that a frame range is within bounds and well-formed.
+ */
+export declare function validateFrameRange(range: FrameRange, durationInFrames: number): void;
+//# sourceMappingURL=frame-range.d.ts.map

package/dist/frame-range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-range.d.ts","sourceRoot":"","sources":["../src/frame-range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,gBAAgB,EAAE,MAAM,GACvB,UAAU,GAAG,IAAI,CA2BnB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,gBAAgB,EAAE,MAAM,EACxB,UAAU,EAAE,UAAU,GAAG,IAAI,GAC5B,UAAU,CAKZ;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,GACvB,IAAI,CAuBN"}

package/dist/frame-range.js

@@ -0,0 +1,55 @@
+/**
+ * Parse a frame range string like "10-50" or "25" into a [start, end] tuple.
+ * Returns null if the input is null or empty.
+ */
+export function parseFrameRange(input, durationInFrames) {
+    if (input === null || input.trim() === "") {
+        return null;
+    }
+    const trimmed = input.trim();
+    if (trimmed.includes("-")) {
+        const [startStr, endStr] = trimmed.split("-");
+        const start = parseInt(startStr, 10);
+        const end = parseInt(endStr, 10);
+        if (isNaN(start) || isNaN(end)) {
+            throw new Error(`Invalid frame range: "${input}". Expected format: "start-end"`);
+        }
+        validateFrameRange([start, end], durationInFrames);
+        return [start, end];
+    }
+    const singleFrame = parseInt(trimmed, 10);
+    if (isNaN(singleFrame)) {
+        throw new Error(`Invalid frame range: "${input}". Expected a number or "start-end"`);
+    }
+    validateFrameRange([singleFrame, singleFrame], durationInFrames);
+    return [singleFrame, singleFrame];
+}
+/**
+ * Get the real frame range to render, accounting for optional user-specified range.
+ */
+export function getRealFrameRange(durationInFrames, frameRange) {
+    if (frameRange === null) {
+        return [0, durationInFrames - 1];
+    }
+    return frameRange;
+}
+/**
+ * Validate that a frame range is within bounds and well-formed.
+ */
+export function validateFrameRange(range, durationInFrames) {
+    const [start, end] = range;
+    if (!Number.isInteger(start) || !Number.isInteger(end)) {
+        throw new Error(`Frame range values must be integers. Got [${start}, ${end}]`);
+    }
+    if (start < 0) {
+        throw new Error(`Frame range start must be >= 0. Got ${start}`);
+    }
+    if (end < start) {
+        throw new Error(`Frame range end (${end}) must be >= start (${start})`);
+    }
+    if (end >= durationInFrames) {
+        throw new Error(`Frame range end (${end}) exceeds duration (${durationInFrames} frames). ` +
+            `Max allowed end frame is ${durationInFrames - 1}`);
+    }
+}
+//# sourceMappingURL=frame-range.js.map

package/dist/frame-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-range.js","sourceRoot":"","sources":["../src/frame-range.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAoB,EACpB,gBAAwB;IAExB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAE7B,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAS,EAAE,EAAE,CAAC,CAAC;QACtC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAO,EAAE,EAAE,CAAC,CAAC;QAElC,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,MAAM,IAAI,KAAK,CAAC,yBAAyB,KAAK,iCAAiC,CAAC,CAAC;QACnF,CAAC;QAED,kBAAkB,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,gBAAgB,CAAC,CAAC;QACnD,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,yBAAyB,KAAK,qCAAqC,CAAC,CAAC;IACvF,CAAC;IAED,kBAAkB,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACjE,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACpC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAC/B,gBAAwB,EACxB,UAA6B;IAE7B,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACxB,OAAO,CAAC,CAAC,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACnC,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAAiB,EACjB,gBAAwB;IAExB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;IAE3B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;QACvD,MAAM,IAAI,KAAK,CAAC,6CAA6C,KAAK,KAAK,GAAG,GAAG,CAAC,CAAC;IACjF,CAAC;IAED,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,uCAAuC,KAAK,EAAE,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,GAAG,GAAG,KAAK,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CACb,oBAAoB,GAAG,uBAAuB,KAAK,GAAG,CACvD,CAAC;IACJ,CAAC;IAED,IAAI,GAAG,IAAI,gBAAgB,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CACb,oBAAoB,GAAG,uBAAuB,gBAAgB,YAAY;YACxE,4BAA4B,gBAAgB,GAAG,CAAC,EAAE,CACrD,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export type { RenderConfig, RenderProgress, Codec, ImageFormat, FrameRange, StitchOptions, AudioMuxOptions, BundleResult, } from "./types.js";
+export { launchBrowser, closeBrowser, createPage } from "./browser.js";
+export { bundle } from "./bundler.js";
+export { seekToFrame, loadBundle } from "./seek-to-frame.js";
+export { captureFrame } from "./capture-frame.js";
+export { parseFrameRange, getRealFrameRange, validateFrameRange } from "./frame-range.js";
+export { stitchFrames, getContainerExt } from "./stitch-frames.js";
+export { stitchAudio } from "./stitch-audio.js";
+export { parallelRender } from "./parallel-render.js";
+export { renderComposition } from "./render-composition.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,YAAY,EACZ,cAAc,EACd,KAAK,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1F,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+// Browser lifecycle
+export { launchBrowser, closeBrowser, createPage } from "./browser.js";
+// Bundler
+export { bundle } from "./bundler.js";
+// Frame navigation
+export { seekToFrame, loadBundle } from "./seek-to-frame.js";
+// Frame capture
+export { captureFrame } from "./capture-frame.js";
+// Frame range utilities
+export { parseFrameRange, getRealFrameRange, validateFrameRange } from "./frame-range.js";
+// FFmpeg stitching
+export { stitchFrames, getContainerExt } from "./stitch-frames.js";
+export { stitchAudio } from "./stitch-audio.js";
+// Parallel rendering
+export { parallelRender } from "./parallel-render.js";
+// Full render orchestration
+export { renderComposition } from "./render-composition.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAYA,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvE,UAAU;AACV,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,mBAAmB;AACnB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE7D,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,wBAAwB;AACxB,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE1F,mBAAmB;AACnB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,qBAAqB;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,4BAA4B;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/parallel-render.d.ts

@@ -0,0 +1,22 @@
+import type { Browser } from "playwright";
+import type { FrameRange, ImageFormat, RenderProgress } from "./types.js";
+interface ParallelRenderOptions {
+    browser: Browser;
+    bundleUrl: string;
+    compositionId: string;
+    frameRange: FrameRange;
+    outputDir: string;
+    width: number;
+    height: number;
+    concurrency: number;
+    imageFormat: ImageFormat;
+    quality?: number;
+    onProgress?: (progress: RenderProgress) => void;
+}
+/**
+ * Distribute frame rendering across multiple browser tabs in parallel.
+ * Opens N pages, each rendering a chunk of the frame range.
+ */
+export declare function parallelRender(options: ParallelRenderOptions): Promise<void>;
+export {};
+//# sourceMappingURL=parallel-render.d.ts.map

package/dist/parallel-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallel-render.d.ts","sourceRoot":"","sources":["../src/parallel-render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAK1E,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAoDD;;;GAGG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,qBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAyDf"}

package/dist/parallel-render.js

@@ -0,0 +1,69 @@
+import { createPage } from "./browser.js";
+import { seekToFrame, loadBundle } from "./seek-to-frame.js";
+import { captureFrame } from "./capture-frame.js";
+/**
+ * Split a frame range into N roughly-equal chunks.
+ */
+function splitFrameRange(range, chunks) {
+    const [start, end] = range;
+    const totalFrames = end - start + 1;
+    const framesPerChunk = Math.ceil(totalFrames / chunks);
+    const ranges = [];
+    for (let i = 0; i < chunks; i++) {
+        const chunkStart = start + i * framesPerChunk;
+        const chunkEnd = Math.min(chunkStart + framesPerChunk - 1, end);
+        if (chunkStart > end)
+            break;
+        ranges.push([chunkStart, chunkEnd]);
+    }
+    return ranges;
+}
+/**
+ * Render a chunk of frames using a single browser page.
+ */
+async function renderChunk(browser, bundleUrl, compositionId, frameRange, outputDir, width, height, imageFormat, quality, onFrameRendered) {
+    const page = await createPage(browser, width, height);
+    try {
+        await loadBundle(page, bundleUrl);
+        const [start, end] = frameRange;
+        for (let frame = start; frame <= end; frame++) {
+            await seekToFrame(page, frame, compositionId);
+            await captureFrame(page, outputDir, frame, { imageFormat, quality });
+            onFrameRendered();
+        }
+    }
+    finally {
+        await page.close();
+    }
+}
+/**
+ * Distribute frame rendering across multiple browser tabs in parallel.
+ * Opens N pages, each rendering a chunk of the frame range.
+ */
+export async function parallelRender(options) {
+    const { browser, bundleUrl, compositionId, frameRange, outputDir, width, height, concurrency, imageFormat, quality, onProgress, } = options;
+    const [start, end] = frameRange;
+    const totalFrames = end - start + 1;
+    const effectiveConcurrency = Math.min(concurrency, totalFrames);
+    const chunks = splitFrameRange(frameRange, effectiveConcurrency);
+    let framesRendered = 0;
+    const startTime = Date.now();
+    const onFrameRendered = () => {
+        framesRendered++;
+        if (onProgress) {
+            const elapsed = Date.now() - startTime;
+            const msPerFrame = elapsed / framesRendered;
+            const remaining = totalFrames - framesRendered;
+            const etaMs = remaining > 0 ? msPerFrame * remaining : 0;
+            onProgress({
+                framesRendered,
+                totalFrames,
+                percent: framesRendered / totalFrames,
+                etaMs: framesRendered > 0 ? etaMs : null,
+            });
+        }
+    };
+    // Render all chunks in parallel
+    await Promise.all(chunks.map((chunk) => renderChunk(browser, bundleUrl, compositionId, chunk, outputDir, width, height, imageFormat, quality, onFrameRendered)));
+}
+//# sourceMappingURL=parallel-render.js.map

package/dist/parallel-render.js.map

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

package/dist/render-composition.d.ts

@@ -0,0 +1,19 @@
+import type { RenderConfig } from "./types.js";
+interface CompositionInfo {
+    width: number;
+    height: number;
+    fps: number;
+    durationInFrames: number;
+}
+/**
+ * Orchestrate a full composition render:
+ * 1. Bundle the entry point
+ * 2. Launch headless browser
+ * 3. Render frames in parallel across browser tabs
+ * 4. Stitch frames into video with FFmpeg
+ * 5. Mux audio if present
+ * 6. Cleanup temp files
+ */
+export declare function renderComposition(config: RenderConfig, compositionInfo: CompositionInfo): Promise<string>;
+export {};
+//# sourceMappingURL=render-composition.d.ts.map

package/dist/render-composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-composition.d.ts","sourceRoot":"","sources":["../src/render-composition.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,YAAY,CAAC;AAQ/D,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,YAAY,EACpB,eAAe,EAAE,eAAe,GAC/B,OAAO,CAAC,MAAM,CAAC,CAgHjB"}

package/dist/render-composition.js

@@ -0,0 +1,104 @@
+import { mkdtemp, rm, mkdir } from "node:fs/promises";
+import { join, dirname } from "node:path";
+import { tmpdir } from "node:os";
+import { availableParallelism } from "node:os";
+import { bundle } from "./bundler.js";
+import { launchBrowser, closeBrowser } from "./browser.js";
+import { getRealFrameRange } from "./frame-range.js";
+import { parallelRender } from "./parallel-render.js";
+import { stitchFrames } from "./stitch-frames.js";
+import { stitchAudio } from "./stitch-audio.js";
+/**
+ * Orchestrate a full composition render:
+ * 1. Bundle the entry point
+ * 2. Launch headless browser
+ * 3. Render frames in parallel across browser tabs
+ * 4. Stitch frames into video with FFmpeg
+ * 5. Mux audio if present
+ * 6. Cleanup temp files
+ */
+export async function renderComposition(config, compositionInfo) {
+    const { entry, compositionId, outputPath, codec, imageFormat, quality, frameRange: userFrameRange, concurrency, pixelFormat, onProgress, } = config;
+    const fps = config.fps ?? compositionInfo.fps;
+    const { width, height, durationInFrames } = compositionInfo;
+    const frameRange = getRealFrameRange(durationInFrames, userFrameRange);
+    const totalFrames = frameRange[1] - frameRange[0] + 1;
+    // Create temp directories
+    const framesDir = await mkdtemp(join(tmpdir(), "vibeo-frames-"));
+    // Ensure output directory exists
+    await mkdir(dirname(outputPath), { recursive: true });
+    let bundleResult = null;
+    try {
+        // Step 1: Bundle
+        const reportStage = (stage) => {
+            if (onProgress) {
+                onProgress({
+                    framesRendered: 0,
+                    totalFrames,
+                    percent: 0,
+                    etaMs: null,
+                });
+            }
+        };
+        reportStage("bundling");
+        bundleResult = await bundle(entry);
+        // Step 2: Launch browser
+        reportStage("launching browser");
+        const browser = await launchBrowser();
+        // Step 3: Render frames in parallel
+        const effectiveConcurrency = concurrency > 0 ? concurrency : Math.max(1, Math.floor(availableParallelism() / 2));
+        await parallelRender({
+            browser,
+            bundleUrl: bundleResult.url,
+            compositionId,
+            frameRange,
+            outputDir: framesDir,
+            width,
+            height,
+            concurrency: effectiveConcurrency,
+            imageFormat,
+            quality,
+            onProgress,
+        });
+        // Step 4: Stitch frames into video
+        const videoPath = join(framesDir, `stitched.${codec === "vp9" ? "webm" : codec === "prores" ? "mov" : "mp4"}`);
+        await stitchFrames({
+            framesDir,
+            outputPath: videoPath,
+            fps,
+            codec,
+            imageFormat,
+            pixelFormat,
+            quality,
+            width,
+            height,
+        });
+        // Step 5: Mux audio (if audio assets exist)
+        // For now, just copy the video to the output path if no audio
+        // Audio assets would be collected from the composition at render time
+        const finalPath = await stitchAudio({
+            videoPath,
+            audioPaths: [], // Audio collection will be implemented per-composition
+            outputPath,
+        });
+        // Report completion
+        if (onProgress) {
+            onProgress({
+                framesRendered: totalFrames,
+                totalFrames,
+                percent: 1,
+                etaMs: 0,
+            });
+        }
+        return finalPath;
+    }
+    finally {
+        // Step 6: Cleanup
+        await closeBrowser();
+        if (bundleResult) {
+            await bundleResult.cleanup();
+        }
+        await rm(framesDir, { recursive: true, force: true }).catch(() => { });
+    }
+}
+//# sourceMappingURL=render-composition.js.map

package/dist/render-composition.js.map

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

package/dist/seek-to-frame.d.ts

@@ -0,0 +1,15 @@
+import type { Page } from "playwright";
+/**
+ * Navigate the headless browser page to render a specific frame.
+ *
+ * 1. Call window.vibeo_setFrame(frame, compositionId) to update the React tree.
+ * 2. Wait for React render to complete (poll for window.vibeo_ready flag).
+ * 3. Wait for all fonts to load.
+ * 4. Wait for any pending delayRender handles to resolve.
+ */
+export declare function seekToFrame(page: Page, frame: number, compositionId: string): Promise<void>;
+/**
+ * Load the bundled app in the browser page.
+ */
+export declare function loadBundle(page: Page, url: string): Promise<void>;
+//# sourceMappingURL=seek-to-frame.d.ts.map