@editframe/cli 0.31.2-beta.0 → 0.32.0-beta.1

package/dist/VERSION.js

@@ -1,5 +1,5 @@
 //#region src/VERSION.ts
-const VERSION = "0.31.2-beta.0";
+const VERSION = "0.32.0-beta.1";
 
 //#endregion
 export { VERSION };

package/dist/VERSION.js.map

@@ -1 +1 @@
-{"version":3,"file":"VERSION.js","names":[],"sources":["../src/VERSION.ts"],"sourcesContent":["export const VERSION = \"0.31.2-beta.0\";\n"],"mappings":";AAAA,MAAa,UAAU"}
+{"version":3,"file":"VERSION.js","names":[],"sources":["../src/VERSION.ts"],"sourcesContent":["export const VERSION = \"0.32.0-beta.1\";\n"],"mappings":";AAAA,MAAa,UAAU"}

package/dist/commands/local-render.js

@@ -0,0 +1,80 @@
+import { withSpinner } from "../utils/withSpinner.js";
+import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.js";
+import { PreviewServer } from "../utils/startPreviewServer.js";
+import { program } from "commander";
+import debug from "debug";
+import path from "node:path";
+import { readFile } from "node:fs/promises";
+import { createWriteStream } from "node:fs";
+
+//#region src/commands/local-render.ts
+const log = debug("ef:cli:local-render");
+program.command("local-render [directory]").description("Render a directory's index.html file as a video locally using Playwright").option("-o, --output <path>", "Output file path", "output.mp4").option("-d, --data <json>", "Custom render data (JSON string)").option("--data-file <path>", "Custom render data from JSON file").option("--fps <number>", "Frame rate", "30").option("--scale <number>", "Resolution scale (0-1)", "1").option("--include-audio", "Include audio track", true).option("--no-include-audio", "Exclude audio track").option("--from-ms <number>", "Start time in milliseconds").option("--to-ms <number>", "End time in milliseconds").action(async (directory = ".", options) => {
+	const srcDir = path.resolve(process.cwd(), directory);
+	const outputPath = path.resolve(process.cwd(), options.output);
+	let renderData;
+	if (options.dataFile) {
+		const dataFileContent = await readFile(options.dataFile, "utf-8");
+		renderData = JSON.parse(dataFileContent);
+		log("Loaded render data from file:", options.dataFile);
+	} else if (options.data) {
+		renderData = JSON.parse(options.data);
+		log("Using render data from --data option");
+	}
+	const fps = parseInt(options.fps, 10);
+	const scale = parseFloat(options.scale);
+	const fromMs = options.fromMs ? parseInt(options.fromMs, 10) : void 0;
+	const toMs = options.toMs ? parseInt(options.toMs, 10) : void 0;
+	const previewServer = await PreviewServer.start(srcDir);
+	log("Preview server started at:", previewServer.url);
+	await launchBrowserAndWaitForSDK({
+		url: previewServer.url,
+		headless: true,
+		interactive: false,
+		efInteractive: false
+	}, async (page) => {
+		const outputStream = createWriteStream(outputPath);
+		let chunkCount = 0;
+		let totalBytes = 0;
+		await page.exposeFunction("onRenderChunk", (chunkArray) => {
+			const chunk = Buffer.from(chunkArray);
+			outputStream.write(chunk);
+			chunkCount++;
+			totalBytes += chunk.length;
+			log(`Received chunk ${chunkCount}: ${chunk.length} bytes (total: ${totalBytes} bytes)`);
+		});
+		if (renderData) {
+			await page.evaluate((data) => {
+				window.EF_RENDER_DATA = data;
+			}, renderData);
+			log("Set EF_RENDER_DATA:", renderData);
+		}
+		await page.waitForFunction(() => typeof window.EF_RENDER !== "undefined", { timeout: 1e4 });
+		if (!await page.evaluate(() => window.EF_RENDER?.isReady())) throw new Error("Render API is not ready. No ef-timegroup found.");
+		await withSpinner("Rendering video...", async () => {
+			const renderOptions = {
+				fps,
+				scale,
+				includeAudio: options.includeAudio !== false
+			};
+			if (fromMs !== void 0) renderOptions.fromMs = fromMs;
+			if (toMs !== void 0) renderOptions.toMs = toMs;
+			await page.evaluate(async (opts) => {
+				await window.EF_RENDER.renderStreaming(opts);
+			}, renderOptions);
+		});
+		outputStream.end();
+		await new Promise((resolve, reject) => {
+			outputStream.on("finish", () => {
+				log(`Render complete: ${chunkCount} chunks, ${totalBytes} bytes written to ${outputPath}`);
+				resolve();
+			});
+			outputStream.on("error", reject);
+		});
+	});
+	process.stderr.write(`\nRender complete: ${outputPath}\n`);
+});
+
+//#endregion
+export {  };
+//# sourceMappingURL=local-render.js.map

