@editframe/cli 0.12.0-beta.6 → 0.13.0-beta.1

package/dist/VERSION.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.12.0-beta.6";
+export declare const VERSION = "0.13.0-beta.1";

package/dist/VERSION.js

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

package/dist/commands/process-file.js

@@ -1,6 +1,6 @@
 import { program } from "commander";
 import { withSpinner } from "../utils/withSpinner.js";
-import { uploadUnprocessedFile, getIsobmffProcessProgress, getIsobmffProcessInfo, createUnprocessedFileFromPath, processIsobmffFile } from "@editframe/api";
+import { uploadUnprocessedFile, getIsobmffProcessProgress, getIsobmffProcessInfo, createUnprocessedFileFromPath, processIsobmffFile } from "@editframe/api/node";
 import ora from "ora";
 import { getClient } from "../utils/index.js";
 program.command("process-file <file>").description("Upload a audio/video to Editframe for processing.").action(async (path) => {

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/render.js

@@ -14,7 +14,6 @@ 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";
@@ -152,12 +151,10 @@ program.command("render [directory]").description(
       );
       const readable = new PassThrough();
       tarStream.pipe(readable);
-      const folderSize = await getFolderSize(distDir);
       await uploadRender(
         getClient(),
         render.id,
-        createReadableStreamFromReadable(readable),
-        folderSize
+        createReadableStreamFromReadable(readable)
       );
       process.stderr.write("Render assets uploaded\n");
       process.stderr.write(inspect(render));

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/getRenderInfo.d.ts

@@ -18,8 +18,8 @@ export declare const RenderInfo: z.ZodObject<{
         efImage: string[];
     }>;
 }, "strip", z.ZodTypeAny, {
-    width: number;
     height: number;
+    width: number;
     fps: number;
     assets: {
         efMedia: Record<string, any>;
@@ -28,8 +28,8 @@ export declare const RenderInfo: z.ZodObject<{
     };
     durationMs: number;
 }, {
-    width: number;
     height: number;
+    width: number;
     fps: number;
     assets: {
         efMedia: Record<string, any>;

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/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;
@@ -39,6 +39,8 @@ export declare class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult>
         disposition: Record<string, unknown>;
         initial_padding?: number | undefined;
     } | {
+        height: number;
+        width: number;
         index: number;
         codec_name: string;
         codec_long_name: string;
@@ -49,8 +51,6 @@ export declare class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult>
         avg_frame_rate: string;
         time_base: string;
         disposition: Record<string, unknown>;
-        width: number;
-        height: number;
         coded_width: number;
         coded_height: number;
         start_pts?: number | undefined;
@@ -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/getFolderSize.d.ts

@@ -1 +1 @@
-export declare const getFolderSize: (folderPath: string) => Promise<number>;
+export declare function getFolderSize(dir: string): Promise<number>;

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/dist/utils/validateVideoResolution.d.ts

@@ -3,7 +3,7 @@ type VideoPayload = {
     height: number;
 };
 export declare const validateVideoResolution: (rawPayload: VideoPayload) => Promise<{
-    width: number;
     height: number;
+    width: number;
 }>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/cli",
-  "version": "0.12.0-beta.6",
+  "version": "0.13.0-beta.1",
   "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.6",
-    "@editframe/assets": "0.12.0-beta.6",
-    "@editframe/elements": "0.12.0-beta.6",
-    "@editframe/vite-plugin": "0.12.0-beta.6",
+    "@editframe/api": "0.13.0-beta.1",
+    "@editframe/assets": "0.13.0-beta.1",
+    "@editframe/elements": "0.13.0-beta.1",
+    "@editframe/vite-plugin": "0.13.0-beta.1",
     "@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,6 +1,6 @@
 import { program } from "commander";
 
-import { withSpinner } from "../utils/withSpinner.ts";
+import { withSpinner } from "../utils/withSpinner.js";
 
 import {
   createUnprocessedFileFromPath,
@@ -8,9 +8,9 @@ import {
   getIsobmffProcessProgress,
   processIsobmffFile,
   uploadUnprocessedFile,
-} from "@editframe/api";
+} from "@editframe/api/node";
 import ora from "ora";
-import { getClient } from "../utils/index.ts";
+import { getClient } from "../utils/index.js";
 
 program
   .command("process-file <file>")

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,16 @@ 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 { 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");
 
@@ -181,12 +180,10 @@ program
         const readable = new PassThrough();
         tarStream.pipe(readable);
 
-        const folderSize = await getFolderSize(distDir);
         await uploadRender(
           getClient(),
           render.id,
           createReadableStreamFromReadable(readable),
-          folderSize,
         );
         process.stderr.write("Render assets uploaded\n");
         process.stderr.write(inspect(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 = "🖼️";

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/getFolderSize.ts

@@ -1,24 +1,20 @@
 import { promises as fs } from "node:fs";
 import path from "node:path";
 
-export const getFolderSize = async (folderPath: string): Promise<number> => {
-  let totalSize = 0;
+export async function getFolderSize(dir: string): Promise<number> {
+  const files = await fs.readdir(dir);
+  let size = 0;
 
-  async function calculateSize(dir: string): Promise<void> {
-    const files = await fs.readdir(dir);
+  for (const file of files) {
+    const filePath = path.join(dir, file);
+    const stats = await fs.stat(filePath);
 
-    for (const file of files) {
-      const filePath = path.join(dir, file);
-      const stats = await fs.stat(filePath);
-
-      if (stats.isDirectory()) {
-        await calculateSize(filePath);
-      } else {
-        totalSize += stats.size;
-      }
+    if (stats.isDirectory()) {
+      size += await getFolderSize(filePath);
+    } else {
+      size += stats.size;
     }
   }
 
-  await calculateSize(folderPath);
-  return totalSize;
-};
+  return size;
+}

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,

package/dist/utils/getFolderSize.js

@@ -1,22 +0,0 @@
-import { promises } from "node:fs";
-import path from "node:path";
-const getFolderSize = async (folderPath) => {
-  let totalSize = 0;
-  async function calculateSize(dir) {
-    const files = await promises.readdir(dir);
-    for (const file of files) {
-      const filePath = path.join(dir, file);
-      const stats = await promises.stat(filePath);
-      if (stats.isDirectory()) {
-        await calculateSize(filePath);
-      } else {
-        totalSize += stats.size;
-      }
-    }
-  }
-  await calculateSize(folderPath);
-  return totalSize;
-};
-export {
-  getFolderSize
-};