@editframe/cli 0.8.0-beta.5 → 0.8.0-beta.7

package/dist/VERSION.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.8.0-beta.5";
+export declare const VERSION = "0.8.0-beta.7";

package/dist/VERSION.js

@@ -1,4 +1,4 @@
-const VERSION = "0.8.0-beta.5";
+const VERSION = "0.8.0-beta.7";
 export {
   VERSION
 };

package/dist/commands/process-file.js

@@ -1,23 +1,26 @@
 import { basename } from "node:path";
+import { stat } from "node:fs/promises";
+import { createReadStream } from "node:fs";
 import { program } from "commander";
 import { withSpinner } from "../utils/withSpinner.js";
 import { getClient } from "../utils/index.js";
-import { createReadStream } from "node:fs";
 import { createUnprocessedFile, uploadUnprocessedFile, updateUnprocessedFile } from "@editframe/api";
 import { md5FilePath } from "@editframe/assets";
 program.command("process-file <file>").description("Upload a audio/video to Editframe for processing.").action(async (path) => {
   const client = getClient();
   const fileId = await md5FilePath(path);
+  const byte_size = (await stat(path)).size;
   await withSpinner("Creating unprocessed file record", async () => {
     await createUnprocessedFile(client, {
       id: fileId,
       processes: [],
-      filename: basename(path)
+      filename: basename(path),
+      byte_size
     });
   });
   const readStream = createReadStream(path);
   await withSpinner("Uploading file", async () => {
-    await uploadUnprocessedFile(client, fileId, readStream);
+    await uploadUnprocessedFile(client, fileId, readStream, byte_size);
   });
   const unprocessedFile = await withSpinner(
     "Marking for processing",

package/dist/commands/render.js

@@ -16,6 +16,7 @@ import { getClient } from "../utils/index.js";
 import { getRenderInfo } from "../operations/getRenderInfo.js";
 import { processRenderInfo } from "../operations/processRenderInfo.js";
 import { validateVideoResolution } from "../utils/validateVideoResolution.js";
+import { getFolderSize } from "../utils/getFolderSize.js";
 const buildProductionUrl = async (origin, tagName, assetPath) => {
   const md5Sum = await md5FilePath(assetPath);
   const basename = path.basename(assetPath);
@@ -142,7 +143,8 @@ program.command("render [directory]").description(
       );
       const readable = new PassThrough();
       tarStream.pipe(readable);
-      await uploadRender(getClient(), md5, readable);
+      const folderSize = await getFolderSize(distDir);
+      await uploadRender(getClient(), md5, readable, folderSize);
       process.stderr.write("Render assets uploaded\n");
       process.stderr.write(inspect(render));
       process.stderr.write("\n");

package/dist/commands/webhook.js

@@ -26,7 +26,6 @@ const testWebhookURL = async ({
       })
     }
   );
-  console.log(response);
   return response.json();
 };
 const webhookCommand = program.command("webhook").description("Test webhook URL with a topic").option("-u, --webhookURL <webhookURL>", "Webhook URL").addOption(new Option("-t, --topic <topic>", "Topic").choices(topics)).action(async () => {

package/dist/index.d.ts

@@ -1 +0,0 @@
-

package/dist/operations/processRenderInfo.d.ts

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

package/dist/operations/syncAssetsDirectory.js

@@ -2,7 +2,7 @@ import { Probe } from "@editframe/assets";
 import fs from "node:fs/promises";
 import path from "node:path";
 import { createCaptionFile, uploadCaptionFile, createISOBMFFFile, uploadFragmentIndex, createISOBMFFTrack, uploadISOBMFFTrack, createImageFile, uploadImageFile } from "@editframe/api";
-import { createReadStream } from "node:fs";
+import { createReadStream, statSync } from "node:fs";
 import { getClient } from "../utils/index.js";
 const imageMatch = /\.(png|jpe?g|gif|webp)$/i;
 const trackMatch = /\.track-[\d]+.mp4$/i;
@@ -76,6 +76,7 @@ const syncAssetDirectory = async (projectDirectory) => {
         case imageMatch.test(subAsset): {
           const probeResult = await Probe.probePath(subAssetPath);
           const [videoProbe] = probeResult.videoStreams;
+          const { format } = probeResult;
           if (!videoProbe) {
             process.stderr.write(
               `🚫 No video stream found in image: ${subAsset}
@@ -96,7 +97,8 @@ const syncAssetDirectory = async (projectDirectory) => {
             filename: subAsset,
             width: videoProbe.width,
             height: videoProbe.height,
-            mime_type: `image/${ext}`
+            mime_type: `image/${ext}`,
+            byte_size: (await fs.stat(subAssetPath)).size
           });
           if (created) {
             if (created.complete) {
@@ -105,7 +107,8 @@ const syncAssetDirectory = async (projectDirectory) => {
               await uploadImageFile(
                 getClient(),
                 created.id,
-                createReadStream(subAssetPath)
+                createReadStream(subAssetPath),
+                Number.parseInt(format.size || "0")
               );
               process.stderr.write("  ✅ Image has been synced.\n");
             }
@@ -168,14 +171,15 @@ const syncAssetDirectory = async (projectDirectory) => {
               createPayload
             );
             if (createdTrack) {
-              if (createdTrack.last_received_byte === createdTrack.byte_size - 1) {
+              if (createdTrack.next_byte === createdTrack.byte_size - 1) {
                 process.stderr.write("  ✔ Track has already been synced.\n");
               } else {
                 await uploadISOBMFFTrack(
                   getClient(),
                   createdFile.id,
                   Number(trackId),
-                  createReadStream(subAssetPath)
+                  createReadStream(subAssetPath),
+                  createdTrack.byte_size
                 );
                 process.stderr.write("  ✅ Track has been synced.\n");
               }
@@ -197,8 +201,14 @@ const syncAssetDirectory = async (projectDirectory) => {
                 "  ✔ Fragment index has already been synced.\n"
               );
             } else {
+              const stats = statSync(subAssetPath);
               const readStream = createReadStream(subAssetPath);
-              await uploadFragmentIndex(getClient(), asset, readStream);
+              await uploadFragmentIndex(
+                getClient(),
+                asset,
+                readStream,
+                stats.size
+              );
               process.stderr.write("  ✅ Fragment index has been synced.\n");
             }
             await syncStatus.markSynced();
@@ -216,15 +226,28 @@ const syncAssetDirectory = async (projectDirectory) => {
 `);
           const createdFile = await createCaptionFile(getClient(), {
             id: asset,
-            filename: subAsset.replace(/\.captions.json$/, "")
+            filename: subAsset.replace(/\.captions.json$/, ""),
+            byte_size: (await fs.stat(subAsset)).size
           });
           if (createdFile) {
             if (createdFile.complete) {
               process.stderr.write("  ✔ Captions have already been synced.\n");
             } else {
               const readStream = createReadStream(subAssetPath);
-              await uploadCaptionFile(getClient(), asset, readStream);
-              process.stderr.write("  ✅ Captions have been synced.\n");
+              const stats = statSync(subAssetPath);
+              await uploadCaptionFile(
+                getClient(),
+                asset,
+                readStream,
+                stats.size
+              ).catch((error) => {
+                process.stderr.write(
+                  `🚫 Error uploading captions: ${error.message}
+`
+                );
+              }).then(() => {
+                process.stderr.write("  ✅ Captions have been synced.\n");
+              });
             }
             await syncStatus.markSynced();
           } else {

package/dist/utils/attachWorkbench.d.ts

@@ -1,3 +1,2 @@
 import { Page } from 'playwright';
-
 export declare const attachWorkbench: (page: Page) => void;

package/dist/utils/getFolderSize.d.ts

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

package/dist/utils/getFolderSize.js

@@ -0,0 +1,22 @@
+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
+};

package/dist/utils/index.d.ts

@@ -1,3 +1,2 @@
 import { Client } from '../../../api/src';
-
 export declare const getClient: () => Client;

package/dist/utils/launchBrowserAndWaitForSDK.d.ts

@@ -1,5 +1,4 @@
 import { Page } from 'playwright';
-
 interface LaunchOptions {
     url: string;
     headless?: boolean;

package/dist/utils/startDevServer.d.ts

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

package/dist/utils/startPreviewServer.d.ts

@@ -1,5 +1,4 @@
 import { ViteDevServer } from 'vite';
-
 export declare class PreviewServer {
     private previewServer;
     static start(directory: string): Promise<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.8.0-beta.5",
+  "version": "0.8.0-beta.7",
   "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": "^3.9.1",
+    "vite-plugin-dts": "^4.0.3",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "dependencies": {
-    "@editframe/api": "0.8.0-beta.5",
-    "@editframe/assets": "0.8.0-beta.5",
-    "@editframe/elements": "0.8.0-beta.5",
-    "@editframe/vite-plugin": "0.8.0-beta.5",
+    "@editframe/api": "0.8.0-beta.7",
+    "@editframe/assets": "0.8.0-beta.7",
+    "@editframe/elements": "0.8.0-beta.7",
+    "@editframe/vite-plugin": "0.8.0-beta.7",
     "axios": "^1.6.8",
     "chalk": "^5.3.0",
     "commander": "^12.0.0",

package/src/commands/process-file.ts

@@ -1,11 +1,12 @@
 import { basename } from "node:path";
+import { stat } from "node:fs/promises";
+import { createReadStream } from "node:fs";
 
 import { program } from "commander";
 
 import { withSpinner } from "../utils/withSpinner.ts";
 
 import { getClient } from "../utils/index.ts";
-import { createReadStream } from "node:fs";
 import {
   createUnprocessedFile,
   updateUnprocessedFile,
@@ -21,18 +22,21 @@ program
 
     const fileId = await md5FilePath(path);
 
+    const byte_size = (await stat(path)).size;
+
     await withSpinner("Creating unprocessed file record", async () => {
       await createUnprocessedFile(client, {
         id: fileId,
         processes: [],
         filename: basename(path),
+        byte_size,
       });
     });
 
     const readStream = createReadStream(path);
 
     await withSpinner("Uploading file", async () => {
-      await uploadUnprocessedFile(client, fileId, readStream);
+      await uploadUnprocessedFile(client, fileId, readStream, byte_size);
     });
 
     const unprocessedFile = await withSpinner(

package/src/commands/render.ts

@@ -19,6 +19,7 @@ import { getClient } from "../utils/index.ts";
 import { getRenderInfo } from "../operations/getRenderInfo.ts";
 import { processRenderInfo } from "../operations/processRenderInfo.ts";
 import { validateVideoResolution } from "../utils/validateVideoResolution.ts";
+import { getFolderSize } from "../utils/getFolderSize.ts";
 
 interface StrategyBuilder {
   buildProductionUrl: (tagName: string, assetPath: string) => Promise<string>;
@@ -179,7 +180,8 @@ program
         );
         const readable = new PassThrough();
         tarStream.pipe(readable);
-        await uploadRender(getClient(), md5, readable);
+        const folderSize = await getFolderSize(distDir);
+        await uploadRender(getClient(), md5, readable, folderSize);
         process.stderr.write("Render assets uploaded\n");
         process.stderr.write(inspect(render));
         process.stderr.write("\n");

package/src/commands/webhook.ts

@@ -36,7 +36,6 @@ export const testWebhookURL = async ({
       }),
     },
   );
-  console.log(response);
   return response.json() as Promise<APITestWebhhokResult>;
 };
 

package/src/operations/syncAssetsDirectory.ts

@@ -12,6 +12,7 @@ import {
   uploadISOBMFFTrack,
   type CreateISOBMFFTrackPayload,
 } from "@editframe/api";
+import { statSync } from "node:fs";
 
 import { createReadStream } from "node:fs";
 import type { z } from "zod";
@@ -97,6 +98,7 @@ export const syncAssetDirectory = async (
         case imageMatch.test(subAsset): {
           const probeResult = await Probe.probePath(subAssetPath);
           const [videoProbe] = probeResult.videoStreams;
+          const { format } = probeResult;
           if (!videoProbe) {
             process.stderr.write(
               `🚫 No video stream found in image: ${subAsset}\n`,
@@ -122,6 +124,7 @@ export const syncAssetDirectory = async (
             width: videoProbe.width,
             height: videoProbe.height,
             mime_type: `image/${ext}`,
+            byte_size: (await fs.stat(subAssetPath)).size,
           });
           if (created) {
             if (created.complete) {
@@ -131,6 +134,7 @@ export const syncAssetDirectory = async (
                 getClient(),
                 created.id,
                 createReadStream(subAssetPath),
+                Number.parseInt(format.size || "0"),
               );
               process.stderr.write("  ✅ Image has been synced.\n");
             }
@@ -170,7 +174,7 @@ export const syncAssetDirectory = async (
             const stat = await fs.stat(subAssetPath);
 
             /**
-             * Because the payload is a discriminated union, we nede to create these objects
+             * Because the payload is a discriminated union, we need to create these objects
              * only after the value for type has been narrowed, otherwise the object will
              * have type: "audio" | "video" which doesnt' match the payload type that
              * looks more like { type: "audio", ... } | { type: "video", ... }
@@ -201,10 +205,7 @@ export const syncAssetDirectory = async (
             );
 
             if (createdTrack) {
-              if (
-                createdTrack.last_received_byte ===
-                createdTrack.byte_size - 1
-              ) {
+              if (createdTrack.next_byte === createdTrack.byte_size - 1) {
                 process.stderr.write("  ✔ Track has already been synced.\n");
               } else {
                 await uploadISOBMFFTrack(
@@ -212,6 +213,7 @@ export const syncAssetDirectory = async (
                   createdFile.id,
                   Number(trackId),
                   createReadStream(subAssetPath),
+                  createdTrack.byte_size,
                 );
                 process.stderr.write("  ✅ Track has been synced.\n");
               }
@@ -233,8 +235,14 @@ export const syncAssetDirectory = async (
                 "  ✔ Fragment index has already been synced.\n",
               );
             } else {
+              const stats = statSync(subAssetPath);
               const readStream = createReadStream(subAssetPath);
-              await uploadFragmentIndex(getClient(), asset, readStream);
+              await uploadFragmentIndex(
+                getClient(),
+                asset,
+                readStream,
+                stats.size,
+              );
               process.stderr.write("  ✅ Fragment index has been synced.\n");
             }
             await syncStatus.markSynced();
@@ -251,14 +259,28 @@ export const syncAssetDirectory = async (
           const createdFile = await createCaptionFile(getClient(), {
             id: asset,
             filename: subAsset.replace(/\.captions.json$/, ""),
+            byte_size: (await fs.stat(subAsset)).size,
           });
           if (createdFile) {
             if (createdFile.complete) {
               process.stderr.write("  ✔ Captions have already been synced.\n");
             } else {
               const readStream = createReadStream(subAssetPath);
-              await uploadCaptionFile(getClient(), asset, readStream);
-              process.stderr.write("  ✅ Captions have been synced.\n");
+              const stats = statSync(subAssetPath);
+              await uploadCaptionFile(
+                getClient(),
+                asset,
+                readStream,
+                stats.size,
+              )
+                .catch((error) => {
+                  process.stderr.write(
+                    `🚫 Error uploading captions: ${error.message}\n`,
+                  );
+                })
+                .then(() => {
+                  process.stderr.write("  ✅ Captions have been synced.\n");
+                });
             }
             await syncStatus.markSynced();
           } else {

package/src/utils/getFolderSize.ts

@@ -0,0 +1,24 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+
+export const getFolderSize = async (folderPath: string): Promise<number> => {
+  let totalSize = 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);
+
+      if (stats.isDirectory()) {
+        await calculateSize(filePath);
+      } else {
+        totalSize += stats.size;
+      }
+    }
+  }
+
+  await calculateSize(folderPath);
+  return totalSize;
+};