@editframe/cli 0.37.3-beta → 0.38.1

package/dist/VERSION.js

@@ -1,5 +1,5 @@
 //#region src/VERSION.ts
-const VERSION = "0.37.3-beta";
+const VERSION = "0.38.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.37.3-beta\";\n"],"mappings":";AAAA,MAAa,UAAU"}
+{"version":3,"file":"VERSION.js","names":[],"sources":["../src/VERSION.ts"],"sourcesContent":["export const VERSION = \"0.38.1\";\n"],"mappings":";AAAA,MAAa,UAAU"}

package/dist/commands/cloud-render.js

@@ -16,7 +16,7 @@ import { PassThrough } from "node:stream";
 import { md5Directory, md5FilePath } from "@editframe/assets";
 import { spawnSync } from "node:child_process";
 import { inspect } from "node:util";
-import { RenderInfo, getRenderInfo } from "@editframe/elements/node";
+import { RenderInfoSchema, getRenderInfo } from "@editframe/elements/node";
 import { parse } from "node-html-parser";
 import * as tar from "tar";
 
@@ -63,18 +63,18 @@ program.command("cloud-render [directory]").description("Render a directory's in
 		interactive: false,
 		headless: true
 	}, async (page) => {
-		const renderInfo = RenderInfo.parse(await page.evaluate(getRenderInfo));
+		const renderInfo = RenderInfoSchema.parse(await page.evaluate(getRenderInfo));
 		validateVideoResolution({
 			width: renderInfo.width,
 			height: renderInfo.height
 		});
 		await processRenderInfo(renderInfo);
 		const doc = parse(await readFile(path.join(distDir, "index.html"), "utf-8"));
-		log("Building asset IDs");
+		log("Building file IDs");
 		for (const element of doc.querySelectorAll("ef-image, ef-audio, ef-video")) {
 			log(`Processing ${element.tagName}`);
-			if (element.hasAttribute("asset-id")) {
-				log(`Asset ID for ${element.tagName} ${element.getAttribute("src")} is ${element.getAttribute("asset-id")}`);
+			if (element.hasAttribute("file-id") || element.hasAttribute("asset-id")) {
+				log(`File ID for ${element.tagName} ${element.getAttribute("src")} is ${element.getAttribute("file-id") || element.getAttribute("asset-id")}`);
 				continue;
 			}
 			const src = element.getAttribute("src");
@@ -84,11 +84,11 @@ program.command("cloud-render [directory]").description("Render a directory's in
 			}
 			switch (element.tagName) {
 				case "EF-IMAGE":
-					element.setAttribute("asset-id", await buildAssetId(srcDir, src, basename(src)));
+					element.setAttribute("file-id", await buildAssetId(srcDir, src, basename(src)));
 					break;
 				case "EF-AUDIO":
 				case "EF-VIDEO":
-					element.setAttribute("asset-id", await buildAssetId(srcDir, src, "isobmff"));
+					element.setAttribute("file-id", await buildAssetId(srcDir, src, "isobmff"));
 					break;
 				default: log(`Unknown element type: ${element.tagName}`);
 			}

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

@@ -1 +1 @@
-{"version":3,"file":"cloud-render.js","names":["basename","parseHTML"],"sources":["../../src/commands/cloud-render.ts"],"sourcesContent":["import { spawnSync } from \"node:child_process\";\nimport { readFile, writeFile } from \"node:fs/promises\";\nimport path, { basename, join } from \"node:path\";\nimport { PassThrough } from \"node:stream\";\nimport { inspect } from \"node:util\";\nimport { createRender, uploadRender } from \"@editframe/api\";\nimport { md5Directory, md5FilePath } from \"@editframe/assets\";\nimport { getRenderInfo, RenderInfo } from \"@editframe/elements/node\";\nimport { Option, program } from \"commander\";\nimport debug from \"debug\";\nimport { parse as parseHTML } from \"node-html-parser\";\nimport * as tar from \"tar\";\nimport { processRenderInfo } from \"../operations/processRenderInfo.js\";\nimport { SyncStatus } from \"../operations/syncAssetsDirectory/SyncStatus.js\";\nimport { syncAssetDirectory } from \"../operations/syncAssetsDirectory.js\";\nimport { createReadableStreamFromReadable } from \"../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../utils/index.js\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport { PreviewServer } from \"../utils/startPreviewServer.js\";\nimport { validateVideoResolution } from \"../utils/validateVideoResolution.js\";\nimport { withSpinner } from \"../utils/withSpinner.js\";\n\nconst log = debug(\"ef:cli:render\");\n\nexport const buildAssetId = async (\n  srcDir: string,\n  src: string,\n  basename: string,\n) => {\n  log(`Building image asset id for ${src}\\n`);\n  const assetPath = path.join(srcDir, src);\n  const assetMd5 = await md5FilePath(assetPath);\n  const syncStatus = new SyncStatus(\n    join(srcDir, \"assets\", \".cache\", assetMd5, basename),\n  );\n  const info = await syncStatus.readInfo();\n  if (!info) {\n    throw new Error(`SyncStatus info is not found for ${syncStatus.infoPath}`);\n  }\n\n  return info.id;\n};\n\nprogram\n  .command(\"cloud-render [directory]\")\n  .description(\n    \"Render a directory's index.html file as a video in the editframe cloud\",\n  )\n  .addOption(\n    new Option(\"-s, --strategy <strategy>\", \"Render strategy\")\n      .choices([\"v1\"])\n      .default(\"v1\"),\n  )\n  .action(async (directory, options) => {\n    directory ??= \".\";\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 resolvedDirectory = path.resolve(baseCwd, directory);\n\n    await syncAssetDirectory(\n      join(resolvedDirectory, \"src\", \"assets\", \".cache\"),\n    );\n\n    const srcDir = path.join(resolvedDirectory, \"src\");\n    const distDir = path.join(resolvedDirectory, \"dist\");\n    await withSpinner(\"Building\\n\", async () => {\n      try {\n        await withSpinner(\"Building\\n\", async () => {\n          spawnSync(\n            \"npx\",\n            // biome-ignore format: Grouping CLI arguments\n            [\n              \"vite\",\n              \"build\",\n              resolvedDirectory,\n              \"--clearScreen\",\n              \"false\",\n              \"--logLevel\",\n              \"debug\",\n            ],\n            {\n              stdio: \"inherit\",\n            },\n          );\n        });\n      } catch (error) {\n        console.error(\"Build failed:\", error);\n      }\n    });\n\n    const previewServer = await PreviewServer.start(distDir);\n    process.stderr.write(\"Preview server started at:\");\n    process.stderr.write(previewServer.url);\n    process.stderr.write(\"\\n\");\n    await launchBrowserAndWaitForSDK(\n      {\n        url: previewServer.url,\n        efInteractive: false,\n        interactive: false,\n        headless: true,\n      },\n      async (page) => {\n        const renderInfo = RenderInfo.parse(await page.evaluate(getRenderInfo));\n\n        validateVideoResolution({\n          width: renderInfo.width,\n          height: renderInfo.height,\n        });\n\n        await processRenderInfo(renderInfo);\n\n        const doc = parseHTML(\n          await readFile(path.join(distDir, \"index.html\"), \"utf-8\"),\n        );\n\n        log(\"Building asset IDs\");\n        for (const element of doc.querySelectorAll(\n          \"ef-image, ef-audio, ef-video\",\n        )) {\n          log(`Processing ${element.tagName}`);\n          if (element.hasAttribute(\"asset-id\")) {\n            log(\n              `Asset ID for ${element.tagName} ${element.getAttribute(\"src\")} is ${element.getAttribute(\"asset-id\")}`,\n            );\n            continue;\n          }\n          const src = element.getAttribute(\"src\");\n          if (!src) {\n            log(`No src attribute for ${element.tagName}`);\n            continue;\n          }\n\n          switch (element.tagName) {\n            case \"EF-IMAGE\":\n              element.setAttribute(\n                \"asset-id\",\n                await buildAssetId(srcDir, src, basename(src)),\n              );\n              break;\n            case \"EF-AUDIO\":\n            case \"EF-VIDEO\":\n              element.setAttribute(\n                \"asset-id\",\n                await buildAssetId(srcDir, src, \"isobmff\"),\n              );\n              break;\n            default:\n              log(`Unknown element type: ${element.tagName}`);\n          }\n        }\n\n        await writeFile(path.join(distDir, \"index.html\"), doc.toString());\n\n        const md5 = await md5Directory(distDir);\n        const render = await createRender(getClient(), {\n          md5,\n          width: renderInfo.width,\n          height: renderInfo.height,\n          fps: renderInfo.fps,\n          duration_ms: renderInfo.durationMs,\n          work_slice_ms: 4_000,\n          strategy: options.strategy,\n        });\n        if (render?.status !== \"created\") {\n          process.stderr.write(\n            `Render is in '${render?.status}' status. It cannot be recreated while in this status.\\n`,\n          );\n          return;\n        }\n        /**\n         * This tar stream is created with the dist directory as the root.\n         * This is acheived by setting the cwd option to the dist directory.\n         * And the files to be included in the tar stream are all files in the dist directory.\n         *\n         * The renderer expects to find the index.html file at the root of the tar stream.\n         */\n        const tarStream = tar.create(\n          {\n            gzip: true,\n            cwd: distDir,\n          },\n          [\".\"],\n        );\n        const readable = new PassThrough();\n        tarStream.pipe(readable);\n\n        await uploadRender(\n          getClient(),\n          render.id,\n          createReadableStreamFromReadable(readable),\n        );\n        process.stderr.write(\"Render assets uploaded\\n\");\n        process.stderr.write(inspect(render));\n        process.stderr.write(\"\\n\");\n      },\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"cloud-render.js","names":["basename","parseHTML"],"sources":["../../src/commands/cloud-render.ts"],"sourcesContent":["import { spawnSync } from \"node:child_process\";\nimport { readFile, writeFile } from \"node:fs/promises\";\nimport path, { basename, join } from \"node:path\";\nimport { PassThrough } from \"node:stream\";\nimport { inspect } from \"node:util\";\nimport { createRender, uploadRender } from \"@editframe/api\";\nimport { md5Directory, md5FilePath } from \"@editframe/assets\";\nimport { getRenderInfo, RenderInfoSchema } from \"@editframe/elements/node\";\nimport { Option, program } from \"commander\";\nimport debug from \"debug\";\nimport { parse as parseHTML } from \"node-html-parser\";\nimport * as tar from \"tar\";\nimport { processRenderInfo } from \"../operations/processRenderInfo.js\";\nimport { SyncStatus } from \"../operations/syncAssetsDirectory/SyncStatus.js\";\nimport { syncAssetDirectory } from \"../operations/syncAssetsDirectory.js\";\nimport { createReadableStreamFromReadable } from \"../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../utils/index.js\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport { PreviewServer } from \"../utils/startPreviewServer.js\";\nimport { validateVideoResolution } from \"../utils/validateVideoResolution.js\";\nimport { withSpinner } from \"../utils/withSpinner.js\";\n\nconst log = debug(\"ef:cli:render\");\n\nexport const buildAssetId = async (\n  srcDir: string,\n  src: string,\n  basename: string,\n) => {\n  log(`Building image asset id for ${src}\\n`);\n  const assetPath = path.join(srcDir, src);\n  const assetMd5 = await md5FilePath(assetPath);\n  const syncStatus = new SyncStatus(\n    join(srcDir, \"assets\", \".cache\", assetMd5, basename),\n  );\n  const info = await syncStatus.readInfo();\n  if (!info) {\n    throw new Error(`SyncStatus info is not found for ${syncStatus.infoPath}`);\n  }\n\n  return info.id;\n};\n\nprogram\n  .command(\"cloud-render [directory]\")\n  .description(\n    \"Render a directory's index.html file as a video in the editframe cloud\",\n  )\n  .addOption(\n    new Option(\"-s, --strategy <strategy>\", \"Render strategy\")\n      .choices([\"v1\"])\n      .default(\"v1\"),\n  )\n  .action(async (directory, options) => {\n    directory ??= \".\";\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 resolvedDirectory = path.resolve(baseCwd, directory);\n\n    await syncAssetDirectory(\n      join(resolvedDirectory, \"src\", \"assets\", \".cache\"),\n    );\n\n    const srcDir = path.join(resolvedDirectory, \"src\");\n    const distDir = path.join(resolvedDirectory, \"dist\");\n    await withSpinner(\"Building\\n\", async () => {\n      try {\n        await withSpinner(\"Building\\n\", async () => {\n          spawnSync(\n            \"npx\",\n            // biome-ignore format: Grouping CLI arguments\n            [\n              \"vite\",\n              \"build\",\n              resolvedDirectory,\n              \"--clearScreen\",\n              \"false\",\n              \"--logLevel\",\n              \"debug\",\n            ],\n            {\n              stdio: \"inherit\",\n            },\n          );\n        });\n      } catch (error) {\n        console.error(\"Build failed:\", error);\n      }\n    });\n\n    const previewServer = await PreviewServer.start(distDir);\n    process.stderr.write(\"Preview server started at:\");\n    process.stderr.write(previewServer.url);\n    process.stderr.write(\"\\n\");\n    await launchBrowserAndWaitForSDK(\n      {\n        url: previewServer.url,\n        efInteractive: false,\n        interactive: false,\n        headless: true,\n      },\n      async (page) => {\n        const renderInfo = RenderInfoSchema.parse(\n          await page.evaluate(getRenderInfo),\n        );\n\n        validateVideoResolution({\n          width: renderInfo.width,\n          height: renderInfo.height,\n        });\n\n        await processRenderInfo(renderInfo);\n\n        const doc = parseHTML(\n          await readFile(path.join(distDir, \"index.html\"), \"utf-8\"),\n        );\n\n        log(\"Building file IDs\");\n        for (const element of doc.querySelectorAll(\n          \"ef-image, ef-audio, ef-video\",\n        )) {\n          log(`Processing ${element.tagName}`);\n          if (\n            element.hasAttribute(\"file-id\") ||\n            element.hasAttribute(\"asset-id\")\n          ) {\n            log(\n              `File ID for ${element.tagName} ${element.getAttribute(\"src\")} is ${element.getAttribute(\"file-id\") || element.getAttribute(\"asset-id\")}`,\n            );\n            continue;\n          }\n          const src = element.getAttribute(\"src\");\n          if (!src) {\n            log(`No src attribute for ${element.tagName}`);\n            continue;\n          }\n\n          switch (element.tagName) {\n            case \"EF-IMAGE\":\n              element.setAttribute(\n                \"file-id\",\n                await buildAssetId(srcDir, src, basename(src)),\n              );\n              break;\n            case \"EF-AUDIO\":\n            case \"EF-VIDEO\":\n              element.setAttribute(\n                \"file-id\",\n                await buildAssetId(srcDir, src, \"isobmff\"),\n              );\n              break;\n            default:\n              log(`Unknown element type: ${element.tagName}`);\n          }\n        }\n\n        await writeFile(path.join(distDir, \"index.html\"), doc.toString());\n\n        const md5 = await md5Directory(distDir);\n        const render = await createRender(getClient(), {\n          md5,\n          width: renderInfo.width,\n          height: renderInfo.height,\n          fps: renderInfo.fps,\n          duration_ms: renderInfo.durationMs,\n          work_slice_ms: 4_000,\n          strategy: options.strategy,\n        });\n        if (render?.status !== \"created\") {\n          process.stderr.write(\n            `Render is in '${render?.status}' status. It cannot be recreated while in this status.\\n`,\n          );\n          return;\n        }\n        /**\n         * This tar stream is created with the dist directory as the root.\n         * This is acheived by setting the cwd option to the dist directory.\n         * And the files to be included in the tar stream are all files in the dist directory.\n         *\n         * The renderer expects to find the index.html file at the root of the tar stream.\n         */\n        const tarStream = tar.create(\n          {\n            gzip: true,\n            cwd: distDir,\n          },\n          [\".\"],\n        );\n        const readable = new PassThrough();\n        tarStream.pipe(readable);\n\n        await uploadRender(\n          getClient(),\n          render.id,\n          createReadableStreamFromReadable(readable),\n        );\n        process.stderr.write(\"Render assets uploaded\\n\");\n        process.stderr.write(inspect(render));\n        process.stderr.write(\"\\n\");\n      },\n    );\n  });\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,MAAM,MAAM,gBAAgB;AAElC,MAAa,eAAe,OAC1B,QACA,KACA,eACG;AACH,KAAI,+BAA+B,IAAI,IAAI;CAG3C,MAAM,aAAa,IAAI,WACrB,KAAK,QAAQ,UAAU,UAFR,MAAM,YADL,KAAK,KAAK,QAAQ,IAAI,CACK,EAEAA,WAAS,CACrD;CACD,MAAM,OAAO,MAAM,WAAW,UAAU;AACxC,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,oCAAoC,WAAW,WAAW;AAG5E,QAAO,KAAK;;AAGd,QACG,QAAQ,2BAA2B,CACnC,YACC,yEACD,CACA,UACC,IAAI,OAAO,6BAA6B,kBAAkB,CACvD,QAAQ,CAAC,KAAK,CAAC,CACf,QAAQ,KAAK,CACjB,CACA,OAAO,OAAO,WAAW,YAAY;AACpC,eAAc;CAGd,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;CACzD,MAAM,oBAAoB,KAAK,QAAQ,SAAS,UAAU;AAE1D,OAAM,mBACJ,KAAK,mBAAmB,OAAO,UAAU,SAAS,CACnD;CAED,MAAM,SAAS,KAAK,KAAK,mBAAmB,MAAM;CAClD,MAAM,UAAU,KAAK,KAAK,mBAAmB,OAAO;AACpD,OAAM,YAAY,cAAc,YAAY;AAC1C,MAAI;AACF,SAAM,YAAY,cAAc,YAAY;AAC1C,cACE,OAEA;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACD,EACD,EACE,OAAO,WACR,CACF;KACD;WACK,OAAO;AACd,WAAQ,MAAM,iBAAiB,MAAM;;GAEvC;CAEF,MAAM,gBAAgB,MAAM,cAAc,MAAM,QAAQ;AACxD,SAAQ,OAAO,MAAM,6BAA6B;AAClD,SAAQ,OAAO,MAAM,cAAc,IAAI;AACvC,SAAQ,OAAO,MAAM,KAAK;AAC1B,OAAM,2BACJ;EACE,KAAK,cAAc;EACnB,eAAe;EACf,aAAa;EACb,UAAU;EACX,EACD,OAAO,SAAS;EACd,MAAM,aAAa,iBAAiB,MAClC,MAAM,KAAK,SAAS,cAAc,CACnC;AAED,0BAAwB;GACtB,OAAO,WAAW;GAClB,QAAQ,WAAW;GACpB,CAAC;AAEF,QAAM,kBAAkB,WAAW;EAEnC,MAAM,MAAMC,MACV,MAAM,SAAS,KAAK,KAAK,SAAS,aAAa,EAAE,QAAQ,CAC1D;AAED,MAAI,oBAAoB;AACxB,OAAK,MAAM,WAAW,IAAI,iBACxB,+BACD,EAAE;AACD,OAAI,cAAc,QAAQ,UAAU;AACpC,OACE,QAAQ,aAAa,UAAU,IAC/B,QAAQ,aAAa,WAAW,EAChC;AACA,QACE,eAAe,QAAQ,QAAQ,GAAG,QAAQ,aAAa,MAAM,CAAC,MAAM,QAAQ,aAAa,UAAU,IAAI,QAAQ,aAAa,WAAW,GACxI;AACD;;GAEF,MAAM,MAAM,QAAQ,aAAa,MAAM;AACvC,OAAI,CAAC,KAAK;AACR,QAAI,wBAAwB,QAAQ,UAAU;AAC9C;;AAGF,WAAQ,QAAQ,SAAhB;IACE,KAAK;AACH,aAAQ,aACN,WACA,MAAM,aAAa,QAAQ,KAAK,SAAS,IAAI,CAAC,CAC/C;AACD;IACF,KAAK;IACL,KAAK;AACH,aAAQ,aACN,WACA,MAAM,aAAa,QAAQ,KAAK,UAAU,CAC3C;AACD;IACF,QACE,KAAI,yBAAyB,QAAQ,UAAU;;;AAIrD,QAAM,UAAU,KAAK,KAAK,SAAS,aAAa,EAAE,IAAI,UAAU,CAAC;EAEjE,MAAM,MAAM,MAAM,aAAa,QAAQ;EACvC,MAAM,SAAS,MAAM,aAAa,WAAW,EAAE;GAC7C;GACA,OAAO,WAAW;GAClB,QAAQ,WAAW;GACnB,KAAK,WAAW;GAChB,aAAa,WAAW;GACxB,eAAe;GACf,UAAU,QAAQ;GACnB,CAAC;AACF,MAAI,QAAQ,WAAW,WAAW;AAChC,WAAQ,OAAO,MACb,iBAAiB,QAAQ,OAAO,0DACjC;AACD;;;;;;;;;EASF,MAAM,YAAY,IAAI,OACpB;GACE,MAAM;GACN,KAAK;GACN,EACD,CAAC,IAAI,CACN;EACD,MAAM,WAAW,IAAI,aAAa;AAClC,YAAU,KAAK,SAAS;AAExB,QAAM,aACJ,WAAW,EACX,OAAO,IACP,iCAAiC,SAAS,CAC3C;AACD,UAAQ,OAAO,MAAM,2BAA2B;AAChD,UAAQ,OAAO,MAAM,QAAQ,OAAO,CAAC;AACrC,UAAQ,OAAO,MAAM,KAAK;GAE7B;EACD"}

package/dist/commands/preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview.js","names":[],"sources":["../../src/commands/preview.ts"],"sourcesContent":["import path from \"node:path\";\nimport { spawn } from \"node:child_process\";\nimport { program } from \"commander\";\n\nprogram\n  .command(\"preview [directory]\")\n  .description(\"Preview a directory's index.html file\")\n  .action(async (projectDirectory = \".\") => {\n    // If running from the dev script (via tsx), ORIGINAL_CWD contains the user's actual directory\n    // Resolve projectDirectory relative to where the user actually ran the command\n    const baseCwd = process.env.ORIGINAL_CWD || process.cwd();\n    const resolvedProjectDir = path.resolve(baseCwd, projectDirectory);\n    \n    spawn(\"npx\", [\"vite\", \"dev\"], { \n      cwd: resolvedProjectDir, \n      stdio: \"inherit\" \n    });\n  });\n"],"mappings":";;;;;AAIA,QACG,QAAQ,sBAAsB,CAC9B,YAAY,wCAAwC,CACpD,OAAO,OAAO,mBAAmB,QAAQ;CAGxC,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;AAGzD,OAAM,OAAO,CAAC,QAAQ,MAAM,EAAE;EAC5B,KAHyB,KAAK,QAAQ,SAAS,iBAAiB;EAIhE,OAAO;EACR,CAAC;EACF"}
+{"version":3,"file":"preview.js","names":[],"sources":["../../src/commands/preview.ts"],"sourcesContent":["import path from \"node:path\";\nimport { spawn } from \"node:child_process\";\nimport { program } from \"commander\";\n\nprogram\n  .command(\"preview [directory]\")\n  .description(\"Preview a directory's index.html file\")\n  .action(async (projectDirectory = \".\") => {\n    // If running from the dev script (via tsx), ORIGINAL_CWD contains the user's actual directory\n    // Resolve projectDirectory relative to where the user actually ran the command\n    const baseCwd = process.env.ORIGINAL_CWD || process.cwd();\n    const resolvedProjectDir = path.resolve(baseCwd, projectDirectory);\n\n    spawn(\"npx\", [\"vite\", \"dev\"], {\n      cwd: resolvedProjectDir,\n      stdio: \"inherit\",\n    });\n  });\n"],"mappings":";;;;;AAIA,QACG,QAAQ,sBAAsB,CAC9B,YAAY,wCAAwC,CACpD,OAAO,OAAO,mBAAmB,QAAQ;CAGxC,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;AAGzD,OAAM,OAAO,CAAC,QAAQ,MAAM,EAAE;EAC5B,KAHyB,KAAK,QAAQ,SAAS,iBAAiB;EAIhE,OAAO;EACR,CAAC;EACF"}

package/dist/commands/process-file.js

@@ -1,26 +1,28 @@
 import { getClient } from "../utils/index.js";
-import { withSpinner } from "../utils/withSpinner.js";
 import { program } from "commander";
 import ora from "ora";
-import { createUnprocessedFileFromPath, getIsobmffProcessInfo, getIsobmffProcessProgress, processIsobmffFile, uploadUnprocessedFile } from "@editframe/api/node";
+import { getFileDetail, getFileProcessingProgress, upload } from "@editframe/api/node";
 
 //#region src/commands/process-file.ts
 program.command("process-file <file>").description("Upload a audio/video to Editframe for processing.").action(async (path) => {
 	const client = getClient();
-	const unprocessedFile = await withSpinner("Creating unprocessed file record", () => createUnprocessedFileFromPath(client, path));
-	const upload = await uploadUnprocessedFile(client, unprocessedFile, path);
-	const uploadSpinner = ora("Uploading file");
-	for await (const event of upload) uploadSpinner.text = `Uploading file: ${(100 * event.progress).toFixed(2)}%`;
+	const uploadSpinner = ora("Creating file and uploading").start();
+	const { file, uploadIterator } = await upload(client, path);
+	for await (const event of uploadIterator) uploadSpinner.text = `Uploading file: ${(100 * event.progress).toFixed(2)}%`;
 	uploadSpinner.succeed("Upload complete");
-	const processorRecord = await withSpinner("Marking for processing", async () => await processIsobmffFile(client, unprocessedFile.id));
+	if (file.type !== "video") {
+		console.log(`File type "${file.type}" does not require processing.`);
+		console.log("File ID:", file.id);
+		return;
+	}
 	const processSpinner = ora("Waiting for processing to complete");
 	processSpinner.start();
-	const progress = await getIsobmffProcessProgress(client, processorRecord.id);
+	const progress = await getFileProcessingProgress(client, file.id);
 	for await (const event of progress) if (event.type === "progress") processSpinner.text = `Processing: ${(100 * event.data.progress).toFixed(2)}%`;
 	else if (event.type === "complete") processSpinner.succeed("Processing complete");
-	const info = await getIsobmffProcessInfo(client, processorRecord.id);
+	const detail = await getFileDetail(client, file.id);
 	console.log("Processed file info");
-	console.log(info);
+	console.log(detail);
 });
 
 //#endregion

package/dist/commands/process-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"process-file.js","names":[],"sources":["../../src/commands/process-file.ts"],"sourcesContent":["import {\n  createUnprocessedFileFromPath,\n  getIsobmffProcessInfo,\n  getIsobmffProcessProgress,\n  processIsobmffFile,\n  uploadUnprocessedFile,\n} from \"@editframe/api/node\";\nimport { program } from \"commander\";\nimport ora from \"ora\";\nimport { getClient } from \"../utils/index.js\";\nimport { withSpinner } from \"../utils/withSpinner.js\";\n\nprogram\n  .command(\"process-file <file>\")\n  .description(\"Upload a audio/video to Editframe for processing.\")\n  .action(async (path: string) => {\n    const client = getClient();\n\n    const unprocessedFile = await withSpinner(\n      \"Creating unprocessed file record\",\n      () => createUnprocessedFileFromPath(client, path),\n    );\n\n    const upload = await uploadUnprocessedFile(client, unprocessedFile, path);\n    const uploadSpinner = ora(\"Uploading file\");\n\n    for await (const event of upload) {\n      uploadSpinner.text = `Uploading file: ${(100 * event.progress).toFixed(2)}%`;\n    }\n    uploadSpinner.succeed(\"Upload complete\");\n    const processorRecord = await withSpinner(\n      \"Marking for processing\",\n      async () => await processIsobmffFile(client, unprocessedFile.id),\n    );\n\n    const processSpinner = ora(\"Waiting for processing to complete\");\n    processSpinner.start();\n    const progress = await getIsobmffProcessProgress(\n      client,\n      processorRecord.id,\n    );\n\n    for await (const event of progress) {\n      if (event.type === \"progress\") {\n        processSpinner.text = `Processing: ${(100 * event.data.progress).toFixed(2)}%`;\n      } else if (event.type === \"complete\") {\n        processSpinner.succeed(\"Processing complete\");\n      }\n    }\n\n    const info = await getIsobmffProcessInfo(client, processorRecord.id);\n\n    console.log(\"Processed file info\");\n    console.log(info);\n  });\n"],"mappings":";;;;;;;AAYA,QACG,QAAQ,sBAAsB,CAC9B,YAAY,oDAAoD,CAChE,OAAO,OAAO,SAAiB;CAC9B,MAAM,SAAS,WAAW;CAE1B,MAAM,kBAAkB,MAAM,YAC5B,0CACM,8BAA8B,QAAQ,KAAK,CAClD;CAED,MAAM,SAAS,MAAM,sBAAsB,QAAQ,iBAAiB,KAAK;CACzE,MAAM,gBAAgB,IAAI,iBAAiB;AAE3C,YAAW,MAAM,SAAS,OACxB,eAAc,OAAO,oBAAoB,MAAM,MAAM,UAAU,QAAQ,EAAE,CAAC;AAE5E,eAAc,QAAQ,kBAAkB;CACxC,MAAM,kBAAkB,MAAM,YAC5B,0BACA,YAAY,MAAM,mBAAmB,QAAQ,gBAAgB,GAAG,CACjE;CAED,MAAM,iBAAiB,IAAI,qCAAqC;AAChE,gBAAe,OAAO;CACtB,MAAM,WAAW,MAAM,0BACrB,QACA,gBAAgB,GACjB;AAED,YAAW,MAAM,SAAS,SACxB,KAAI,MAAM,SAAS,WACjB,gBAAe,OAAO,gBAAgB,MAAM,MAAM,KAAK,UAAU,QAAQ,EAAE,CAAC;UACnE,MAAM,SAAS,WACxB,gBAAe,QAAQ,sBAAsB;CAIjD,MAAM,OAAO,MAAM,sBAAsB,QAAQ,gBAAgB,GAAG;AAEpE,SAAQ,IAAI,sBAAsB;AAClC,SAAQ,IAAI,KAAK;EACjB"}
+{"version":3,"file":"process-file.js","names":[],"sources":["../../src/commands/process-file.ts"],"sourcesContent":["import {\n  upload,\n  getFileProcessingProgress,\n  getFileDetail,\n} from \"@editframe/api/node\";\nimport { program } from \"commander\";\nimport ora from \"ora\";\nimport { getClient } from \"../utils/index.js\";\n\nprogram\n  .command(\"process-file <file>\")\n  .description(\"Upload a audio/video to Editframe for processing.\")\n  .action(async (path: string) => {\n    const client = getClient();\n\n    const uploadSpinner = ora(\"Creating file and uploading\").start();\n\n    const { file, uploadIterator } = await upload(client, path);\n\n    for await (const event of uploadIterator) {\n      uploadSpinner.text = `Uploading file: ${(100 * event.progress).toFixed(2)}%`;\n    }\n    uploadSpinner.succeed(\"Upload complete\");\n\n    if (file.type !== \"video\") {\n      console.log(`File type \"${file.type}\" does not require processing.`);\n      console.log(\"File ID:\", file.id);\n      return;\n    }\n\n    const processSpinner = ora(\"Waiting for processing to complete\");\n    processSpinner.start();\n    const progress = await getFileProcessingProgress(client, file.id);\n\n    for await (const event of progress) {\n      if (event.type === \"progress\") {\n        processSpinner.text = `Processing: ${(100 * event.data.progress).toFixed(2)}%`;\n      } else if (event.type === \"complete\") {\n        processSpinner.succeed(\"Processing complete\");\n      }\n    }\n\n    const detail = await getFileDetail(client, file.id);\n\n    console.log(\"Processed file info\");\n    console.log(detail);\n  });\n"],"mappings":";;;;;;AASA,QACG,QAAQ,sBAAsB,CAC9B,YAAY,oDAAoD,CAChE,OAAO,OAAO,SAAiB;CAC9B,MAAM,SAAS,WAAW;CAE1B,MAAM,gBAAgB,IAAI,8BAA8B,CAAC,OAAO;CAEhE,MAAM,EAAE,MAAM,mBAAmB,MAAM,OAAO,QAAQ,KAAK;AAE3D,YAAW,MAAM,SAAS,eACxB,eAAc,OAAO,oBAAoB,MAAM,MAAM,UAAU,QAAQ,EAAE,CAAC;AAE5E,eAAc,QAAQ,kBAAkB;AAExC,KAAI,KAAK,SAAS,SAAS;AACzB,UAAQ,IAAI,cAAc,KAAK,KAAK,gCAAgC;AACpE,UAAQ,IAAI,YAAY,KAAK,GAAG;AAChC;;CAGF,MAAM,iBAAiB,IAAI,qCAAqC;AAChE,gBAAe,OAAO;CACtB,MAAM,WAAW,MAAM,0BAA0B,QAAQ,KAAK,GAAG;AAEjE,YAAW,MAAM,SAAS,SACxB,KAAI,MAAM,SAAS,WACjB,gBAAe,OAAO,gBAAgB,MAAM,MAAM,KAAK,UAAU,QAAQ,EAAE,CAAC;UACnE,MAAM,SAAS,WACxB,gBAAe,QAAQ,sBAAsB;CAIjD,MAAM,SAAS,MAAM,cAAc,QAAQ,KAAK,GAAG;AAEnD,SAAQ,IAAI,sBAAsB;AAClC,SAAQ,IAAI,OAAO;EACnB"}

package/dist/commands/process.js.map

@@ -1 +1 @@
-{"version":3,"file":"process.js","names":[],"sources":["../../src/commands/process.ts"],"sourcesContent":["import { spawnSync } from \"node:child_process\";\nimport path from \"node:path\";\nimport { getRenderInfo } from \"@editframe/elements/node\";\nimport { program } from \"commander\";\nimport { processRenderInfo } from \"../operations/processRenderInfo.js\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport { PreviewServer } from \"../utils/startPreviewServer.js\";\nimport { withSpinner } from \"../utils/withSpinner.js\";\n\nprogram\n  .command(\"process [directory]\")\n  .description(\n    \"Process's a directory's index.html file, analyzing assets and processing them for rendering\",\n  )\n  .action(async (directory) => {\n    directory ??= \".\";\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 resolvedDirectory = path.resolve(baseCwd, directory);\n    \n    const distDir = path.join(resolvedDirectory, \"dist\");\n    await withSpinner(\"Building\\n\", async () => {\n      spawnSync(\"npx\", [\"vite\", \"build\", resolvedDirectory], {\n        stdio: \"inherit\",\n      });\n    });\n\n    const previewServer = await PreviewServer.start(distDir);\n    process.stderr.write(\"Preview server started at \");\n    process.stderr.write(previewServer.url);\n    process.stderr.write(\"\\n\");\n    await launchBrowserAndWaitForSDK(\n      {\n        url: previewServer.url,\n        efInteractive: false,\n        interactive: false,\n        headless: true,\n      },\n      async (page) => {\n        const renderInfo = await page.evaluate(getRenderInfo);\n        await processRenderInfo(renderInfo);\n      },\n    );\n  });\n"],"mappings":";;;;;;;;;;AASA,QACG,QAAQ,sBAAsB,CAC9B,YACC,8FACD,CACA,OAAO,OAAO,cAAc;AAC3B,eAAc;CAGd,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;CACzD,MAAM,oBAAoB,KAAK,QAAQ,SAAS,UAAU;CAE1D,MAAM,UAAU,KAAK,KAAK,mBAAmB,OAAO;AACpD,OAAM,YAAY,cAAc,YAAY;AAC1C,YAAU,OAAO;GAAC;GAAQ;GAAS;GAAkB,EAAE,EACrD,OAAO,WACR,CAAC;GACF;CAEF,MAAM,gBAAgB,MAAM,cAAc,MAAM,QAAQ;AACxD,SAAQ,OAAO,MAAM,6BAA6B;AAClD,SAAQ,OAAO,MAAM,cAAc,IAAI;AACvC,SAAQ,OAAO,MAAM,KAAK;AAC1B,OAAM,2BACJ;EACE,KAAK,cAAc;EACnB,eAAe;EACf,aAAa;EACb,UAAU;EACX,EACD,OAAO,SAAS;AAEd,QAAM,kBADa,MAAM,KAAK,SAAS,cAAc,CAClB;GAEtC;EACD"}
+{"version":3,"file":"process.js","names":[],"sources":["../../src/commands/process.ts"],"sourcesContent":["import { spawnSync } from \"node:child_process\";\nimport path from \"node:path\";\nimport { getRenderInfo } from \"@editframe/elements/node\";\nimport { program } from \"commander\";\nimport { processRenderInfo } from \"../operations/processRenderInfo.js\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport { PreviewServer } from \"../utils/startPreviewServer.js\";\nimport { withSpinner } from \"../utils/withSpinner.js\";\n\nprogram\n  .command(\"process [directory]\")\n  .description(\n    \"Process's a directory's index.html file, analyzing assets and processing them for rendering\",\n  )\n  .action(async (directory) => {\n    directory ??= \".\";\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 resolvedDirectory = path.resolve(baseCwd, directory);\n\n    const distDir = path.join(resolvedDirectory, \"dist\");\n    await withSpinner(\"Building\\n\", async () => {\n      spawnSync(\"npx\", [\"vite\", \"build\", resolvedDirectory], {\n        stdio: \"inherit\",\n      });\n    });\n\n    const previewServer = await PreviewServer.start(distDir);\n    process.stderr.write(\"Preview server started at \");\n    process.stderr.write(previewServer.url);\n    process.stderr.write(\"\\n\");\n    await launchBrowserAndWaitForSDK(\n      {\n        url: previewServer.url,\n        efInteractive: false,\n        interactive: false,\n        headless: true,\n      },\n      async (page) => {\n        const renderInfo = await page.evaluate(getRenderInfo);\n        await processRenderInfo(renderInfo);\n      },\n    );\n  });\n"],"mappings":";;;;;;;;;;AASA,QACG,QAAQ,sBAAsB,CAC9B,YACC,8FACD,CACA,OAAO,OAAO,cAAc;AAC3B,eAAc;CAGd,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;CACzD,MAAM,oBAAoB,KAAK,QAAQ,SAAS,UAAU;CAE1D,MAAM,UAAU,KAAK,KAAK,mBAAmB,OAAO;AACpD,OAAM,YAAY,cAAc,YAAY;AAC1C,YAAU,OAAO;GAAC;GAAQ;GAAS;GAAkB,EAAE,EACrD,OAAO,WACR,CAAC;GACF;CAEF,MAAM,gBAAgB,MAAM,cAAc,MAAM,QAAQ;AACxD,SAAQ,OAAO,MAAM,6BAA6B;AAClD,SAAQ,OAAO,MAAM,cAAc,IAAI;AACvC,SAAQ,OAAO,MAAM,KAAK;AAC1B,OAAM,2BACJ;EACE,KAAK,cAAc;EACnB,eAAe;EACf,aAAa;EACb,UAAU;EACX,EACD,OAAO,SAAS;AAEd,QAAM,kBADa,MAAM,KAAK,SAAS,cAAc,CAClB;GAEtC;EACD"}

package/dist/commands/render.d.ts

@@ -0,0 +1,8 @@
+//#region src/commands/render.d.ts
+declare global {
+  interface Window {
+    EF_RENDER_DATA: any;
+    EF_RENDER: any;
+  }
+}
+//# sourceMappingURL=render.d.ts.map

package/dist/commands/render.js

@@ -111,11 +111,12 @@ program.command("render [directory]").description("Render a video composition lo
 						await window.EF_RENDER.renderStreaming(opts);
 					}, renderOptions);
 					if (lastProgress) {
-						const renderedTime = formatTime(lastProgress.renderedMs);
-						const totalTime = formatTime(lastProgress.totalDurationMs);
-						const elapsedTime = formatTime(lastProgress.elapsedMs);
-						const speed = lastProgress.speedMultiplier.toFixed(2);
-						progressSpinner.succeed(`Render complete: ${lastProgress.currentFrame}/${lastProgress.totalFrames} frames | ${renderedTime}/${totalTime} | ${elapsedTime} elapsed | ${speed}x speed`);
+						const p = lastProgress;
+						const renderedTime = formatTime(p.renderedMs);
+						const totalTime = formatTime(p.totalDurationMs);
+						const elapsedTime = formatTime(p.elapsedMs);
+						const speed = p.speedMultiplier.toFixed(2);
+						progressSpinner.succeed(`Render complete: ${p.currentFrame}/${p.totalFrames} frames | ${renderedTime}/${totalTime} | ${elapsedTime} elapsed | ${speed}x speed`);
 					} else progressSpinner.succeed("Render complete");
 				} catch (error) {
 					progressSpinner.fail("Render failed");

package/dist/commands/render.js.map

@@ -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 type { Page } from \"playwright\";\nimport { launchBrowserAndWaitForSDK } from \"../utils/launchBrowserAndWaitForSDK.js\";\nimport { spawnViteServer, type SpawnedViteServer } from \"../utils/spawnViteServer.js\";\nimport { StreamTargetChunk } from \"mediabunny\";\nimport { withProfiling } from \"../utils/profileRender.js\";\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(\"--experimental-native-render\", \"Use experimental canvas capture API (faster)\")\n  .option(\"--profile\", \"Enable CPU profiling\")\n  .option(\"--profile-output <path>\", \"Profile output path\", \"./render-profile.cpuprofile\")\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(\"onRenderChunk\", (chunk: StreamTargetChunk) => {\n              writeFile(outputPath, chunk.data, { flag: \"a\" });\n              chunkCount++;\n              totalBytes += chunk.data.length;\n              log(`Received chunk ${chunkCount}: ${chunk.data.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            // 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(\"onRenderProgress\", (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(progress.estimatedRemainingMs);\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            // 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 renderedTime = formatTime(lastProgress.renderedMs);\n                const totalTime = formatTime(lastProgress.totalDurationMs);\n                const elapsedTime = formatTime(lastProgress.elapsedMs);\n                const speed = lastProgress.speedMultiplier.toFixed(2);\n                progressSpinner.succeed(\n                  `Render complete: ${lastProgress.currentFrame}/${lastProgress.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(`Render complete: ${chunkCount} chunks, ${totalBytes} bytes written to ${outputPath}`);\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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"}
+{"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":";;;;;;;;;;;AAqBA,MAAM,MAAM,MAAM,gBAAgB;;;;AAKlC,SAAS,WAAW,IAAoB;CACtC,MAAM,eAAe,KAAK,MAAM,KAAK,IAAK;CAC1C,MAAM,QAAQ,KAAK,MAAM,eAAe,KAAK;CAC7C,MAAM,UAAU,KAAK,MAAO,eAAe,OAAQ,GAAG;CACtD,MAAM,UAAU,eAAe;AAE/B,KAAI,QAAQ,EACV,QAAO,GAAG,MAAM,GAAG,QAAQ,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,SAAS,GAAG,IAAI;AAE/F,QAAO,GAAG,QAAQ,GAAG,QAAQ,UAAU,CAAC,SAAS,GAAG,IAAI;;AAG1D,QACG,QAAQ,qBAAqB,CAC7B,YAAY,qCAAqC,CACjD,OAAO,uBAAuB,oBAAoB,aAAa,CAC/D,OAAO,eAAe,oDAAoD,CAC1E,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,OACC,gCACA,+CACD,CACA,OAAO,aAAa,uBAAuB,CAC3C,OACC,2BACA,uBACA,8BACD,CACA,OAAO,OAAO,YAAY,KAAK,YAAY;CAE1C,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;CACzD,MAAM,aAAa,KAAK,QAAQ,SAAS,QAAQ,OAAO;CAGxD,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,cAAc,IAAI,kBAAkB,CAAC,OAAO;CAElD,IAAIC;CACJ,IAAIC,aAAuC;AAE3C,KAAI;AAEF,MAAI,QAAQ,KAAK;AAEf,eAAY,QAAQ;AACpB,OAAI,uBAAuB,UAAU;SAChC;AAKL,gBAAa,MAAM,gBADJ,KAAK,QAAQ,SAAS,UAAU,CACL;AAC1C,eAAY,WAAW;AACvB,OAAI,2BAA2B,UAAU;;AAI3C,QAAM,2BACJ;GACE,KAAK;GACL,UAAU;GACV,aAAa;GACb,eAAe;GACf,cAAc,QAAQ,6BAA6B;GACnD,SAAS,QAAQ,YAAY;GAC7B,eAAe,QAAQ;GACvB,QAAQ;GACT,EACD,OAAO,SAAS;AACd,eAAY,QAAQ,QAAQ;AAG5B,SAAM,cACJ,MACA;IACE,SAAS,QAAQ,YAAY;IAC7B,YAAY,QAAQ;IACrB,EACD,YAAY;IAEV,MAAM,eAAe,kBAAkB,WAAW;IAClD,IAAI,aAAa;IACjB,IAAI,aAAa;AAGjB,UAAM,KAAK,eACT,kBACC,UAA6B;AAC5B,eAAU,YAAY,MAAM,MAAM,EAAE,MAAM,KAAK,CAAC;AAChD;AACA,mBAAc,MAAM,KAAK;AACzB,SACE,kBAAkB,WAAW,IAAI,MAAM,KAAK,OAAO,iBAAiB,WAAW,SAChF;MAEJ;AAGD,QAAI,YAAY;AACd,WAAM,KAAK,UAAU,SAAS;AAC5B,aAAO,iBAAiB;QACvB,WAAW;AACd,SAAI,uBAAuB,WAAW;;AAIxC,UAAM,KAAK,sBACH,OAAO,OAAO,cAAc,aAClC,EAAE,SAAS,KAAQ,CACpB;AAMD,QAAI,CAHY,MAAM,KAAK,eACzB,OAAO,WAAW,SAAS,CAC5B,CAEC,OAAM,IAAI,MACR,kDACD;IAIH,MAAM,kBAAkB,IAAI,qBAAqB,CAAC,OAAO;IAGzD,IAAIC,eAOO;AAGX,UAAM,KAAK,eACT,qBACC,aASK;KACJ,MAAM,WAAW,SAAS,WAAW,KAAK,QAAQ,EAAE;KACpD,MAAM,eAAe,WAAW,SAAS,WAAW;KACpD,MAAM,YAAY,WAAW,SAAS,gBAAgB;KACtD,MAAM,gBAAgB,WACpB,SAAS,qBACV;KACD,MAAM,QAAQ,SAAS,gBAAgB,QAAQ,EAAE;AAEjD,qBAAgB,OAAO,cAAc,SAAS,aAAa,GAAG,SAAS,YAAY,WAAW,QAAQ,OAAO,aAAa,GAAG,UAAU,KAAK,cAAc,eAAe,MAAM;AAG/K,oBAAe;MACb,cAAc,SAAS;MACvB,aAAa,SAAS;MACtB,YAAY,SAAS;MACrB,iBAAiB,SAAS;MAC1B,WAAW,SAAS;MACpB,iBAAiB,SAAS;MAC3B;MAEJ;AAGD,QAAI;KACF,MAAMC,gBAAqB;MACzB;MACA;MACA,cAAc,QAAQ,iBAAiB;MACxC;AAED,SAAI,WAAW,OACb,eAAc,SAAS;AAEzB,SAAI,SAAS,OACX,eAAc,OAAO;AAGvB,WAAM,KAAK,SAAS,OAAO,SAAS;AAClC,YAAM,OAAO,UAAW,gBAAgB,KAAK;QAC5C,cAAc;AAGjB,SAAI,cAAc;MAChB,MAAM,IAAI;MAQV,MAAM,eAAe,WAAW,EAAE,WAAW;MAC7C,MAAM,YAAY,WAAW,EAAE,gBAAgB;MAC/C,MAAM,cAAc,WAAW,EAAE,UAAU;MAC3C,MAAM,QAAQ,EAAE,gBAAgB,QAAQ,EAAE;AAC1C,sBAAgB,QACd,oBAAoB,EAAE,aAAa,GAAG,EAAE,YAAY,YAAY,aAAa,GAAG,UAAU,KAAK,YAAY,aAAa,MAAM,SAC/H;WAED,iBAAgB,QAAQ,kBAAkB;aAErC,OAAO;AACd,qBAAgB,KAAK,gBAAgB;AACrC,WAAM;;AAIR,iBAAa,KAAK;AAGlB,UAAM,IAAI,SAAe,WAAS,WAAW;AAC3C,kBAAa,GAAG,gBAAgB;AAC9B,UACE,oBAAoB,WAAW,WAAW,WAAW,oBAAoB,aAC1E;AACD,iBAAS;OACT;AACF,kBAAa,GAAG,SAAS,OAAO;MAChC;KAEL;IAEJ;UACM,OAAO;AACd,cAAY,KAAK,wBAAwB;AACzC,QAAM;;AAIR,KAAI,YAAY;AACd,aAAW,MAAM;AACjB,MAAI,sBAAsB;;AAG5B,SAAQ,OAAO,MAAM,sBAAsB,WAAW,IAAI;EAC1D"}

