@editframe/cli 0.16.8-beta.0 → 0.17.6-beta.0

package/dist/utils/index.js

@@ -1,21 +1,15 @@
-import { program } from "commander";
 import "dotenv/config";
+import { program } from "commander";
 import { Client } from "@editframe/api";
 let client;
 const getClient = () => {
-  if (!client) {
-    const programOpts = program.opts();
-    const token = programOpts.token || process.env.EF_TOKEN;
-    const efHost = programOpts.efHost || process.env.EF_HOST;
-    if (!token) {
-      throw new Error(
-        "EF_TOKEN must be set or supplied as command line argument"
-      );
-    }
-    client = new Client(token, efHost);
-  }
-  return client;
-};
-export {
-  getClient
+	if (!client) {
+		const programOpts = program.opts();
+		const token = programOpts.token || process.env.EF_TOKEN;
+		const efHost = programOpts.efHost || process.env.EF_HOST;
+		if (!token) throw new Error("EF_TOKEN must be set or supplied as command line argument");
+		client = new Client(token, efHost);
+	}
+	return client;
 };
+export { getClient };

package/dist/utils/launchBrowserAndWaitForSDK.js

@@ -1,49 +1,37 @@
+import { withSpinner } from "./withSpinner.js";
 import chalk from "chalk";
 import debug from "debug";
 import { chromium } from "playwright";
-import { withSpinner } from "./withSpinner.js";
 const browserLog = debug("ef:cli::browser");
 async function launchBrowserAndWaitForSDK(options, fn) {
-  const browser = await withSpinner("Launching chrome", async () => {
-    return chromium.launch({
-      channel: "chrome",
-      headless: options.headless ?? true,
-      // headless: false,
-      devtools: options.interactive === true
-    });
-  });
-  const page = await 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);
-  }
+	const browser = await withSpinner("Launching chrome", async () => {
+		return chromium.launch({
+			channel: "chrome",
+			headless: options.headless ?? true,
+			devtools: options.interactive === true
+		});
+	});
+	const page = await withSpinner("Loading Editframe SDK", async () => {
+		const pageOptions = {};
+		if (options.interactive === true) pageOptions.viewport = null;
+		const page$1 = await browser.newPage(pageOptions);
+		page$1.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 page$1.goto(url);
+		await page$1.waitForFunction(() => {
+			return window.EF_REGISTERED;
+		}, [], { timeout: 1e4 });
+		return page$1;
+	});
+	await fn(page);
+	if (options.interactive !== true) {
+		await browser.close();
+		process.exit(0);
+	}
 }
-export {
-  launchBrowserAndWaitForSDK
-};
+export { launchBrowserAndWaitForSDK };

package/dist/utils/startDevServer.d.ts

@@ -1,4 +1,4 @@
-import { ViteDevServer } from 'vite';
+import { ViteDevServer } from 'rolldown-vite';
 export declare class DevServer {
     private devServer;
     static start(directory: string): Promise<DevServer>;

package/dist/utils/startPreviewServer.d.ts

@@ -1,4 +1,4 @@
-import { ViteDevServer } from 'vite';
+import { ViteDevServer } from 'rolldown-vite';
 export declare class PreviewServer {
     private previewServer;
     static start(directory: string): Promise<PreviewServer>;

package/dist/utils/startPreviewServer.js

@@ -1,38 +1,32 @@
+import { withSpinner } from "./withSpinner.js";
 import path from "node:path";
-import { createServer } from "vite";
+import { createServer } from "rolldown-vite";
 import { vitePluginEditframe } from "@editframe/vite-plugin";
-import { withSpinner } from "./withSpinner.js";
-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("Starting vite...", async () => {
-    const resolvedDirectory = path.resolve(process.cwd(), directory);
-    const cacheRoot = path.join(resolvedDirectory, "assets");
-    const devServer = await createServer({
-      server: {
-        watch: null
-      },
-      root: resolvedDirectory,
-      plugins: [
-        vitePluginEditframe({
-          root: resolvedDirectory,
-          cacheRoot
-        })
-      ]
-    });
-    await devServer.listen();
-    return devServer;
-  });
+var PreviewServer = class PreviewServer {
+	static async start(directory) {
+		return new PreviewServer(await startPreviewServer(directory));
+	}
+	constructor(previewServer) {
+		this.previewServer = previewServer;
+	}
+	get url() {
+		return `http://localhost:${this.previewServer.config.server.port}`;
+	}
 };
-export {
-  PreviewServer
+const startPreviewServer = async (directory) => {
+	return await withSpinner("Starting vite...", async () => {
+		const resolvedDirectory = path.resolve(process.cwd(), directory);
+		const cacheRoot = path.join(resolvedDirectory, "assets");
+		const devServer = await createServer({
+			server: { watch: null },
+			root: resolvedDirectory,
+			plugins: [vitePluginEditframe({
+				root: resolvedDirectory,
+				cacheRoot
+			})]
+		});
+		await devServer.listen();
+		return devServer;
+	});
 };
+export { PreviewServer };

package/dist/utils/validateVideoResolution.js

@@ -1,29 +1,25 @@
-import { z } from "zod";
-import ora from "ora";
 import debug from "debug";
+import ora from "ora";
+import { z } from "zod";
 const log = debug("ef:cli:validateVideoResolution");
 const schema = z.object({
-  width: z.number().int(),
-  height: z.number().int()
+	width: z.number().int(),
+	height: z.number().int()
 }).refine((data) => data.width % 2 === 0, {
-  message: "Width must be divisible by 2",
-  path: ["width"]
-}).refine((data) => data.height % 2 === 0, {
-  message: "Height must be divisible by 2"
-});
+	message: "Width must be divisible by 2",
+	path: ["width"]
+}).refine((data) => data.height % 2 === 0, { message: "Height must be divisible by 2" });
 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);
