@editframe/cli 0.34.5-beta → 0.34.7-beta

package/dist/VERSION.js

@@ -1,5 +1,5 @@
 //#region src/VERSION.ts
-const VERSION = "0.34.5-beta";
+const VERSION = "0.34.7-beta";
 
 //#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.34.5-beta\";\n"],"mappings":";AAAA,MAAa,UAAU"}
+{"version":3,"file":"VERSION.js","names":[],"sources":["../src/VERSION.ts"],"sourcesContent":["export const VERSION = \"0.34.7-beta\";\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";
+import { RenderInfo, getRenderInfo } from "@editframe/elements/node";
 import { parse } from "node-html-parser";
 import * as tar from "tar";
 

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\";\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    await syncAssetDirectory(\n      join(process.cwd(), directory, \"src\", \"assets\", \".cache\"),\n    );\n\n    const srcDir = path.join(directory, \"src\");\n    const distDir = path.join(directory, \"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              directory,\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, 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    await syncAssetDirectory(\n      join(process.cwd(), directory, \"src\", \"assets\", \".cache\"),\n    );\n\n    const srcDir = path.join(directory, \"src\");\n    const distDir = path.join(directory, \"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              directory,\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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"}

package/dist/commands/process.js

@@ -5,7 +5,7 @@ import { PreviewServer } from "../utils/startPreviewServer.js";
 import { program } from "commander";
 import path from "node:path";
 import { spawnSync } from "node:child_process";
-import { getRenderInfo } from "@editframe/elements";
+import { getRenderInfo } from "@editframe/elements/node";
 
 //#region src/commands/process.ts
 program.command("process [directory]").description("Process's a directory's index.html file, analyzing assets and processing them for rendering").action(async (directory) => {

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\";\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    const distDir = path.join(directory, \"dist\");\n    await withSpinner(\"Building\\n\", async () => {\n      spawnSync(\"npx\", [\"vite\", \"build\", directory], {\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;CAEd,MAAM,UAAU,KAAK,KAAK,WAAW,OAAO;AAC5C,OAAM,YAAY,cAAc,YAAY;AAC1C,YAAU,OAAO;GAAC;GAAQ;GAAS;GAAU,EAAE,EAC7C,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    const distDir = path.join(directory, \"dist\");\n    await withSpinner(\"Building\\n\", async () => {\n      spawnSync(\"npx\", [\"vite\", \"build\", directory], {\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;CAEd,MAAM,UAAU,KAAK,KAAK,WAAW,OAAO;AAC5C,OAAM,YAAY,cAAc,YAAY;AAC1C,YAAU,OAAO;GAAC;GAAQ;GAAS;GAAU,EAAE,EAC7C,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/operations/processRenderInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"processRenderInfo.js","names":[],"sources":["../../src/operations/processRenderInfo.ts"],"sourcesContent":["import {\n  cacheImage,\n  findOrCreateCaptions,\n  generateTrack,\n} from \"@editframe/assets\";\nimport type { getRenderInfo } from \"@editframe/elements\";\n\nexport const processRenderInfo = async (\n  renderInfo: Awaited<ReturnType<typeof getRenderInfo>>,\n) => {\n  for (const [src, tracks] of Object.entries(renderInfo.assets.efMedia)) {\n    process.stderr.write(\"Processing media asset: \");\n    process.stderr.write(src);\n    process.stderr.write(\"\\n\");\n    for (const trackId in tracks) {\n      process.stderr.write(\"Generating track: \");\n      process.stderr.write(trackId);\n      process.stderr.write(\"\\n\");\n      await generateTrack(\n        \"./src/assets\",\n        `./src${src}`,\n        `src?trackId=${trackId}`,\n      );\n    }\n  }\n\n  for (const imageAsset of renderInfo.assets.efImage) {\n    process.stderr.write(\"Processing image asset: \");\n    process.stderr.write(imageAsset);\n    process.stderr.write(\"\\n\");\n    await cacheImage(\"./src/assets\", `./src${imageAsset}`);\n  }\n\n  for (const captionsAsset of renderInfo.assets.efCaptions) {\n    process.stderr.write(\"Processing captions asset: \");\n    process.stderr.write(captionsAsset);\n    process.stderr.write(\"\\n\");\n    await findOrCreateCaptions(\"./src/assets\", `./src${captionsAsset}`);\n  }\n};\n"],"mappings":";;;AAOA,MAAa,oBAAoB,OAC/B,eACG;AACH,MAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,WAAW,OAAO,QAAQ,EAAE;AACrE,UAAQ,OAAO,MAAM,2BAA2B;AAChD,UAAQ,OAAO,MAAM,IAAI;AACzB,UAAQ,OAAO,MAAM,KAAK;AAC1B,OAAK,MAAM,WAAW,QAAQ;AAC5B,WAAQ,OAAO,MAAM,qBAAqB;AAC1C,WAAQ,OAAO,MAAM,QAAQ;AAC7B,WAAQ,OAAO,MAAM,KAAK;AAC1B,SAAM,cACJ,gBACA,QAAQ,OACR,eAAe,UAChB;;;AAIL,MAAK,MAAM,cAAc,WAAW,OAAO,SAAS;AAClD,UAAQ,OAAO,MAAM,2BAA2B;AAChD,UAAQ,OAAO,MAAM,WAAW;AAChC,UAAQ,OAAO,MAAM,KAAK;AAC1B,QAAM,WAAW,gBAAgB,QAAQ,aAAa;;AAGxD,MAAK,MAAM,iBAAiB,WAAW,OAAO,YAAY;AACxD,UAAQ,OAAO,MAAM,8BAA8B;AACnD,UAAQ,OAAO,MAAM,cAAc;AACnC,UAAQ,OAAO,MAAM,KAAK;AAC1B,QAAM,qBAAqB,gBAAgB,QAAQ,gBAAgB"}
+{"version":3,"file":"processRenderInfo.js","names":[],"sources":["../../src/operations/processRenderInfo.ts"],"sourcesContent":["import {\n  cacheImage,\n  findOrCreateCaptions,\n  generateTrack,\n} from \"@editframe/assets\";\nimport type { getRenderInfo } from \"@editframe/elements/node\";\n\nexport const processRenderInfo = async (\n  renderInfo: Awaited<ReturnType<typeof getRenderInfo>>,\n) => {\n  for (const [src, tracks] of Object.entries(renderInfo.assets.efMedia)) {\n    process.stderr.write(\"Processing media asset: \");\n    process.stderr.write(src);\n    process.stderr.write(\"\\n\");\n    for (const trackId in tracks) {\n      process.stderr.write(\"Generating track: \");\n      process.stderr.write(trackId);\n      process.stderr.write(\"\\n\");\n      await generateTrack(\n        \"./src/assets\",\n        `./src${src}`,\n        `src?trackId=${trackId}`,\n      );\n    }\n  }\n\n  for (const imageAsset of renderInfo.assets.efImage) {\n    process.stderr.write(\"Processing image asset: \");\n    process.stderr.write(imageAsset);\n    process.stderr.write(\"\\n\");\n    await cacheImage(\"./src/assets\", `./src${imageAsset}`);\n  }\n\n  for (const captionsAsset of renderInfo.assets.efCaptions) {\n    process.stderr.write(\"Processing captions asset: \");\n    process.stderr.write(captionsAsset);\n    process.stderr.write(\"\\n\");\n    await findOrCreateCaptions(\"./src/assets\", `./src${captionsAsset}`);\n  }\n};\n"],"mappings":";;;AAOA,MAAa,oBAAoB,OAC/B,eACG;AACH,MAAK,MAAM,CAAC,KAAK,WAAW,OAAO,QAAQ,WAAW,OAAO,QAAQ,EAAE;AACrE,UAAQ,OAAO,MAAM,2BAA2B;AAChD,UAAQ,OAAO,MAAM,IAAI;AACzB,UAAQ,OAAO,MAAM,KAAK;AAC1B,OAAK,MAAM,WAAW,QAAQ;AAC5B,WAAQ,OAAO,MAAM,qBAAqB;AAC1C,WAAQ,OAAO,MAAM,QAAQ;AAC7B,WAAQ,OAAO,MAAM,KAAK;AAC1B,SAAM,cACJ,gBACA,QAAQ,OACR,eAAe,UAChB;;;AAIL,MAAK,MAAM,cAAc,WAAW,OAAO,SAAS;AAClD,UAAQ,OAAO,MAAM,2BAA2B;AAChD,UAAQ,OAAO,MAAM,WAAW;AAChC,UAAQ,OAAO,MAAM,KAAK;AAC1B,QAAM,WAAW,gBAAgB,QAAQ,aAAa;;AAGxD,MAAK,MAAM,iBAAiB,WAAW,OAAO,YAAY;AACxD,UAAQ,OAAO,MAAM,8BAA8B;AACnD,UAAQ,OAAO,MAAM,cAAc;AACnC,UAAQ,OAAO,MAAM,KAAK;AAC1B,QAAM,qBAAqB,gBAAgB,QAAQ,gBAAgB"}

package/package.json

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