package/dist/commands/sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"sync.js","names":[],"sources":["../../src/commands/sync.ts"],"sourcesContent":["import path, { join } from \"node:path\";\nimport { program } from \"commander\";\nimport { syncAssetDirectory } from \"../operations/syncAssetsDirectory.js\";\n\nprogram\n  .command(\"sync\")\n  .description(\"Sync assets to Editframe servers for rendering\")\n  .argument(\"[directory]\", \"Path to project directory to sync.\")\n  .action(async (directory = \".\") => {\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 resolvedDirectory = path.resolve(baseCwd, directory);\n    \n    await syncAssetDirectory(\n      join(resolvedDirectory, \"src\", \"assets\", \".cache\"),\n    );\n  });\n"],"mappings":";;;;;AAIA,QACG,QAAQ,OAAO,CACf,YAAY,iDAAiD,CAC7D,SAAS,eAAe,qCAAqC,CAC7D,OAAO,OAAO,YAAY,QAAQ;CAEjC,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;AAGzD,OAAM,mBACJ,KAHwB,KAAK,QAAQ,SAAS,UAAU,EAGhC,OAAO,UAAU,SAAS,CACnD;EACD"}
+{"version":3,"file":"sync.js","names":[],"sources":["../../src/commands/sync.ts"],"sourcesContent":["import path, { join } from \"node:path\";\nimport { program } from \"commander\";\nimport { syncAssetDirectory } from \"../operations/syncAssetsDirectory.js\";\n\nprogram\n  .command(\"sync\")\n  .description(\"Sync assets to Editframe servers for rendering\")\n  .argument(\"[directory]\", \"Path to project directory to sync.\")\n  .action(async (directory = \".\") => {\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 resolvedDirectory = path.resolve(baseCwd, directory);\n\n    await syncAssetDirectory(\n      join(resolvedDirectory, \"src\", \"assets\", \".cache\"),\n    );\n  });\n"],"mappings":";;;;;AAIA,QACG,QAAQ,OAAO,CACf,YAAY,iDAAiD,CAC7D,SAAS,eAAe,qCAAqC,CAC7D,OAAO,OAAO,YAAY,QAAQ;CAEjC,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;AAGzD,OAAM,mBACJ,KAHwB,KAAK,QAAQ,SAAS,UAAU,EAGhC,OAAO,UAAU,SAAS,CACnD;EACD"}

