@editframe/cli 0.12.0-beta.2 → 0.12.0-beta.20

package/dist/VERSION.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.12.0-beta.2";
+export declare const VERSION = "0.12.0-beta.20";

package/dist/VERSION.js

@@ -1,4 +1,4 @@
-const VERSION = "0.12.0-beta.2";
+const VERSION = "0.12.0-beta.20";
 export {
   VERSION
 };

package/dist/commands/process-file.js

@@ -1,44 +1,30 @@
-import { createReadStream } from "node:fs";
-import { stat } from "node:fs/promises";
-import { basename } from "node:path";
 import { program } from "commander";
 import { withSpinner } from "../utils/withSpinner.js";
-import { uploadUnprocessedFile, getIsobmffProcessProgress, getIsobmffProcessInfo, createUnprocessedFile, processIsobmffFile } from "@editframe/api";
-import { md5FilePath } from "@editframe/assets";
+import { uploadUnprocessedFile, getIsobmffProcessProgress, getIsobmffProcessInfo, createUnprocessedFileFromPath, processIsobmffFile } from "@editframe/api/node";
 import ora from "ora";
-import { createReadableStreamFromReadable } from "../utils/createReadableStreamFromReadable.js";
 import { getClient } from "../utils/index.js";
 program.command("process-file <file>").description("Upload a audio/video to Editframe for processing.").action(async (path) => {
   const client = getClient();
-  const md5 = await md5FilePath(path);
-  const byte_size = (await stat(path)).size;
   const unprocessedFile = await withSpinner(
     "Creating unprocessed file record",
-    async () => await createUnprocessedFile(client, {
-      md5,
-      filename: basename(path),
-      byte_size
-    })
-  );
-  const readStream = createReadStream(path);
-  const upload = uploadUnprocessedFile(
-    client,
-    unprocessedFile.id,
-    createReadableStreamFromReadable(readStream),
-    byte_size
+    () => 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)}%`;
   }
   uploadSpinner.succeed("Upload complete");
-  const processor = await withSpinner(
+  const processorRecord = await withSpinner(
     "Marking for processing",
     async () => await processIsobmffFile(client, unprocessedFile.id)
   );
   const processSpinner = ora("Waiting for processing to complete");
   processSpinner.start();
-  const progress = await getIsobmffProcessProgress(client, processor.id);
+  const progress = await getIsobmffProcessProgress(
+    client,
+    processorRecord.id
+  );
   for await (const event of progress) {
     if (event.type === "progress") {
       processSpinner.text = `Processing: ${(100 * event.data.progress).toFixed(2)}%`;
@@ -46,7 +32,7 @@ program.command("process-file <file>").description("Upload a audio/video to Edit
       processSpinner.succeed("Processing complete");
     }
   }
-  const info = await getIsobmffProcessInfo(client, processor.id);
+  const info = await getIsobmffProcessInfo(client, processorRecord.id);
   console.log("Processed file info");
   console.log(info);
 });

package/dist/commands/process.js

@@ -1,11 +1,11 @@
 import { spawnSync } from "node:child_process";
 import path from "node:path";
 import { program } from "commander";
-import { withSpinner } from "../utils/withSpinner.js";
-import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.js";
-import { PreviewServer } from "../utils/startPreviewServer.js";
 import { getRenderInfo } from "../operations/getRenderInfo.js";
 import { processRenderInfo } from "../operations/processRenderInfo.js";
+import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.js";
+import { PreviewServer } from "../utils/startPreviewServer.js";
+import { withSpinner } from "../utils/withSpinner.js";
 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/webhook.js

@@ -1,8 +1,8 @@
-import { program, Option } from "commander";
-import ora from "ora";
+import { input, select } from "@inquirer/prompts";
 import chalk from "chalk";
+import { program, Option } from "commander";
 import debug from "debug";
-import { input, select } from "@inquirer/prompts";
+import ora from "ora";
 import { getClient } from "../utils/index.js";
 const log = debug("ef:cli:auth");
 const topics = [

package/dist/operations/processRenderInfo.d.ts

@@ -1,2 +1,2 @@
-import { getRenderInfo } from './getRenderInfo.ts';
+import { getRenderInfo } from './getRenderInfo.js';
 export declare const processRenderInfo: (renderInfo: Awaited<ReturnType<typeof getRenderInfo>>) => Promise<void>;

package/dist/operations/syncAssetsDirectory/SubAssetSync.d.ts

@@ -1,8 +1,8 @@
-import { SyncStatus } from './SyncStatus.ts';
-import { SyncCaption } from './SyncCaption.ts';
-import { SyncFragmentIndex } from './SyncFragmentIndex.ts';
-import { SyncImage } from './SyncImage.ts';
-import { SyncTrack } from './SyncTrack.ts';
+import { SyncStatus } from './SyncStatus.js';
+import { SyncCaption } from './SyncCaption.js';
+import { SyncFragmentIndex } from './SyncFragmentIndex.js';
+import { SyncImage } from './SyncImage.js';
+import { SyncTrack } from './SyncTrack.js';
 export interface SubAssetSync<CreationType> {
     icon: string;
     label: string;

package/dist/operations/syncAssetsDirectory/SyncCaption.d.ts

@@ -1,6 +1,6 @@
 import { CreateCaptionFileResult, LookupCaptionFileByMd5Result } from '../../../../api/src/index.ts';
-import { SubAssetSync } from './SubAssetSync.ts';
-import { SyncStatus } from './SyncStatus.ts';
+import { SubAssetSync } from './SubAssetSync.js';
+import { SyncStatus } from './SyncStatus.js';
 export declare class SyncCaption implements SubAssetSync<CreateCaptionFileResult> {
     path: string;
     md5: string;

package/dist/operations/syncAssetsDirectory/SyncFragmentIndex.d.ts

@@ -1,6 +1,6 @@
 import { CreateISOBMFFFileResult, LookupISOBMFFFileByMd5Result } from '../../../../api/src/index.ts';
-import { SubAssetSync } from './SubAssetSync.ts';
-import { SyncStatus } from './SyncStatus.ts';
+import { SubAssetSync } from './SubAssetSync.js';
+import { SyncStatus } from './SyncStatus.js';
 export declare class SyncFragmentIndex implements SubAssetSync<CreateISOBMFFFileResult> {
     path: string;
     md5: string;

package/dist/operations/syncAssetsDirectory/SyncImage.d.ts

@@ -1,7 +1,7 @@
 import { CreateImageFileResult, LookupImageFileByMd5Result } from '../../../../api/src/index.ts';
 import { Probe } from '../../../../assets/src/index.ts';
-import { SubAssetSync } from './SubAssetSync.ts';
-import { SyncStatus } from './SyncStatus.ts';
+import { SubAssetSync } from './SubAssetSync.js';
+import { SyncStatus } from './SyncStatus.js';
 export declare class SyncImage implements SubAssetSync<CreateImageFileResult> {
     path: string;
     md5: string;

package/dist/operations/syncAssetsDirectory/SyncImage.js

@@ -74,9 +74,11 @@ class SyncImage {
     }
     await uploadImageFile(
       getClient(),
-      this.created.id,
-      createReadableStreamFromReadable(createReadStream(this.path)),
-      Number.parseInt(this.probeResult.format.size || "0")
+      {
+        id: this.created.id,
+        byte_size: Number.parseInt(this.probeResult.format.size || "0")
+      },
+      createReadableStreamFromReadable(createReadStream(this.path))
     ).whenUploaded();
   }
   async markSynced() {

package/dist/operations/syncAssetsDirectory/SyncTrack.d.ts

@@ -1,7 +1,7 @@
 import { CreateISOBMFFFileResult, CreateISOBMFFTrackResult, LookupISOBMFFFileByMd5Result } from '../../../../api/src/index.ts';
 import { Probe } from '../../../../assets/src/index.ts';
-import { SubAssetSync } from './SubAssetSync.ts';
-import { SyncStatus } from './SyncStatus.ts';
+import { SubAssetSync } from './SubAssetSync.js';
+import { SyncStatus } from './SyncStatus.js';
 export declare class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult> {
     path: string;
     md5: string;
@@ -58,6 +58,10 @@ export declare class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult>
         duration_ts?: number | undefined;
         duration?: number | undefined;
         bit_rate?: string | undefined;
+    } | {
+        index: number;
+        codec_type: "data";
+        duration?: string | undefined;
     };
     prepare(): Promise<void>;
     get trackId(): string;

package/dist/operations/syncAssetsDirectory/SyncTrack.js

@@ -64,6 +64,9 @@ class SyncTrack {
     if (!track.duration) {
       throw new Error(`No duration found in track: ${this.path}`);
     }
+    if (typeof track.duration === "string") {
+      return Number.parseFloat(track.duration);
+    }
     return track.duration;
   }
   async validate() {
@@ -74,6 +77,9 @@ class SyncTrack {
   async create() {
     const track = this.track;
     const isoFile = this.isoFile;
+    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,

package/dist/operations/syncAssetsDirectory/doAssetSync.d.ts

@@ -1,4 +1,4 @@
-import { SubAssetSync } from './SubAssetSync.ts';
+import { SubAssetSync } from './SubAssetSync.js';
 export declare const doAssetSync: (assetSync: SubAssetSync<unknown>) => AsyncGenerator<{
     status: "info" | "success";
     message: string;

package/dist/utils/startPreviewServer.js

@@ -1,5 +1,5 @@
-import { createServer } from "vite";
 import path from "node:path";
+import { createServer } from "vite";
 import { vitePluginEditframe } from "@editframe/vite-plugin";
 import { withSpinner } from "./withSpinner.js";
 class PreviewServer {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/cli",
-  "version": "0.12.0-beta.2",
+  "version": "0.12.0-beta.20",
   "description": "Command line interface for EditFrame",
   "bin": {
     "editframe": "./dist/index.js"
@@ -23,10 +23,10 @@
     "vite-tsconfig-paths": "^4.3.2"
   },
   "dependencies": {
-    "@editframe/api": "0.12.0-beta.2",
-    "@editframe/assets": "0.12.0-beta.2",
-    "@editframe/elements": "0.12.0-beta.2",
-    "@editframe/vite-plugin": "0.12.0-beta.2",
+    "@editframe/api": "0.12.0-beta.20",
+    "@editframe/assets": "0.12.0-beta.20",
+    "@editframe/elements": "0.12.0-beta.20",
+    "@editframe/vite-plugin": "0.12.0-beta.20",
     "@inquirer/prompts": "^5.3.8",
     "axios": "^1.6.8",
     "chalk": "^5.3.0",

package/src/commands/auth.ts

@@ -3,7 +3,7 @@ import { program } from "commander";
 import debug from "debug";
 import ora from "ora";
 
-import { getClient } from "../utils/index.ts";
+import { getClient } from "../utils/index.js";
 
 const log = debug("ef:cli:auth");
 

package/src/commands/process-file.ts

@@ -1,22 +1,16 @@
-import { createReadStream } from "node:fs";
-import { stat } from "node:fs/promises";
-import { basename } from "node:path";
-
 import { program } from "commander";
 
-import { withSpinner } from "../utils/withSpinner.ts";
+import { withSpinner } from "../utils/withSpinner.js";
 
 import {
-  createUnprocessedFile,
+  createUnprocessedFileFromPath,
   getIsobmffProcessInfo,
   getIsobmffProcessProgress,
   processIsobmffFile,
   uploadUnprocessedFile,
-} from "@editframe/api";
-import { md5FilePath } from "@editframe/assets";
+} from "@editframe/api/node";
 import ora from "ora";
-import { createReadableStreamFromReadable } from "../utils/createReadableStreamFromReadable.ts";
-import { getClient } from "../utils/index.ts";
+import { getClient } from "../utils/index.js";
 
 program
   .command("process-file <file>")
@@ -24,41 +18,29 @@ program
   .action(async (path: string) => {
     const client = getClient();
 
-    const md5 = await md5FilePath(path);
-
-    const byte_size = (await stat(path)).size;
-
     const unprocessedFile = await withSpinner(
       "Creating unprocessed file record",
-      async () =>
-        await createUnprocessedFile(client, {
-          md5,
-          filename: basename(path),
-          byte_size,
-        }),
+      () => createUnprocessedFileFromPath(client, path),
     );
 
-    const readStream = createReadStream(path);
-
-    const upload = uploadUnprocessedFile(
-      client,
-      unprocessedFile.id,
-      createReadableStreamFromReadable(readStream),
-      byte_size,
-    );
+    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)}%`;
     }
     uploadSpinner.succeed("Upload complete");
