@editframe/cli 0.11.0-beta.9 → 0.12.0-beta.2

package/dist/VERSION.d.ts

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

package/dist/VERSION.js

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

package/dist/commands/process-file.js

@@ -1,11 +1,13 @@
-import { basename } from "node:path";
-import { stat } from "node:fs/promises";
 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 { getClient } from "../utils/index.js";
-import { createUnprocessedFile, uploadUnprocessedFile, updateUnprocessedFile } from "@editframe/api";
+import { uploadUnprocessedFile, getIsobmffProcessProgress, getIsobmffProcessInfo, createUnprocessedFile, processIsobmffFile } from "@editframe/api";
 import { md5FilePath } from "@editframe/assets";
+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);
@@ -14,28 +16,37 @@ program.command("process-file <file>").description("Upload a audio/video to Edit
     "Creating unprocessed file record",
     async () => await createUnprocessedFile(client, {
       md5,
-      processes: [],
       filename: basename(path),
       byte_size
     })
   );
   const readStream = createReadStream(path);
-  await withSpinner("Uploading file", async () => {
-    await uploadUnprocessedFile(
-      client,
-      unprocessedFile.id,
-      readStream,
-      byte_size
-    );
-  });
-  const updatedUnprocessedFile = await withSpinner(
+  const upload = uploadUnprocessedFile(
+    client,
+    unprocessedFile.id,
+    createReadableStreamFromReadable(readStream),
+    byte_size
+  );
+  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(
     "Marking for processing",
-    async () => {
-      return await updateUnprocessedFile(client, unprocessedFile.id, {
-        processes: ["isobmff"]
-      });
-    }
+    async () => await processIsobmffFile(client, unprocessedFile.id)
   );
-  process.stderr.write("File uploaded and marked for processing.\n");
-  console.log(JSON.stringify(updatedUnprocessedFile, null, 2));
+  const processSpinner = ora("Waiting for processing to complete");
+  processSpinner.start();
+  const progress = await getIsobmffProcessProgress(client, processor.id);
+  for await (const event of progress) {
+    if (event.type === "progress") {
+      processSpinner.text = `Processing: ${(100 * event.data.progress).toFixed(2)}%`;
+    } else if (event.type === "complete") {
+      processSpinner.succeed("Processing complete");
+    }
+  }
+  const info = await getIsobmffProcessInfo(client, processor.id);
+  console.log("Processed file info");
+  console.log(info);
 });

package/dist/commands/render.js