-};
-export {
-  validateVideoResolution
+	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);
 };
+export { validateVideoResolution };

package/dist/utils/withSpinner.js

@@ -1,15 +1,13 @@
 import ora from "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;
-  }
-};
-export {
-  withSpinner
+	const spinner = ora(label).start();
+	try {
+		const result = await fn();
+		spinner.succeed();
+		return result;
+	} catch (error) {
+		spinner.fail();
+		throw error;
+	}
 };
+export { withSpinner };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/cli",
-  "version": "0.16.8-beta.0",
+  "version": "0.17.6-beta.0",
   "description": "Command line interface for EditFrame",
   "bin": {
     "editframe": "./dist/index.js"
@@ -19,14 +19,14 @@
     "@types/promptly": "^3.0.5",
     "@types/tar": "^6.1.13",
     "typescript": "^5.5.4",
-    "vite-plugin-dts": "^4.0.3",
+    "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "dependencies": {
-    "@editframe/api": "0.16.8-beta.0",
-    "@editframe/assets": "0.16.8-beta.0",
-    "@editframe/elements": "0.16.8-beta.0",
-    "@editframe/vite-plugin": "0.16.8-beta.0",
+    "@editframe/api": "0.17.6-beta.0",
+    "@editframe/assets": "0.17.6-beta.0",
+    "@editframe/elements": "0.17.6-beta.0",
+    "@editframe/vite-plugin": "0.17.6-beta.0",
     "@inquirer/prompts": "^5.3.8",
     "axios": "^1.6.8",
     "chalk": "^5.3.0",
@@ -39,11 +39,11 @@
     "node-html-parser": "^6.1.13",
     "ora": "^8.0.1",
     "parse5-html-rewriting-stream": "^7.0.0",
-    "playwright": "^1.44.0",
+    "playwright": "^1.53.0",
     "promptly": "^3.2.0",
+    "rolldown-vite": "^6.3.21",
     "tailwindcss": "^3.4.3",
     "tar": "^7.1.0",
-    "vite": "^6.3.5",
     "zod": "^3.23.8"
   }
 }

package/src/commands/check.ts

@@ -1,8 +1,8 @@
 import { exec } from "node:child_process";
 import os from "node:os";
+import chalk from "chalk";
 import { program } from "commander";
 import ora from "ora";