package/dist/commands/transcribe.js.map

@@ -1 +1 @@
-{"version":3,"file":"transcribe.js","names":[],"sources":["../../src/commands/transcribe.ts"],"sourcesContent":["import { writeFile } from \"node:fs/promises\";\nimport { resolve } from \"node:path\";\nimport { program } from \"commander\";\nimport ora from \"ora\";\nimport chalk from \"chalk\";\nimport { generateCaptionDataFromPath } from \"@editframe/assets\";\n\nprogram\n  .command(\"transcribe <input>\")\n  .description(\"Generate captions from audio/video file using whisper_timestamped\")\n  .option(\"-o, --output <file>\", \"Output JSON file\", \"captions.json\")\n  .option(\"-l, --language <lang>\", \"Language code (e.g., en, es, fr)\", \"en\")\n  .action(async (input: string, options: { output: string; language: string }) => {\n    const spinner = ora(\"Generating captions...\").start();\n    \n    try {\n      const absoluteInput = resolve(input);\n      const absoluteOutput = resolve(options.output);\n      \n      spinner.text = `Transcribing ${input}...`;\n      \n      // Generate captions using the same function as the vite plugin\n      const captionData = await generateCaptionDataFromPath(absoluteInput);\n      \n      spinner.text = `Writing captions to ${options.output}...`;\n      await writeFile(absoluteOutput, captionData, \"utf-8\");\n      \n      spinner.succeed(\n        chalk.green(`✓ Captions generated successfully: ${options.output}`)\n      );\n      \n      // Parse to show stats\n      const parsed = JSON.parse(captionData);\n      console.log(chalk.dim(`  ${parsed.segments.length} segments`));\n      console.log(chalk.dim(`  ${parsed.word_segments.length} words`));\n    } catch (error) {\n      spinner.fail(chalk.red(\"Failed to generate captions\"));\n      \n      if ((error as Error).message.includes(\"whisper_timestamped\")) {\n        console.error(chalk.red(\"\\nwhisper_timestamped is not installed or not in PATH\"));\n        console.error(chalk.yellow(\"\\nInstall it with:\"));\n        console.error(chalk.white(\"  pip3 install whisper-timestamped\"));\n        console.error(chalk.dim(\"\\nOr check installation instructions at:\"));\n        console.error(chalk.dim(\"  https://github.com/linto-ai/whisper-timestamped#installation\"));\n      } else {\n        console.error(chalk.red(`\\n${(error as Error).message}`));\n      }\n      \n      process.exit(1);\n    }\n  });\n"],"mappings":";;;;;;;;AAOA,QACG,QAAQ,qBAAqB,CAC7B,YAAY,oEAAoE,CAChF,OAAO,uBAAuB,oBAAoB,gBAAgB,CAClE,OAAO,yBAAyB,oCAAoC,KAAK,CACzE,OAAO,OAAO,OAAe,YAAkD;CAC9E,MAAM,UAAU,IAAI,yBAAyB,CAAC,OAAO;AAErD,KAAI;EACF,MAAM,gBAAgB,QAAQ,MAAM;EACpC,MAAM,iBAAiB,QAAQ,QAAQ,OAAO;AAE9C,UAAQ,OAAO,gBAAgB,MAAM;EAGrC,MAAM,cAAc,MAAM,4BAA4B,cAAc;AAEpE,UAAQ,OAAO,uBAAuB,QAAQ,OAAO;AACrD,QAAM,UAAU,gBAAgB,aAAa,QAAQ;AAErD,UAAQ,QACN,MAAM,MAAM,sCAAsC,QAAQ,SAAS,CACpE;EAGD,MAAM,SAAS,KAAK,MAAM,YAAY;AACtC,UAAQ,IAAI,MAAM,IAAI,KAAK,OAAO,SAAS,OAAO,WAAW,CAAC;AAC9D,UAAQ,IAAI,MAAM,IAAI,KAAK,OAAO,cAAc,OAAO,QAAQ,CAAC;UACzD,OAAO;AACd,UAAQ,KAAK,MAAM,IAAI,8BAA8B,CAAC;AAEtD,MAAK,MAAgB,QAAQ,SAAS,sBAAsB,EAAE;AAC5D,WAAQ,MAAM,MAAM,IAAI,wDAAwD,CAAC;AACjF,WAAQ,MAAM,MAAM,OAAO,qBAAqB,CAAC;AACjD,WAAQ,MAAM,MAAM,MAAM,qCAAqC,CAAC;AAChE,WAAQ,MAAM,MAAM,IAAI,2CAA2C,CAAC;AACpE,WAAQ,MAAM,MAAM,IAAI,iEAAiE,CAAC;QAE1F,SAAQ,MAAM,MAAM,IAAI,KAAM,MAAgB,UAAU,CAAC;AAG3D,UAAQ,KAAK,EAAE;;EAEjB"}
+{"version":3,"file":"transcribe.js","names":[],"sources":["../../src/commands/transcribe.ts"],"sourcesContent":["import { writeFile } from \"node:fs/promises\";\nimport { resolve } from \"node:path\";\nimport { program } from \"commander\";\nimport ora from \"ora\";\nimport chalk from \"chalk\";\nimport { generateCaptionDataFromPath } from \"@editframe/assets\";\n\nprogram\n  .command(\"transcribe <input>\")\n  .description(\n    \"Generate captions from audio/video file using whisper_timestamped\",\n  )\n  .option(\"-o, --output <file>\", \"Output JSON file\", \"captions.json\")\n  .option(\"-l, --language <lang>\", \"Language code (e.g., en, es, fr)\", \"en\")\n  .action(\n    async (input: string, options: { output: string; language: string }) => {\n      const spinner = ora(\"Generating captions...\").start();\n\n      try {\n        const absoluteInput = resolve(input);\n        const absoluteOutput = resolve(options.output);\n\n        spinner.text = `Transcribing ${input}...`;\n\n        // Generate captions using the same function as the vite plugin\n        const captionData = await generateCaptionDataFromPath(absoluteInput);\n\n        spinner.text = `Writing captions to ${options.output}...`;\n        await writeFile(absoluteOutput, captionData, \"utf-8\");\n\n        spinner.succeed(\n          chalk.green(`✓ Captions generated successfully: ${options.output}`),\n        );\n\n        // Parse to show stats\n        const parsed = JSON.parse(captionData);\n        console.log(chalk.dim(`  ${parsed.segments.length} segments`));\n        console.log(chalk.dim(`  ${parsed.word_segments.length} words`));\n      } catch (error) {\n        spinner.fail(chalk.red(\"Failed to generate captions\"));\n\n        if ((error as Error).message.includes(\"whisper_timestamped\")) {\n          console.error(\n            chalk.red(\"\\nwhisper_timestamped is not installed or not in PATH\"),\n          );\n          console.error(chalk.yellow(\"\\nInstall it with:\"));\n          console.error(chalk.white(\"  pip3 install whisper-timestamped\"));\n          console.error(chalk.dim(\"\\nOr check installation instructions at:\"));\n          console.error(\n            chalk.dim(\n              \"  https://github.com/linto-ai/whisper-timestamped#installation\",\n            ),\n          );\n        } else {\n          console.error(chalk.red(`\\n${(error as Error).message}`));\n        }\n\n        process.exit(1);\n      }\n    },\n  );\n"],"mappings":";;;;;;;;AAOA,QACG,QAAQ,qBAAqB,CAC7B,YACC,oEACD,CACA,OAAO,uBAAuB,oBAAoB,gBAAgB,CAClE,OAAO,yBAAyB,oCAAoC,KAAK,CACzE,OACC,OAAO,OAAe,YAAkD;CACtE,MAAM,UAAU,IAAI,yBAAyB,CAAC,OAAO;AAErD,KAAI;EACF,MAAM,gBAAgB,QAAQ,MAAM;EACpC,MAAM,iBAAiB,QAAQ,QAAQ,OAAO;AAE9C,UAAQ,OAAO,gBAAgB,MAAM;EAGrC,MAAM,cAAc,MAAM,4BAA4B,cAAc;AAEpE,UAAQ,OAAO,uBAAuB,QAAQ,OAAO;AACrD,QAAM,UAAU,gBAAgB,aAAa,QAAQ;AAErD,UAAQ,QACN,MAAM,MAAM,sCAAsC,QAAQ,SAAS,CACpE;EAGD,MAAM,SAAS,KAAK,MAAM,YAAY;AACtC,UAAQ,IAAI,MAAM,IAAI,KAAK,OAAO,SAAS,OAAO,WAAW,CAAC;AAC9D,UAAQ,IAAI,MAAM,IAAI,KAAK,OAAO,cAAc,OAAO,QAAQ,CAAC;UACzD,OAAO;AACd,UAAQ,KAAK,MAAM,IAAI,8BAA8B,CAAC;AAEtD,MAAK,MAAgB,QAAQ,SAAS,sBAAsB,EAAE;AAC5D,WAAQ,MACN,MAAM,IAAI,wDAAwD,CACnE;AACD,WAAQ,MAAM,MAAM,OAAO,qBAAqB,CAAC;AACjD,WAAQ,MAAM,MAAM,MAAM,qCAAqC,CAAC;AAChE,WAAQ,MAAM,MAAM,IAAI,2CAA2C,CAAC;AACpE,WAAQ,MACN,MAAM,IACJ,iEACD,CACF;QAED,SAAQ,MAAM,MAAM,IAAI,KAAM,MAAgB,UAAU,CAAC;AAG3D,UAAQ,KAAK,EAAE;;EAGpB"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 #!/usr/bin/env node
+import "./commands/render.js";
 import "dotenv/config";

package/dist/operations/syncAssetsDirectory/SyncCaption.js

@@ -1,7 +1,7 @@
 import { getClient } from "../../utils/index.js";
 import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { SyncStatus } from "./SyncStatus.js";
-import { createCaptionFile, lookupCaptionFileByMd5, uploadCaptionFile } from "@editframe/api";
+import { createFile, lookupFileByMd5, uploadFile } from "@editframe/api";
 import { basename } from "node:path";
 import fs from "node:fs/promises";
 import { Readable } from "node:stream";
@@ -22,20 +22,25 @@ var SyncCaption = class {
 	async prepare() {}
 	async validate() {}
 	async create() {
-		const maybeCaptionFile = await lookupCaptionFileByMd5(getClient(), this.md5);
-		if (maybeCaptionFile) this.created = maybeCaptionFile;
-		else this.created = await createCaptionFile(getClient(), {
+		const maybeFile = await lookupFileByMd5(getClient(), this.md5);
+		if (maybeFile) this.created = maybeFile;
+		else this.created = await createFile(getClient(), {
 			md5: this.md5,
 			filename: basename(this.path).replace(/\.captions.json$/, ""),
+			type: "caption",
 			byte_size: await this.byteSize()
 		});
 	}
 	isComplete() {
-		return !!this.created?.complete;
+		return this.created?.status === "ready";
 	}
 	async upload() {
 		if (!this.created) throw new Error("Caption not created. Should have been prevented by .isComplete()");
-		await uploadCaptionFile(getClient(), this.created.id, createReadableStreamFromReadable(Readable.from(await fs.readFile(this.path))), await this.byteSize());
+		await uploadFile(getClient(), {
+			id: this.created.id,
+			byte_size: await this.byteSize(),
+			type: "caption"
+		}, createReadableStreamFromReadable(Readable.from(await fs.readFile(this.path)))).whenUploaded();
 	}
 	async markSynced() {
 		if (!this.created) throw new Error("Caption not created. Should have been prevented by .isComplete()");

package/dist/operations/syncAssetsDirectory/SyncCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyncCaption.js","names":["path: string","md5: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncCaption.ts"],"sourcesContent":["import fs from \"node:fs/promises\";\nimport { basename } from \"node:path\";\n\nimport { Readable } from \"node:stream\";\nimport {\n  type CreateCaptionFileResult,\n  createCaptionFile,\n  type LookupCaptionFileByMd5Result,\n  lookupCaptionFileByMd5,\n  uploadCaptionFile,\n} from \"@editframe/api\";\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\nexport class SyncCaption implements SubAssetSync<CreateCaptionFileResult> {\n  icon = \"📝\";\n  label = \"captions\";\n  syncStatus: SyncStatus = new SyncStatus(this.path);\n  created: CreateCaptionFileResult | LookupCaptionFileByMd5Result | null = null;\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  async prepare() {}\n\n  async validate() {}\n\n  async create() {\n    const maybeCaptionFile = await lookupCaptionFileByMd5(\n      getClient(),\n      this.md5,\n    );\n    if (maybeCaptionFile) {\n      this.created = maybeCaptionFile;\n    } else {\n      this.created = await createCaptionFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path).replace(/\\.captions.json$/, \"\"),\n        byte_size: await this.byteSize(),\n      });\n    }\n  }\n\n  isComplete() {\n    return !!this.created?.complete;\n  }\n\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Caption not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadCaptionFile(\n      getClient(),\n      this.created.id,\n      // It's not clear why we need to use Readable.from here, but it seems\n      // to fix an issue where the request is closed early in tests\n      createReadableStreamFromReadable(\n        Readable.from(await fs.readFile(this.path)),\n      ),\n      await this.byteSize(),\n    );\n  }\n\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Caption not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    await this.syncStatus.markSynced({\n      version: \"1\",\n      complete: true,\n      id: this.created.id,\n      md5: this.md5,\n      byte_size: byteSize,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,IAAa,cAAb,MAA0E;CAKxE,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cANF;eACC;oBACiB,IAAI,WAAW,KAAK,KAAK;iBACuB;;CAMzE,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAGpC,MAAM,UAAU;CAEhB,MAAM,WAAW;CAEjB,MAAM,SAAS;EACb,MAAM,mBAAmB,MAAM,uBAC7B,WAAW,EACX,KAAK,IACN;AACD,MAAI,iBACF,MAAK,UAAU;MAEf,MAAK,UAAU,MAAM,kBAAkB,WAAW,EAAE;GAClD,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK,CAAC,QAAQ,oBAAoB,GAAG;GAC7D,WAAW,MAAM,KAAK,UAAU;GACjC,CAAC;;CAIN,aAAa;AACX,SAAO,CAAC,CAAC,KAAK,SAAS;;CAGzB,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,mEACD;AAEH,QAAM,kBACJ,WAAW,EACX,KAAK,QAAQ,IAGb,iCACE,SAAS,KAAK,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC,CAC5C,EACD,MAAM,KAAK,UAAU,CACtB;;CAGH,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,mEACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,QAAM,KAAK,WAAW,WAAW;GAC/B,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC"}
+{"version":3,"file":"SyncCaption.js","names":["path: string","md5: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncCaption.ts"],"sourcesContent":["import fs from \"node:fs/promises\";\nimport { basename } from \"node:path\";\n\nimport { Readable } from \"node:stream\";\nimport {\n  type CreateFileResult,\n  createFile,\n  type LookupFileByMd5Result,\n  lookupFileByMd5,\n  uploadFile,\n} from \"@editframe/api\";\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\nexport class SyncCaption implements SubAssetSync<CreateFileResult> {\n  icon = \"📝\";\n  label = \"captions\";\n  syncStatus: SyncStatus = new SyncStatus(this.path);\n  created: CreateFileResult | LookupFileByMd5Result | null = null;\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  async prepare() {}\n\n  async validate() {}\n\n  async create() {\n    const maybeFile = await lookupFileByMd5(getClient(), this.md5);\n    if (maybeFile) {\n      this.created = maybeFile;\n    } else {\n      this.created = await createFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path).replace(/\\.captions.json$/, \"\"),\n        type: \"caption\",\n        byte_size: await this.byteSize(),\n      });\n    }\n  }\n\n  isComplete() {\n    return this.created?.status === \"ready\";\n  }\n\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Caption not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadFile(\n      getClient(),\n      {\n        id: this.created.id,\n        byte_size: await this.byteSize(),\n        type: \"caption\",\n      },\n      // It's not clear why we need to use Readable.from here, but it seems\n      // to fix an issue where the request is closed early in tests\n      createReadableStreamFromReadable(\n        Readable.from(await fs.readFile(this.path)),\n      ),\n    ).whenUploaded();\n  }\n\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Caption not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    await this.syncStatus.markSynced({\n      version: \"1\",\n      complete: true,\n      id: this.created.id,\n      md5: this.md5,\n      byte_size: byteSize,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,IAAa,cAAb,MAAmE;CAKjE,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cANF;eACC;oBACiB,IAAI,WAAW,KAAK,KAAK;iBACS;;CAM3D,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAGpC,MAAM,UAAU;CAEhB,MAAM,WAAW;CAEjB,MAAM,SAAS;EACb,MAAM,YAAY,MAAM,gBAAgB,WAAW,EAAE,KAAK,IAAI;AAC9D,MAAI,UACF,MAAK,UAAU;MAEf,MAAK,UAAU,MAAM,WAAW,WAAW,EAAE;GAC3C,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK,CAAC,QAAQ,oBAAoB,GAAG;GAC7D,MAAM;GACN,WAAW,MAAM,KAAK,UAAU;GACjC,CAAC;;CAIN,aAAa;AACX,SAAO,KAAK,SAAS,WAAW;;CAGlC,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,mEACD;AAEH,QAAM,WACJ,WAAW,EACX;GACE,IAAI,KAAK,QAAQ;GACjB,WAAW,MAAM,KAAK,UAAU;GAChC,MAAM;GACP,EAGD,iCACE,SAAS,KAAK,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC,CAC5C,CACF,CAAC,cAAc;;CAGlB,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,mEACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,QAAM,KAAK,WAAW,WAAW;GAC/B,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC"}

package/dist/operations/syncAssetsDirectory/SyncFragmentIndex.js

@@ -1,7 +1,7 @@
 import { getClient } from "../../utils/index.js";
 import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { SyncStatus } from "./SyncStatus.js";
-import { createISOBMFFFile, lookupISOBMFFFileByMd5, uploadFragmentIndex } from "@editframe/api";
+import { createFile, lookupFileByMd5, uploadFileIndex } from "@editframe/api";
 import { basename, dirname, join } from "node:path";
 import fs from "node:fs/promises";
 import { Readable } from "node:stream";
@@ -23,19 +23,21 @@ var SyncFragmentIndex = class {
 	async prepare() {}
 	async validate() {}
 	async create() {
-		const maybeISOBMFFFile = await lookupISOBMFFFileByMd5(getClient(), this.md5);
-		if (maybeISOBMFFFile) this.created = maybeISOBMFFFile;
-		else this.created = await createISOBMFFFile(getClient(), {
+		const maybeFile = await lookupFileByMd5(getClient(), this.md5);
+		if (maybeFile) this.created = maybeFile;
+		else this.created = await createFile(getClient(), {
 			md5: this.md5,
-			filename: basename(this.path).replace(/\.tracks.json$/, "")
+			filename: basename(this.path).replace(/\.tracks.json$/, ""),
+			type: "video",
+			byte_size: await this.byteSize()
 		});
 	}
 	isComplete() {
-		return !!this.created?.fragment_index_complete;
+		return this.created?.status === "ready";
 	}
 	async upload() {
 		if (!this.created) throw new Error("Fragment index not created. Should have been prevented by .isComplete()");
-		await uploadFragmentIndex(getClient(), this.created.id, createReadableStreamFromReadable(Readable.from(await fs.readFile(this.path))), await this.byteSize());
+		await uploadFileIndex(getClient(), this.created.id, createReadableStreamFromReadable(Readable.from(await fs.readFile(this.path))), await this.byteSize());
 	}
 	async markSynced() {
 		if (!this.created) throw new Error("Fragment index not created. Should have been prevented by .isComplete()");

package/dist/operations/syncAssetsDirectory/SyncFragmentIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyncFragmentIndex.js","names":["path: string","md5: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncFragmentIndex.ts"],"sourcesContent":["import fs from \"node:fs/promises\";\nimport { basename, dirname, join } from \"node:path\";\nimport { Readable } from \"node:stream\";\n\nimport {\n  type CreateISOBMFFFileResult,\n  createISOBMFFFile,\n  type LookupISOBMFFFileByMd5Result,\n  lookupISOBMFFFileByMd5,\n  uploadFragmentIndex,\n} from \"@editframe/api\";\n\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\n\nexport class SyncFragmentIndex implements SubAssetSync<CreateISOBMFFFileResult> {\n  icon = \"📋\";\n  label = \"fragment index\";\n  syncStatus = new SyncStatus(this.path);\n  fileSyncStatus = new SyncStatus(join(dirname(this.path), \"isobmff\"));\n  created: CreateISOBMFFFileResult | LookupISOBMFFFileByMd5Result | null = null;\n\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  async prepare() {}\n\n  async validate() {}\n\n  async create() {\n    const maybeISOBMFFFile = await lookupISOBMFFFileByMd5(\n      getClient(),\n      this.md5,\n    );\n    if (maybeISOBMFFFile) {\n      this.created = maybeISOBMFFFile;\n    } else {\n      this.created = await createISOBMFFFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path).replace(/\\.tracks.json$/, \"\"),\n      });\n    }\n  }\n\n  isComplete() {\n    return !!this.created?.fragment_index_complete;\n  }\n\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Fragment index not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadFragmentIndex(\n      getClient(),\n      this.created.id,\n      // It is unclear why we need to use Readable.from here\n      // Tests fail when using createReadStream\n      createReadableStreamFromReadable(\n        Readable.from(await fs.readFile(this.path)),\n      ),\n      await this.byteSize(),\n    );\n  }\n\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Fragment index not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    await Promise.all([\n      this.syncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: this.created.id,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n      this.fileSyncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: this.created.id,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n    ]);\n  }\n}\n"],"mappings":";;;;;;;;;AAiBA,IAAa,oBAAb,MAAgF;CAO9E,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cARF;eACC;oBACK,IAAI,WAAW,KAAK,KAAK;wBACrB,IAAI,WAAW,KAAK,QAAQ,KAAK,KAAK,EAAE,UAAU,CAAC;iBACK;;CAOzE,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAGpC,MAAM,UAAU;CAEhB,MAAM,WAAW;CAEjB,MAAM,SAAS;EACb,MAAM,mBAAmB,MAAM,uBAC7B,WAAW,EACX,KAAK,IACN;AACD,MAAI,iBACF,MAAK,UAAU;MAEf,MAAK,UAAU,MAAM,kBAAkB,WAAW,EAAE;GAClD,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK,CAAC,QAAQ,kBAAkB,GAAG;GAC5D,CAAC;;CAIN,aAAa;AACX,SAAO,CAAC,CAAC,KAAK,SAAS;;CAGzB,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,0EACD;AAEH,QAAM,oBACJ,WAAW,EACX,KAAK,QAAQ,IAGb,iCACE,SAAS,KAAK,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC,CAC5C,EACD,MAAM,KAAK,UAAU,CACtB;;CAGH,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,0EACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,QAAM,QAAQ,IAAI,CAChB,KAAK,WAAW,WAAW;GACzB,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC,EACF,KAAK,eAAe,WAAW;GAC7B,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC,CACH,CAAC"}
+{"version":3,"file":"SyncFragmentIndex.js","names":["path: string","md5: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncFragmentIndex.ts"],"sourcesContent":["import fs from \"node:fs/promises\";\nimport { basename, dirname, join } from \"node:path\";\nimport { Readable } from \"node:stream\";\n\nimport {\n  type CreateFileResult,\n  createFile,\n  type LookupFileByMd5Result,\n  lookupFileByMd5,\n  uploadFileIndex,\n} from \"@editframe/api\";\n\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\n\nexport class SyncFragmentIndex implements SubAssetSync<CreateFileResult> {\n  icon = \"📋\";\n  label = \"fragment index\";\n  syncStatus = new SyncStatus(this.path);\n  fileSyncStatus = new SyncStatus(join(dirname(this.path), \"isobmff\"));\n  created: CreateFileResult | LookupFileByMd5Result | null = null;\n\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  async prepare() {}\n\n  async validate() {}\n\n  async create() {\n    const maybeFile = await lookupFileByMd5(getClient(), this.md5);\n    if (maybeFile) {\n      this.created = maybeFile;\n    } else {\n      this.created = await createFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path).replace(/\\.tracks.json$/, \"\"),\n        type: \"video\",\n        byte_size: await this.byteSize(),\n      });\n    }\n  }\n\n  isComplete() {\n    return this.created?.status === \"ready\";\n  }\n\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Fragment index not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadFileIndex(\n      getClient(),\n      this.created.id,\n      // It is unclear why we need to use Readable.from here\n      // Tests fail when using createReadStream\n      createReadableStreamFromReadable(\n        Readable.from(await fs.readFile(this.path)),\n      ),\n      await this.byteSize(),\n    );\n  }\n\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Fragment index not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    await Promise.all([\n      this.syncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: this.created.id,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n      this.fileSyncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: this.created.id,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n    ]);\n  }\n}\n"],"mappings":";;;;;;;;;AAiBA,IAAa,oBAAb,MAAyE;CAOvE,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cARF;eACC;oBACK,IAAI,WAAW,KAAK,KAAK;wBACrB,IAAI,WAAW,KAAK,QAAQ,KAAK,KAAK,EAAE,UAAU,CAAC;iBACT;;CAO3D,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAGpC,MAAM,UAAU;CAEhB,MAAM,WAAW;CAEjB,MAAM,SAAS;EACb,MAAM,YAAY,MAAM,gBAAgB,WAAW,EAAE,KAAK,IAAI;AAC9D,MAAI,UACF,MAAK,UAAU;MAEf,MAAK,UAAU,MAAM,WAAW,WAAW,EAAE;GAC3C,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK,CAAC,QAAQ,kBAAkB,GAAG;GAC3D,MAAM;GACN,WAAW,MAAM,KAAK,UAAU;GACjC,CAAC;;CAIN,aAAa;AACX,SAAO,KAAK,SAAS,WAAW;;CAGlC,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,0EACD;AAEH,QAAM,gBACJ,WAAW,EACX,KAAK,QAAQ,IAGb,iCACE,SAAS,KAAK,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC,CAC5C,EACD,MAAM,KAAK,UAAU,CACtB;;CAGH,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,0EACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,QAAM,QAAQ,IAAI,CAChB,KAAK,WAAW,WAAW;GACzB,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC,EACF,KAAK,eAAe,WAAW;GAC7B,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC,CACH,CAAC"}

package/dist/operations/syncAssetsDirectory/SyncImage.js

@@ -1,7 +1,7 @@
 import { getClient } from "../../utils/index.js";
 import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { SyncStatus } from "./SyncStatus.js";
-import { createImageFile, lookupImageFileByMd5, uploadImageFile } from "@editframe/api";
+import { createFile, lookupFileByMd5, uploadFile } from "@editframe/api";
 import path, { basename } from "node:path";
 import fs from "node:fs/promises";
 import { createReadStream } from "node:fs";
@@ -41,25 +41,25 @@ var SyncImage = class {
 		const byteSize = (await fs.stat(this.path)).size;
 		const [videoProbe] = this.probeResult.videoStreams;
 		if (!videoProbe) throw new Error("No video stream found in image. Should have been prevented by .validate()");
-		const maybeImageFile = await lookupImageFileByMd5(getClient(), this.md5);
-		if (maybeImageFile) this.created = maybeImageFile;
-		else this.created = await createImageFile(getClient(), {
+		const maybeFile = await lookupFileByMd5(getClient(), this.md5);
+		if (maybeFile) this.created = maybeFile;
+		else this.created = await createFile(getClient(), {
 			md5: this.md5,
 			filename: basename(this.path),
-			width: videoProbe.width,
-			height: videoProbe.height,
+			type: "image",
 			mime_type: `image/${this.extension}`,
 			byte_size: byteSize
 		});
 	}
 	isComplete() {
-		return !!this.created?.complete;
+		return this.created?.status === "ready";
 	}
 	async upload() {
 		if (!this.created) throw new Error("Image not created. Should have been prevented by .isComplete()");
-		await uploadImageFile(getClient(), {
+		await uploadFile(getClient(), {
 			id: this.created.id,
-			byte_size: Number.parseInt(this.probeResult.format.size || "0", 10)
+			byte_size: Number.parseInt(this.probeResult.format.size || "0", 10),
+			type: "image"
 		}, createReadableStreamFromReadable(createReadStream(this.path))).whenUploaded();
 	}
 	async markSynced() {

package/dist/operations/syncAssetsDirectory/SyncImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyncImage.js","names":["path: string","md5: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncImage.ts"],"sourcesContent":["import { createReadStream } from \"node:fs\";\nimport fs from \"node:fs/promises\";\nimport path, { basename } from \"node:path\";\n\nimport {\n  type CreateImageFileResult,\n  createImageFile,\n  type LookupImageFileByMd5Result,\n  lookupImageFileByMd5,\n  uploadImageFile,\n} from \"@editframe/api\";\n\nimport { Probe } from \"@editframe/assets\";\n\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\n\nexport class SyncImage implements SubAssetSync<CreateImageFileResult> {\n  icon = \"🖼️\";\n  label = \"image\";\n  syncStatus: SyncStatus = new SyncStatus(this.path);\n  created: CreateImageFileResult | LookupImageFileByMd5Result | null = null;\n\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  private _probeResult: Probe | null = null;\n\n  async prepare() {\n    this._probeResult = await Probe.probePath(this.path);\n  }\n\n  get probeResult() {\n    if (!this._probeResult) {\n      throw new Error(\"Probe result not found. Call prepare() first.\");\n    }\n    return this._probeResult;\n  }\n\n  get extension() {\n    return path.extname(this.path).slice(1);\n  }\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  async validate() {\n    const [videoProbe] = this.probeResult.videoStreams;\n    if (!videoProbe) {\n      throw new Error(`No media info found in image: ${this.path}`);\n    }\n    const ext = this.extension;\n    if (!(ext === \"jpg\" || ext === \"jpeg\" || ext === \"png\" || ext === \"webp\")) {\n      throw new Error(`Invalid image format: ${this.path}`);\n    }\n  }\n  async create() {\n    const byteSize = (await fs.stat(this.path)).size;\n    const [videoProbe] = this.probeResult.videoStreams;\n    if (!videoProbe) {\n      throw new Error(\n        \"No video stream found in image. Should have been prevented by .validate()\",\n      );\n    }\n\n    const maybeImageFile = await lookupImageFileByMd5(getClient(), this.md5);\n    if (maybeImageFile) {\n      this.created = maybeImageFile;\n    } else {\n      this.created = await createImageFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path),\n        width: videoProbe.width,\n        height: videoProbe.height,\n        mime_type: `image/${this.extension}` as\n          | \"image/jpeg\"\n          | \"image/png\"\n          | \"image/jpg\"\n          | \"image/webp\"\n          | \"image/svg+xml\",\n        byte_size: byteSize,\n      });\n    }\n  }\n  isComplete() {\n    return !!this.created?.complete;\n  }\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Image not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadImageFile(\n      getClient(),\n      {\n        id: this.created.id,\n        byte_size: Number.parseInt(this.probeResult.format.size || \"0\", 10),\n      },\n      createReadableStreamFromReadable(createReadStream(this.path)),\n    ).whenUploaded();\n  }\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Image not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    return this.syncStatus.markSynced({\n      version: \"1\",\n      complete: true,\n      id: this.created.id,\n      md5: this.md5,\n      byte_size: byteSize,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,YAAb,MAAsE;CAMpE,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cAPF;eACC;oBACiB,IAAI,WAAW,KAAK,KAAK;iBACmB;sBAOhC;;CAErC,MAAM,UAAU;AACd,OAAK,eAAe,MAAM,MAAM,UAAU,KAAK,KAAK;;CAGtD,IAAI,cAAc;AAChB,MAAI,CAAC,KAAK,aACR,OAAM,IAAI,MAAM,gDAAgD;AAElE,SAAO,KAAK;;CAGd,IAAI,YAAY;AACd,SAAO,KAAK,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE;;CAGzC,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAGpC,MAAM,WAAW;EACf,MAAM,CAAC,cAAc,KAAK,YAAY;AACtC,MAAI,CAAC,WACH,OAAM,IAAI,MAAM,iCAAiC,KAAK,OAAO;EAE/D,MAAM,MAAM,KAAK;AACjB,MAAI,EAAE,QAAQ,SAAS,QAAQ,UAAU,QAAQ,SAAS,QAAQ,QAChE,OAAM,IAAI,MAAM,yBAAyB,KAAK,OAAO;;CAGzD,MAAM,SAAS;EACb,MAAM,YAAY,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;EAC5C,MAAM,CAAC,cAAc,KAAK,YAAY;AACtC,MAAI,CAAC,WACH,OAAM,IAAI,MACR,4EACD;EAGH,MAAM,iBAAiB,MAAM,qBAAqB,WAAW,EAAE,KAAK,IAAI;AACxE,MAAI,eACF,MAAK,UAAU;MAEf,MAAK,UAAU,MAAM,gBAAgB,WAAW,EAAE;GAChD,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK;GAC7B,OAAO,WAAW;GAClB,QAAQ,WAAW;GACnB,WAAW,SAAS,KAAK;GAMzB,WAAW;GACZ,CAAC;;CAGN,aAAa;AACX,SAAO,CAAC,CAAC,KAAK,SAAS;;CAEzB,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,iEACD;AAEH,QAAM,gBACJ,WAAW,EACX;GACE,IAAI,KAAK,QAAQ;GACjB,WAAW,OAAO,SAAS,KAAK,YAAY,OAAO,QAAQ,KAAK,GAAG;GACpE,EACD,iCAAiC,iBAAiB,KAAK,KAAK,CAAC,CAC9D,CAAC,cAAc;;CAElB,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,iEACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,SAAO,KAAK,WAAW,WAAW;GAChC,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC"}
+{"version":3,"file":"SyncImage.js","names":["path: string","md5: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncImage.ts"],"sourcesContent":["import { createReadStream } from \"node:fs\";\nimport fs from \"node:fs/promises\";\nimport path, { basename } from \"node:path\";\n\nimport {\n  type CreateFileResult,\n  createFile,\n  type LookupFileByMd5Result,\n  lookupFileByMd5,\n  uploadFile,\n} from \"@editframe/api\";\n\nimport { Probe } from \"@editframe/assets\";\n\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\n\nexport class SyncImage implements SubAssetSync<CreateFileResult> {\n  icon = \"🖼️\";\n  label = \"image\";\n  syncStatus: SyncStatus = new SyncStatus(this.path);\n  created: CreateFileResult | LookupFileByMd5Result | null = null;\n\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  private _probeResult: Probe | null = null;\n\n  async prepare() {\n    this._probeResult = await Probe.probePath(this.path);\n  }\n\n  get probeResult() {\n    if (!this._probeResult) {\n      throw new Error(\"Probe result not found. Call prepare() first.\");\n    }\n    return this._probeResult;\n  }\n\n  get extension() {\n    return path.extname(this.path).slice(1);\n  }\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  async validate() {\n    const [videoProbe] = this.probeResult.videoStreams;\n    if (!videoProbe) {\n      throw new Error(`No media info found in image: ${this.path}`);\n    }\n    const ext = this.extension;\n    if (!(ext === \"jpg\" || ext === \"jpeg\" || ext === \"png\" || ext === \"webp\")) {\n      throw new Error(`Invalid image format: ${this.path}`);\n    }\n  }\n  async create() {\n    const byteSize = (await fs.stat(this.path)).size;\n    const [videoProbe] = this.probeResult.videoStreams;\n    if (!videoProbe) {\n      throw new Error(\n        \"No video stream found in image. Should have been prevented by .validate()\",\n      );\n    }\n\n    const maybeFile = await lookupFileByMd5(getClient(), this.md5);\n    if (maybeFile) {\n      this.created = maybeFile;\n    } else {\n      this.created = await createFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path),\n        type: \"image\",\n        mime_type: `image/${this.extension}`,\n        byte_size: byteSize,\n      });\n    }\n  }\n  isComplete() {\n    return this.created?.status === \"ready\";\n  }\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Image not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadFile(\n      getClient(),\n      {\n        id: this.created.id,\n        byte_size: Number.parseInt(this.probeResult.format.size || \"0\", 10),\n        type: \"image\",\n      },\n      createReadableStreamFromReadable(createReadStream(this.path)),\n    ).whenUploaded();\n  }\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Image not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    return this.syncStatus.markSynced({\n      version: \"1\",\n      complete: true,\n      id: this.created.id,\n      md5: this.md5,\n      byte_size: byteSize,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,YAAb,MAAiE;CAM/D,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cAPF;eACC;oBACiB,IAAI,WAAW,KAAK,KAAK;iBACS;sBAOtB;;CAErC,MAAM,UAAU;AACd,OAAK,eAAe,MAAM,MAAM,UAAU,KAAK,KAAK;;CAGtD,IAAI,cAAc;AAChB,MAAI,CAAC,KAAK,aACR,OAAM,IAAI,MAAM,gDAAgD;AAElE,SAAO,KAAK;;CAGd,IAAI,YAAY;AACd,SAAO,KAAK,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE;;CAGzC,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAGpC,MAAM,WAAW;EACf,MAAM,CAAC,cAAc,KAAK,YAAY;AACtC,MAAI,CAAC,WACH,OAAM,IAAI,MAAM,iCAAiC,KAAK,OAAO;EAE/D,MAAM,MAAM,KAAK;AACjB,MAAI,EAAE,QAAQ,SAAS,QAAQ,UAAU,QAAQ,SAAS,QAAQ,QAChE,OAAM,IAAI,MAAM,yBAAyB,KAAK,OAAO;;CAGzD,MAAM,SAAS;EACb,MAAM,YAAY,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;EAC5C,MAAM,CAAC,cAAc,KAAK,YAAY;AACtC,MAAI,CAAC,WACH,OAAM,IAAI,MACR,4EACD;EAGH,MAAM,YAAY,MAAM,gBAAgB,WAAW,EAAE,KAAK,IAAI;AAC9D,MAAI,UACF,MAAK,UAAU;MAEf,MAAK,UAAU,MAAM,WAAW,WAAW,EAAE;GAC3C,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK;GAC7B,MAAM;GACN,WAAW,SAAS,KAAK;GACzB,WAAW;GACZ,CAAC;;CAGN,aAAa;AACX,SAAO,KAAK,SAAS,WAAW;;CAElC,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,iEACD;AAEH,QAAM,WACJ,WAAW,EACX;GACE,IAAI,KAAK,QAAQ;GACjB,WAAW,OAAO,SAAS,KAAK,YAAY,OAAO,QAAQ,KAAK,GAAG;GACnE,MAAM;GACP,EACD,iCAAiC,iBAAiB,KAAK,KAAK,CAAC,CAC9D,CAAC,cAAc;;CAElB,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,iEACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,SAAO,KAAK,WAAW,WAAW;GAChC,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC"}

package/dist/operations/syncAssetsDirectory/SyncStatus.js

@@ -30,7 +30,6 @@ var SyncStatus = class {
 		}
 	}
 	async markSynced(info) {
-		process.stderr.write(`✏️  Marking asset as synced: ${this.basePath}\n`);
 		await fs.writeFile(this.infoPath, JSON.stringify(info, null, 2), "utf-8");
 	}
 };

package/dist/operations/syncAssetsDirectory/SyncStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyncStatus.js","names":["basePath: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncStatus.ts"],"sourcesContent":["import fs from \"node:fs/promises\";\n\nimport { z } from \"zod\";\n\nconst SYNC_VERSION = \"1\";\n\nconst SyncStatusSchema = z.object({\n  version: z.string(),\n  complete: z.boolean(),\n  id: z.string(),\n  md5: z.string(),\n  byte_size: z.number(),\n});\n\nexport interface SyncStatusInfo extends z.infer<typeof SyncStatusSchema> {}\n\nexport class SyncStatus {\n  infoPath = `${this.basePath}.info`;\n\n  constructor(private basePath: string) {}\n\n  async isSynced() {\n    const syncInfo = await this.readInfo();\n    if (!syncInfo) {\n      return false;\n    }\n    return syncInfo.version === SYNC_VERSION && syncInfo.complete;\n  }\n\n  async readInfo() {\n    try {\n      const info = await fs.readFile(this.infoPath, \"utf-8\");\n      return SyncStatusSchema.parse(JSON.parse(info));\n    } catch (error) {\n      if (\n        error instanceof Error &&\n        \"code\" in error &&\n        error.code === \"ENOENT\"\n      ) {\n        return null;\n      }\n      throw error;\n    }\n  }\n\n  async markSynced(info: SyncStatusInfo) {\n    process.stderr.write(`✏️  Marking asset as synced: ${this.basePath}\\n`);\n    await fs.writeFile(this.infoPath, JSON.stringify(info, null, 2), \"utf-8\");\n  }\n}\n"],"mappings":";;;;AAIA,MAAM,eAAe;AAErB,MAAM,mBAAmB,EAAE,OAAO;CAChC,SAAS,EAAE,QAAQ;CACnB,UAAU,EAAE,SAAS;CACrB,IAAI,EAAE,QAAQ;CACd,KAAK,EAAE,QAAQ;CACf,WAAW,EAAE,QAAQ;CACtB,CAAC;AAIF,IAAa,aAAb,MAAwB;CAGtB,YAAY,AAAQA,UAAkB;EAAlB;kBAFT,GAAG,KAAK,SAAS;;CAI5B,MAAM,WAAW;EACf,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,MAAI,CAAC,SACH,QAAO;AAET,SAAO,SAAS,YAAY,gBAAgB,SAAS;;CAGvD,MAAM,WAAW;AACf,MAAI;GACF,MAAM,OAAO,MAAM,GAAG,SAAS,KAAK,UAAU,QAAQ;AACtD,UAAO,iBAAiB,MAAM,KAAK,MAAM,KAAK,CAAC;WACxC,OAAO;AACd,OACE,iBAAiB,SACjB,UAAU,SACV,MAAM,SAAS,SAEf,QAAO;AAET,SAAM;;;CAIV,MAAM,WAAW,MAAsB;AACrC,UAAQ,OAAO,MAAM,gCAAgC,KAAK,SAAS,IAAI;AACvE,QAAM,GAAG,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM,MAAM,EAAE,EAAE,QAAQ"}
+{"version":3,"file":"SyncStatus.js","names":["basePath: string"],"sources":["../../../src/operations/syncAssetsDirectory/SyncStatus.ts"],"sourcesContent":["import fs from \"node:fs/promises\";\n\nimport { z } from \"zod\";\n\nconst SYNC_VERSION = \"1\";\n\nconst SyncStatusSchema = z.object({\n  version: z.string(),\n  complete: z.boolean(),\n  id: z.string(),\n  md5: z.string(),\n  byte_size: z.number(),\n});\n\nexport interface SyncStatusInfo extends z.infer<typeof SyncStatusSchema> {}\n\nexport class SyncStatus {\n  infoPath = `${this.basePath}.info`;\n\n  constructor(private basePath: string) {}\n\n  async isSynced() {\n    const syncInfo = await this.readInfo();\n    if (!syncInfo) {\n      return false;\n    }\n    return syncInfo.version === SYNC_VERSION && syncInfo.complete;\n  }\n\n  async readInfo() {\n    try {\n      const info = await fs.readFile(this.infoPath, \"utf-8\");\n      return SyncStatusSchema.parse(JSON.parse(info));\n    } catch (error) {\n      if (\n        error instanceof Error &&\n        \"code\" in error &&\n        error.code === \"ENOENT\"\n      ) {\n        return null;\n      }\n      throw error;\n    }\n  }\n\n  async markSynced(info: SyncStatusInfo) {\n    await fs.writeFile(this.infoPath, JSON.stringify(info, null, 2), \"utf-8\");\n  }\n}\n"],"mappings":";;;;AAIA,MAAM,eAAe;AAErB,MAAM,mBAAmB,EAAE,OAAO;CAChC,SAAS,EAAE,QAAQ;CACnB,UAAU,EAAE,SAAS;CACrB,IAAI,EAAE,QAAQ;CACd,KAAK,EAAE,QAAQ;CACf,WAAW,EAAE,QAAQ;CACtB,CAAC;AAIF,IAAa,aAAb,MAAwB;CAGtB,YAAY,AAAQA,UAAkB;EAAlB;kBAFT,GAAG,KAAK,SAAS;;CAI5B,MAAM,WAAW;EACf,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,MAAI,CAAC,SACH,QAAO;AAET,SAAO,SAAS,YAAY,gBAAgB,SAAS;;CAGvD,MAAM,WAAW;AACf,MAAI;GACF,MAAM,OAAO,MAAM,GAAG,SAAS,KAAK,UAAU,QAAQ;AACtD,UAAO,iBAAiB,MAAM,KAAK,MAAM,KAAK,CAAC;WACxC,OAAO;AACd,OACE,iBAAiB,SACjB,UAAU,SACV,MAAM,SAAS,SAEf,QAAO;AAET,SAAM;;;CAIV,MAAM,WAAW,MAAsB;AACrC,QAAM,GAAG,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM,MAAM,EAAE,EAAE,QAAQ"}

package/dist/operations/syncAssetsDirectory/SyncTrack.js

@@ -1,7 +1,7 @@
 import { getClient } from "../../utils/index.js";
 import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { SyncStatus } from "./SyncStatus.js";
-import { createISOBMFFFile, createISOBMFFTrack, lookupISOBMFFFileByMd5, uploadISOBMFFTrack } from "@editframe/api";
+import { createFile, createFileTrack, lookupFileByMd5, uploadFileTrack } from "@editframe/api";
 import { basename, dirname, join } from "node:path";
 import fs from "node:fs/promises";
 import { createReadStream } from "node:fs";
@@ -17,12 +17,12 @@ var SyncTrack = class {
 		this.syncStatus = new SyncStatus(this.path);
 		this.fileSyncStatus = new SyncStatus(join(dirname(this.path), "isobmff"));
 		this.created = null;
-		this._isoFile = null;
+		this._videoFile = null;
 		this._probeResult = null;
 	}
-	get isoFile() {
-		if (this._isoFile) return this._isoFile;
-		throw new Error("ISOBMFF file not found. Call prepare() first.");
+	get videoFile() {
+		if (this._videoFile) return this._videoFile;
+		throw new Error("Video file not found. Call prepare() first.");
 	}
 	async byteSize() {
 		return (await fs.stat(this.path)).size;
@@ -37,11 +37,13 @@ var SyncTrack = class {
 		throw new Error(`No track found in track: ${this.path}`);
 	}
 	async prepare() {
-		const maybeIsoFile = await lookupISOBMFFFileByMd5(getClient(), this.md5);
-		if (maybeIsoFile) this._isoFile = maybeIsoFile;
-		else this._isoFile = await createISOBMFFFile(getClient(), {
+		const maybeFile = await lookupFileByMd5(getClient(), this.md5);
+		if (maybeFile) this._videoFile = maybeFile;
+		else this._videoFile = await createFile(getClient(), {
 			md5: this.md5,
-			filename: basename(this.path).replace(/\.track-[\d]+.mp4$/, "")
+			filename: basename(this.path).replace(/\.track-[\d]+.mp4$/, ""),
+			type: "video",
+			byte_size: await this.byteSize()
 		});
 		this._probeResult = await Probe.probePath(this.path);
 	}
@@ -58,16 +60,16 @@ var SyncTrack = class {
 	}
 	async validate() {
 		this.trackId;
-		this.isoFile;
+		this.videoFile;
 		this.trackDuration;
 	}
 	async create() {
 		const track = this.track;
-		const isoFile = this.isoFile;
+		const videoFile = this.videoFile;
 		if (track.codec_type === "data") throw new Error(`Unsupported codec type: ${track.codec_type}`);
 		const createPayload = track.codec_type === "audio" ? {
 			type: track.codec_type,
-			file_id: isoFile.id,
+			file_id: videoFile.id,
 			track_id: Number(this.trackId),
 			probe_info: track,
 			duration_ms: Math.round(this.trackDuration * 1e3),
@@ -75,21 +77,21 @@ var SyncTrack = class {
 			byte_size: await this.byteSize()
 		} : {
 			type: track.codec_type,
-			file_id: isoFile.id,
+			file_id: videoFile.id,
 			track_id: Number(this.trackId),
 			probe_info: track,
 			duration_ms: Math.round(this.trackDuration * 1e3),
 			codec_name: track.codec_name,
 			byte_size: await this.byteSize()
 		};
-		this.created = await createISOBMFFTrack(getClient(), createPayload);
+		this.created = await createFileTrack(getClient(), videoFile.id, createPayload);
 	}
 	isComplete() {
 		return !!this.created?.complete;
 	}
 	async upload() {
 		if (!this.created) throw new Error("Track not created. Should have been prevented by .isComplete()");
-		await uploadISOBMFFTrack(getClient(), this.isoFile.id, Number(this.trackId), createReadableStreamFromReadable(createReadStream(this.path)), this.created?.byte_size).whenUploaded();
+		await uploadFileTrack(getClient(), this.videoFile.id, Number(this.trackId), this.created.byte_size, createReadableStreamFromReadable(createReadStream(this.path))).whenUploaded();
 	}
 	async markSynced() {
 		if (!this.created) throw new Error("Track not created. Should have been prevented by .isComplete()");

package/dist/operations/syncAssetsDirectory/SyncTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyncTrack.js","names":["path: string","md5: string","createPayload: CreateISOBMFFTrackPayload"],"sources":["../../../src/operations/syncAssetsDirectory/SyncTrack.ts"],"sourcesContent":["import { createReadStream } from \"node:fs\";\nimport fs from \"node:fs/promises\";\nimport { basename, dirname, join } from \"node:path\";\n\nimport {\n  type CreateISOBMFFFileResult,\n  type CreateISOBMFFTrackPayload,\n  type CreateISOBMFFTrackResult,\n  createISOBMFFFile,\n  createISOBMFFTrack,\n  type LookupISOBMFFFileByMd5Result,\n  lookupISOBMFFFileByMd5,\n  uploadISOBMFFTrack,\n} from \"@editframe/api\";\nimport { Probe } from \"@editframe/assets\";\n\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\n\nexport class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult> {\n  icon = \"📼\";\n  label = \"track\";\n  syncStatus = new SyncStatus(this.path);\n  fileSyncStatus = new SyncStatus(join(dirname(this.path), \"isobmff\"));\n  created: CreateISOBMFFTrackResult | null = null;\n\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  private _isoFile:\n    | CreateISOBMFFFileResult\n    | LookupISOBMFFFileByMd5Result\n    | null = null;\n\n  get isoFile() {\n    if (this._isoFile) {\n      return this._isoFile;\n    }\n    throw new Error(\"ISOBMFF file not found. Call prepare() first.\");\n  }\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  private _probeResult: Probe | null = null;\n  get probeResult() {\n    if (this._probeResult) {\n      return this._probeResult;\n    }\n    throw new Error(\"Probe result not found. Call prepare() first.\");\n  }\n\n  get track() {\n    const [track] = this.probeResult.streams;\n    if (track) {\n      return track;\n    }\n    throw new Error(`No track found in track: ${this.path}`);\n  }\n\n  async prepare() {\n    const maybeIsoFile = await lookupISOBMFFFileByMd5(getClient(), this.md5);\n    if (maybeIsoFile) {\n      this._isoFile = maybeIsoFile;\n    } else {\n      this._isoFile = await createISOBMFFFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path).replace(/\\.track-[\\d]+.mp4$/, \"\"),\n      });\n    }\n    this._probeResult = await Probe.probePath(this.path);\n  }\n\n  get trackId() {\n    const trackId = this.path.match(/track-([\\d]+).mp4/)?.[1];\n    if (!trackId) {\n      throw new Error(`No track ID  found for track: ${this.path}`);\n    }\n    return trackId;\n  }\n\n  get trackDuration() {\n    const track = this.track;\n    if (!track.duration) {\n      throw new Error(`No duration found in track: ${this.path}`);\n    }\n    if (typeof track.duration === \"string\") {\n      return Number.parseFloat(track.duration);\n    }\n    return track.duration;\n  }\n\n  async validate() {\n    this.trackId;\n    this.isoFile;\n    this.trackDuration;\n  }\n\n  async create(): Promise<void> {\n    const track = this.track;\n    const isoFile = this.isoFile;\n\n    if (track.codec_type === \"data\") {\n      throw new Error(`Unsupported codec type: ${track.codec_type}`);\n    }\n    const createPayload: CreateISOBMFFTrackPayload =\n      track.codec_type === \"audio\"\n        ? {\n            type: track.codec_type,\n            file_id: isoFile.id,\n            track_id: Number(this.trackId),\n            probe_info: track,\n            duration_ms: Math.round(this.trackDuration * 1000),\n            codec_name: track.codec_name,\n            byte_size: await this.byteSize(),\n          }\n        : {\n            type: track.codec_type,\n            file_id: isoFile.id,\n            track_id: Number(this.trackId),\n            probe_info: track,\n            duration_ms: Math.round(this.trackDuration * 1000),\n            codec_name: track.codec_name,\n            byte_size: await this.byteSize(),\n          };\n\n    this.created = await createISOBMFFTrack(getClient(), createPayload);\n  }\n  isComplete() {\n    return !!this.created?.complete;\n  }\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Track not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadISOBMFFTrack(\n      getClient(),\n      this.isoFile.id,\n      Number(this.trackId),\n      createReadableStreamFromReadable(createReadStream(this.path)),\n      this.created?.byte_size,\n    ).whenUploaded();\n  }\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Track not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    await Promise.all([\n      this.syncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: `${this.created.file_id}:${this.created.track_id}`,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n      this.fileSyncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: this.created.file_id,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n    ]);\n  }\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,YAAb,MAAyE;CAOvE,YACE,AAAOA,QACP,AAAOC,KACP;EAFO;EACA;cARF;eACC;oBACK,IAAI,WAAW,KAAK,KAAK;wBACrB,IAAI,WAAW,KAAK,QAAQ,KAAK,KAAK,EAAE,UAAU,CAAC;iBACzB;kBAUhC;sBAa0B;;CAXrC,IAAI,UAAU;AACZ,MAAI,KAAK,SACP,QAAO,KAAK;AAEd,QAAM,IAAI,MAAM,gDAAgD;;CAGlE,MAAM,WAAW;AACf,UAAQ,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;;CAIpC,IAAI,cAAc;AAChB,MAAI,KAAK,aACP,QAAO,KAAK;AAEd,QAAM,IAAI,MAAM,gDAAgD;;CAGlE,IAAI,QAAQ;EACV,MAAM,CAAC,SAAS,KAAK,YAAY;AACjC,MAAI,MACF,QAAO;AAET,QAAM,IAAI,MAAM,4BAA4B,KAAK,OAAO;;CAG1D,MAAM,UAAU;EACd,MAAM,eAAe,MAAM,uBAAuB,WAAW,EAAE,KAAK,IAAI;AACxE,MAAI,aACF,MAAK,WAAW;MAEhB,MAAK,WAAW,MAAM,kBAAkB,WAAW,EAAE;GACnD,KAAK,KAAK;GACV,UAAU,SAAS,KAAK,KAAK,CAAC,QAAQ,sBAAsB,GAAG;GAChE,CAAC;AAEJ,OAAK,eAAe,MAAM,MAAM,UAAU,KAAK,KAAK;;CAGtD,IAAI,UAAU;EACZ,MAAM,UAAU,KAAK,KAAK,MAAM,oBAAoB,GAAG;AACvD,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,iCAAiC,KAAK,OAAO;AAE/D,SAAO;;CAGT,IAAI,gBAAgB;EAClB,MAAM,QAAQ,KAAK;AACnB,MAAI,CAAC,MAAM,SACT,OAAM,IAAI,MAAM,+BAA+B,KAAK,OAAO;AAE7D,MAAI,OAAO,MAAM,aAAa,SAC5B,QAAO,OAAO,WAAW,MAAM,SAAS;AAE1C,SAAO,MAAM;;CAGf,MAAM,WAAW;AACf,OAAK;AACL,OAAK;AACL,OAAK;;CAGP,MAAM,SAAwB;EAC5B,MAAM,QAAQ,KAAK;EACnB,MAAM,UAAU,KAAK;AAErB,MAAI,MAAM,eAAe,OACvB,OAAM,IAAI,MAAM,2BAA2B,MAAM,aAAa;EAEhE,MAAMC,gBACJ,MAAM,eAAe,UACjB;GACE,MAAM,MAAM;GACZ,SAAS,QAAQ;GACjB,UAAU,OAAO,KAAK,QAAQ;GAC9B,YAAY;GACZ,aAAa,KAAK,MAAM,KAAK,gBAAgB,IAAK;GAClD,YAAY,MAAM;GAClB,WAAW,MAAM,KAAK,UAAU;GACjC,GACD;GACE,MAAM,MAAM;GACZ,SAAS,QAAQ;GACjB,UAAU,OAAO,KAAK,QAAQ;GAC9B,YAAY;GACZ,aAAa,KAAK,MAAM,KAAK,gBAAgB,IAAK;GAClD,YAAY,MAAM;GAClB,WAAW,MAAM,KAAK,UAAU;GACjC;AAEP,OAAK,UAAU,MAAM,mBAAmB,WAAW,EAAE,cAAc;;CAErE,aAAa;AACX,SAAO,CAAC,CAAC,KAAK,SAAS;;CAEzB,MAAM,SAAS;AACb,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,iEACD;AAEH,QAAM,mBACJ,WAAW,EACX,KAAK,QAAQ,IACb,OAAO,KAAK,QAAQ,EACpB,iCAAiC,iBAAiB,KAAK,KAAK,CAAC,EAC7D,KAAK,SAAS,UACf,CAAC,cAAc;;CAElB,MAAM,aAAa;AACjB,MAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,iEACD;EAEH,MAAM,WAAW,MAAM,KAAK,UAAU;AACtC,QAAM,QAAQ,IAAI,CAChB,KAAK,WAAW,WAAW;GACzB,SAAS;GACT,UAAU;GACV,IAAI,GAAG,KAAK,QAAQ,QAAQ,GAAG,KAAK,QAAQ;GAC5C,KAAK,KAAK;GACV,WAAW;GACZ,CAAC,EACF,KAAK,eAAe,WAAW;GAC7B,SAAS;GACT,UAAU;GACV,IAAI,KAAK,QAAQ;GACjB,KAAK,KAAK;GACV,WAAW;GACZ,CAAC,CACH,CAAC"}
+{"version":3,"file":"SyncTrack.js","names":["path: string","md5: string","createPayload: CreateISOBMFFTrackPayload"],"sources":["../../../src/operations/syncAssetsDirectory/SyncTrack.ts"],"sourcesContent":["import { createReadStream } from \"node:fs\";\nimport fs from \"node:fs/promises\";\nimport { basename, dirname, join } from \"node:path\";\n\nimport {\n  type CreateFileResult,\n  type CreateISOBMFFTrackPayload,\n  type CreateISOBMFFTrackResult,\n  createFile,\n  createFileTrack,\n  type LookupFileByMd5Result,\n  lookupFileByMd5,\n  uploadFileTrack,\n} from \"@editframe/api\";\nimport { Probe } from \"@editframe/assets\";\n\nimport { createReadableStreamFromReadable } from \"../../utils/createReadableStreamFromReadable.js\";\nimport { getClient } from \"../../utils/index.js\";\nimport type { SubAssetSync } from \"./SubAssetSync.js\";\nimport { SyncStatus } from \"./SyncStatus.js\";\n\nexport class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult> {\n  icon = \"📼\";\n  label = \"track\";\n  syncStatus = new SyncStatus(this.path);\n  fileSyncStatus = new SyncStatus(join(dirname(this.path), \"isobmff\"));\n  created: CreateISOBMFFTrackResult | null = null;\n\n  constructor(\n    public path: string,\n    public md5: string,\n  ) {}\n\n  private _videoFile: CreateFileResult | LookupFileByMd5Result | null = null;\n\n  get videoFile() {\n    if (this._videoFile) {\n      return this._videoFile;\n    }\n    throw new Error(\"Video file not found. Call prepare() first.\");\n  }\n\n  async byteSize() {\n    return (await fs.stat(this.path)).size;\n  }\n\n  private _probeResult: Probe | null = null;\n  get probeResult() {\n    if (this._probeResult) {\n      return this._probeResult;\n    }\n    throw new Error(\"Probe result not found. Call prepare() first.\");\n  }\n\n  get track() {\n    const [track] = this.probeResult.streams;\n    if (track) {\n      return track;\n    }\n    throw new Error(`No track found in track: ${this.path}`);\n  }\n\n  async prepare() {\n    const maybeFile = await lookupFileByMd5(getClient(), this.md5);\n    if (maybeFile) {\n      this._videoFile = maybeFile;\n    } else {\n      this._videoFile = await createFile(getClient(), {\n        md5: this.md5,\n        filename: basename(this.path).replace(/\\.track-[\\d]+.mp4$/, \"\"),\n        type: \"video\",\n        byte_size: await this.byteSize(),\n      });\n    }\n    this._probeResult = await Probe.probePath(this.path);\n  }\n\n  get trackId() {\n    const trackId = this.path.match(/track-([\\d]+).mp4/)?.[1];\n    if (!trackId) {\n      throw new Error(`No track ID  found for track: ${this.path}`);\n    }\n    return trackId;\n  }\n\n  get trackDuration() {\n    const track = this.track;\n    if (!track.duration) {\n      throw new Error(`No duration found in track: ${this.path}`);\n    }\n    if (typeof track.duration === \"string\") {\n      return Number.parseFloat(track.duration);\n    }\n    return track.duration;\n  }\n\n  async validate() {\n    this.trackId;\n    this.videoFile;\n    this.trackDuration;\n  }\n\n  async create(): Promise<void> {\n    const track = this.track;\n    const videoFile = this.videoFile;\n\n    if (track.codec_type === \"data\") {\n      throw new Error(`Unsupported codec type: ${track.codec_type}`);\n    }\n    const createPayload: CreateISOBMFFTrackPayload =\n      track.codec_type === \"audio\"\n        ? {\n            type: track.codec_type,\n            file_id: videoFile.id,\n            track_id: Number(this.trackId),\n            probe_info: track,\n            duration_ms: Math.round(this.trackDuration * 1000),\n            codec_name: track.codec_name,\n            byte_size: await this.byteSize(),\n          }\n        : {\n            type: track.codec_type,\n            file_id: videoFile.id,\n            track_id: Number(this.trackId),\n            probe_info: track,\n            duration_ms: Math.round(this.trackDuration * 1000),\n            codec_name: track.codec_name,\n            byte_size: await this.byteSize(),\n          };\n\n    this.created = await createFileTrack(\n      getClient(),\n      videoFile.id,\n      createPayload,\n    );\n  }\n  isComplete() {\n    return !!this.created?.complete;\n  }\n  async upload() {\n    if (!this.created) {\n      throw new Error(\n        \"Track not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    await uploadFileTrack(\n      getClient(),\n      this.videoFile.id,\n      Number(this.trackId),\n      this.created.byte_size,\n      createReadableStreamFromReadable(createReadStream(this.path)),\n    ).whenUploaded();\n  }\n  async markSynced() {\n    if (!this.created) {\n      throw new Error(\n        \"Track not created. Should have been prevented by .isComplete()\",\n      );\n    }\n    const byteSize = await this.byteSize();\n    await Promise.all([\n      this.syncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: `${this.created.file_id}:${this.created.track_id}`,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n      this.fileSyncStatus.markSynced({\n        version: \"1\",\n        complete: true,\n        id: this.created.file_id,\n        md5: this.md5,\n        byte_size: byteSize,\n      }),\n    ]);\n  }\n}\n"],"mappings":"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"}

package/dist/utils/detectChrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"detectChrome.js","names":[],"sources":["../../src/utils/detectChrome.ts"],"sourcesContent":["import { execSync } from \"node:child_process\";\nimport { existsSync } from \"node:fs\";\nimport { platform } from \"node:os\";\nimport path from \"node:path\";\n\nexport interface ChromeDetectionResult {\n  found: boolean;\n  path?: string;\n  error?: string;\n}\n\n/**\n * Detects if Google Chrome is installed on the system.\n * Returns the path to Chrome executable if found.\n */\nexport function detectChrome(): ChromeDetectionResult {\n  const osPlatform = platform();\n\n  if (osPlatform === \"darwin\") {\n    // macOS: Check for Google Chrome.app\n    const chromePath = \"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome\";\n    if (existsSync(chromePath)) {\n      return { found: true, path: chromePath };\n    }\n\n    // Also check for Chromium\n    const chromiumPath = \"/Applications/Chromium.app/Contents/MacOS/Chromium\";\n    if (existsSync(chromiumPath)) {\n      return { found: true, path: chromiumPath };\n    }\n\n    return {\n      found: false,\n      error: \"Chrome not found in /Applications/Google Chrome.app\",\n    };\n  }\n\n  if (osPlatform === \"linux\") {\n    // Linux: Try to find chrome/chromium via which\n    try {\n      const chromePath = execSync(\"which google-chrome\", { encoding: \"utf-8\" }).trim();\n      if (chromePath && existsSync(chromePath)) {\n        return { found: true, path: chromePath };\n      }\n    } catch {\n      // google-chrome not found, try chromium\n    }\n\n    try {\n      const chromiumPath = execSync(\"which chromium\", { encoding: \"utf-8\" }).trim();\n      if (chromiumPath && existsSync(chromiumPath)) {\n        return { found: true, path: chromiumPath };\n      }\n    } catch {\n      // chromium not found\n    }\n\n    try {\n      const chromiumBrowserPath = execSync(\"which chromium-browser\", { encoding: \"utf-8\" }).trim();\n      if (chromiumBrowserPath && existsSync(chromiumBrowserPath)) {\n        return { found: true, path: chromiumBrowserPath };\n      }\n    } catch {\n      // chromium-browser not found\n    }\n\n    return {\n      found: false,\n      error: \"Chrome not found. Install with: apt-get install google-chrome-stable\",\n    };\n  }\n\n  if (osPlatform === \"win32\") {\n    // Windows: Check common installation paths\n    const possiblePaths = [\n      path.join(process.env.LOCALAPPDATA || \"\", \"Google\", \"Chrome\", \"Application\", \"chrome.exe\"),\n      path.join(process.env.PROGRAMFILES || \"\", \"Google\", \"Chrome\", \"Application\", \"chrome.exe\"),\n      path.join(process.env[\"PROGRAMFILES(X86)\"] || \"\", \"Google\", \"Chrome\", \"Application\", \"chrome.exe\"),\n    ];\n\n    for (const chromePath of possiblePaths) {\n      if (existsSync(chromePath)) {\n        return { found: true, path: chromePath };\n      }\n    }\n\n    return {\n      found: false,\n      error: \"Chrome not found in common Windows installation paths\",\n    };\n  }\n\n  return {\n    found: false,\n    error: `Unsupported platform: ${osPlatform}`,\n  };\n}\n\n/**\n * Throws a user-friendly error if Chrome is not found.\n */\nexport function requireChrome(): string {\n  const result = detectChrome();\n  if (!result.found) {\n    throw new Error(\n      `Chrome browser not found.\\n\\n` +\n        `The render command requires Google Chrome to be installed on your system.\\n\\n` +\n        `Install Chrome from: https://www.google.com/chrome/\\n` +\n        (result.error ? `\\nDetails: ${result.error}` : \"\"),\n    );\n  }\n  return result.path!;\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,eAAsC;CACpD,MAAM,aAAa,UAAU;AAE7B,KAAI,eAAe,UAAU;EAE3B,MAAM,aAAa;AACnB,MAAI,WAAW,WAAW,CACxB,QAAO;GAAE,OAAO;GAAM,MAAM;GAAY;EAI1C,MAAM,eAAe;AACrB,MAAI,WAAW,aAAa,CAC1B,QAAO;GAAE,OAAO;GAAM,MAAM;GAAc;AAG5C,SAAO;GACL,OAAO;GACP,OAAO;GACR;;AAGH,KAAI,eAAe,SAAS;AAE1B,MAAI;GACF,MAAM,aAAa,SAAS,uBAAuB,EAAE,UAAU,SAAS,CAAC,CAAC,MAAM;AAChF,OAAI,cAAc,WAAW,WAAW,CACtC,QAAO;IAAE,OAAO;IAAM,MAAM;IAAY;UAEpC;AAIR,MAAI;GACF,MAAM,eAAe,SAAS,kBAAkB,EAAE,UAAU,SAAS,CAAC,CAAC,MAAM;AAC7E,OAAI,gBAAgB,WAAW,aAAa,CAC1C,QAAO;IAAE,OAAO;IAAM,MAAM;IAAc;UAEtC;AAIR,MAAI;GACF,MAAM,sBAAsB,SAAS,0BAA0B,EAAE,UAAU,SAAS,CAAC,CAAC,MAAM;AAC5F,OAAI,uBAAuB,WAAW,oBAAoB,CACxD,QAAO;IAAE,OAAO;IAAM,MAAM;IAAqB;UAE7C;AAIR,SAAO;GACL,OAAO;GACP,OAAO;GACR;;AAGH,KAAI,eAAe,SAAS;EAE1B,MAAM,gBAAgB;GACpB,KAAK,KAAK,QAAQ,IAAI,gBAAgB,IAAI,UAAU,UAAU,eAAe,aAAa;GAC1F,KAAK,KAAK,QAAQ,IAAI,gBAAgB,IAAI,UAAU,UAAU,eAAe,aAAa;GAC1F,KAAK,KAAK,QAAQ,IAAI,wBAAwB,IAAI,UAAU,UAAU,eAAe,aAAa;GACnG;AAED,OAAK,MAAM,cAAc,cACvB,KAAI,WAAW,WAAW,CACxB,QAAO;GAAE,OAAO;GAAM,MAAM;GAAY;AAI5C,SAAO;GACL,OAAO;GACP,OAAO;GACR;;AAGH,QAAO;EACL,OAAO;EACP,OAAO,yBAAyB;EACjC;;;;;AAMH,SAAgB,gBAAwB;CACtC,MAAM,SAAS,cAAc;AAC7B,KAAI,CAAC,OAAO,MACV,OAAM,IAAI,MACR,qKAGG,OAAO,QAAQ,cAAc,OAAO,UAAU,IAClD;AAEH,QAAO,OAAO"}
+{"version":3,"file":"detectChrome.js","names":[],"sources":["../../src/utils/detectChrome.ts"],"sourcesContent":["import { execSync } from \"node:child_process\";\nimport { existsSync } from \"node:fs\";\nimport { platform } from \"node:os\";\nimport path from \"node:path\";\n\nexport interface ChromeDetectionResult {\n  found: boolean;\n  path?: string;\n  error?: string;\n}\n\n/**\n * Detects if Google Chrome is installed on the system.\n * Returns the path to Chrome executable if found.\n */\nexport function detectChrome(): ChromeDetectionResult {\n  const osPlatform = platform();\n\n  if (osPlatform === \"darwin\") {\n    // macOS: Check for Google Chrome.app\n    const chromePath =\n      \"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome\";\n    if (existsSync(chromePath)) {\n      return { found: true, path: chromePath };\n    }\n\n    // Also check for Chromium\n    const chromiumPath = \"/Applications/Chromium.app/Contents/MacOS/Chromium\";\n    if (existsSync(chromiumPath)) {\n      return { found: true, path: chromiumPath };\n    }\n\n    return {\n      found: false,\n      error: \"Chrome not found in /Applications/Google Chrome.app\",\n    };\n  }\n\n  if (osPlatform === \"linux\") {\n    // Linux: Try to find chrome/chromium via which\n    try {\n      const chromePath = execSync(\"which google-chrome\", {\n        encoding: \"utf-8\",\n      }).trim();\n      if (chromePath && existsSync(chromePath)) {\n        return { found: true, path: chromePath };\n      }\n    } catch {\n      // google-chrome not found, try chromium\n    }\n\n    try {\n      const chromiumPath = execSync(\"which chromium\", {\n        encoding: \"utf-8\",\n      }).trim();\n      if (chromiumPath && existsSync(chromiumPath)) {\n        return { found: true, path: chromiumPath };\n      }\n    } catch {\n      // chromium not found\n    }\n\n    try {\n      const chromiumBrowserPath = execSync(\"which chromium-browser\", {\n        encoding: \"utf-8\",\n      }).trim();\n      if (chromiumBrowserPath && existsSync(chromiumBrowserPath)) {\n        return { found: true, path: chromiumBrowserPath };\n      }\n    } catch {\n      // chromium-browser not found\n    }\n\n    return {\n      found: false,\n      error:\n        \"Chrome not found. Install with: apt-get install google-chrome-stable\",\n    };\n  }\n\n  if (osPlatform === \"win32\") {\n    // Windows: Check common installation paths\n    const possiblePaths = [\n      path.join(\n        process.env.LOCALAPPDATA || \"\",\n        \"Google\",\n        \"Chrome\",\n        \"Application\",\n        \"chrome.exe\",\n      ),\n      path.join(\n        process.env.PROGRAMFILES || \"\",\n        \"Google\",\n        \"Chrome\",\n        \"Application\",\n        \"chrome.exe\",\n      ),\n      path.join(\n        process.env[\"PROGRAMFILES(X86)\"] || \"\",\n        \"Google\",\n        \"Chrome\",\n        \"Application\",\n        \"chrome.exe\",\n      ),\n    ];\n\n    for (const chromePath of possiblePaths) {\n      if (existsSync(chromePath)) {\n        return { found: true, path: chromePath };\n      }\n    }\n\n    return {\n      found: false,\n      error: \"Chrome not found in common Windows installation paths\",\n    };\n  }\n\n  return {\n    found: false,\n    error: `Unsupported platform: ${osPlatform}`,\n  };\n}\n\n/**\n * Throws a user-friendly error if Chrome is not found.\n */\nexport function requireChrome(): string {\n  const result = detectChrome();\n  if (!result.found) {\n    throw new Error(\n      `Chrome browser not found.\\n\\n` +\n        `The render command requires Google Chrome to be installed on your system.\\n\\n` +\n        `Install Chrome from: https://www.google.com/chrome/\\n` +\n        (result.error ? `\\nDetails: ${result.error}` : \"\"),\n    );\n  }\n  return result.path!;\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,eAAsC;CACpD,MAAM,aAAa,UAAU;AAE7B,KAAI,eAAe,UAAU;EAE3B,MAAM,aACJ;AACF,MAAI,WAAW,WAAW,CACxB,QAAO;GAAE,OAAO;GAAM,MAAM;GAAY;EAI1C,MAAM,eAAe;AACrB,MAAI,WAAW,aAAa,CAC1B,QAAO;GAAE,OAAO;GAAM,MAAM;GAAc;AAG5C,SAAO;GACL,OAAO;GACP,OAAO;GACR;;AAGH,KAAI,eAAe,SAAS;AAE1B,MAAI;GACF,MAAM,aAAa,SAAS,uBAAuB,EACjD,UAAU,SACX,CAAC,CAAC,MAAM;AACT,OAAI,cAAc,WAAW,WAAW,CACtC,QAAO;IAAE,OAAO;IAAM,MAAM;IAAY;UAEpC;AAIR,MAAI;GACF,MAAM,eAAe,SAAS,kBAAkB,EAC9C,UAAU,SACX,CAAC,CAAC,MAAM;AACT,OAAI,gBAAgB,WAAW,aAAa,CAC1C,QAAO;IAAE,OAAO;IAAM,MAAM;IAAc;UAEtC;AAIR,MAAI;GACF,MAAM,sBAAsB,SAAS,0BAA0B,EAC7D,UAAU,SACX,CAAC,CAAC,MAAM;AACT,OAAI,uBAAuB,WAAW,oBAAoB,CACxD,QAAO;IAAE,OAAO;IAAM,MAAM;IAAqB;UAE7C;AAIR,SAAO;GACL,OAAO;GACP,OACE;GACH;;AAGH,KAAI,eAAe,SAAS;EAE1B,MAAM,gBAAgB;GACpB,KAAK,KACH,QAAQ,IAAI,gBAAgB,IAC5B,UACA,UACA,eACA,aACD;GACD,KAAK,KACH,QAAQ,IAAI,gBAAgB,IAC5B,UACA,UACA,eACA,aACD;GACD,KAAK,KACH,QAAQ,IAAI,wBAAwB,IACpC,UACA,UACA,eACA,aACD;GACF;AAED,OAAK,MAAM,cAAc,cACvB,KAAI,WAAW,WAAW,CACxB,QAAO;GAAE,OAAO;GAAM,MAAM;GAAY;AAI5C,SAAO;GACL,OAAO;GACP,OAAO;GACR;;AAGH,QAAO;EACL,OAAO;EACP,OAAO,yBAAyB;EACjC;;;;;AAMH,SAAgB,gBAAwB;CACtC,MAAM,SAAS,cAAc;AAC7B,KAAI,CAAC,OAAO,MACV,OAAM,IAAI,MACR,qKAGG,OAAO,QAAQ,cAAc,OAAO,UAAU,IAClD;AAEH,QAAO,OAAO"}

package/dist/utils/launchBrowserAndWaitForSDK.js.map

@@ -1 +1 @@
-{"version":3,"file":"launchBrowserAndWaitForSDK.js","names":["launchOptions: Parameters<typeof chromium.launch>[0]","pageOptions: Parameters<Browser[\"newPage\"]>[0]"],"sources":["../../src/utils/launchBrowserAndWaitForSDK.ts"],"sourcesContent":["import chalk from \"chalk\";\nimport debug from \"debug\";\nimport { type Browser, chromium, type Page } from \"playwright\";\n\nimport { requireChrome } from \"./detectChrome.js\";\nimport { withSpinner } from \"./withSpinner.js\";\n\nconst browserLog = debug(\"ef:cli::browser\");\n\ninterface LaunchOptions {\n  url: string;\n  headless?: boolean;\n  interactive?: boolean;\n  efInteractive?: boolean;\n  nativeRender?: boolean;\n  chromePath?: string;\n  profile?: boolean;\n  profileOutput?: string;\n  silent?: boolean; // Suppress spinner output\n}\n\nexport async function launchBrowserAndWaitForSDK(\n  options: LaunchOptions,\n  fn: (page: Page) => Promise<void>,\n) {\n  // Detect Chrome before launching (only for non-interactive renders)\n  if (options.interactive !== true && !options.chromePath) {\n    requireChrome();\n  }\n\n  const launchBrowser = async () => {\n    const launchOptions: Parameters<typeof chromium.launch>[0] = {\n      channel: \"chrome\",\n      headless: options.headless ?? true,\n      devtools: options.interactive === true,\n    };\n\n    // Use custom Chrome path if provided\n    if (options.chromePath) {\n      launchOptions.executablePath = options.chromePath;\n      // Don't use channel when providing explicit path\n      delete launchOptions.channel;\n    }\n\n    // Enable GPU acceleration for headless rendering\n    // This significantly improves canvas/WebGL performance for video rendering\n    // Set EF_DISABLE_GPU=1 to disable GPU acceleration (for debugging/compatibility)\n    const disableGpu = process.env.EF_DISABLE_GPU === \"1\";\n    \n    if (options.headless && options.interactive !== true && !disableGpu) {\n      launchOptions.args = [\n        // Core GPU acceleration flags\n        \"--enable-gpu\",                      // Enable GPU hardware acceleration\n        \"--use-angle=default\",               // Use ANGLE for OpenGL (better compatibility)\n        \"--enable-accelerated-2d-canvas\",    // Hardware-accelerate canvas operations\n        \"--enable-webgl\",                    // Enable WebGL\n        \"--enable-features=VaapiVideoDecoder\", // Hardware video decoding (Linux)\n        \n        // Prevent fallback to software rendering\n        \"--disable-software-rasterizer\",\n        \n        // System resource optimizations\n        \"--disable-dev-shm-usage\",           // Avoid /dev/shm issues (especially on Linux/Docker)\n        \n        // Optional: Uncomment if running in Docker or restricted environments\n        // \"--no-sandbox\",\n        // \"--disable-setuid-sandbox\",\n      ];\n\n      browserLog(\"Launching Chrome with GPU acceleration enabled\");\n    } else if (disableGpu) {\n      browserLog(\"GPU acceleration disabled via EF_DISABLE_GPU\");\n    }\n\n    return chromium.launch(launchOptions);\n  };\n\n  const browser = options.silent\n    ? await launchBrowser()\n    : await withSpinner(\"Launching chrome\", launchBrowser);\n\n  const loadSDK = async () => {\n    const pageOptions: Parameters<Browser[\"newPage\"]>[0] = {};\n    if (options.interactive === true) {\n      // By default, playwright uses its own viewport, so resizing the browser window\n      // doesn't actually change the viewport. And the gui doesn't scale to fit.\n      // This is not desirable for interactive mode, so we disable the viewport feature.\n      pageOptions.viewport = null;\n    }\n    const page = await browser.newPage(pageOptions);\n    page.on(\"console\", (msg) => {\n      browserLog(chalk.blue(`browser (${msg.type()}) |`), msg.text());\n    });\n\n    // Build URL with query parameters\n    const urlParams = new URLSearchParams();\n    if (!options.efInteractive) {\n      urlParams.set(\"EF_NONINTERACTIVE\", \"1\");\n    }\n    if (options.nativeRender) {\n      urlParams.set(\"EF_NATIVE_RENDER\", \"1\");\n    }\n    const url = options.url + (urlParams.toString() ? `?${urlParams.toString()}` : \"\");\n\n    browserLog(\"Loading url:\", url);\n    await page.goto(url);\n    await page.waitForFunction(\n      () => {\n        return (\n          // @ts-expect-error\n          window.EF_REGISTERED\n        );\n      },\n      [],\n      { timeout: 10_000 },\n    );\n    return page;\n  };\n\n  const page = options.silent\n    ? await loadSDK()\n    : await withSpinner(\"Loading Editframe SDK\", loadSDK);\n\n  await fn(page);\n  if (options.interactive !== true) {\n    await browser.close();\n    process.exit(0);\n  }\n}\n"],"mappings":";;;;;;;AAOA,MAAM,aAAa,MAAM,kBAAkB;AAc3C,eAAsB,2BACpB,SACA,IACA;AAEA,KAAI,QAAQ,gBAAgB,QAAQ,CAAC,QAAQ,WAC3C,gBAAe;CAGjB,MAAM,gBAAgB,YAAY;EAChC,MAAMA,gBAAuD;GAC3D,SAAS;GACT,UAAU,QAAQ,YAAY;GAC9B,UAAU,QAAQ,gBAAgB;GACnC;AAGD,MAAI,QAAQ,YAAY;AACtB,iBAAc,iBAAiB,QAAQ;AAEvC,UAAO,cAAc;;EAMvB,MAAM,aAAa,QAAQ,IAAI,mBAAmB;AAElD,MAAI,QAAQ,YAAY,QAAQ,gBAAgB,QAAQ,CAAC,YAAY;AACnE,iBAAc,OAAO;IAEnB;IACA;IACA;IACA;IACA;IAGA;IAGA;IAKD;AAED,cAAW,iDAAiD;aACnD,WACT,YAAW,+CAA+C;AAG5D,SAAO,SAAS,OAAO,cAAc;;CAGvC,MAAM,UAAU,QAAQ,SACpB,MAAM,eAAe,GACrB,MAAM,YAAY,oBAAoB,cAAc;CAExD,MAAM,UAAU,YAAY;EAC1B,MAAMC,cAAiD,EAAE;AACzD,MAAI,QAAQ,gBAAgB,KAI1B,aAAY,WAAW;EAEzB,MAAM,OAAO,MAAM,QAAQ,QAAQ,YAAY;AAC/C,OAAK,GAAG,YAAY,QAAQ;AAC1B,cAAW,MAAM,KAAK,YAAY,IAAI,MAAM,CAAC,KAAK,EAAE,IAAI,MAAM,CAAC;IAC/D;EAGF,MAAM,YAAY,IAAI,iBAAiB;AACvC,MAAI,CAAC,QAAQ,cACX,WAAU,IAAI,qBAAqB,IAAI;AAEzC,MAAI,QAAQ,aACV,WAAU,IAAI,oBAAoB,IAAI;EAExC,MAAM,MAAM,QAAQ,OAAO,UAAU,UAAU,GAAG,IAAI,UAAU,UAAU,KAAK;AAE/E,aAAW,gBAAgB,IAAI;AAC/B,QAAM,KAAK,KAAK,IAAI;AACpB,QAAM,KAAK,sBACH;AACJ,UAEE,OAAO;KAGX,EAAE,EACF,EAAE,SAAS,KAAQ,CACpB;AACD,SAAO;;AAOT,OAAM,GAJO,QAAQ,SACjB,MAAM,SAAS,GACf,MAAM,YAAY,yBAAyB,QAAQ,CAEzC;AACd,KAAI,QAAQ,gBAAgB,MAAM;AAChC,QAAM,QAAQ,OAAO;AACrB,UAAQ,KAAK,EAAE"}
+{"version":3,"file":"launchBrowserAndWaitForSDK.js","names":["launchOptions: Parameters<typeof chromium.launch>[0]","pageOptions: Parameters<Browser[\"newPage\"]>[0]"],"sources":["../../src/utils/launchBrowserAndWaitForSDK.ts"],"sourcesContent":["import chalk from \"chalk\";\nimport debug from \"debug\";\nimport { type Browser, chromium, type Page } from \"playwright\";\n\nimport { requireChrome } from \"./detectChrome.js\";\nimport { withSpinner } from \"./withSpinner.js\";\n\nconst browserLog = debug(\"ef:cli::browser\");\n\ninterface LaunchOptions {\n  url: string;\n  headless?: boolean;\n  interactive?: boolean;\n  efInteractive?: boolean;\n  nativeRender?: boolean;\n  chromePath?: string;\n  profile?: boolean;\n  profileOutput?: string;\n  silent?: boolean; // Suppress spinner output\n}\n\nexport async function launchBrowserAndWaitForSDK(\n  options: LaunchOptions,\n  fn: (page: Page) => Promise<void>,\n) {\n  // Detect Chrome before launching (only for non-interactive renders)\n  if (options.interactive !== true && !options.chromePath) {\n    requireChrome();\n  }\n\n  const launchBrowser = async () => {\n    const launchOptions: Parameters<typeof chromium.launch>[0] = {\n      channel: \"chrome\",\n      headless: options.headless ?? true,\n      devtools: options.interactive === true,\n    };\n\n    // Use custom Chrome path if provided\n    if (options.chromePath) {\n      launchOptions.executablePath = options.chromePath;\n      // Don't use channel when providing explicit path\n      delete launchOptions.channel;\n    }\n\n    // Enable GPU acceleration for headless rendering\n    // This significantly improves canvas/WebGL performance for video rendering\n    // Set EF_DISABLE_GPU=1 to disable GPU acceleration (for debugging/compatibility)\n    const disableGpu = process.env.EF_DISABLE_GPU === \"1\";\n\n    if (options.headless && options.interactive !== true && !disableGpu) {\n      launchOptions.args = [\n        // Core GPU acceleration flags\n        \"--enable-gpu\", // Enable GPU hardware acceleration\n        \"--use-angle=default\", // Use ANGLE for OpenGL (better compatibility)\n        \"--enable-accelerated-2d-canvas\", // Hardware-accelerate canvas operations\n        \"--enable-webgl\", // Enable WebGL\n        \"--enable-features=VaapiVideoDecoder\", // Hardware video decoding (Linux)\n\n        // Prevent fallback to software rendering\n        \"--disable-software-rasterizer\",\n\n        // System resource optimizations\n        \"--disable-dev-shm-usage\", // Avoid /dev/shm issues (especially on Linux/Docker)\n\n        // Optional: Uncomment if running in Docker or restricted environments\n        // \"--no-sandbox\",\n        // \"--disable-setuid-sandbox\",\n      ];\n\n      browserLog(\"Launching Chrome with GPU acceleration enabled\");\n    } else if (disableGpu) {\n      browserLog(\"GPU acceleration disabled via EF_DISABLE_GPU\");\n    }\n\n    return chromium.launch(launchOptions);\n  };\n\n  const browser = options.silent\n    ? await launchBrowser()\n    : await withSpinner(\"Launching chrome\", launchBrowser);\n\n  const loadSDK = async () => {\n    const pageOptions: Parameters<Browser[\"newPage\"]>[0] = {};\n    if (options.interactive === true) {\n      // By default, playwright uses its own viewport, so resizing the browser window\n      // doesn't actually change the viewport. And the gui doesn't scale to fit.\n      // This is not desirable for interactive mode, so we disable the viewport feature.\n      pageOptions.viewport = null;\n    }\n    const page = await browser.newPage(pageOptions);\n    page.on(\"console\", (msg) => {\n      browserLog(chalk.blue(`browser (${msg.type()}) |`), msg.text());\n    });\n\n    // Build URL with query parameters\n    const urlParams = new URLSearchParams();\n    if (!options.efInteractive) {\n      urlParams.set(\"EF_NONINTERACTIVE\", \"1\");\n    }\n    if (options.nativeRender) {\n      urlParams.set(\"EF_NATIVE_RENDER\", \"1\");\n    }\n    const url =\n      options.url + (urlParams.toString() ? `?${urlParams.toString()}` : \"\");\n\n    browserLog(\"Loading url:\", url);\n    await page.goto(url);\n    await page.waitForFunction(\n      () => {\n        return (\n          // @ts-expect-error\n          window.EF_REGISTERED\n        );\n      },\n      [],\n      { timeout: 10_000 },\n    );\n    return page;\n  };\n\n  const page = options.silent\n    ? await loadSDK()\n    : await withSpinner(\"Loading Editframe SDK\", loadSDK);\n\n  await fn(page);\n  if (options.interactive !== true) {\n    await browser.close();\n    process.exit(0);\n  }\n}\n"],"mappings":";;;;;;;AAOA,MAAM,aAAa,MAAM,kBAAkB;AAc3C,eAAsB,2BACpB,SACA,IACA;AAEA,KAAI,QAAQ,gBAAgB,QAAQ,CAAC,QAAQ,WAC3C,gBAAe;CAGjB,MAAM,gBAAgB,YAAY;EAChC,MAAMA,gBAAuD;GAC3D,SAAS;GACT,UAAU,QAAQ,YAAY;GAC9B,UAAU,QAAQ,gBAAgB;GACnC;AAGD,MAAI,QAAQ,YAAY;AACtB,iBAAc,iBAAiB,QAAQ;AAEvC,UAAO,cAAc;;EAMvB,MAAM,aAAa,QAAQ,IAAI,mBAAmB;AAElD,MAAI,QAAQ,YAAY,QAAQ,gBAAgB,QAAQ,CAAC,YAAY;AACnE,iBAAc,OAAO;IAEnB;IACA;IACA;IACA;IACA;IAGA;IAGA;IAKD;AAED,cAAW,iDAAiD;aACnD,WACT,YAAW,+CAA+C;AAG5D,SAAO,SAAS,OAAO,cAAc;;CAGvC,MAAM,UAAU,QAAQ,SACpB,MAAM,eAAe,GACrB,MAAM,YAAY,oBAAoB,cAAc;CAExD,MAAM,UAAU,YAAY;EAC1B,MAAMC,cAAiD,EAAE;AACzD,MAAI,QAAQ,gBAAgB,KAI1B,aAAY,WAAW;EAEzB,MAAM,OAAO,MAAM,QAAQ,QAAQ,YAAY;AAC/C,OAAK,GAAG,YAAY,QAAQ;AAC1B,cAAW,MAAM,KAAK,YAAY,IAAI,MAAM,CAAC,KAAK,EAAE,IAAI,MAAM,CAAC;IAC/D;EAGF,MAAM,YAAY,IAAI,iBAAiB;AACvC,MAAI,CAAC,QAAQ,cACX,WAAU,IAAI,qBAAqB,IAAI;AAEzC,MAAI,QAAQ,aACV,WAAU,IAAI,oBAAoB,IAAI;EAExC,MAAM,MACJ,QAAQ,OAAO,UAAU,UAAU,GAAG,IAAI,UAAU,UAAU,KAAK;AAErE,aAAW,gBAAgB,IAAI;AAC/B,QAAM,KAAK,KAAK,IAAI;AACpB,QAAM,KAAK,sBACH;AACJ,UAEE,OAAO;KAGX,EAAE,EACF,EAAE,SAAS,KAAQ,CACpB;AACD,SAAO;;AAOT,OAAM,GAJO,QAAQ,SACjB,MAAM,SAAS,GACf,MAAM,YAAY,yBAAyB,QAAQ,CAEzC;AACd,KAAI,QAAQ,gBAAgB,MAAM;AAChC,QAAM,QAAQ,OAAO;AACrB,UAAQ,KAAK,EAAE"}

package/dist/utils/profileRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"profileRender.js","names":[],"sources":["../../src/utils/profileRender.ts"],"sourcesContent":["import { Page } from \"playwright\";\nimport { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\n\nexport interface ProfileOptions {\n  enabled: boolean;\n  outputPath?: string;\n}\n\nexport async function withProfiling<T>(\n  page: Page,\n  options: ProfileOptions,\n  fn: () => Promise<T>\n): Promise<T> {\n  if (!options.enabled) {\n    return await fn();\n  }\n\n  // Get CDP session\n  const client = await page.context().newCDPSession(page);\n  \n  // Start profiling\n  await client.send('Profiler.enable');\n  await client.send('Profiler.setSamplingInterval', { interval: 100 }); // 100μs\n  await client.send('Profiler.start');\n  \n  console.error('🔬 CPU profiling started...');\n  const startTime = Date.now();\n  \n  // Run the render\n  const result = await fn();\n  \n  // Stop profiling\n  const { profile } = await client.send('Profiler.stop');\n  await client.send('Profiler.disable');\n  \n  const duration = Date.now() - startTime;\n  console.error(`✅ CPU profiling complete (${(duration/1000).toFixed(1)}s)`);\n  \n  // Save profile\n  const outputPath = options.outputPath || './render-profile.cpuprofile';\n  const absolutePath = path.resolve(process.cwd(), outputPath);\n  await writeFile(absolutePath, JSON.stringify(profile, null, 2));\n  console.error(`💾 Profile saved to: ${absolutePath}`);\n  \n  // Basic analysis\n  const samples = profile.samples?.length || 0;\n  console.error(`📊 Captured ${samples.toLocaleString()} samples`);\n  \n  // Calculate hotspots\n  const hitCounts = new Map<number, number>();\n  if (profile.samples) {\n    for (const sample of profile.samples) {\n      hitCounts.set(sample, (hitCounts.get(sample) || 0) + 1);\n    }\n  }\n  \n  // Find top functions\n  const hotspots = profile.nodes\n    .map((node: any) => ({\n      name: node.callFrame.functionName || '(anonymous)',\n      url: node.callFrame.url,\n      line: node.callFrame.lineNumber,\n      hits: hitCounts.get(node.id) || 0,\n    }))\n    .filter(h => h.hits > 0)\n    .sort((a, b) => b.hits - a.hits)\n    .slice(0, 20);\n  \n  if (hotspots.length > 0) {\n    console.error('\\n📊 Top 20 Hotspots:');\n    for (const h of hotspots) {\n      const file = h.url.split('/').pop() || h.url;\n      console.error(`  ${h.hits.toString().padStart(6)} samples | ${h.name} @ ${file}:${h.line}`);\n    }\n  }\n  \n  return result;\n}\n"],"mappings":";;;;AASA,eAAsB,cACpB,MACA,SACA,IACY;AACZ,KAAI,CAAC,QAAQ,QACX,QAAO,MAAM,IAAI;CAInB,MAAM,SAAS,MAAM,KAAK,SAAS,CAAC,cAAc,KAAK;AAGvD,OAAM,OAAO,KAAK,kBAAkB;AACpC,OAAM,OAAO,KAAK,gCAAgC,EAAE,UAAU,KAAK,CAAC;AACpE,OAAM,OAAO,KAAK,iBAAiB;AAEnC,SAAQ,MAAM,8BAA8B;CAC5C,MAAM,YAAY,KAAK,KAAK;CAG5B,MAAM,SAAS,MAAM,IAAI;CAGzB,MAAM,EAAE,YAAY,MAAM,OAAO,KAAK,gBAAgB;AACtD,OAAM,OAAO,KAAK,mBAAmB;CAErC,MAAM,WAAW,KAAK,KAAK,GAAG;AAC9B,SAAQ,MAAM,8BAA8B,WAAS,KAAM,QAAQ,EAAE,CAAC,IAAI;CAG1E,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,eAAe,KAAK,QAAQ,QAAQ,KAAK,EAAE,WAAW;AAC5D,OAAM,UAAU,cAAc,KAAK,UAAU,SAAS,MAAM,EAAE,CAAC;AAC/D,SAAQ,MAAM,wBAAwB,eAAe;CAGrD,MAAM,UAAU,QAAQ,SAAS,UAAU;AAC3C,SAAQ,MAAM,eAAe,QAAQ,gBAAgB,CAAC,UAAU;CAGhE,MAAM,4BAAY,IAAI,KAAqB;AAC3C,KAAI,QAAQ,QACV,MAAK,MAAM,UAAU,QAAQ,QAC3B,WAAU,IAAI,SAAS,UAAU,IAAI,OAAO,IAAI,KAAK,EAAE;CAK3D,MAAM,WAAW,QAAQ,MACtB,KAAK,UAAe;EACnB,MAAM,KAAK,UAAU,gBAAgB;EACrC,KAAK,KAAK,UAAU;EACpB,MAAM,KAAK,UAAU;EACrB,MAAM,UAAU,IAAI,KAAK,GAAG,IAAI;EACjC,EAAE,CACF,QAAO,MAAK,EAAE,OAAO,EAAE,CACvB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,CAC/B,MAAM,GAAG,GAAG;AAEf,KAAI,SAAS,SAAS,GAAG;AACvB,UAAQ,MAAM,wBAAwB;AACtC,OAAK,MAAM,KAAK,UAAU;GACxB,MAAM,OAAO,EAAE,IAAI,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;AACzC,WAAQ,MAAM,KAAK,EAAE,KAAK,UAAU,CAAC,SAAS,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,KAAK,GAAG,EAAE,OAAO;;;AAI/F,QAAO"}
+{"version":3,"file":"profileRender.js","names":[],"sources":["../../src/utils/profileRender.ts"],"sourcesContent":["import { Page } from \"playwright\";\nimport { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\n\nexport interface ProfileOptions {\n  enabled: boolean;\n  outputPath?: string;\n}\n\nexport async function withProfiling<T>(\n  page: Page,\n  options: ProfileOptions,\n  fn: () => Promise<T>,\n): Promise<T> {\n  if (!options.enabled) {\n    return await fn();\n  }\n\n  // Get CDP session\n  const client = await page.context().newCDPSession(page);\n\n  // Start profiling\n  await client.send(\"Profiler.enable\");\n  await client.send(\"Profiler.setSamplingInterval\", { interval: 100 }); // 100μs\n  await client.send(\"Profiler.start\");\n\n  console.error(\"🔬 CPU profiling started...\");\n  const startTime = Date.now();\n\n  // Run the render\n  const result = await fn();\n\n  // Stop profiling\n  const { profile } = await client.send(\"Profiler.stop\");\n  await client.send(\"Profiler.disable\");\n\n  const duration = Date.now() - startTime;\n  console.error(`✅ CPU profiling complete (${(duration / 1000).toFixed(1)}s)`);\n\n  // Save profile\n  const outputPath = options.outputPath || \"./render-profile.cpuprofile\";\n  const absolutePath = path.resolve(process.cwd(), outputPath);\n  await writeFile(absolutePath, JSON.stringify(profile, null, 2));\n  console.error(`💾 Profile saved to: ${absolutePath}`);\n\n  // Basic analysis\n  const samples = profile.samples?.length || 0;\n  console.error(`📊 Captured ${samples.toLocaleString()} samples`);\n\n  // Calculate hotspots\n  const hitCounts = new Map<number, number>();\n  if (profile.samples) {\n    for (const sample of profile.samples) {\n      hitCounts.set(sample, (hitCounts.get(sample) || 0) + 1);\n    }\n  }\n\n  // Find top functions\n  const hotspots = profile.nodes\n    .map((node: any) => ({\n      name: node.callFrame.functionName || \"(anonymous)\",\n      url: node.callFrame.url,\n      line: node.callFrame.lineNumber,\n      hits: hitCounts.get(node.id) || 0,\n    }))\n    .filter((h) => h.hits > 0)\n    .sort((a, b) => b.hits - a.hits)\n    .slice(0, 20);\n\n  if (hotspots.length > 0) {\n    console.error(\"\\n📊 Top 20 Hotspots:\");\n    for (const h of hotspots) {\n      const file = h.url.split(\"/\").pop() || h.url;\n      console.error(\n        `  ${h.hits.toString().padStart(6)} samples | ${h.name} @ ${file}:${h.line}`,\n      );\n    }\n  }\n\n  return result;\n}\n"],"mappings":";;;;AASA,eAAsB,cACpB,MACA,SACA,IACY;AACZ,KAAI,CAAC,QAAQ,QACX,QAAO,MAAM,IAAI;CAInB,MAAM,SAAS,MAAM,KAAK,SAAS,CAAC,cAAc,KAAK;AAGvD,OAAM,OAAO,KAAK,kBAAkB;AACpC,OAAM,OAAO,KAAK,gCAAgC,EAAE,UAAU,KAAK,CAAC;AACpE,OAAM,OAAO,KAAK,iBAAiB;AAEnC,SAAQ,MAAM,8BAA8B;CAC5C,MAAM,YAAY,KAAK,KAAK;CAG5B,MAAM,SAAS,MAAM,IAAI;CAGzB,MAAM,EAAE,YAAY,MAAM,OAAO,KAAK,gBAAgB;AACtD,OAAM,OAAO,KAAK,mBAAmB;CAErC,MAAM,WAAW,KAAK,KAAK,GAAG;AAC9B,SAAQ,MAAM,8BAA8B,WAAW,KAAM,QAAQ,EAAE,CAAC,IAAI;CAG5E,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,eAAe,KAAK,QAAQ,QAAQ,KAAK,EAAE,WAAW;AAC5D,OAAM,UAAU,cAAc,KAAK,UAAU,SAAS,MAAM,EAAE,CAAC;AAC/D,SAAQ,MAAM,wBAAwB,eAAe;CAGrD,MAAM,UAAU,QAAQ,SAAS,UAAU;AAC3C,SAAQ,MAAM,eAAe,QAAQ,gBAAgB,CAAC,UAAU;CAGhE,MAAM,4BAAY,IAAI,KAAqB;AAC3C,KAAI,QAAQ,QACV,MAAK,MAAM,UAAU,QAAQ,QAC3B,WAAU,IAAI,SAAS,UAAU,IAAI,OAAO,IAAI,KAAK,EAAE;CAK3D,MAAM,WAAW,QAAQ,MACtB,KAAK,UAAe;EACnB,MAAM,KAAK,UAAU,gBAAgB;EACrC,KAAK,KAAK,UAAU;EACpB,MAAM,KAAK,UAAU;EACrB,MAAM,UAAU,IAAI,KAAK,GAAG,IAAI;EACjC,EAAE,CACF,QAAQ,MAAM,EAAE,OAAO,EAAE,CACzB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,CAC/B,MAAM,GAAG,GAAG;AAEf,KAAI,SAAS,SAAS,GAAG;AACvB,UAAQ,MAAM,wBAAwB;AACtC,OAAK,MAAM,KAAK,UAAU;GACxB,MAAM,OAAO,EAAE,IAAI,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;AACzC,WAAQ,MACN,KAAK,EAAE,KAAK,UAAU,CAAC,SAAS,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,KAAK,GAAG,EAAE,OACvE;;;AAIL,QAAO"}

package/dist/utils/spawnViteServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"spawnViteServer.js","names":["url: string | null"],"sources":["../../src/utils/spawnViteServer.ts"],"sourcesContent":["import { spawn, type ChildProcess } from \"node:child_process\";\nimport debug from \"debug\";\n\nconst log = debug(\"ef:cli::spawn-vite\");\n\nexport interface SpawnedViteServer {\n  url: string;\n  process: ChildProcess;\n  kill: () => void;\n}\n\n/**\n * Spawn a Vite dev server as a subprocess and wait for it to be ready.\n * This allows Vite to run in its own process with full config resolution,\n * while the CLI maintains control via Playwright for rendering.\n */\nexport async function spawnViteServer(\n  directory: string,\n): Promise<SpawnedViteServer> {\n  return new Promise((resolve, reject) => {\n    log(\"Spawning vite dev server in\", directory);\n\n    const viteProcess = spawn(\"npx\", [\"vite\", \"dev\"], {\n      cwd: directory,\n      stdio: \"pipe\", // Capture output to detect when ready\n      env: {\n        ...process.env,\n        // Disable Vite's automatic browser opening\n        BROWSER: \"none\",\n      },\n    });\n\n    let url: string | null = null;\n    let stderr = \"\";\n    let resolved = false;\n\n    // Parse stdout to detect when Vite is ready\n    viteProcess.stdout?.on(\"data\", (data: Buffer) => {\n      const output = data.toString();\n      log(\"vite stdout:\", output);\n\n      // Look for the Local URL in Vite's output\n      // Format: \"  ➜  Local:   http://localhost:5173/\"\n      const match = output.match(/Local:\\s+(https?:\\/\\/[^\\s]+)/);\n      if (match && !resolved) {\n        url = match[1].trim();\n        resolved = true;\n        log(\"Vite server ready at:\", url);\n        resolve({\n          url,\n          process: viteProcess,\n          kill: () => {\n            log(\"Killing vite process\");\n            viteProcess.kill();\n          },\n        });\n      }\n    });\n\n    // Capture stderr for error reporting\n    viteProcess.stderr?.on(\"data\", (data: Buffer) => {\n      stderr += data.toString();\n      log(\"vite stderr:\", data.toString());\n    });\n\n    // Handle process errors\n    viteProcess.on(\"error\", (error) => {\n      if (!resolved) {\n        resolved = true;\n        reject(\n          new Error(`Failed to spawn vite: ${error.message}\\n${stderr}`),\n        );\n      }\n    });\n\n    // Handle unexpected process exit\n    viteProcess.on(\"exit\", (code, signal) => {\n      if (!resolved) {\n        resolved = true;\n        reject(\n          new Error(\n            `Vite exited unexpectedly with code ${code} and signal ${signal}\\n${stderr}`,\n          ),\n        );\n      }\n    });\n\n    // Timeout after 30 seconds\n    setTimeout(() => {\n      if (!resolved) {\n        resolved = true;\n        viteProcess.kill();\n        reject(\n          new Error(\n            `Vite server did not start within 30 seconds\\nStderr: ${stderr}`,\n          ),\n        );\n      }\n    }, 30000);\n  });\n}\n"],"mappings":";;;;AAGA,MAAM,MAAM,MAAM,qBAAqB;;;;;;AAavC,eAAsB,gBACpB,WAC4B;AAC5B,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI,+BAA+B,UAAU;EAE7C,MAAM,cAAc,MAAM,OAAO,CAAC,QAAQ,MAAM,EAAE;GAChD,KAAK;GACL,OAAO;GACP,KAAK;IACH,GAAG,QAAQ;IAEX,SAAS;IACV;GACF,CAAC;EAEF,IAAIA,MAAqB;EACzB,IAAI,SAAS;EACb,IAAI,WAAW;AAGf,cAAY,QAAQ,GAAG,SAAS,SAAiB;GAC/C,MAAM,SAAS,KAAK,UAAU;AAC9B,OAAI,gBAAgB,OAAO;GAI3B,MAAM,QAAQ,OAAO,MAAM,+BAA+B;AAC1D,OAAI,SAAS,CAAC,UAAU;AACtB,UAAM,MAAM,GAAG,MAAM;AACrB,eAAW;AACX,QAAI,yBAAyB,IAAI;AACjC,YAAQ;KACN;KACA,SAAS;KACT,YAAY;AACV,UAAI,uBAAuB;AAC3B,kBAAY,MAAM;;KAErB,CAAC;;IAEJ;AAGF,cAAY,QAAQ,GAAG,SAAS,SAAiB;AAC/C,aAAU,KAAK,UAAU;AACzB,OAAI,gBAAgB,KAAK,UAAU,CAAC;IACpC;AAGF,cAAY,GAAG,UAAU,UAAU;AACjC,OAAI,CAAC,UAAU;AACb,eAAW;AACX,2BACE,IAAI,MAAM,yBAAyB,MAAM,QAAQ,IAAI,SAAS,CAC/D;;IAEH;AAGF,cAAY,GAAG,SAAS,MAAM,WAAW;AACvC,OAAI,CAAC,UAAU;AACb,eAAW;AACX,2BACE,IAAI,MACF,sCAAsC,KAAK,cAAc,OAAO,IAAI,SACrE,CACF;;IAEH;AAGF,mBAAiB;AACf,OAAI,CAAC,UAAU;AACb,eAAW;AACX,gBAAY,MAAM;AAClB,2BACE,IAAI,MACF,wDAAwD,SACzD,CACF;;KAEF,IAAM;GACT"}
+{"version":3,"file":"spawnViteServer.js","names":["url: string | null"],"sources":["../../src/utils/spawnViteServer.ts"],"sourcesContent":["import { spawn, type ChildProcess } from \"node:child_process\";\nimport debug from \"debug\";\n\nconst log = debug(\"ef:cli::spawn-vite\");\n\nexport interface SpawnedViteServer {\n  url: string;\n  process: ChildProcess;\n  kill: () => void;\n}\n\n/**\n * Spawn a Vite dev server as a subprocess and wait for it to be ready.\n * This allows Vite to run in its own process with full config resolution,\n * while the CLI maintains control via Playwright for rendering.\n */\nexport async function spawnViteServer(\n  directory: string,\n): Promise<SpawnedViteServer> {\n  return new Promise((resolve, reject) => {\n    log(\"Spawning vite dev server in\", directory);\n\n    const viteProcess = spawn(\"npx\", [\"vite\", \"dev\"], {\n      cwd: directory,\n      stdio: \"pipe\", // Capture output to detect when ready\n      env: {\n        ...process.env,\n        // Disable Vite's automatic browser opening\n        BROWSER: \"none\",\n      },\n    });\n\n    let url: string | null = null;\n    let stderr = \"\";\n    let resolved = false;\n\n    // Parse stdout to detect when Vite is ready\n    viteProcess.stdout?.on(\"data\", (data: Buffer) => {\n      const output = data.toString();\n      log(\"vite stdout:\", output);\n\n      // Look for the Local URL in Vite's output\n      // Format: \"  ➜  Local:   http://localhost:5173/\"\n      const match = output.match(/Local:\\s+(https?:\\/\\/[^\\s]+)/);\n      if (match && !resolved) {\n        url = match[1]!.trim();\n        resolved = true;\n        log(\"Vite server ready at:\", url);\n        resolve({\n          url,\n          process: viteProcess,\n          kill: () => {\n            log(\"Killing vite process\");\n            viteProcess.kill();\n          },\n        });\n      }\n    });\n\n    // Capture stderr for error reporting\n    viteProcess.stderr?.on(\"data\", (data: Buffer) => {\n      stderr += data.toString();\n      log(\"vite stderr:\", data.toString());\n    });\n\n    // Handle process errors\n    viteProcess.on(\"error\", (error) => {\n      if (!resolved) {\n        resolved = true;\n        reject(new Error(`Failed to spawn vite: ${error.message}\\n${stderr}`));\n      }\n    });\n\n    // Handle unexpected process exit\n    viteProcess.on(\"exit\", (code, signal) => {\n      if (!resolved) {\n        resolved = true;\n        reject(\n          new Error(\n            `Vite exited unexpectedly with code ${code} and signal ${signal}\\n${stderr}`,\n          ),\n        );\n      }\n    });\n\n    // Timeout after 30 seconds\n    setTimeout(() => {\n      if (!resolved) {\n        resolved = true;\n        viteProcess.kill();\n        reject(\n          new Error(\n            `Vite server did not start within 30 seconds\\nStderr: ${stderr}`,\n          ),\n        );\n      }\n    }, 30000);\n  });\n}\n"],"mappings":";;;;AAGA,MAAM,MAAM,MAAM,qBAAqB;;;;;;AAavC,eAAsB,gBACpB,WAC4B;AAC5B,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI,+BAA+B,UAAU;EAE7C,MAAM,cAAc,MAAM,OAAO,CAAC,QAAQ,MAAM,EAAE;GAChD,KAAK;GACL,OAAO;GACP,KAAK;IACH,GAAG,QAAQ;IAEX,SAAS;IACV;GACF,CAAC;EAEF,IAAIA,MAAqB;EACzB,IAAI,SAAS;EACb,IAAI,WAAW;AAGf,cAAY,QAAQ,GAAG,SAAS,SAAiB;GAC/C,MAAM,SAAS,KAAK,UAAU;AAC9B,OAAI,gBAAgB,OAAO;GAI3B,MAAM,QAAQ,OAAO,MAAM,+BAA+B;AAC1D,OAAI,SAAS,CAAC,UAAU;AACtB,UAAM,MAAM,GAAI,MAAM;AACtB,eAAW;AACX,QAAI,yBAAyB,IAAI;AACjC,YAAQ;KACN;KACA,SAAS;KACT,YAAY;AACV,UAAI,uBAAuB;AAC3B,kBAAY,MAAM;;KAErB,CAAC;;IAEJ;AAGF,cAAY,QAAQ,GAAG,SAAS,SAAiB;AAC/C,aAAU,KAAK,UAAU;AACzB,OAAI,gBAAgB,KAAK,UAAU,CAAC;IACpC;AAGF,cAAY,GAAG,UAAU,UAAU;AACjC,OAAI,CAAC,UAAU;AACb,eAAW;AACX,2BAAO,IAAI,MAAM,yBAAyB,MAAM,QAAQ,IAAI,SAAS,CAAC;;IAExE;AAGF,cAAY,GAAG,SAAS,MAAM,WAAW;AACvC,OAAI,CAAC,UAAU;AACb,eAAW;AACX,2BACE,IAAI,MACF,sCAAsC,KAAK,cAAc,OAAO,IAAI,SACrE,CACF;;IAEH;AAGF,mBAAiB;AACf,OAAI,CAAC,UAAU;AACb,eAAW;AACX,gBAAY,MAAM;AAClB,2BACE,IAAI,MACF,wDAAwD,SACzD,CACF;;KAEF,IAAM;GACT"}

package/dist/utils/startPreviewServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"startPreviewServer.js","names":["previewServer: ViteDevServer","editframe"],"sources":["../../src/utils/startPreviewServer.ts"],"sourcesContent":["import path from \"node:path\";\nimport { vitePluginEditframe as editframe } from \"@editframe/vite-plugin\";\nimport { createServer, type ViteDevServer } from \"vite\";\n\nimport { withSpinner } from \"./withSpinner.js\";\n\nexport class PreviewServer {\n  static async start(directory: string) {\n    return new PreviewServer(await startPreviewServer(directory));\n  }\n\n  constructor(private previewServer: ViteDevServer) {}\n\n  get url() {\n    return `http://localhost:${this.previewServer.config.server.port}`;\n  }\n}\n\nconst startPreviewServer = async (directory: string) => {\n  return await withSpinner(\"Starting vite...\", async () => {\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 resolvedDirectory = path.resolve(baseCwd, directory);\n    const cacheRoot = path.join(resolvedDirectory, \"assets\");\n    \n    const devServer = await createServer({\n      server: {\n        watch: null,\n      },\n      root: resolvedDirectory,\n      plugins: [\n        editframe({\n          root: resolvedDirectory,\n          cacheRoot,\n        }),\n      ],\n    });\n    await devServer.listen();\n    return devServer;\n  });\n};\n"],"mappings":";;;;;;AAMA,IAAa,gBAAb,MAAa,cAAc;CACzB,aAAa,MAAM,WAAmB;AACpC,SAAO,IAAI,cAAc,MAAM,mBAAmB,UAAU,CAAC;;CAG/D,YAAY,AAAQA,eAA8B;EAA9B;;CAEpB,IAAI,MAAM;AACR,SAAO,oBAAoB,KAAK,cAAc,OAAO,OAAO;;;AAIhE,MAAM,qBAAqB,OAAO,cAAsB;AACtD,QAAO,MAAM,YAAY,oBAAoB,YAAY;EAEvD,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;EACzD,MAAM,oBAAoB,KAAK,QAAQ,SAAS,UAAU;EAG1D,MAAM,YAAY,MAAM,aAAa;GACnC,QAAQ,EACN,OAAO,MACR;GACD,MAAM;GACN,SAAS,CACPC,oBAAU;IACR,MAAM;IACN,WAVY,KAAK,KAAK,mBAAmB,SAAS;IAWnD,CAAC,CACH;GACF,CAAC;AACF,QAAM,UAAU,QAAQ;AACxB,SAAO;GACP"}
+{"version":3,"file":"startPreviewServer.js","names":["previewServer: ViteDevServer","editframe"],"sources":["../../src/utils/startPreviewServer.ts"],"sourcesContent":["import path from \"node:path\";\nimport { vitePluginEditframe as editframe } from \"@editframe/vite-plugin\";\nimport { createServer, type ViteDevServer } from \"vite\";\n\nimport { withSpinner } from \"./withSpinner.js\";\n\nexport class PreviewServer {\n  static async start(directory: string) {\n    return new PreviewServer(await startPreviewServer(directory));\n  }\n\n  constructor(private previewServer: ViteDevServer) {}\n\n  get url() {\n    return `http://localhost:${this.previewServer.config.server.port}`;\n  }\n}\n\nconst startPreviewServer = async (directory: string) => {\n  return await withSpinner(\"Starting vite...\", async () => {\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 resolvedDirectory = path.resolve(baseCwd, directory);\n    const cacheRoot = path.join(resolvedDirectory, \"assets\");\n\n    const devServer = await createServer({\n      server: {\n        watch: null,\n      },\n      root: resolvedDirectory,\n      plugins: [\n        editframe({\n          root: resolvedDirectory,\n          cacheRoot,\n        }),\n      ],\n    });\n    await devServer.listen();\n    return devServer;\n  });\n};\n"],"mappings":";;;;;;AAMA,IAAa,gBAAb,MAAa,cAAc;CACzB,aAAa,MAAM,WAAmB;AACpC,SAAO,IAAI,cAAc,MAAM,mBAAmB,UAAU,CAAC;;CAG/D,YAAY,AAAQA,eAA8B;EAA9B;;CAEpB,IAAI,MAAM;AACR,SAAO,oBAAoB,KAAK,cAAc,OAAO,OAAO;;;AAIhE,MAAM,qBAAqB,OAAO,cAAsB;AACtD,QAAO,MAAM,YAAY,oBAAoB,YAAY;EAEvD,MAAM,UAAU,QAAQ,IAAI,gBAAgB,QAAQ,KAAK;EACzD,MAAM,oBAAoB,KAAK,QAAQ,SAAS,UAAU;EAG1D,MAAM,YAAY,MAAM,aAAa;GACnC,QAAQ,EACN,OAAO,MACR;GACD,MAAM;GACN,SAAS,CACPC,oBAAU;IACR,MAAM;IACN,WAVY,KAAK,KAAK,mBAAmB,SAAS;IAWnD,CAAC,CACH;GACF,CAAC;AACF,QAAM,UAAU,QAAQ;AACxB,SAAO;GACP"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@editframe/cli",
-  "version": "0.37.3-beta",
+  "version": "0.38.1",
   "description": "Command line interface for EditFrame",
   "bin": {
     "editframe": "./dist/index.js"
   },
   "type": "module",
   "scripts": {
-    "typecheck": "tsc --noEmit --emitDeclarationOnly false",
+    "typecheck": "tsc --noEmit",
     "build": "tsdown",
     "build:watch": "tsdown --watch",
     "postinstall": "echo 'Skipping Playwright browser download - uses system Chrome'"
@@ -16,17 +16,17 @@
   "license": "UNLICENSED",
   "devDependencies": {
     "@types/dom-webcodecs": "^0.1.11",
-    "@types/node": "^20.14.13",
+    "@types/node": "^22.0.0",
     "@types/promptly": "^3.0.5",
     "@types/tar": "^6.1.13",
-    "typescript": "^5.5.4"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@editframe/api": "0.37.3-beta",
-    "@editframe/assets": "0.37.3-beta",
-    "@editframe/elements": "0.37.3-beta",
-    "@editframe/vite-plugin": "0.37.3-beta",
-    "@inquirer/prompts": "^5.3.8",
+    "@editframe/api": "0.38.1",
+    "@editframe/assets": "0.38.1",
+    "@editframe/elements": "0.38.1",
+    "@editframe/vite-plugin": "0.38.1",
+    "@inquirer/prompts": "^7.0.0",
     "chalk": "^5.3.0",
     "commander": "^12.0.0",
     "debug": "^4.3.5",
@@ -36,11 +36,10 @@
     "playwright": "^1.53.0",
     "tailwindcss": "^3.4.3",
     "vite": "npm:rolldown-vite@^7.1.15",
+    "mediabunny": "^1.31.1",
     "tar": "^7.1.0",
     "zod": "^3.23.8"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -61,5 +60,7 @@
       },
       "./package.json": "./package.json"
     }
-  }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js"
 }

package/test-fixtures/network.ts

@@ -1,6 +1,143 @@
 import { HttpResponse, http } from "msw";
 import type { Fixture } from "./fixture.js";
 
+// --- Unified File API mocks ---
+
+export const mockCreateFile = ({
+  status = "created",
+  id = "123",
+  type = "image",
+}: {
+  status?: string;
+  id?: string;
+  type?: string;
+  filename?: string;
+  fixture: Fixture;
+}) =>
+  http.post(
+    "http://localhost:3000/api/v1/files",
+    async () => {
+      return HttpResponse.json({
+        id,
+        status,
+        type,
+        byte_size: null,
+        md5: null,
+        next_byte: 0,
+      });
+    },
+    { once: true },
+  );
+
+export const mockLookupFileByMd5 = ({
+  status = "ready",
+  id = "123",
+  md5 = "test-md5",
+  type = "image",
+}: {
+  status?: string;
+  id?: string;
+  md5?: string;
+  type?: string;
+  fixture: Fixture;
+}) =>
+  http.get(`http://localhost:3000/api/v1/files/md5/${md5}`, async () => {
+    return HttpResponse.json({
+      id,
+      status,
+      type,
+      byte_size: null,
+      md5,
+      next_byte: 0,
+    });
+  });
+
+export const mockLookupFileByMd5NotFound = ({
+  md5 = "test-md5",
+}: {
+  md5?: string;
+}) =>
+  http.get(`http://localhost:3000/api/v1/files/md5/${md5}`, async () => {
+    return HttpResponse.json({}, { status: 404 });
+  });
+
+export const mockGetUploadFile = ({
+  status = "ready",
+  id = "123",
+}: {
+  status?: string;
+  id?: string;
+  filename?: string;
+  fixture: Fixture;
+}) =>
+  http.get(`http://localhost:3000/api/v1/files/${id}/upload`, async () => {
+    return HttpResponse.json({
+      id,
+      status,
+    });
+  });
+
+export const mockCreateFileTrack = ({
+  complete = true,
+  id = "123",
+  fileId = "123",
+}: {
+  complete?: boolean;
+  id?: string;
+  fileId?: string;
+  filename?: string;
+  fixture: Fixture;
+}) =>
+  http.post(
+    `http://localhost:3000/api/v1/files/${fileId}/tracks`,
+    async () => {
+      return HttpResponse.json({
+        id,
+        complete,
+        file_id: fileId,
+        track_id: id,
+        byte_size: 0,
+        next_byte: 0,
+      });
+    },
+    { once: true },
+  );
+
+export const mockGetFileTrackUpload = ({
+  complete = true,
+  fileId = "123",
+  trackId = 1,
+  id = "123",
+}: {
+  complete?: boolean;
+  id?: string;
+  fileId?: string;
+  trackId?: number;
+}) =>
+  http.get(
+    `http://localhost:3000/api/v1/files/${fileId}/tracks/${trackId}/upload`,
+    async () => {
+      return HttpResponse.json({
+        id,
+        complete,
+      });
+    },
+  );
+
+export const mockUploadFileIndex = ({ id = "123" }: { id?: string }) =>
+  http.post(
+    `http://localhost:3000/api/v1/files/${id}/index/upload`,
+    async () => {
+      return HttpResponse.json({
+        id,
+        status: "ready",
+      });
+    },
+    { once: true },
+  );
+
+// --- Legacy API mocks (kept for backward compatibility tests) ---
+
 export const mockCreateImageFile = ({
   complete = true,
   id = "123",