@@ -13,6 +13,7 @@ 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";
@@ -32,7 +33,7 @@ const buildAssetId = async (srcDir, src, basename2) => {
   if (!info) {
     throw new Error(`SyncStatus info is not found for ${syncStatus.infoPath}`);
   }
-  return info.asset_id;
+  return info.id;
 };
 program.command("render [directory]").description(
   "Render a directory's index.html file as a video in the editframe cloud"
@@ -152,7 +153,12 @@ program.command("render [directory]").description(
       const readable = new PassThrough();
       tarStream.pipe(readable);
       const folderSize = await getFolderSize(distDir);
-      await uploadRender(getClient(), render.id, readable, folderSize);
+      await uploadRender(
+        getClient(),
+        render.id,
+        createReadableStreamFromReadable(readable),
+        folderSize
+      );
       process.stderr.write("Render assets uploaded\n");
       process.stderr.write(inspect(render));
       process.stderr.write("\n");

package/dist/operations/syncAssetsDirectory/SubAssetSync.js

@@ -1,3 +1,4 @@
+import debug from "debug";
 import { SyncCaption } from "./SyncCaption.js";
 import { SyncFragmentIndex } from "./SyncFragmentIndex.js";
 import { SyncImage } from "./SyncImage.js";
@@ -6,7 +7,9 @@ const trackMatch = /\.track-[\d]+.mp4$/i;
 const fragmentIndexMatch = /\.tracks.json$/i;
 const captionsMatch = /\.captions.json$/i;
 const imageMatch = /\.(png|jpe?g|gif|webp)$/i;
+const log = debug("ef:SubAssetSync");
 const getAssetSync = (subAssetPath, md5) => {
+  log("getAssetSync", { subAssetPath, md5 });
   if (imageMatch.test(subAssetPath)) {
     return new SyncImage(subAssetPath, md5);
   }

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

@@ -1,4 +1,4 @@
-import { CreateCaptionFileResult } from '../../../../api/src/index.ts';
+import { CreateCaptionFileResult, LookupCaptionFileByMd5Result } from '../../../../api/src/index.ts';
 import { SubAssetSync } from './SubAssetSync.ts';
 import { SyncStatus } from './SyncStatus.ts';
 export declare class SyncCaption implements SubAssetSync<CreateCaptionFileResult> {
@@ -7,7 +7,7 @@ export declare class SyncCaption implements SubAssetSync<CreateCaptionFileResult
     icon: string;
     label: string;
     syncStatus: SyncStatus;
-    created: CreateCaptionFileResult | null;
+    created: CreateCaptionFileResult | LookupCaptionFileByMd5Result | null;
     constructor(path: string, md5: string);
     byteSize(): Promise<number>;
     prepare(): Promise<void>;

package/dist/operations/syncAssetsDirectory/SyncCaption.js

@@ -1,7 +1,9 @@
 import fs from "node:fs/promises";
-import { createCaptionFile, uploadCaptionFile } from "@editframe/api";
+import { lookupCaptionFileByMd5, createCaptionFile, uploadCaptionFile } from "@editframe/api";
 import { Readable } from "node:stream";
 import { getClient } from "../../utils/index.js";
+import { basename } from "node:path";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { SyncStatus } from "./SyncStatus.js";
 class SyncCaption {
   constructor(path, md5) {
@@ -20,11 +22,19 @@ class SyncCaption {
   async validate() {
   }
   async create() {
-    this.created = await createCaptionFile(getClient(), {
-      md5: this.md5,
-      filename: this.path.replace(/\.captions.json$/, ""),
-      byte_size: await this.byteSize()
-    });
+    const maybeCaptionFile = await lookupCaptionFileByMd5(
+      getClient(),
+      this.md5
+    );
+    if (maybeCaptionFile) {
+      this.created = maybeCaptionFile;
+    } else {
+      this.created = await createCaptionFile(getClient(), {
+        md5: this.md5,
+        filename: basename(this.path).replace(/\.captions.json$/, ""),
+        byte_size: await this.byteSize()
+      });
+    }
   }
   isComplete() {
     return !!this.created?.complete;
@@ -40,7 +50,9 @@ class SyncCaption {
       this.created.id,
       // It's not clear why we need to use Readable.from here, but it seems
       // to fix an issue where the request is closed early in tests
-      Readable.from(await fs.readFile(this.path)),
+      createReadableStreamFromReadable(
+        Readable.from(await fs.readFile(this.path))
+      ),
       await this.byteSize()
     );
   }
@@ -56,7 +68,6 @@ class SyncCaption {
       complete: true,
       id: this.created.id,
       md5: this.md5,
-      asset_id: this.created.asset_id,
       byte_size: byteSize
     });
   }

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

@@ -1,4 +1,4 @@
-import { CreateISOBMFFFileResult } from '../../../../api/src/index.ts';
+import { CreateISOBMFFFileResult, LookupISOBMFFFileByMd5Result } from '../../../../api/src/index.ts';
 import { SubAssetSync } from './SubAssetSync.ts';
 import { SyncStatus } from './SyncStatus.ts';
 export declare class SyncFragmentIndex implements SubAssetSync<CreateISOBMFFFileResult> {
@@ -8,7 +8,7 @@ export declare class SyncFragmentIndex implements SubAssetSync<CreateISOBMFFFile
     label: string;
     syncStatus: SyncStatus;
     fileSyncStatus: SyncStatus;
-    created: CreateISOBMFFFileResult | null;
+    created: CreateISOBMFFFileResult | LookupISOBMFFFileByMd5Result | null;
     constructor(path: string, md5: string);
     byteSize(): Promise<number>;
     prepare(): Promise<void>;

package/dist/operations/syncAssetsDirectory/SyncFragmentIndex.js

@@ -1,7 +1,8 @@
 import fs from "node:fs/promises";
-import { join, dirname } from "node:path";
+import { join, dirname, basename } from "node:path";
 import { Readable } from "node:stream";
-import { createISOBMFFFile, uploadFragmentIndex } from "@editframe/api";
+import { lookupISOBMFFFileByMd5, createISOBMFFFile, uploadFragmentIndex } from "@editframe/api";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { getClient } from "../../utils/index.js";
 import { SyncStatus } from "./SyncStatus.js";
 class SyncFragmentIndex {
@@ -11,9 +12,7 @@ class SyncFragmentIndex {
     this.icon = "📋";
     this.label = "fragment index";
     this.syncStatus = new SyncStatus(this.path);
-    this.fileSyncStatus = new SyncStatus(
-      join(dirname(this.path), "isobmff")
-    );
+    this.fileSyncStatus = new SyncStatus(join(dirname(this.path), "isobmff"));
     this.created = null;
   }
   async byteSize() {
@@ -24,10 +23,18 @@ class SyncFragmentIndex {
   async validate() {
   }
   async create() {
-    this.created = await createISOBMFFFile(getClient(), {
-      md5: this.md5,
-      filename: this.path.replace(/\.tracks.json$/, "")
-    });
+    const maybeISOBMFFFile = await lookupISOBMFFFileByMd5(
+      getClient(),
+      this.md5
+    );
+    if (maybeISOBMFFFile) {
+      this.created = maybeISOBMFFFile;
+    } else {
+      this.created = await createISOBMFFFile(getClient(), {
+        md5: this.md5,
+        filename: basename(this.path).replace(/\.tracks.json$/, "")
+      });
+    }
   }
   isComplete() {
     return !!this.created?.fragment_index_complete;
@@ -43,7 +50,9 @@ class SyncFragmentIndex {
       this.created.id,
       // It is unclear why we need to use Readable.from here
       // Tests fail when using createReadStream
-      Readable.from(await fs.readFile(this.path)),
+      createReadableStreamFromReadable(
+        Readable.from(await fs.readFile(this.path))
+      ),
       await this.byteSize()
     );
   }
@@ -60,7 +69,6 @@ class SyncFragmentIndex {
         complete: true,
         id: this.created.id,
         md5: this.md5,
-        asset_id: this.created.asset_id,
         byte_size: byteSize
       }),
       this.fileSyncStatus.markSynced({
@@ -68,7 +76,6 @@ class SyncFragmentIndex {
         complete: true,
         id: this.created.id,
         md5: this.md5,
-        asset_id: this.created.asset_id,
         byte_size: byteSize
       })
     ]);

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

@@ -1,4 +1,4 @@
-import { CreateImageFileResult } from '../../../../api/src/index.ts';
+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';
@@ -8,7 +8,7 @@ export declare class SyncImage implements SubAssetSync<CreateImageFileResult> {
     icon: string;
     label: string;
     syncStatus: SyncStatus;
-    created: CreateImageFileResult | null;
+    created: CreateImageFileResult | LookupImageFileByMd5Result | null;
     constructor(path: string, md5: string);
     private _probeResult;
     prepare(): Promise<void>;

package/dist/operations/syncAssetsDirectory/SyncImage.js

@@ -1,8 +1,9 @@
 import { createReadStream } from "node:fs";
 import fs from "node:fs/promises";
 import path, { basename } from "node:path";
-import { createImageFile, uploadImageFile } from "@editframe/api";
+import { lookupImageFileByMd5, createImageFile, uploadImageFile } from "@editframe/api";
 import { Probe } from "@editframe/assets";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { getClient } from "../../utils/index.js";
 import { SyncStatus } from "./SyncStatus.js";
 class SyncImage {
@@ -48,14 +49,19 @@ class SyncImage {
         "No video stream found in image. Should have been prevented by .validate()"
       );
     }
-    this.created = await createImageFile(getClient(), {
-      md5: this.md5,
-      filename: basename(this.path),
-      width: videoProbe.width,
-      height: videoProbe.height,
-      mime_type: `image/${this.extension}`,
-      byte_size: byteSize
-    });
+    const maybeImageFile = await lookupImageFileByMd5(getClient(), this.md5);
+    if (maybeImageFile) {
+      this.created = maybeImageFile;
+    } else {
+      this.created = await createImageFile(getClient(), {
+        md5: this.md5,
+        filename: basename(this.path),
+        width: videoProbe.width,
+        height: videoProbe.height,
+        mime_type: `image/${this.extension}`,
+        byte_size: byteSize
+      });
+    }
   }
   isComplete() {
     return !!this.created?.complete;
@@ -69,7 +75,7 @@ class SyncImage {
     await uploadImageFile(
       getClient(),
       this.created.id,
-      createReadStream(this.path),
+      createReadableStreamFromReadable(createReadStream(this.path)),
       Number.parseInt(this.probeResult.format.size || "0")
     ).whenUploaded();
   }
@@ -85,7 +91,6 @@ class SyncImage {
       complete: true,
       id: this.created.id,
       md5: this.md5,
-      asset_id: this.created.asset_id,
       byte_size: byteSize
     });
   }

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

@@ -4,37 +4,33 @@ declare const SyncStatusSchema: z.ZodObject<{
     complete: z.ZodBoolean;
     id: z.ZodString;
     md5: z.ZodString;
-    asset_id: z.ZodString;
     byte_size: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
+    complete: boolean;
+    id: string;
     md5: string;
     byte_size: number;
-    complete: boolean;
     version: string;
-    id: string;
-    asset_id: string;
 }, {
+    complete: boolean;
+    id: string;
     md5: string;
     byte_size: number;
-    complete: boolean;
     version: string;
-    id: string;
-    asset_id: string;
 }>;
 export interface SyncStatusInfo extends z.infer<typeof SyncStatusSchema> {
 }
 export declare class SyncStatus {
     private basePath;
-    constructor(basePath: string);
     infoPath: string;
+    constructor(basePath: string);
     isSynced(): Promise<boolean>;
     readInfo(): Promise<{
+        complete: boolean;
+        id: string;
         md5: string;
         byte_size: number;
-        complete: boolean;
         version: string;
-        id: string;
-        asset_id: string;
     } | null>;
     markSynced(info: SyncStatusInfo): Promise<void>;
 }

package/dist/operations/syncAssetsDirectory/SyncStatus.js

@@ -6,7 +6,6 @@ const SyncStatusSchema = z.object({
   complete: z.boolean(),
   id: z.string(),
   md5: z.string(),
-  asset_id: z.string(),
   byte_size: z.number()
 });
 class SyncStatus {
@@ -19,6 +18,7 @@ class SyncStatus {
     if (!syncInfo) {
       return false;
     }
+    console.log("syncInfo.infoPath", this.infoPath);
     return syncInfo.version === SYNC_VERSION && syncInfo.complete;
   }
   async readInfo() {

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

@@ -1,4 +1,4 @@
-import { CreateISOBMFFFileResult, CreateISOBMFFTrackResult } from '../../../../api/src/index.ts';
+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';
@@ -12,7 +12,7 @@ export declare class SyncTrack implements SubAssetSync<CreateISOBMFFTrackResult>
     created: CreateISOBMFFTrackResult | null;
     constructor(path: string, md5: string);
     private _isoFile;
-    get isoFile(): CreateISOBMFFFileResult;
+    get isoFile(): CreateISOBMFFFileResult | LookupISOBMFFFileByMd5Result;
     byteSize(): Promise<number>;
     private _probeResult;
     get probeResult(): Probe;

package/dist/operations/syncAssetsDirectory/SyncTrack.js

@@ -1,8 +1,9 @@
 import { createReadStream } from "node:fs";
 import fs from "node:fs/promises";
-import { join, dirname } from "node:path";
-import { createISOBMFFFile, createISOBMFFTrack, uploadISOBMFFTrack } from "@editframe/api";
+import { join, dirname, basename } from "node:path";
+import { lookupISOBMFFFileByMd5, createISOBMFFFile, createISOBMFFTrack, uploadISOBMFFTrack } from "@editframe/api";
 import { Probe } from "@editframe/assets";
+import { createReadableStreamFromReadable } from "../../utils/createReadableStreamFromReadable.js";
 import { getClient } from "../../utils/index.js";
 import { SyncStatus } from "./SyncStatus.js";
 class SyncTrack {
@@ -12,9 +13,7 @@ class SyncTrack {
     this.icon = "📼";
     this.label = "track";
     this.syncStatus = new SyncStatus(this.path);
-    this.fileSyncStatus = new SyncStatus(
-      join(dirname(this.path), "isobmff")
-    );
+    this.fileSyncStatus = new SyncStatus(join(dirname(this.path), "isobmff"));
     this.created = null;
     this._isoFile = null;
     this._probeResult = null;
@@ -42,10 +41,15 @@ class SyncTrack {
     throw new Error(`No track found in track: ${this.path}`);
   }
   async prepare() {
-    this._isoFile = await createISOBMFFFile(getClient(), {
-      md5: this.md5,
-      filename: this.path.replace(/\.track-[\d]+.mp4$/, "")
-    });
+    const maybeIsoFile = await lookupISOBMFFFileByMd5(getClient(), this.md5);
+    if (maybeIsoFile) {
+      this._isoFile = maybeIsoFile;
+    } else {
+      this._isoFile = await createISOBMFFFile(getClient(), {
+        md5: this.md5,
+        filename: basename(this.path).replace(/\.track-[\d]+.mp4$/, "")
+      });
+    }
     this._probeResult = await Probe.probePath(this.path);
   }
   get trackId() {
@@ -102,7 +106,7 @@ class SyncTrack {
       getClient(),
       this.isoFile.id,
       Number(this.trackId),
-      createReadStream(this.path),
+      createReadableStreamFromReadable(createReadStream(this.path)),
       this.created?.byte_size
     ).whenUploaded();
   }
@@ -119,7 +123,6 @@ class SyncTrack {
         complete: true,
         id: `${this.created.file_id}:${this.created.track_id}`,
         md5: this.md5,
-        asset_id: this.created.asset_id,
         byte_size: byteSize
       }),
       this.fileSyncStatus.markSynced({
@@ -127,7 +130,6 @@ class SyncTrack {
         complete: true,
         id: this.created.file_id,
         md5: this.md5,
-        asset_id: this.created.asset_id,
         byte_size: byteSize
       })
     ]);

package/dist/utils/createReadableStreamFromReadable.d.ts

@@ -0,0 +1,4 @@
+import { Readable } from 'node:stream';
+export declare const createReadableStreamFromReadable: (source: Readable & {
+    readableHighWaterMark?: number;
+}) => ReadableStream<Uint8Array>;

package/dist/utils/createReadableStreamFromReadable.js

@@ -0,0 +1,82 @@
+import { Stream } from "node:stream";
+const createReadableStreamFromReadable = (source) => {
+  const pump = new StreamPump(source);
+  const stream = new ReadableStream(pump, pump);
+  return stream;
+};
+class StreamPump {
+  constructor(stream) {
+    this.highWaterMark = stream.readableHighWaterMark || new Stream.Readable().readableHighWaterMark;
+    this.accumalatedSize = 0;
+    this.stream = stream;
+    this.enqueue = this.enqueue.bind(this);
+    this.error = this.error.bind(this);
+    this.close = this.close.bind(this);
+  }
+  size(chunk) {
+    return chunk?.byteLength || 0;
+  }
+  start(controller) {
+    this.controller = controller;
+    this.stream.on("data", this.enqueue);
+    this.stream.once("error", this.error);
+    this.stream.once("end", this.close);
+    this.stream.once("close", this.close);
+  }
+  pull() {
+    this.resume();
+  }
+  cancel(reason) {
+    if (this.stream.destroy) {
+      this.stream.destroy(reason);
+    }
+    this.stream.off("data", this.enqueue);
+    this.stream.off("error", this.error);
+    this.stream.off("end", this.close);
+    this.stream.off("close", this.close);
+  }
+  enqueue(chunk) {
+    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);
+        if (available <= 0) {
+          this.pause();
+        }
+      } catch (error) {
+        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"
+          )
+        );
+        this.cancel();
+      }
+    }
+  }
+  pause() {
+    if (this.stream.pause) {
+      this.stream.pause();
+    }
+  }
+  resume() {
+    if (this.stream.readable && this.stream.resume) {
+      this.stream.resume();
+    }
+  }
+  close() {
+    if (this.controller) {
+      this.controller.close();
+      delete this.controller;
+    }
+  }
+  error(error) {
+    if (this.controller) {
+      this.controller.error(error);
+      delete this.controller;
+    }
+  }
+}
+export {
+  createReadableStreamFromReadable
+};

package/dist/utils/launchBrowserAndWaitForSDK.js

@@ -1,6 +1,6 @@
 import chalk from "chalk";
-import { chromium } from "playwright";
 import debug from "debug";
+import { chromium } from "playwright";
 import { withSpinner } from "./withSpinner.js";
 const browserLog = debug("ef:cli::browser");
 async function launchBrowserAndWaitForSDK(options, fn) {
@@ -12,7 +12,7 @@ async function launchBrowserAndWaitForSDK(options, fn) {
       devtools: options.interactive === true
     });
   });
-  const page = await withSpinner("Loading EditFrame SDK", async () => {
+  const page = await withSpinner("Loading Editframe SDK", async () => {
     const pageOptions = {};
     if (options.interactive === true) {
       pageOptions.viewport = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/cli",
-  "version": "0.11.0-beta.9",
+  "version": "0.12.0-beta.2",
   "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.11.0-beta.9",
-    "@editframe/assets": "0.11.0-beta.9",
-    "@editframe/elements": "0.11.0-beta.9",
-    "@editframe/vite-plugin": "0.11.0-beta.9",
+    "@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",
     "@inquirer/prompts": "^5.3.8",
     "axios": "^1.6.8",
     "chalk": "^5.3.0",