-import chalk from "chalk";
 
 interface CheckDescriptor {
   check(): Promise<boolean>;
@@ -120,7 +120,7 @@ program
         spinner.succeed(
           chalk.white.bgGreen(` Check for ${checkName} passed  `),
         );
-      } catch (error) {
+      } catch (_error) {
         spinner.fail(chalk.white.bgRed(`  Check for ${checkName} failed  `));
         process.stderr.write(chalk.red(check.message().join("\n\n")));
         process.stderr.write("\n");

package/src/commands/mux.ts

@@ -0,0 +1,10 @@
+import { Probe } from "@editframe/assets";
+import { program } from "commander";
+
+program
+  .command("mux <path>")
+  .description("Mux a file into multiple audio/video tracks.")
+  .action(async (path: string) => {
+    const probe = await Probe.probePath(path);
+    console.log(probe);
+  });

package/src/utils/createReadableStreamFromReadable.ts

@@ -69,14 +69,12 @@ class StreamPump {
   enqueue(chunk: Uint8Array | string) {
     if (this.controller) {
       try {
-        const bytes = chunk instanceof Uint8Array ? chunk : Buffer.from(chunk);
-
-        const available = (this.controller.desiredSize || 0) - bytes.byteLength;
-        this.controller.enqueue(bytes);
+        const available = (this.controller.desiredSize || 0) - chunk.length;
+        this.controller.enqueue(chunk as Uint8Array);
         if (available <= 0) {
           this.pause();
         }
-      } catch (error: any) {
+      } catch (_error: any) {
         this.controller.error(
           new Error(
             "Could not create Buffer, chunk must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object",
@@ -102,7 +100,6 @@ class StreamPump {
   close() {
     if (this.controller) {
       this.controller.close();
-      // biome-ignore lint/performance/noDelete: infrequent use
       delete this.controller;
     }
   }
@@ -110,7 +107,6 @@ class StreamPump {
   error(error: Error) {
     if (this.controller) {
       this.controller.error(error);
-      // biome-ignore lint/performance/noDelete: infrequent use
       delete this.controller;
     }
   }

package/src/utils/startDevServer.ts

@@ -1,9 +1,7 @@
 import path from "node:path";
-
-import tailwindcss from "tailwindcss";
-import { type ViteDevServer, createServer } from "vite";
-
 import { vitePluginEditframe as editframe } from "@editframe/vite-plugin";
+import { createServer, type ViteDevServer } from "rolldown-vite";
+import tailwindcss from "tailwindcss";
 
 import { withSpinner } from "./withSpinner.js";
 
@@ -51,7 +49,9 @@ const startDevServer = async (directory: string) => {
       build: {
         target: "es2022",
         rollupOptions: {
-          treeshake: "recommended",
+          treeshake: {
+            moduleSideEffects: false,
+          },
         },
       },
     });

package/src/utils/startPreviewServer.ts

@@ -1,5 +1,5 @@
 import path from "node:path";
-import { type ViteDevServer, createServer } from "vite";
+import { type ViteDevServer, createServer } from "rolldown-vite";
 
 import { vitePluginEditframe as editframe } from "@editframe/vite-plugin";
 

package/test-fixtures/network.ts

@@ -1,10 +1,15 @@
-import { http, HttpResponse } from "msw";
+import { HttpResponse, http } from "msw";
 import type { Fixture } from "./fixture.js";
 
 export const mockCreateImageFile = ({
   complete = true,
   id = "123",
-}: { complete?: boolean; id?: string; filename?: string; fixture: Fixture }) =>
+}: {
+  complete?: boolean;
+  id?: string;
+  filename?: string;
+  fixture: Fixture;
+}) =>
   http.post(
     "http://localhost:3000/api/v1/image_files",
     async () => {
@@ -18,7 +23,12 @@ export const mockCreateImageFile = ({
 
 export const mockLookupImageFileByMd5 = ({
   md5 = "test-md5",
-}: { complete?: boolean; id?: string; md5?: string; fixture: Fixture }) =>
+}: {
+  complete?: boolean;
+  id?: string;
+  md5?: string;
+  fixture: Fixture;
+}) =>
   http.get(`http://localhost:3000/api/v1/image_files/md5/${md5}`, async () => {
     return HttpResponse.json({
       id: "123",
@@ -28,7 +38,9 @@ export const mockLookupImageFileByMd5 = ({
 
 export const mockLookupImageFileByMd5NotFound = ({
   md5 = "test-md5",
-}: { md5?: string }) =>
+}: {
+  md5?: string;
+}) =>
   http.get(`http://localhost:3000/api/v1/image_files/md5/${md5}`, async () => {
     return HttpResponse.json({}, { status: 404 });
   });
@@ -37,7 +49,12 @@ export const mockGetUploadImageFile = ({
   complete = true,
   id = "123",
   filename = "test.png",
-}: { complete?: boolean; id?: string; filename?: string; fixture: Fixture }) =>
+}: {
+  complete?: boolean;
+  id?: string;
+  filename?: string;
+  fixture: Fixture;
+}) =>
   http.get(
     `http://localhost:3000/api/v1/image_files/${id}/upload`,
     async () => {
@@ -91,7 +108,9 @@ export const mockLookupISOBMFFFileByMd5 = ({
 
 export const mockLookupISOBMFFFileByMd5NotFound = ({
   md5 = "test-md5",
-}: { md5?: string }) =>
+}: {
+  md5?: string;
+}) =>
   http.get(
     `http://localhost:3000/api/v1/isobmff_files/md5/${md5}`,
     async () => {
@@ -146,7 +165,10 @@ export const mockGetIsobmffTrackUpload = ({
 export const mockUploadIsobmffFileIndex = ({
   complete = true,
   id = "123",
-}: { complete?: boolean; id?: string }) =>
+}: {
+  complete?: boolean;
+  id?: string;
+}) =>
   http.post(
     "http://localhost:3000/api/v1/isobmff_files/123/index/upload",
     async () => {
@@ -162,7 +184,12 @@ export const mockLookupCaptionFileByMd5 = ({
   complete = true,
   id = "123",
   md5 = "test-md5",
-}: { complete?: boolean; id?: string; md5?: string; fixture: Fixture }) =>
+}: {
+  complete?: boolean;
+  id?: string;
+  md5?: string;
+  fixture: Fixture;
+}) =>
   http.get(
     `http://localhost:3000/api/v1/caption_files/md5/${md5}`,
     async () => {
@@ -175,7 +202,9 @@ export const mockLookupCaptionFileByMd5 = ({
 
 export const mockLookupCaptionFileByMd5NotFound = ({
   md5 = "test-md5",
-}: { md5?: string }) =>
+}: {
+  md5?: string;
+}) =>
   http.get(
     `http://localhost:3000/api/v1/caption_files/md5/${md5}`,
     async () => {