package/dist/commands/local-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-render.js","names":["renderData: Record<string, unknown> | undefined","renderOptions: any"],"sources":["../../src/commands/local-render.ts"],"sourcesContent":["import { readFile } from \"node:fs/promises\";\nimport { createWriteStream } from \"node:fs\";\nimport path from \"node:path\";\nimport { program } from \"commander\";\nimport debug from \"debug\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport { PreviewServer } from \"../utils/startPreviewServer.js\";\nimport { withSpinner } from \"../utils/withSpinner.js\";\n\nconst log = debug(\"ef:cli:local-render\");\n\nprogram\n  .command(\"local-render [directory]\")\n  .description(\"Render a directory's index.html file as a video locally using Playwright\")\n  .option(\"-o, --output <path>\", \"Output file path\", \"output.mp4\")\n  .option(\"-d, --data <json>\", \"Custom render data (JSON string)\")\n  .option(\"--data-file <path>\", \"Custom render data from JSON file\")\n  .option(\"--fps <number>\", \"Frame rate\", \"30\")\n  .option(\"--scale <number>\", \"Resolution scale (0-1)\", \"1\")\n  .option(\"--include-audio\", \"Include audio track\", true)\n  .option(\"--no-include-audio\", \"Exclude audio track\")\n  .option(\"--from-ms <number>\", \"Start time in milliseconds\")\n  .option(\"--to-ms <number>\", \"End time in milliseconds\")\n  .action(async (directory = \".\", options) => {\n    const srcDir = path.resolve(process.cwd(), directory);\n    const outputPath = path.resolve(process.cwd(), options.output);\n\n    // Parse custom data if provided\n    let renderData: Record<string, unknown> | undefined;\n    if (options.dataFile) {\n      const dataFileContent = await readFile(options.dataFile, \"utf-8\");\n      renderData = JSON.parse(dataFileContent);\n      log(\"Loaded render data from file:\", options.dataFile);\n    } else if (options.data) {\n      renderData = JSON.parse(options.data);\n      log(\"Using render data from --data option\");\n    }\n\n    // Parse numeric options\n    const fps = parseInt(options.fps, 10);\n    const scale = parseFloat(options.scale);\n    const fromMs = options.fromMs ? parseInt(options.fromMs, 10) : undefined;\n    const toMs = options.toMs ? parseInt(options.toMs, 10) : undefined;\n\n    // Start preview server\n    const previewServer = await PreviewServer.start(srcDir);\n    log(\"Preview server started at:\", previewServer.url);\n\n    // Launch browser and render\n    await launchBrowserAndWaitForSDK(\n      {\n        url: previewServer.url,\n        headless: true,\n        interactive: false,\n        efInteractive: false,\n      },\n      async (page) => {\n        // Open output file for streaming writes\n        const outputStream = createWriteStream(outputPath);\n        let chunkCount = 0;\n        let totalBytes = 0;\n\n        // Expose chunk handler - writes directly to file\n        await page.exposeFunction(\"onRenderChunk\", (chunkArray: number[]) => {\n          const chunk = Buffer.from(chunkArray);\n          outputStream.write(chunk);\n          chunkCount++;\n          totalBytes += chunk.length;\n          log(`Received chunk ${chunkCount}: ${chunk.length} bytes (total: ${totalBytes} bytes)`);\n        });\n\n        // Set custom render data if provided\n        if (renderData) {\n          await page.evaluate((data) => {\n            window.EF_RENDER_DATA = data;\n          }, renderData);\n          log(\"Set EF_RENDER_DATA:\", renderData);\n        }\n\n        // Wait for EF_RENDER API to be available\n        await page.waitForFunction(\n          () => typeof window.EF_RENDER !== \"undefined\",\n          { timeout: 10_000 },\n        );\n\n        // Check if ready\n        const isReady = await page.evaluate(() => window.EF_RENDER?.isReady());\n        if (!isReady) {\n          throw new Error(\"Render API is not ready. No ef-timegroup found.\");\n        }\n\n        // Render with streaming\n        await withSpinner(\"Rendering video...\", async () => {\n          const renderOptions: any = {\n            fps,\n            scale,\n            includeAudio: options.includeAudio !== false,\n          };\n\n          if (fromMs !== undefined) {\n            renderOptions.fromMs = fromMs;\n          }\n          if (toMs !== undefined) {\n            renderOptions.toMs = toMs;\n          }\n\n          await page.evaluate(async (opts) => {\n            await window.EF_RENDER!.renderStreaming(opts);\n          }, renderOptions);\n        });\n\n        // Close the output stream\n        outputStream.end();\n\n        // Wait for stream to finish\n        await new Promise<void>((resolve, reject) => {\n          outputStream.on(\"finish\", () => {\n            log(`Render complete: ${chunkCount} chunks, ${totalBytes} bytes written to ${outputPath}`);\n            resolve();\n          });\n          outputStream.on(\"error\", reject);\n        });\n      },\n    );\n\n    process.stderr.write(`\\nRender complete: ${outputPath}\\n`);\n  });\n"],"mappings":";;;;;;;;;;AASA,MAAM,MAAM,MAAM,sBAAsB;AAExC,QACG,QAAQ,2BAA2B,CACnC,YAAY,2EAA2E,CACvF,OAAO,uBAAuB,oBAAoB,aAAa,CAC/D,OAAO,qBAAqB,mCAAmC,CAC/D,OAAO,sBAAsB,oCAAoC,CACjE,OAAO,kBAAkB,cAAc,KAAK,CAC5C,OAAO,oBAAoB,0BAA0B,IAAI,CACzD,OAAO,mBAAmB,uBAAuB,KAAK,CACtD,OAAO,sBAAsB,sBAAsB,CACnD,OAAO,sBAAsB,6BAA6B,CAC1D,OAAO,oBAAoB,2BAA2B,CACtD,OAAO,OAAO,YAAY,KAAK,YAAY;CAC1C,MAAM,SAAS,KAAK,QAAQ,QAAQ,KAAK,EAAE,UAAU;CACrD,MAAM,aAAa,KAAK,QAAQ,QAAQ,KAAK,EAAE,QAAQ,OAAO;CAG9D,IAAIA;AACJ,KAAI,QAAQ,UAAU;EACpB,MAAM,kBAAkB,MAAM,SAAS,QAAQ,UAAU,QAAQ;AACjE,eAAa,KAAK,MAAM,gBAAgB;AACxC,MAAI,iCAAiC,QAAQ,SAAS;YAC7C,QAAQ,MAAM;AACvB,eAAa,KAAK,MAAM,QAAQ,KAAK;AACrC,MAAI,uCAAuC;;CAI7C,MAAM,MAAM,SAAS,QAAQ,KAAK,GAAG;CACrC,MAAM,QAAQ,WAAW,QAAQ,MAAM;CACvC,MAAM,SAAS,QAAQ,SAAS,SAAS,QAAQ,QAAQ,GAAG,GAAG;CAC/D,MAAM,OAAO,QAAQ,OAAO,SAAS,QAAQ,MAAM,GAAG,GAAG;CAGzD,MAAM,gBAAgB,MAAM,cAAc,MAAM,OAAO;AACvD,KAAI,8BAA8B,cAAc,IAAI;AAGpD,OAAM,2BACJ;EACE,KAAK,cAAc;EACnB,UAAU;EACV,aAAa;EACb,eAAe;EAChB,EACD,OAAO,SAAS;EAEd,MAAM,eAAe,kBAAkB,WAAW;EAClD,IAAI,aAAa;EACjB,IAAI,aAAa;AAGjB,QAAM,KAAK,eAAe,kBAAkB,eAAyB;GACnE,MAAM,QAAQ,OAAO,KAAK,WAAW;AACrC,gBAAa,MAAM,MAAM;AACzB;AACA,iBAAc,MAAM;AACpB,OAAI,kBAAkB,WAAW,IAAI,MAAM,OAAO,iBAAiB,WAAW,SAAS;IACvF;AAGF,MAAI,YAAY;AACd,SAAM,KAAK,UAAU,SAAS;AAC5B,WAAO,iBAAiB;MACvB,WAAW;AACd,OAAI,uBAAuB,WAAW;;AAIxC,QAAM,KAAK,sBACH,OAAO,OAAO,cAAc,aAClC,EAAE,SAAS,KAAQ,CACpB;AAID,MAAI,CADY,MAAM,KAAK,eAAe,OAAO,WAAW,SAAS,CAAC,CAEpE,OAAM,IAAI,MAAM,kDAAkD;AAIpE,QAAM,YAAY,sBAAsB,YAAY;GAClD,MAAMC,gBAAqB;IACzB;IACA;IACA,cAAc,QAAQ,iBAAiB;IACxC;AAED,OAAI,WAAW,OACb,eAAc,SAAS;AAEzB,OAAI,SAAS,OACX,eAAc,OAAO;AAGvB,SAAM,KAAK,SAAS,OAAO,SAAS;AAClC,UAAM,OAAO,UAAW,gBAAgB,KAAK;MAC5C,cAAc;IACjB;AAGF,eAAa,KAAK;AAGlB,QAAM,IAAI,SAAe,SAAS,WAAW;AAC3C,gBAAa,GAAG,gBAAgB;AAC9B,QAAI,oBAAoB,WAAW,WAAW,WAAW,oBAAoB,aAAa;AAC1F,aAAS;KACT;AACF,gBAAa,GAAG,SAAS,OAAO;IAChC;GAEL;AAED,SAAQ,OAAO,MAAM,sBAAsB,WAAW,IAAI;EAC1D"}