-    const processor = await withSpinner(
+    const processorRecord = await withSpinner(
       "Marking for processing",
       async () => await processIsobmffFile(client, unprocessedFile.id),
     );
 
     const processSpinner = ora("Waiting for processing to complete");
     processSpinner.start();
-    const progress = await getIsobmffProcessProgress(client, processor.id);
+    const progress = await getIsobmffProcessProgress(
+      client,
+      processorRecord.id,
+    );
 
     for await (const event of progress) {
       if (event.type === "progress") {
@@ -68,7 +50,7 @@ program
       }
     }
 
-    const info = await getIsobmffProcessInfo(client, processor.id);
+    const info = await getIsobmffProcessInfo(client, processorRecord.id);
 
     console.log("Processed file info");
     console.log(info);

package/src/commands/process.ts

@@ -3,11 +3,11 @@ import path from "node:path";
 
 import { program } from "commander";
 
-import { withSpinner } from "../utils/withSpinner.ts";
-import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.ts";
-import { PreviewServer } from "../utils/startPreviewServer.ts";
-import { getRenderInfo } from "../operations/getRenderInfo.ts";
-import { processRenderInfo } from "../operations/processRenderInfo.ts";
+import { getRenderInfo } from "../operations/getRenderInfo.js";
+import { processRenderInfo } from "../operations/processRenderInfo.js";
+import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.js";
+import { PreviewServer } from "../utils/startPreviewServer.js";
+import { withSpinner } from "../utils/withSpinner.js";
 
 program
   .command("process [directory]")

package/src/commands/render.ts

@@ -12,17 +12,17 @@ import { md5Directory, md5FilePath } from "@editframe/assets";
 import { spawnSync } from "node:child_process";
 import { createRender, uploadRender } from "@editframe/api";
 import debug from "debug";
-import { RenderInfo, getRenderInfo } from "../operations/getRenderInfo.ts";
-import { processRenderInfo } from "../operations/processRenderInfo.ts";
-import { syncAssetDirectory } from "../operations/syncAssetsDirectory.ts";
-import { SyncStatus } from "../operations/syncAssetsDirectory/SyncStatus.ts";
-import { createReadableStreamFromReadable } from "../utils/createReadableStreamFromReadable.ts";
-import { getFolderSize } from "../utils/getFolderSize.ts";
-import { getClient } from "../utils/index.ts";
-import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.ts";
-import { PreviewServer } from "../utils/startPreviewServer.ts";
-import { validateVideoResolution } from "../utils/validateVideoResolution.ts";
-import { withSpinner } from "../utils/withSpinner.ts";
+import { RenderInfo, getRenderInfo } from "../operations/getRenderInfo.js";
+import { processRenderInfo } from "../operations/processRenderInfo.js";
+import { syncAssetDirectory } from "../operations/syncAssetsDirectory.js";
+import { SyncStatus } from "../operations/syncAssetsDirectory/SyncStatus.js";
+import { createReadableStreamFromReadable } from "../utils/createReadableStreamFromReadable.js";
+import { getFolderSize } from "../utils/getFolderSize.js";
+import { getClient } from "../utils/index.js";
+import { launchBrowserAndWaitForSDK } from "../utils/launchBrowserAndWaitForSDK.js";
+import { PreviewServer } from "../utils/startPreviewServer.js";
+import { validateVideoResolution } from "../utils/validateVideoResolution.js";
+import { withSpinner } from "../utils/withSpinner.js";
 
 const log = debug("ef:cli:render");
 

package/src/commands/sync.ts

@@ -1,6 +1,6 @@
 import { join } from "node:path";
 import { program } from "commander";
-import { syncAssetDirectory } from "../operations/syncAssetsDirectory.ts";
+import { syncAssetDirectory } from "../operations/syncAssetsDirectory.js";
 
 program
   .command("sync")

package/src/commands/webhook.ts

@@ -1,10 +1,10 @@
-import { program, Option } from "commander";
-import ora from "ora";
+import { input, select } from "@inquirer/prompts";
 import chalk from "chalk";
+import { Option, program } from "commander";
 import debug from "debug";
-import { input, select } from "@inquirer/prompts";
+import ora from "ora";
 
-import { getClient } from "../utils/index.ts";
+import { getClient } from "../utils/index.js";
 
 const log = debug("ef:cli:auth");
 

package/src/operations/processRenderInfo.ts

@@ -1,9 +1,9 @@
 import {
-  generateTrack,
   cacheImage,
   findOrCreateCaptions,
+  generateTrack,
 } from "@editframe/assets";
-import type { getRenderInfo } from "./getRenderInfo.ts";
+import type { getRenderInfo } from "./getRenderInfo.js";
 
 export const processRenderInfo = async (
   renderInfo: Awaited<ReturnType<typeof getRenderInfo>>,

package/src/operations/syncAssetsDirectory/SubAssetSync.ts

@@ -1,10 +1,10 @@
 import debug from "debug";
-import type { SyncStatus } from "./SyncStatus.ts";
+import type { SyncStatus } from "./SyncStatus.js";
 
-import { SyncCaption } from "./SyncCaption.ts";
-import { SyncFragmentIndex } from "./SyncFragmentIndex.ts";
-import { SyncImage } from "./SyncImage.ts";
-import { SyncTrack } from "./SyncTrack.ts";
+import { SyncCaption } from "./SyncCaption.js";
+import { SyncFragmentIndex } from "./SyncFragmentIndex.js";
+import { SyncImage } from "./SyncImage.js";
+import { SyncTrack } from "./SyncTrack.js";
 
 export interface SubAssetSync<CreationType> {
   icon: string;

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

@@ -1,13 +1,13 @@
-import { useMSW } from "TEST/useMSW.ts";
+import { useMSW } from "TEST/useMSW.js";
 import { describe, expect, test } from "vitest";
-import { fixture, withFixtures } from "../../../test-fixtures/fixture.ts";
+import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateCaptionFile,
   mockLookupCaptionFileByMd5,
   mockLookupCaptionFileByMd5NotFound,
   mockUploadCaptionFile,
-} from "../../../test-fixtures/network.ts";
-import { SyncCaption } from "./SyncCaption.ts";
+} from "../../../test-fixtures/network.js";
+import { SyncCaption } from "./SyncCaption.js";
 describe("SyncCaption", async () => {
   const server = useMSW();
   await withFixtures(

package/src/operations/syncAssetsDirectory/SyncCaption.ts

@@ -9,12 +9,12 @@ import {
 } from "@editframe/api";
 
 import { Readable } from "node:stream";
-import { getClient } from "../../utils/index.ts";
+import { getClient } from "../../utils/index.js";
 
 import { basename } from "node:path";
-import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.ts";
-import type { SubAssetSync } from "./SubAssetSync.ts";
-import { SyncStatus } from "./SyncStatus.ts";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
+import type { SubAssetSync } from "./SubAssetSync.js";
+import { SyncStatus } from "./SyncStatus.js";
 export class SyncCaption implements SubAssetSync<CreateCaptionFileResult> {
   icon = "📝";
   label = "captions";

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

@@ -1,13 +1,13 @@
-import { useMSW } from "TEST/useMSW.ts";
+import { useMSW } from "TEST/useMSW.js";
 import { describe, expect, test } from "vitest";
-import { fixture, withFixtures } from "../../../test-fixtures/fixture.ts";
+import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateIsobmffFile,
   mockLookupISOBMFFFileByMd5,
   mockLookupISOBMFFFileByMd5NotFound,
   mockUploadIsobmffFileIndex,
-} from "../../../test-fixtures/network.ts";
-import { SyncFragmentIndex } from "./SyncFragmentIndex.ts";
+} from "../../../test-fixtures/network.js";
+import { SyncFragmentIndex } from "./SyncFragmentIndex.js";
 
 describe("SyncFragmentIndex", async () => {
   const server = useMSW();

package/src/operations/syncAssetsDirectory/SyncFragmentIndex.ts

@@ -10,10 +10,10 @@ import {
   uploadFragmentIndex,
 } from "@editframe/api";
 
-import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.ts";
-import { getClient } from "../../utils/index.ts";
-import type { SubAssetSync } from "./SubAssetSync.ts";
-import { SyncStatus } from "./SyncStatus.ts";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
+import { getClient } from "../../utils/index.js";
+import type { SubAssetSync } from "./SubAssetSync.js";
+import { SyncStatus } from "./SyncStatus.js";
 
 export class SyncFragmentIndex
   implements SubAssetSync<CreateISOBMFFFileResult>

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

@@ -1,13 +1,13 @@
-import { useMSW } from "TEST/useMSW.ts";
+import { useMSW } from "TEST/useMSW.js";
 import { describe, expect, test } from "vitest";
-import { fixture, withFixtures } from "../../../test-fixtures/fixture.ts";
+import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateImageFile,
   mockGetUploadImageFile,
   mockLookupImageFileByMd5,
   mockLookupImageFileByMd5NotFound,
-} from "../../../test-fixtures/network.ts";
-import { SyncImage } from "./SyncImage.ts";
+} from "../../../test-fixtures/network.js";
+import { SyncImage } from "./SyncImage.js";
 describe("SyncImage", async () => {
   const server = useMSW();
   await withFixtures(

package/src/operations/syncAssetsDirectory/SyncImage.ts

@@ -12,10 +12,10 @@ import {
 
 import { Probe } from "@editframe/assets";
 
-import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.ts";
-import { getClient } from "../../utils/index.ts";
-import type { SubAssetSync } from "./SubAssetSync.ts";
-import { SyncStatus } from "./SyncStatus.ts";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
+import { getClient } from "../../utils/index.js";
+import type { SubAssetSync } from "./SubAssetSync.js";
+import { SyncStatus } from "./SyncStatus.js";
 
 export class SyncImage implements SubAssetSync<CreateImageFileResult> {
   icon = "🖼️";
@@ -97,9 +97,11 @@ export class SyncImage implements SubAssetSync<CreateImageFileResult> {
     }
     await uploadImageFile(
       getClient(),
-      this.created.id,
+      {
+        id: this.created.id,
+        byte_size: Number.parseInt(this.probeResult.format.size || "0"),
+      },
       createReadableStreamFromReadable(createReadStream(this.path)),
-      Number.parseInt(this.probeResult.format.size || "0"),
     ).whenUploaded();
   }
   async markSynced() {

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

@@ -1,14 +1,14 @@
-import { useMSW } from "TEST/useMSW.ts";
+import { useMSW } from "TEST/useMSW.js";
 import { describe, expect, test } from "vitest";
-import { fixture, withFixtures } from "../../../test-fixtures/fixture.ts";
+import { fixture, withFixtures } from "../../../test-fixtures/fixture.js";
 import {
   mockCreateIsobmffFile,
   mockCreateIsobmffTrack,
   mockGetIsobmffTrackUpload,
   mockLookupISOBMFFFileByMd5,
   mockLookupISOBMFFFileByMd5NotFound,
-} from "../../../test-fixtures/network.ts";
-import { SyncTrack } from "./SyncTrack.ts";
+} from "../../../test-fixtures/network.js";
+import { SyncTrack } from "./SyncTrack.js";
 
 describe("SyncTrack", async () => {
   const server = useMSW();

package/src/operations/syncAssetsDirectory/SyncTrack.ts

@@ -2,8 +2,6 @@ import { createReadStream } from "node:fs";
 import fs from "node:fs/promises";
 import { basename, dirname, join } from "node:path";
 
-import type { z } from "zod";
-
 import {
   type CreateISOBMFFFileResult,
   type CreateISOBMFFTrackPayload,
@@ -16,10 +14,10 @@ import {
 } from "@editframe/api";
 import { Probe } from "@editframe/assets";
 
-import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.ts";
-import { getClient } from "../../utils/index.ts";
-import type { SubAssetSync } from "./SubAssetSync.ts";
-import { SyncStatus } from "./SyncStatus.ts";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
+import { getClient } from "../../utils/index.js";
+import type { SubAssetSync } from "./SubAssetSync.js";
+import { SyncStatus } from "./SyncStatus.js";
 
 export class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult> {
   icon = "📼";
@@ -91,6 +89,9 @@ export class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult> {
     if (!track.duration) {
       throw new Error(`No duration found in track: ${this.path}`);
     }
+    if (typeof track.duration === "string") {
+      return Number.parseFloat(track.duration);
+    }
     return track.duration;
   }
 
@@ -104,7 +105,10 @@ export class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult> {
     const track = this.track;
     const isoFile = this.isoFile;
 
-    const createPayload: z.infer<typeof CreateISOBMFFTrackPayload> =
+    if (track.codec_type === "data") {
+      throw new Error(`Unsupported codec type: ${track.codec_type}`);
+    }
+    const createPayload: CreateISOBMFFTrackPayload =
       track.codec_type === "audio"
         ? {
             type: track.codec_type,

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

@@ -1,7 +1,7 @@
 import { describe, expect, test, vi } from "vitest";
-import type { SubAssetSync } from "./SubAssetSync.ts";
-import type { SyncStatusInfo } from "./SyncStatus.ts";
-import { doAssetSync } from "./doAssetSync.ts";
+import type { SubAssetSync } from "./SubAssetSync.js";
+import type { SyncStatusInfo } from "./SyncStatus.js";
+import { doAssetSync } from "./doAssetSync.js";
 
 const collectAsyncGenerator = async (
   generator: SubAssetSync<unknown>,

package/src/operations/syncAssetsDirectory/doAssetSync.ts

@@ -1,4 +1,4 @@
-import type { SubAssetSync } from "./SubAssetSync.ts";
+import type { SubAssetSync } from "./SubAssetSync.js";
 
 export const doAssetSync = async function* (
   assetSync: SubAssetSync<unknown>,

package/src/operations/syncAssetsDirectory.test.ts

@@ -1,7 +1,7 @@
 import { describe, it } from "vitest";
 
-import { useMSW } from "TEST/useMSW.ts";
-import { fixture, withFixtures } from "../../test-fixtures/fixture.ts";
+import { useMSW } from "TEST/useMSW.js";
+import { fixture, withFixtures } from "../../test-fixtures/fixture.js";
 import {
   mockCreateImageFile,
   mockCreateIsobmffFile,
@@ -10,7 +10,7 @@ import {
   mockLookupISOBMFFFileByMd5NotFound,
   mockLookupImageFileByMd5NotFound,
   mockUploadIsobmffFileIndex,
-} from "../../test-fixtures/network.ts";
+} from "../../test-fixtures/network.js";
 
 describe("syncAssetsDirectory", () => {
   const server = useMSW();

package/src/operations/syncAssetsDirectory.ts

@@ -1,7 +1,7 @@
 import fs from "node:fs/promises";
 import path from "node:path";
-import { getAssetSync } from "./syncAssetsDirectory/SubAssetSync.ts";
-import { doAssetSync } from "./syncAssetsDirectory/doAssetSync.ts";
+import { getAssetSync } from "./syncAssetsDirectory/SubAssetSync.js";
+import { doAssetSync } from "./syncAssetsDirectory/doAssetSync.js";
 
 export const syncAssetDirectory = async (
   /**

package/src/utils/launchBrowserAndWaitForSDK.ts

@@ -2,7 +2,7 @@ import chalk from "chalk";
 import debug from "debug";
 import { type Browser, type Page, chromium } from "playwright";
 
-import { withSpinner } from "./withSpinner.ts";
+import { withSpinner } from "./withSpinner.js";
 
 const browserLog = debug("ef:cli::browser");
 

package/src/utils/startDevServer.ts

@@ -5,7 +5,7 @@ import { type ViteDevServer, createServer } from "vite";
 
 import { vitePluginEditframe as editframe } from "@editframe/vite-plugin";
 
-import { withSpinner } from "./withSpinner.ts";
+import { withSpinner } from "./withSpinner.js";
 
 export class DevServer {
   static async start(directory: string) {

package/src/utils/startPreviewServer.ts

@@ -1,9 +1,9 @@
-import { type ViteDevServer, createServer } from "vite";
 import path from "node:path";
+import { type ViteDevServer, createServer } from "vite";
 
 import { vitePluginEditframe as editframe } from "@editframe/vite-plugin";
 
-import { withSpinner } from "./withSpinner.ts";
+import { withSpinner } from "./withSpinner.js";
 
 export class PreviewServer {
   static async start(directory: string) {

package/test-fixtures/fixture.ts

@@ -7,8 +7,8 @@ import { expect } from "vitest";
 
 import { md5Buffer } from "@editframe/assets";
 
-import { syncAssetDirectory } from "../src/operations/syncAssetsDirectory.ts";
-import type { SyncStatusInfo } from "../src/operations/syncAssetsDirectory/SyncStatus.ts";
+import { syncAssetDirectory } from "../src/operations/syncAssetsDirectory.js";
+import type { SyncStatusInfo } from "../src/operations/syncAssetsDirectory/SyncStatus.js";
 
 export const fixture = async (
   fixture: string,

package/test-fixtures/network.ts

@@ -1,5 +1,5 @@
 import { http, HttpResponse } from "msw";
-import type { Fixture } from "./fixture.ts";
+import type { Fixture } from "./fixture.js";
 
 export const mockCreateImageFile = ({
   complete = true,