@editframe/cli 0.40.5 → 0.40.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/VERSION.js +1 -1
- package/dist/VERSION.js.map +1 -1
- package/dist/commands/render.js +43 -0
- package/dist/commands/render.js.map +1 -1
- package/package.json +5 -5
package/dist/VERSION.js
CHANGED
package/dist/VERSION.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VERSION.js","names":[],"sources":["../src/VERSION.ts"],"sourcesContent":["export const VERSION = \"0.40.
|
|
1
|
+
{"version":3,"file":"VERSION.js","names":[],"sources":["../src/VERSION.ts"],"sourcesContent":["export const VERSION = \"0.40.6\";\n"],"mappings":";AAAA,MAAa,UAAU"}
|
package/dist/commands/render.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { VERSION } from "../VERSION.js";
|
|
1
2
|
import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.js";
|
|
2
3
|
import { spawnViteServer } from "../utils/spawnViteServer.js";
|
|
3
4
|
import { withProfiling } from "../utils/profileRender.js";
|
|
@@ -10,6 +11,18 @@ import { createWriteStream } from "node:fs";
|
|
|
10
11
|
|
|
11
12
|
//#region src/commands/render.ts
|
|
12
13
|
const log = debug("ef:cli:render");
|
|
14
|
+
async function sendTelemetry(efRenderHost, token, payload) {
|
|
15
|
+
try {
|
|
16
|
+
await fetch(`${efRenderHost}/api/v1/telemetry`, {
|
|
17
|
+
method: "POST",
|
|
18
|
+
headers: {
|
|
19
|
+
"Content-Type": "application/json",
|
|
20
|
+
Authorization: `Bearer ${token}`
|
|
21
|
+
},
|
|
22
|
+
body: JSON.stringify(payload)
|
|
23
|
+
});
|
|
24
|
+
} catch {}
|
|
25
|
+
}
|
|
13
26
|
/**
|
|
14
27
|
* Format milliseconds as MM:SS or HH:MM:SS
|
|
15
28
|
*/
|
|
@@ -22,6 +35,13 @@ function formatTime(ms) {
|
|
|
22
35
|
return `${minutes}:${seconds.toString().padStart(2, "0")}`;
|
|
23
36
|
}
|
|
24
37
|
program.command("render [directory]").description("Render a video composition locally").option("-o, --output <path>", "Output file path", "output.mp4").option("--url <url>", "URL to render (bypasses directory/server startup)").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").option("--experimental-native-render", "Use experimental canvas capture API (faster)").option("--profile", "Enable CPU profiling").option("--profile-output <path>", "Profile output path", "./render-profile.cpuprofile").action(async (directory = ".", options) => {
|
|
38
|
+
const programOpts = program.opts();
|
|
39
|
+
const token = programOpts.token || process.env.EF_TOKEN;
|
|
40
|
+
if (!token) {
|
|
41
|
+
process.stderr.write("Error: API token is required for rendering. Set EF_TOKEN or use --token.\n");
|
|
42
|
+
process.exit(1);
|
|
43
|
+
}
|
|
44
|
+
const efRenderHost = programOpts.efRenderHost || process.env.EF_RENDER_HOST || "https://editframe.com";
|
|
25
45
|
const baseCwd = process.env.ORIGINAL_CWD || process.cwd();
|
|
26
46
|
const outputPath = path.resolve(baseCwd, options.output);
|
|
27
47
|
let renderData;
|
|
@@ -107,9 +127,18 @@ program.command("render [directory]").description("Render a video composition lo
|
|
|
107
127
|
};
|
|
108
128
|
if (fromMs !== void 0) renderOptions.fromMs = fromMs;
|
|
109
129
|
if (toMs !== void 0) renderOptions.toMs = toMs;
|
|
130
|
+
const renderStartTime = Date.now();
|
|
110
131
|
await page.evaluate(async (opts) => {
|
|
111
132
|
await window.EF_RENDER.renderStreaming(opts);
|
|
112
133
|
}, renderOptions);
|
|
134
|
+
const renderDurationMs = Date.now() - renderStartTime;
|
|
135
|
+
const renderInfo = await page.evaluate(async () => {
|
|
136
|
+
try {
|
|
137
|
+
return await window.EF_RENDER.getRenderInfo();
|
|
138
|
+
} catch {
|
|
139
|
+
return null;
|
|
140
|
+
}
|
|
141
|
+
});
|
|
113
142
|
if (lastProgress) {
|
|
114
143
|
const p = lastProgress;
|
|
115
144
|
const renderedTime = formatTime(p.renderedMs);
|
|
@@ -118,6 +147,20 @@ program.command("render [directory]").description("Render a video composition lo
|
|
|
118
147
|
const speed = p.speedMultiplier.toFixed(2);
|
|
119
148
|
progressSpinner.succeed(`Render complete: ${p.currentFrame}/${p.totalFrames} frames | ${renderedTime}/${totalTime} | ${elapsedTime} elapsed | ${speed}x speed`);
|
|
120
149
|
} else progressSpinner.succeed("Render complete");
|
|
150
|
+
sendTelemetry(efRenderHost, token, {
|
|
151
|
+
render_path: "cli",
|
|
152
|
+
duration_ms: renderDurationMs,
|
|
153
|
+
...renderInfo?.width != null && { width: renderInfo.width },
|
|
154
|
+
...renderInfo?.height != null && { height: renderInfo.height },
|
|
155
|
+
...renderInfo?.fps != null && { fps: renderInfo.fps },
|
|
156
|
+
feature_usage: {
|
|
157
|
+
efMediaCount: renderInfo ? Object.keys(renderInfo.assets.efMedia).length : 0,
|
|
158
|
+
efImageCount: renderInfo?.assets.efImage.length ?? 0,
|
|
159
|
+
efCaptionsCount: renderInfo?.assets.efCaptions.length ?? 0,
|
|
160
|
+
efTextCount: 0
|
|
161
|
+
},
|
|
162
|
+
cli_version: VERSION
|
|
163
|
+
});
|
|
121
164
|
} catch (error) {
|
|
122
165
|
progressSpinner.fail("Render failed");
|
|
123
166
|
throw error;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.js","names":["renderData: Record<string, unknown> | undefined","renderUrl: string","viteServer: SpawnedViteServer | null","lastProgress: {\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n speedMultiplier: number;\n } | null","renderOptions: any"],"sources":["../../src/commands/render.ts"],"sourcesContent":["import { readFile, writeFile } from \"node:fs/promises\";\nimport { createWriteStream } from \"node:fs\";\nimport path from \"node:path\";\nimport { program } from \"commander\";\nimport debug from \"debug\";\nimport ora from \"ora\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport {\n spawnViteServer,\n type SpawnedViteServer,\n} from \"../utils/spawnViteServer.js\";\nimport { StreamTargetChunk } from \"mediabunny\";\nimport { withProfiling } from \"../utils/profileRender.js\";\n\ndeclare global {\n interface Window {\n EF_RENDER_DATA: any;\n EF_RENDER: any;\n }\n}\n\nconst log = debug(\"ef:cli:render\");\n\n/**\n * Format milliseconds as MM:SS or HH:MM:SS\n */\nfunction formatTime(ms: number): string {\n const totalSeconds = Math.floor(ms / 1000);\n const hours = Math.floor(totalSeconds / 3600);\n const minutes = Math.floor((totalSeconds % 3600) / 60);\n const seconds = totalSeconds % 60;\n\n if (hours > 0) {\n return `${hours}:${minutes.toString().padStart(2, \"0\")}:${seconds.toString().padStart(2, \"0\")}`;\n }\n return `${minutes}:${seconds.toString().padStart(2, \"0\")}`;\n}\n\nprogram\n .command(\"render [directory]\")\n .description(\"Render a video composition locally\")\n .option(\"-o, --output <path>\", \"Output file path\", \"output.mp4\")\n .option(\"--url <url>\", \"URL to render (bypasses directory/server startup)\")\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 .option(\n \"--experimental-native-render\",\n \"Use experimental canvas capture API (faster)\",\n )\n .option(\"--profile\", \"Enable CPU profiling\")\n .option(\n \"--profile-output <path>\",\n \"Profile output path\",\n \"./render-profile.cpuprofile\",\n )\n .action(async (directory = \".\", options) => {\n // If running from the dev script (via tsx), ORIGINAL_CWD contains the user's actual directory\n const baseCwd = process.env.ORIGINAL_CWD || process.cwd();\n const outputPath = path.resolve(baseCwd, 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 // Single initialization spinner for all setup steps\n const initSpinner = ora(\"Initializing...\").start();\n\n let renderUrl: string;\n let viteServer: SpawnedViteServer | null = null;\n\n try {\n // Determine URL to render\n if (options.url) {\n // Use provided URL directly\n renderUrl = options.url;\n log(\"Using provided URL:\", renderUrl);\n } else {\n // Spawn Vite dev server as subprocess\n // This allows Vite to run with full config resolution (including Tailwind)\n // while we maintain Playwright control for rendering\n const srcDir = path.resolve(baseCwd, directory);\n viteServer = await spawnViteServer(srcDir);\n renderUrl = viteServer.url;\n log(\"Vite server spawned at:\", renderUrl);\n }\n\n // Launch browser and load SDK (all within initialization)\n await launchBrowserAndWaitForSDK(\n {\n url: renderUrl,\n headless: true,\n interactive: false,\n efInteractive: false,\n nativeRender: options.experimentalNativeRender === true,\n profile: options.profile === true,\n profileOutput: options.profileOutput,\n silent: true, // Suppress individual spinners since we show unified \"Initializing...\"\n },\n async (page) => {\n initSpinner.succeed(\"Ready\");\n\n // Now handle the render\n await withProfiling(\n page,\n {\n enabled: options.profile === true,\n outputPath: options.profileOutput,\n },\n async () => {\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(\n \"onRenderChunk\",\n (chunk: StreamTargetChunk) => {\n writeFile(outputPath, chunk.data, { flag: \"a\" });\n chunkCount++;\n totalBytes += chunk.data.length;\n log(\n `Received chunk ${chunkCount}: ${chunk.data.length} bytes (total: ${totalBytes} bytes)`,\n );\n },\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(() =>\n window.EF_RENDER?.isReady(),\n );\n if (!isReady) {\n throw new Error(\n \"Render API is not ready. No ef-timegroup found.\",\n );\n }\n\n // Create progress spinner\n const progressSpinner = ora(\"Rendering video...\").start();\n\n // Track last progress for completion message\n let lastProgress: {\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n speedMultiplier: number;\n } | null = null;\n\n // Expose progress callback\n await page.exposeFunction(\n \"onRenderProgress\",\n (progress: {\n progress: number;\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n estimatedRemainingMs: number;\n speedMultiplier: number;\n }) => {\n const percent = (progress.progress * 100).toFixed(1);\n const renderedTime = formatTime(progress.renderedMs);\n const totalTime = formatTime(progress.totalDurationMs);\n const remainingTime = formatTime(\n progress.estimatedRemainingMs,\n );\n const speed = progress.speedMultiplier.toFixed(2);\n\n progressSpinner.text = `Rendering: ${progress.currentFrame}/${progress.totalFrames} frames (${percent}%) | ${renderedTime}/${totalTime} | ${remainingTime} remaining | ${speed}x speed`;\n\n // Store last progress for completion message\n lastProgress = {\n currentFrame: progress.currentFrame,\n totalFrames: progress.totalFrames,\n renderedMs: progress.renderedMs,\n totalDurationMs: progress.totalDurationMs,\n elapsedMs: progress.elapsedMs,\n speedMultiplier: progress.speedMultiplier,\n };\n },\n );\n\n // Render with streaming\n try {\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 // Build completion message with performance stats\n if (lastProgress) {\n const p = lastProgress as {\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n speedMultiplier: number;\n };\n const renderedTime = formatTime(p.renderedMs);\n const totalTime = formatTime(p.totalDurationMs);\n const elapsedTime = formatTime(p.elapsedMs);\n const speed = p.speedMultiplier.toFixed(2);\n progressSpinner.succeed(\n `Render complete: ${p.currentFrame}/${p.totalFrames} frames | ${renderedTime}/${totalTime} | ${elapsedTime} elapsed | ${speed}x speed`,\n );\n } else {\n progressSpinner.succeed(\"Render complete\");\n }\n } catch (error) {\n progressSpinner.fail(\"Render failed\");\n throw error;\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(\n `Render complete: ${chunkCount} chunks, ${totalBytes} bytes written to ${outputPath}`,\n );\n resolve();\n });\n outputStream.on(\"error\", reject);\n });\n },\n );\n },\n );\n } catch (error) {\n initSpinner.fail(\"Initialization failed\");\n throw error;\n }\n\n // Clean up spawned Vite process\n if (viteServer) {\n viteServer.kill();\n log(\"Vite server stopped\");\n }\n\n process.stderr.write(`\\nRender complete: ${outputPath}\\n`);\n });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"render.js","names":["token: string | undefined","efRenderHost: string","renderData: Record<string, unknown> | undefined","renderUrl: string","viteServer: SpawnedViteServer | null","lastProgress: {\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n speedMultiplier: number;\n } | null","renderOptions: any"],"sources":["../../src/commands/render.ts"],"sourcesContent":["import { readFile, writeFile } from \"node:fs/promises\";\nimport { createWriteStream } from \"node:fs\";\nimport path from \"node:path\";\nimport { program } from \"commander\";\nimport debug from \"debug\";\nimport ora from \"ora\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport {\n spawnViteServer,\n type SpawnedViteServer,\n} from \"../utils/spawnViteServer.js\";\nimport { StreamTargetChunk } from \"mediabunny\";\nimport { withProfiling } from \"../utils/profileRender.js\";\nimport { VERSION } from \"../VERSION.js\";\n\ndeclare global {\n interface Window {\n EF_RENDER_DATA: any;\n EF_RENDER: any;\n }\n}\n\nconst log = debug(\"ef:cli:render\");\n\nasync function sendTelemetry(\n efRenderHost: string,\n token: string,\n payload: Record<string, unknown>,\n): Promise<void> {\n try {\n await fetch(`${efRenderHost}/api/v1/telemetry`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(payload),\n });\n } catch {\n // Telemetry must never fail the render — swallow all errors.\n }\n}\n\n/**\n * Format milliseconds as MM:SS or HH:MM:SS\n */\nfunction formatTime(ms: number): string {\n const totalSeconds = Math.floor(ms / 1000);\n const hours = Math.floor(totalSeconds / 3600);\n const minutes = Math.floor((totalSeconds % 3600) / 60);\n const seconds = totalSeconds % 60;\n\n if (hours > 0) {\n return `${hours}:${minutes.toString().padStart(2, \"0\")}:${seconds.toString().padStart(2, \"0\")}`;\n }\n return `${minutes}:${seconds.toString().padStart(2, \"0\")}`;\n}\n\nprogram\n .command(\"render [directory]\")\n .description(\"Render a video composition locally\")\n .option(\"-o, --output <path>\", \"Output file path\", \"output.mp4\")\n .option(\"--url <url>\", \"URL to render (bypasses directory/server startup)\")\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 .option(\n \"--experimental-native-render\",\n \"Use experimental canvas capture API (faster)\",\n )\n .option(\"--profile\", \"Enable CPU profiling\")\n .option(\n \"--profile-output <path>\",\n \"Profile output path\",\n \"./render-profile.cpuprofile\",\n )\n .action(async (directory = \".\", options) => {\n const programOpts = program.opts();\n const token: string | undefined = programOpts.token || process.env.EF_TOKEN;\n if (!token) {\n process.stderr.write(\n \"Error: API token is required for rendering. Set EF_TOKEN or use --token.\\n\",\n );\n process.exit(1);\n }\n const efRenderHost: string =\n programOpts.efRenderHost ||\n process.env.EF_RENDER_HOST ||\n \"https://editframe.com\";\n\n // If running from the dev script (via tsx), ORIGINAL_CWD contains the user's actual directory\n const baseCwd = process.env.ORIGINAL_CWD || process.cwd();\n const outputPath = path.resolve(baseCwd, 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 // Single initialization spinner for all setup steps\n const initSpinner = ora(\"Initializing...\").start();\n\n let renderUrl: string;\n let viteServer: SpawnedViteServer | null = null;\n\n try {\n // Determine URL to render\n if (options.url) {\n // Use provided URL directly\n renderUrl = options.url;\n log(\"Using provided URL:\", renderUrl);\n } else {\n // Spawn Vite dev server as subprocess\n // This allows Vite to run with full config resolution (including Tailwind)\n // while we maintain Playwright control for rendering\n const srcDir = path.resolve(baseCwd, directory);\n viteServer = await spawnViteServer(srcDir);\n renderUrl = viteServer.url;\n log(\"Vite server spawned at:\", renderUrl);\n }\n\n // Launch browser and load SDK (all within initialization)\n await launchBrowserAndWaitForSDK(\n {\n url: renderUrl,\n headless: true,\n interactive: false,\n efInteractive: false,\n nativeRender: options.experimentalNativeRender === true,\n profile: options.profile === true,\n profileOutput: options.profileOutput,\n silent: true, // Suppress individual spinners since we show unified \"Initializing...\"\n },\n async (page) => {\n initSpinner.succeed(\"Ready\");\n\n // Now handle the render\n await withProfiling(\n page,\n {\n enabled: options.profile === true,\n outputPath: options.profileOutput,\n },\n async () => {\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(\n \"onRenderChunk\",\n (chunk: StreamTargetChunk) => {\n writeFile(outputPath, chunk.data, { flag: \"a\" });\n chunkCount++;\n totalBytes += chunk.data.length;\n log(\n `Received chunk ${chunkCount}: ${chunk.data.length} bytes (total: ${totalBytes} bytes)`,\n );\n },\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(() =>\n window.EF_RENDER?.isReady(),\n );\n if (!isReady) {\n throw new Error(\n \"Render API is not ready. No ef-timegroup found.\",\n );\n }\n\n // Create progress spinner\n const progressSpinner = ora(\"Rendering video...\").start();\n\n // Track last progress for completion message\n let lastProgress: {\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n speedMultiplier: number;\n } | null = null;\n\n // Expose progress callback\n await page.exposeFunction(\n \"onRenderProgress\",\n (progress: {\n progress: number;\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n estimatedRemainingMs: number;\n speedMultiplier: number;\n }) => {\n const percent = (progress.progress * 100).toFixed(1);\n const renderedTime = formatTime(progress.renderedMs);\n const totalTime = formatTime(progress.totalDurationMs);\n const remainingTime = formatTime(\n progress.estimatedRemainingMs,\n );\n const speed = progress.speedMultiplier.toFixed(2);\n\n progressSpinner.text = `Rendering: ${progress.currentFrame}/${progress.totalFrames} frames (${percent}%) | ${renderedTime}/${totalTime} | ${remainingTime} remaining | ${speed}x speed`;\n\n // Store last progress for completion message\n lastProgress = {\n currentFrame: progress.currentFrame,\n totalFrames: progress.totalFrames,\n renderedMs: progress.renderedMs,\n totalDurationMs: progress.totalDurationMs,\n elapsedMs: progress.elapsedMs,\n speedMultiplier: progress.speedMultiplier,\n };\n },\n );\n\n // Render with streaming\n try {\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 const renderStartTime = Date.now();\n await page.evaluate(async (opts) => {\n await window.EF_RENDER!.renderStreaming(opts);\n }, renderOptions);\n const renderDurationMs = Date.now() - renderStartTime;\n\n // Collect render info for telemetry\n const renderInfo = await page.evaluate(async () => {\n try {\n return await window.EF_RENDER!.getRenderInfo();\n } catch {\n return null;\n }\n });\n\n // Build completion message with performance stats\n if (lastProgress) {\n const p = lastProgress as {\n currentFrame: number;\n totalFrames: number;\n renderedMs: number;\n totalDurationMs: number;\n elapsedMs: number;\n speedMultiplier: number;\n };\n const renderedTime = formatTime(p.renderedMs);\n const totalTime = formatTime(p.totalDurationMs);\n const elapsedTime = formatTime(p.elapsedMs);\n const speed = p.speedMultiplier.toFixed(2);\n progressSpinner.succeed(\n `Render complete: ${p.currentFrame}/${p.totalFrames} frames | ${renderedTime}/${totalTime} | ${elapsedTime} elapsed | ${speed}x speed`,\n );\n } else {\n progressSpinner.succeed(\"Render complete\");\n }\n\n // Send telemetry (fire-and-forget)\n void sendTelemetry(efRenderHost, token!, {\n render_path: \"cli\",\n duration_ms: renderDurationMs,\n ...(renderInfo?.width != null && { width: renderInfo.width }),\n ...(renderInfo?.height != null && {\n height: renderInfo.height,\n }),\n ...(renderInfo?.fps != null && { fps: renderInfo.fps }),\n feature_usage: {\n efMediaCount: renderInfo\n ? Object.keys(renderInfo.assets.efMedia).length\n : 0,\n efImageCount: renderInfo?.assets.efImage.length ?? 0,\n efCaptionsCount: renderInfo?.assets.efCaptions.length ?? 0,\n efTextCount: 0,\n },\n cli_version: VERSION,\n });\n } catch (error) {\n progressSpinner.fail(\"Render failed\");\n throw error;\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(\n `Render complete: ${chunkCount} chunks, ${totalBytes} bytes written to ${outputPath}`,\n );\n resolve();\n });\n outputStream.on(\"error\", reject);\n });\n },\n );\n },\n );\n } catch (error) {\n initSpinner.fail(\"Initialization failed\");\n throw error;\n }\n\n // Clean up spawned Vite process\n if (viteServer) {\n viteServer.kill();\n log(\"Vite server stopped\");\n }\n\n process.stderr.write(`\\nRender complete: ${outputPath}\\n`);\n });\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@editframe/cli",
|
|
3
|
-
"version": "0.40.
|
|
3
|
+
"version": "0.40.6",
|
|
4
4
|
"description": "Command line interface for EditFrame",
|
|
5
5
|
"bin": {
|
|
6
6
|
"editframe": "./dist/index.js"
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
"typescript": "^5.9.3"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@editframe/api": "0.40.
|
|
26
|
-
"@editframe/assets": "0.40.
|
|
27
|
-
"@editframe/elements": "0.40.
|
|
28
|
-
"@editframe/vite-plugin": "0.40.
|
|
25
|
+
"@editframe/api": "0.40.6",
|
|
26
|
+
"@editframe/assets": "0.40.6",
|
|
27
|
+
"@editframe/elements": "0.40.6",
|
|
28
|
+
"@editframe/vite-plugin": "0.40.6",
|
|
29
29
|
"@inquirer/prompts": "^7.0.0",
|
|
30
30
|
"chalk": "^5.3.0",
|
|
31
31
|
"commander": "^12.0.0",
|