package/dist/index.js

@@ -3,6 +3,7 @@ import { VERSION } from "./VERSION.js";
 import "./commands/auth.js";
 import "./commands/sync.js";
 import "./commands/render.js";
+import "./commands/local-render.js";
 import "./commands/preview.js";
 import "./commands/process.js";
 import "./commands/process-file.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["#!/usr/bin/env node\nimport \"dotenv/config\";\nimport { Option, program } from \"commander\";\n\nimport { VERSION } from \"./VERSION.js\";\n\nprogram\n  .name(\"editframe\")\n  .addOption(new Option(\"-t, --token <token>\", \"API Token\").env(\"EF_TOKEN\"))\n  .addOption(\n    new Option(\"--ef-host <host>\", \"Editframe Host\")\n      .env(\"EF_HOST\")\n      .default(\"https://editframe.com\"),\n  )\n  .addOption(\n    new Option(\"--ef-render-host <host>\", \"Editframe Render Host\")\n      .env(\"EF_RENDER_HOST\")\n      .default(\"https://editframe.com\"),\n  )\n  .version(VERSION);\n\nimport \"./commands/auth.js\";\nimport \"./commands/sync.js\";\nimport \"./commands/render.js\";\nimport \"./commands/preview.js\";\nimport \"./commands/process.js\";\nimport \"./commands/process-file.js\";\nimport \"./commands/check.js\";\nimport \"./commands/webhook.js\";\n\nprogram.parse(process.argv);\n"],"mappings":";;;;;;;;;;;;;;AAMA,QACG,KAAK,YAAY,CACjB,UAAU,IAAI,OAAO,uBAAuB,YAAY,CAAC,IAAI,WAAW,CAAC,CACzE,UACC,IAAI,OAAO,oBAAoB,iBAAiB,CAC7C,IAAI,UAAU,CACd,QAAQ,wBAAwB,CACpC,CACA,UACC,IAAI,OAAO,2BAA2B,wBAAwB,CAC3D,IAAI,iBAAiB,CACrB,QAAQ,wBAAwB,CACpC,CACA,QAAQ,QAAQ;AAWnB,QAAQ,MAAM,QAAQ,KAAK"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["#!/usr/bin/env node\nimport \"dotenv/config\";\nimport { Option, program } from \"commander\";\n\nimport { VERSION } from \"./VERSION.js\";\n\nprogram\n  .name(\"editframe\")\n  .addOption(new Option(\"-t, --token <token>\", \"API Token\").env(\"EF_TOKEN\"))\n  .addOption(\n    new Option(\"--ef-host <host>\", \"Editframe Host\")\n      .env(\"EF_HOST\")\n      .default(\"https://editframe.com\"),\n  )\n  .addOption(\n    new Option(\"--ef-render-host <host>\", \"Editframe Render Host\")\n      .env(\"EF_RENDER_HOST\")\n      .default(\"https://editframe.com\"),\n  )\n  .version(VERSION);\n\nimport \"./commands/auth.js\";\nimport \"./commands/sync.js\";\nimport \"./commands/render.js\";\nimport \"./commands/local-render.js\";\nimport \"./commands/preview.js\";\nimport \"./commands/process.js\";\nimport \"./commands/process-file.js\";\nimport \"./commands/check.js\";\nimport \"./commands/webhook.js\";\n\nprogram.parse(process.argv);\n"],"mappings":";;;;;;;;;;;;;;;AAMA,QACG,KAAK,YAAY,CACjB,UAAU,IAAI,OAAO,uBAAuB,YAAY,CAAC,IAAI,WAAW,CAAC,CACzE,UACC,IAAI,OAAO,oBAAoB,iBAAiB,CAC7C,IAAI,UAAU,CACd,QAAQ,wBAAwB,CACpC,CACA,UACC,IAAI,OAAO,2BAA2B,wBAAwB,CAC3D,IAAI,iBAAiB,CACrB,QAAQ,wBAAwB,CACpC,CACA,QAAQ,QAAQ;AAYnB,QAAQ,MAAM,QAAQ,KAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/cli",
-  "version": "0.31.2-beta.0",
+  "version": "0.32.0-beta.1",
   "description": "Command line interface for EditFrame",
   "bin": {
     "editframe": "./dist/index.js"
@@ -21,10 +21,10 @@
     "typescript": "^5.5.4"
   },
   "dependencies": {
-    "@editframe/api": "0.31.2-beta.0",
-    "@editframe/assets": "0.31.2-beta.0",
-    "@editframe/elements": "0.31.2-beta.0",
-    "@editframe/vite-plugin": "0.31.2-beta.0",
+    "@editframe/api": "0.32.0-beta.1",
+    "@editframe/assets": "0.32.0-beta.1",
+    "@editframe/elements": "0.32.0-beta.1",
+    "@editframe/vite-plugin": "0.32.0-beta.1",
     "@inquirer/prompts": "^5.3.8",
     "chalk": "^5.3.0",
     "commander": "^12.0.0",