@editframe/cli 0.16.8-beta.0 → 0.18.3-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.18.3-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.18.3-beta.0",
+    "@editframe/assets": "0.18.3-beta.0",
+    "@editframe/elements": "0.18.3-beta.0",
+    "@editframe/vite-plugin": "0.18.3-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/operations/syncAssetsDirectory/SyncCaption.test.ts

@@ -1,5 +1,5 @@
-import { useMSW } from "TEST/useMSW.js";
-import { describe, expect, test } from "vitest";
+import { setupServer } from "msw/node";
+import { afterAll, afterEach, beforeAll, describe, expect, test } from "vitest";
 import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateCaptionFile,
@@ -8,8 +8,17 @@ import {
   mockUploadCaptionFile,
 } from "../../../test-fixtures/network.js";
 import { SyncCaption } from "./SyncCaption.js";
+
+const server = setupServer();
+
 describe("SyncCaption", async () => {
-  const server = useMSW();
+  beforeAll(() => {
+    server.listen();
+    process.env.EF_TOKEN = "ef_SECRET_TOKEN";
+    process.env.EF_HOST = "http://localhost:3000";
+  });
+  afterAll(() => server.close());
+  afterEach(() => server.resetHandlers());
   await withFixtures(
     [fixture("test.mp4", "test.mp4")],
     async ({ files: [video], generateCaptions }) => {

package/src/operations/syncAssetsDirectory/SyncFragmentIndex.test.ts

@@ -1,5 +1,5 @@
-import { useMSW } from "TEST/useMSW.js";
-import { describe, expect, test } from "vitest";
+import { setupServer } from "msw/node";
+import { afterAll, afterEach, beforeAll, describe, expect, test } from "vitest";
 import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateIsobmffFile,
@@ -9,8 +9,16 @@ import {
 } from "../../../test-fixtures/network.js";
 import { SyncFragmentIndex } from "./SyncFragmentIndex.js";
 
+const server = setupServer();
+
 describe("SyncFragmentIndex", async () => {
-  const server = useMSW();
+  beforeAll(() => {
+    server.listen();
+    process.env.EF_TOKEN = "ef_SECRET_TOKEN";
+    process.env.EF_HOST = "http://localhost:3000";
+  });
+  afterAll(() => server.close());
+  afterEach(() => server.resetHandlers());
   await withFixtures(
     [fixture("test.mp4", "test.mp4")],
     async ({ files: [video], generateTrackFragmentIndex }) => {

package/src/operations/syncAssetsDirectory/SyncImage.test.ts

@@ -1,5 +1,5 @@
-import { useMSW } from "TEST/useMSW.js";
-import { describe, expect, test } from "vitest";
+import { setupServer } from "msw/node";
+import { afterAll, afterEach, beforeAll, describe, expect, test } from "vitest";
 import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateImageFile,
@@ -8,8 +8,17 @@ import {
   mockLookupImageFileByMd5NotFound,
 } from "../../../test-fixtures/network.js";
 import { SyncImage } from "./SyncImage.js";
+
+const server = setupServer();
+
 describe("SyncImage", async () => {
-  const server = useMSW();
+  beforeAll(() => {
+    server.listen();
+    process.env.EF_TOKEN = "ef_SECRET_TOKEN";
+    process.env.EF_HOST = "http://localhost:3000";
+  });
+  afterAll(() => server.close());
+  afterEach(() => server.resetHandlers());
   await withFixtures(
     [fixture("test.png", "test.png")],
     async ({ files: [image], cacheImage }) => {

package/src/operations/syncAssetsDirectory/SyncImage.ts

@@ -4,8 +4,8 @@ import path, { basename } from "node:path";
 
 import {
   type CreateImageFileResult,
-  type LookupImageFileByMd5Result,
   createImageFile,
+  type LookupImageFileByMd5Result,
   lookupImageFileByMd5,
   uploadImageFile,
 } from "@editframe/api";
@@ -81,7 +81,8 @@ export class SyncImage implements SubAssetSync<CreateImageFileResult> {
           | "image/jpeg"
           | "image/png"
           | "image/jpg"
-          | "image/webp",
+          | "image/webp"
+          | "image/svg+xml",
         byte_size: byteSize,
       });
     }

package/src/operations/syncAssetsDirectory/SyncTrack.test.ts

@@ -1,5 +1,5 @@
-import { useMSW } from "TEST/useMSW.js";
-import { describe, expect, test } from "vitest";
+import { setupServer } from "msw/node";
+import { afterAll, afterEach, beforeAll, describe, expect, test } from "vitest";
 import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateIsobmffFile,
@@ -10,8 +10,16 @@ import {
 } from "../../../test-fixtures/network.js";
 import { SyncTrack } from "./SyncTrack.js";
 
+const server = setupServer();
+
 describe("SyncTrack", async () => {
-  const server = useMSW();
+  beforeAll(() => {
+    server.listen();
+    process.env.EF_TOKEN = "ef_SECRET_TOKEN";
+    process.env.EF_HOST = "http://localhost:3000";
+  });
+  afterAll(() => server.close());
+  afterEach(() => server.resetHandlers());
   await withFixtures(
     [fixture("test.mp4", "test.mp4")],
     async ({ files: [video], generateTrack }) => {

package/src/operations/syncAssetsDirectory.test.ts

@@ -1,19 +1,26 @@
-import { describe, it } from "vitest";
-
-import { useMSW } from "TEST/useMSW.js";
+import { setupServer } from "msw/node";
+import { afterAll, afterEach, beforeAll, describe, it } from "vitest";
 import { fixture, withFixtures } from "../../test-fixtures/fixture.js";
 import {
   mockCreateImageFile,
   mockCreateIsobmffFile,
   mockCreateIsobmffTrack,
   mockGetUploadImageFile,
-  mockLookupISOBMFFFileByMd5NotFound,
   mockLookupImageFileByMd5NotFound,
+  mockLookupISOBMFFFileByMd5NotFound,
   mockUploadIsobmffFileIndex,
 } from "../../test-fixtures/network.js";
 
+const server = setupServer();
+
 describe("syncAssetsDirectory", () => {
-  const server = useMSW();
+  beforeAll(() => {
+    server.listen();
+    process.env.EF_TOKEN = "ef_SECRET_TOKEN";
+    process.env.EF_HOST = "http://localhost:3000";
+  });
+  afterAll(() => server.close());
+  afterEach(() => server.resetHandlers());
 
   describe("Image sync", () => {
     it("Syncs assets directory when file is already uploaded", async () => {

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";