@editframe/cli 0.7.0-beta.11 → 0.7.0-beta.12

package/dist/commands/render.cjs

@@ -1,169 +0,0 @@
-"use strict";
-const path = require("node:path");
-const fs = require("node:fs/promises");
-const tar = require("tar");
-const commander = require("commander");
-const nodeHtmlParser = require("node-html-parser");
-const vite = require("vite");
-const assets = require("@editframe/assets");
-const withSpinner = require("../utils/withSpinner.cjs");
-const api = require("@editframe/api");
-const launchBrowserAndWaitForSDK = require("../utils/launchBrowserAndWaitForSDK.cjs");
-const startPreviewServer = require("../utils/startPreviewServer.cjs");
-const node_stream = require("node:stream");
-const syncAssetsDirectory = require("../operations/syncAssetsDirectory.cjs");
-const index = require("../utils/index.cjs");
-const getRenderInfo = require("../operations/getRenderInfo.cjs");
-const processRenderInfo = require("../operations/processRenderInfo.cjs");
-const node_util = require("node:util");
-const validateVideoResolution = require("../utils/validateVideoResolution.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const tar__namespace = /* @__PURE__ */ _interopNamespaceDefault(tar);
-const buildProductionUrl = async (origin, tagName, assetPath) => {
-  const md5Sum = await assets.md5FilePath(assetPath);
-  const basename = path.basename(assetPath);
-  switch (tagName) {
-    case "ef-audio":
-    case "ef-video": {
-      return `${origin}/api/video2/isobmff_files/${md5Sum}/${basename}`;
-    }
-    case "ef-captions": {
-      return `${origin}/api/video2/caption_files/${md5Sum}/${basename}`;
-    }
-    case "ef-image": {
-      return `${origin}/api/video2/image_files/${md5Sum}/${basename}`;
-    }
-    default: {
-      return assetPath;
-    }
-  }
-};
-class V1Builder {
-  async buildProductionUrl(tagName, assetPath) {
-    return buildProductionUrl("editframe://", tagName, assetPath);
-  }
-}
-class V2Builder {
-  async buildProductionUrl(tagName, assetPath) {
-    const efRenderHost = commander.program.opts().efRenderHost;
-    return buildProductionUrl(efRenderHost, tagName, assetPath);
-  }
-}
-const strategyBuilders = {
-  v1: new V1Builder(),
-  v2: new V2Builder()
-};
-commander.program.command("render [directory]").description(
-  "Render a directory's index.html file as a video in the editframe cloud"
-).addOption(
-  new commander.Option("-s, --strategy <strategy>", "Render strategy").choices(["v1", "v2"]).default("v1")
-).action(async (directory, options) => {
-  directory ??= ".";
-  await syncAssetsDirectory.syncAssetDirectory(directory);
-  const srcDir = path.join(directory, "src");
-  const distDir = path.join(directory, "dist");
-  const builder = strategyBuilders[options.strategy];
-  if (!builder) {
-    console.error("Invalid strategy", options.strategy);
-    return;
-  }
-  await withSpinner.withSpinner("Building\n", async () => {
-    try {
-      await vite.build({
-        root: directory,
-        logLevel: "info",
-        // Optional: adjust log level as needed
-        clearScreen: false
-        // Optional: keep console output clean
-      });
-    } catch (error) {
-      console.error("Build failed:", error);
-    }
-  });
-  const previewServer = await startPreviewServer.PreviewServer.start(distDir);
-  process.stderr.write("Preview server started at:");
-  process.stderr.write(previewServer.url);
-  process.stderr.write("\n");
-  await launchBrowserAndWaitForSDK.launchBrowserAndWaitForSDK(
-    {
-      url: previewServer.url,
-      efInteractive: false,
-      interactive: false,
-      headless: true
-    },
-    async (page) => {
-      const renderInfo = await page.evaluate(getRenderInfo.getRenderInfo);
-      validateVideoResolution.validateVideoResolution({
-        width: renderInfo.width,
-        height: renderInfo.height
-      });
-      await processRenderInfo.processRenderInfo(renderInfo);
-      const doc = nodeHtmlParser.parse(
-        await fs.readFile(path.join(distDir, "index.html"), "utf-8")
-      );
-      const elements = doc.querySelectorAll(
-        "ef-audio, ef-video, ef-image, ef-captions"
-      );
-      for (const element of elements) {
-        const src = element.getAttribute("src");
-        if (!src) {
-          continue;
-        }
-        const assetPath = path.join(srcDir, src);
-        element.setAttribute(
-          "src",
-          await builder.buildProductionUrl(
-            element.tagName.toLowerCase(),
-            assetPath
-          )
-        );
-      }
-      await fs.writeFile(path.join(distDir, "index.html"), doc.toString());
-      const md5 = await assets.md5Directory(distDir);
-      const render = await api.createRender(index.getClient(), {
-        id: md5,
-        width: renderInfo.width,
-        height: renderInfo.height,
-        fps: renderInfo.fps,
-        duration_ms: renderInfo.durationMs,
-        work_slice_ms: 4e3,
-        strategy: options.strategy
-      });
-      if (render?.status !== "created") {
-        process.stderr.write(
-          `Render is in '${render?.status}' status. It cannot be recreated while in this status.
-`
-        );
-        return;
-      }
-      const tarStream = tar__namespace.create(
-        {
-          gzip: true,
-          cwd: distDir
-        },
-        ["."]
-      );
-      const readable = new node_stream.PassThrough();
-      tarStream.pipe(readable);
-      await api.uploadRender(index.getClient(), md5, readable);
-      process.stderr.write("Render assets uploaded\n");
-      process.stderr.write(node_util.inspect(render));
-      process.stderr.write("\n");
-    }
-  );
-});

package/dist/commands/sync.cjs

@@ -1,6 +0,0 @@
-"use strict";
-const commander = require("commander");
-const syncAssetsDirectory = require("../operations/syncAssetsDirectory.cjs");
-commander.program.command("sync").description("Sync assets to Editframe servers for rendering").argument("[directory]", "Path to project directory to sync.").action(async (projectDirectory = ".") => {
-  await syncAssetsDirectory.syncAssetDirectory(projectDirectory);
-});

package/dist/index.cjs

@@ -1,17 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-require("dotenv/config");
-const commander = require("commander");
-const VERSION = require("./VERSION.cjs");
-require("./commands/auth.cjs");
-require("./commands/sync.cjs");
-require("./commands/render.cjs");
-require("./commands/preview.cjs");
-require("./commands/process.cjs");
-require("./commands/check.cjs");
-commander.program.name("editframe").addOption(new commander.Option("-t, --token <token>", "API Token").env("EF_TOKEN")).addOption(
-  new commander.Option("--ef-host <host>", "Editframe Host").env("EF_HOST").default("https://editframe.dev")
-).addOption(
-  new commander.Option("--ef-render-host <host>", "Editframe Render Host").env("EF_RENDER_HOST").default("https://editframe.dev")
-).version(VERSION.VERSION);
-commander.program.parse(process.argv);

package/dist/operations/getRenderInfo.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const getRenderInfo = async () => {
-  const rootTimeGroup = document.querySelector("ef-timegroup");
-  if (!rootTimeGroup) {
-    throw new Error("No ef-timegroup found");
-  }
-  console.error("Waiting for media durations", rootTimeGroup);
-  await rootTimeGroup.waitForMediaDurations();
-  const width = rootTimeGroup.clientWidth;
-  const height = rootTimeGroup.clientHeight;
-  const fps = 30;
-  const durationMs = Math.round(rootTimeGroup.durationMs);
-  const elements = document.querySelectorAll(
-    "ef-audio, ef-video, ef-image, ef-captions"
-  );
-  const assets = {
-    efMedia: {},
-    efCaptions: /* @__PURE__ */ new Set(),
-    efImage: /* @__PURE__ */ new Set()
-  };
-  for (const element of elements) {
-    switch (element.tagName) {
-      case "EF-AUDIO":
-      case "EF-VIDEO": {
-        const src = element.src;
-        console.error("Processing element", element.tagName, src);
-        assets.efMedia[src] = element.trackFragmentIndexLoader.value;
-        break;
-      }
-      case "EF-IMAGE": {
-        const src = element.src;
-        console.error("Processing element", element.tagName, src);
-        assets.efImage.add(src);
-        break;
-      }
-      case "EF-CAPTIONS": {
-        const src = element.targetElement?.src;
-        console.error("Processing element", element.tagName, src);
-        assets.efCaptions.add(src);
-        break;
-      }
-    }
-  }
-  const renderInfo = {
-    width,
-    height,
-    fps,
-    durationMs,
-    assets: {
-      efMedia: assets.efMedia,
-      efCaptions: Array.from(assets.efCaptions),
-      efImage: Array.from(assets.efImage)
-    }
-  };
-  console.error("Render info", renderInfo);
-  return renderInfo;
-};
-exports.getRenderInfo = getRenderInfo;

package/dist/operations/processRenderInfo.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const assets = require("@editframe/assets");
-const processRenderInfo = async (renderInfo) => {
-  for (const [src, tracks] of Object.entries(renderInfo.assets.efMedia)) {
-    process.stderr.write("Processing media asset: ");
-    process.stderr.write(src);
-    process.stderr.write("\n");
-    for (const trackId in tracks) {
-      await assets.generateTrack(
-        "./src/assets",
-        `./src${src}`,
-        `src?trackId=${trackId}`
-      );
-    }
-  }
-  for (const imageAsset of renderInfo.assets.efImage) {
-    process.stderr.write("Processing image asset: ");
-    process.stderr.write(imageAsset);
-    process.stderr.write("\n");
-    await assets.cacheImage("./src/assets", `./src${imageAsset}`);
-  }
-  for (const captionsAsset of renderInfo.assets.efCaptions) {
-    process.stderr.write("Processing captions asset: ");
-    process.stderr.write(captionsAsset);
-    process.stderr.write("\n");
-    await assets.findOrCreateCaptions("./src/assets", `./src${captionsAsset}`);
-  }
-};
-exports.processRenderInfo = processRenderInfo;

package/dist/operations/syncAssetsDirectory.cjs

@@ -1,250 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const assets = require("@editframe/assets");
-const fs = require("node:fs/promises");
-const path = require("node:path");
-const api = require("@editframe/api");
-const node_fs = require("node:fs");
-const index = require("../utils/index.cjs");
-const imageMatch = /\.(png|jpe?g|gif|webp)$/i;
-const trackMatch = /\.track-[\d]+.mp4$/i;
-const fragmentIndexMatch = /\.tracks.json$/i;
-const captionsMatch = /\.captions.json$/i;
-class SyncStatus {
-  constructor(assetPath) {
-    this.assetPath = assetPath;
-    this.infoPath = `${this.assetPath}.info`;
-  }
-  async isSynced() {
-    const result = await fs.stat(this.infoPath).catch((error) => {
-      if (error.code === "ENOENT") {
-        return false;
-      }
-      throw error;
-    });
-    return !!result;
-  }
-  async markSynced() {
-    process.stderr.write(`✏️  Marking asset as synced: ${this.assetPath}
-`);
-    await fs.writeFile(this.infoPath, "{}", "utf-8");
-  }
-}
-const syncAssetDirectory = async (projectDirectory) => {
-  const fullPath = path.join(
-    process.cwd(),
-    projectDirectory,
-    "src",
-    "assets",
-    ".cache"
-  );
-  const stat = await fs.stat(fullPath).catch((error) => {
-    if (error.code === "ENOENT") {
-      return;
-    }
-    throw error;
-  });
-  if (!stat?.isDirectory()) {
-    console.error(`No assets cache directory found at ${fullPath}`);
-    return;
-  }
-  const assets$1 = await fs.readdir(fullPath);
-  process.stderr.write(`Syncing asset dir: ${fullPath}
-`);
-  for (const asset of assets$1) {
-    process.stderr.write(`Syncing asset: ${asset}
-`);
-    const assetDir = path.join(fullPath, asset);
-    const stat2 = await fs.stat(assetDir);
-    if (!stat2.isDirectory()) {
-      process.stderr.write("Invalid asset. Did not find asset directory.\n");
-      return;
-    }
-    const subAssets = await fs.readdir(assetDir);
-    for (const subAsset of subAssets) {
-      if (subAsset.endsWith(".info")) {
-        continue;
-      }
-      const subAssetPath = path.join(assetDir, subAsset);
-      const syncStatus = new SyncStatus(subAssetPath);
-      if (await syncStatus.isSynced()) {
-        process.stderr.write(
-          `  ✔ Sub-asset has already been synced: ${subAsset}
-`
-        );
-        continue;
-      }
-      switch (true) {
-        case imageMatch.test(subAsset): {
-          const probeResult = await assets.Probe.probePath(subAssetPath);
-          const [videoProbe] = probeResult.videoStreams;
-          if (!videoProbe) {
-            process.stderr.write(
-              `🚫 No video stream found in image: ${subAsset}
-`
-            );
-            break;
-          }
-          const ext = path.extname(subAsset).slice(1);
-          if (!(ext === "jpg" || ext === "jpeg" || ext === "png" || ext === "webp")) {
-            process.stderr.write(`🚫 Invalid image format: ${subAsset}
-`);
-            break;
-          }
-          process.stderr.write(`🖼️  Syncing image: ${subAsset}
-`);
-          const created = await api.createImageFile(index.getClient(), {
-            id: asset,
-            filename: subAsset,
-            width: videoProbe.width,
-            height: videoProbe.height,
-            mime_type: `image/${ext}`
-          });
-          if (created) {
-            if (created.complete) {
-              process.stderr.write("  ✔ Image has already been synced.\n");
-            } else {
-              await api.uploadImageFile(
-                index.getClient(),
-                created.id,
-                node_fs.createReadStream(subAssetPath)
-              );
-              process.stderr.write("  ✅ Image has been synced.\n");
-            }
-            await syncStatus.markSynced();
-          }
-          break;
-        }
-        case trackMatch.test(subAsset): {
-          process.stderr.write(`📼 Syncing a/v track: ${subAsset}
-`);
-          const createdFile = await api.createISOBMFFFile(index.getClient(), {
-            id: asset,
-            filename: subAsset.replace(/\.track-[\d]+.mp4$/, "")
-          });
-          if (createdFile) {
-            const probe = await assets.Probe.probePath(subAssetPath);
-            const trackId = subAsset.match(/track-([\d]+).mp4/)?.[1];
-            if (!trackId) {
-              process.stderr.write(
-                `🚫 No track ID found for track: ${subAsset}
-`
-              );
-              break;
-            }
-            const [track] = probe.streams;
-            if (!track) {
-              process.stderr.write(
-                `🚫 No track stream found in track: ${subAsset}
-`
-              );
-              break;
-            }
-            if (track.duration === void 0) {
-              process.stderr.write(
-                `🚫 No duration found in track: ${subAsset}
-`
-              );
-              break;
-            }
-            const stat3 = await fs.stat(subAssetPath);
-            const createPayload = track.codec_type === "audio" ? {
-              type: track.codec_type,
-              file_id: asset,
-              track_id: Number(trackId),
-              probe_info: track,
-              duration_ms: Math.round(track.duration * 1e3),
-              codec_name: track.codec_name,
-              byte_size: stat3.size
-            } : {
-              type: track.codec_type,
-              file_id: asset,
-              track_id: Number(trackId),
-              probe_info: track,
-              duration_ms: Math.round(track.duration * 1e3),
-              codec_name: track.codec_name,
-              byte_size: stat3.size
-            };
-            const createdTrack = await api.createISOBMFFTrack(
-              index.getClient(),
-              createPayload
-            );
-            if (createdTrack) {
-              if (createdTrack.last_received_byte === createdTrack.byte_size - 1) {
-                process.stderr.write("  ✔ Track has already been synced.\n");
-              } else {
-                await api.uploadISOBMFFTrack(
-                  index.getClient(),
-                  createdFile.id,
-                  Number(trackId),
-                  node_fs.createReadStream(subAssetPath)
-                );
-                process.stderr.write("  ✅ Track has been synced.\n");
-              }
-              await syncStatus.markSynced();
-            }
-          }
-          break;
-        }
-        case fragmentIndexMatch.test(subAsset): {
-          process.stderr.write(`📋 Syncing fragment index: ${subAsset}
-`);
-          const createdFile = await api.createISOBMFFFile(index.getClient(), {
-            id: asset,
-            filename: subAsset.replace(/\.tracks.json$/, "")
-          });
-          if (createdFile) {
-            if (createdFile.fragment_index_complete) {
-              process.stderr.write(
-                "  ✔ Fragment index has already been synced.\n"
-              );
-            } else {
-              const readStream = node_fs.createReadStream(subAssetPath);
-              await api.uploadFragmentIndex(index.getClient(), asset, readStream);
-              process.stderr.write("  ✅ Fragment index has been synced.\n");
-            }
-            await syncStatus.markSynced();
-          } else {
-            process.stderr.write(
-              `🚫 No file found for fragment index: ${subAsset}
-`
-            );
-            break;
-          }
-          break;
-        }
-        case captionsMatch.test(subAsset): {
-          process.stderr.write(`📝 Syncing captions: ${subAsset}
-`);
-          const createdFile = await api.createCaptionFile(index.getClient(), {
-            id: asset,
-            filename: subAsset.replace(/\.captions.json$/, "")
-          });
-          if (createdFile) {
-            if (createdFile.complete) {
-              process.stderr.write("  ✔ Captions have already been synced.\n");
-            } else {
-              const readStream = node_fs.createReadStream(subAssetPath);
-              await api.uploadCaptionFile(index.getClient(), asset, readStream);
-              process.stderr.write("  ✅ Captions have been synced.\n");
-            }
-            await syncStatus.markSynced();
-          } else {
-            process.stderr.write(
-              `🚫 No file found for captions: ${subAsset}
-`
-            );
-            break;
-          }
-          break;
-        }
-        default: {
-          process.stderr.write(`🚫 Unknown sub-asset: ${subAsset}
-`);
-          break;
-        }
-      }
-    }
-  }
-};
-exports.syncAssetDirectory = syncAssetDirectory;

package/dist/utils/index.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const commander = require("commander");
-require("dotenv/config");
-const api = require("@editframe/api");
-let client;
-const getClient = () => {
-  if (!client) {
-    const programOpts = commander.program.opts();
-    client = new api.Client(programOpts.token, programOpts.efHost);
-  }
-  return client;
-};
-exports.getClient = getClient;

package/dist/utils/launchBrowserAndWaitForSDK.cjs

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const chalk = require("chalk");
-const playwright = require("playwright");
-const debug = require("debug");
-const withSpinner = require("./withSpinner.cjs");
-const browserLog = debug("ef:cli::browser");
-async function launchBrowserAndWaitForSDK(options, fn) {
-  const browser = await withSpinner.withSpinner("Launching chrome", async () => {
-    return playwright.chromium.launch({
-      channel: "chrome",
-      headless: options.headless ?? true,
-      // headless: false,
-      devtools: options.interactive === true
-    });
-  });
-  const page = await withSpinner.withSpinner("Loading EditFrame SDK", async () => {
-    const pageOptions = {};
-    if (options.interactive === true) {
-      pageOptions.viewport = null;
-    }
-    const page2 = await browser.newPage(pageOptions);
-    page2.on("console", (msg) => {
-      browserLog(chalk.blue(`browser (${msg.type()}) |`), msg.text());
-    });
-    const url = options.url + (options.efInteractive ? "" : "?EF_NONINTERACTIVE=1");
-    process.stderr.write("\nLoading url: ");
-    process.stderr.write(url);
-    process.stderr.write("\n");
-    await page2.goto(url);
-    await page2.waitForFunction(
-      () => {
-        return (
-          // @ts-expect-error
-          window.EF_REGISTERED
-        );
-      },
-      [],
-      { timeout: 1e4 }
-    );
-    return page2;
-  });
-  await fn(page);
-  if (options.interactive !== true) {
-    await browser.close();
-    process.exit(0);
-  }
-}
-exports.launchBrowserAndWaitForSDK = launchBrowserAndWaitForSDK;

package/dist/utils/startPreviewServer.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vite = require("vite");
-const path = require("node:path");
-const vitePlugin = require("@editframe/vite-plugin");
-const withSpinner = require("./withSpinner.cjs");
-class PreviewServer {
-  constructor(previewServer) {
-    this.previewServer = previewServer;
-  }
-  static async start(directory) {
-    return new PreviewServer(await startPreviewServer(directory));
-  }
-  get url() {
-    return `http://localhost:${this.previewServer.config.server.port}`;
-  }
-}
-const startPreviewServer = async (directory) => {
-  return await withSpinner.withSpinner("Starting vite...", async () => {
-    const resolvedDirectory = path.resolve(process.cwd(), directory);
-    const cacheRoot = path.join(resolvedDirectory, "assets");
-    const devServer = await vite.createServer({
-      server: {
-        watch: null
-      },
-      root: resolvedDirectory,
-      plugins: [
-        vitePlugin.vitePluginEditframe({
-          root: resolvedDirectory,
-          cacheRoot
-        })
-      ]
-    });
-    await devServer.listen();
-    return devServer;
-  });
-};
-exports.PreviewServer = PreviewServer;

package/dist/utils/validateVideoResolution.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const zod = require("zod");
-const ora = require("ora");
-const debug = require("debug");
-const log = debug("ef:cli:auth");
-const schema = zod.z.object({
-  width: zod.z.number().int(),
-  height: zod.z.number().int()
-}).refine((data) => data.width % 2 === 0 && data.height % 2 === 0, {
-  message: "Both width and height must be divisible by 2.",
-  path: ["width", "height"]
-});
-const validateVideoResolution = async (rawPayload) => {
-  const spinner = ora("Validating video resolution").start();
-  const result = schema.safeParse(rawPayload);
-  if (result.success) {
-    spinner.succeed("Video resolution is valid");
-    return result.data;
-  }
-  spinner.fail("Invalid video resolution");
-  process.stderr.write(result.error?.errors.map((e) => e.message).join("\n"));
-  process.stderr.write("\n");
-  log("Error:", result.error?.errors.map((e) => e.message).join("\n"));
-  process.exit(1);
-};
-exports.validateVideoResolution = validateVideoResolution;

package/dist/utils/withSpinner.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ora = require("ora");
-const withSpinner = async (label, fn) => {
-  const spinner = ora(label).start();
-  try {
-    const result = await fn();
-    spinner.succeed();
-    return result;
-  } catch (error) {
-    spinner.fail();
-    throw error;
-  }
-};
-exports.withSpinner = withSpinner;