@codingfactory/mediables-vue 2.1.1 → 2.2.0

package/dist/mediables-vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvFmBczx.cjs"),i=require("./index-HREFg1jF.cjs");exports.AlbumBrowser=e.AlbumBrowser;exports.AlbumManager=e.AlbumManager;exports.AlbumMediaGrid=e.AlbumMediaGrid;exports.AlbumTree=e.AlbumTree;exports.ImageEditor=e.ImageEditor;exports.ImageEditorModal=e.ImageEditorModal;exports.LiveStreamManager=e.LiveStreamManager;exports.ManagedMediaGallery=e.ManagedMediaGallery;exports.MediaAttachment=e.MediaAttachment;exports.MediaAttachmentProvider=e._sfc_main$1;exports.MediaCollection=e.MediaCollection;exports.MediaCollectionDropzone=e.MediaCollectionDropzone;exports.MediaCollectionItem=e.MediaCollectionItem;exports.MediaCollectionProvider=e._sfc_main;exports.MediaHiddenFields=e._sfc_main$2;exports.MediaWorkspace=e.MediaWorkspace;exports.ModelMediaManager=e.ModelMediaManager;exports.VideoEditor=e.VideoEditor;exports.VideoEditorDialog=e.VideoEditorDialog;exports.VideoEditorSimple=e.VideoEditorSimple;exports.VideoExportPanel=e.VideoExportPanel;exports.VideoJobClient=e.VideoJobClient;exports.VideoPlayer=e.VideoPlayer;exports.VideoTimeline=e.VideoTimeline;exports.VideoToolsPanel=e.VideoToolsPanel;exports.VideoUploader=e.VideoUploader;exports.applyTemporaryMediaStoreConfig=e.applyTemporaryMediaStoreConfig;exports.configureMediaStore=e.configureMediaStore;exports.createAdapter=e.createAdapter;exports.createMediablesAdapter=e.createMediablesAdapter;exports.createSpatieAdapter=e.createSpatieAdapter;exports.formatFileSize=e.formatFileSize;exports.fromMediaArray=e.fromMediaArray;exports.getFileExtension=e.getFileExtension;exports.getImageDimensions=e.getImageDimensions;exports.getMediablesAdapter=e.getMediablesAdapter;exports.getSpatieAdapter=e.getSpatieAdapter;exports.isImageFile=e.isImageFile;exports.resetMediablesAdapter=e.resetMediablesAdapter;exports.resetSpatieAdapter=e.resetSpatieAdapter;exports.restoreMediaStoreConfig=e.restoreMediaStoreConfig;exports.snapshotMediaStoreConfig=e.snapshotMediaStoreConfig;exports.toFormValues=e.toFormValues;exports.useAdminMediaStore=e.useAdminMediaStore;exports.useAlbumDragDrop=e.useAlbumDragDrop;exports.useAlbumStore=e.useAlbumStore;exports.useAlbums=e.useAlbums;exports.useMediaAttachment=e.useMediaAttachment;exports.useMediaCollection=e.useMediaCollection;exports.useMediaDragSort=e.useMediaDragSort;exports.useMediaStore=e.useMediaStore;exports.useMediaUploadQueue=e.useMediaUploadQueue;exports.useMediaValidation=e.useMediaValidation;exports.validateFile=e.validateFile;exports.VanillaImageEditor=i.VanillaImageEditor;exports.getAllCategories=i.getAllCategories;exports.getAllFilters=i.getAllFilters;exports.getFilter=i.getFilter;exports.getFiltersByCategory=i.getFiltersByCategory;exports.hasFilter=i.hasFilter;exports.initializeFilterRegistry=i.initializeFilterRegistry;exports.registerFilter=i.registerFilter;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bu6zs7yN.cjs"),i=require("./index-HREFg1jF.cjs");exports.AlbumBrowser=e.AlbumBrowser;exports.AlbumManager=e.AlbumManager;exports.AlbumMediaGrid=e.AlbumMediaGrid;exports.AlbumTree=e.AlbumTree;exports.ImageEditor=e.ImageEditor;exports.ImageEditorModal=e.ImageEditorModal;exports.LiveStreamManager=e.LiveStreamManager;exports.ManagedMediaGallery=e.ManagedMediaGallery;exports.MediaAttachment=e.MediaAttachment;exports.MediaAttachmentProvider=e._sfc_main$1;exports.MediaCollection=e.MediaCollection;exports.MediaCollectionDropzone=e.MediaCollectionDropzone;exports.MediaCollectionItem=e.MediaCollectionItem;exports.MediaCollectionProvider=e._sfc_main;exports.MediaHiddenFields=e._sfc_main$2;exports.MediaWorkspace=e.MediaWorkspace;exports.ModelMediaManager=e.ModelMediaManager;exports.VideoEditor=e.VideoEditor;exports.VideoEditorDialog=e.VideoEditorDialog;exports.VideoEditorSimple=e.VideoEditorSimple;exports.VideoExportPanel=e.VideoExportPanel;exports.VideoJobClient=e.VideoJobClient;exports.VideoPlayer=e.VideoPlayer;exports.VideoTimeline=e.VideoTimeline;exports.VideoToolsPanel=e.VideoToolsPanel;exports.VideoUploader=e.VideoUploader;exports.applyTemporaryMediaStoreConfig=e.applyTemporaryMediaStoreConfig;exports.configureMediaStore=e.configureMediaStore;exports.createAdapter=e.createAdapter;exports.createMediablesAdapter=e.createMediablesAdapter;exports.createSpatieAdapter=e.createSpatieAdapter;exports.formatFileSize=e.formatFileSize;exports.fromMediaArray=e.fromMediaArray;exports.getFileExtension=e.getFileExtension;exports.getImageDimensions=e.getImageDimensions;exports.getMediablesAdapter=e.getMediablesAdapter;exports.getSpatieAdapter=e.getSpatieAdapter;exports.isImageFile=e.isImageFile;exports.resetMediablesAdapter=e.resetMediablesAdapter;exports.resetSpatieAdapter=e.resetSpatieAdapter;exports.restoreMediaStoreConfig=e.restoreMediaStoreConfig;exports.snapshotMediaStoreConfig=e.snapshotMediaStoreConfig;exports.toFormValues=e.toFormValues;exports.useAdminMediaStore=e.useAdminMediaStore;exports.useAlbumDragDrop=e.useAlbumDragDrop;exports.useAlbumStore=e.useAlbumStore;exports.useAlbums=e.useAlbums;exports.useMediaAttachment=e.useMediaAttachment;exports.useMediaCollection=e.useMediaCollection;exports.useMediaDragSort=e.useMediaDragSort;exports.useMediaStore=e.useMediaStore;exports.useMediaUploadQueue=e.useMediaUploadQueue;exports.useMediaValidation=e.useMediaValidation;exports.validateFile=e.validateFile;exports.VanillaImageEditor=i.VanillaImageEditor;exports.getAllCategories=i.getAllCategories;exports.getAllFilters=i.getAllFilters;exports.getFilter=i.getFilter;exports.getFiltersByCategory=i.getFiltersByCategory;exports.hasFilter=i.hasFilter;exports.initializeFilterRegistry=i.initializeFilterRegistry;exports.registerFilter=i.registerFilter;
 //# sourceMappingURL=mediables-vue.cjs.map

package/dist/mediables-vue.mjs

@@ -1,4 +1,4 @@
-import { q as s, t as i, v as t, p as r, I as o, d, L as l, f as n, D as M, E as g, z as m, C as p, B as u, _ as A, F as c, e as S, g as V, h as b, V as F, i as C, l as f, o as y, n as E, j as h, k as D, m as I, a as P, c as v, T as x, U as T, Y as z, O as B, a1 as G, P as U, R as k, W as w, Z as H, Q as J, X as L, $ as Q, r as R, s as W, a0 as j, b as q, x as K, y as N, w as O, H as X, G as Y, K as Z, u as _, J as $, N as ee, S as ae } from "./index-yxrF48R3.js";
+import { q as s, t as i, v as t, p as r, I as o, d, L as l, f as n, D as M, E as g, z as m, C as p, B as u, _ as A, F as c, e as S, g as V, h as b, V as F, i as C, l as f, o as y, n as E, j as h, k as D, m as I, a as P, c as v, T as x, U as T, Y as z, O as B, a1 as G, P as U, R as k, W as w, Z as H, Q as J, X as L, $ as Q, r as R, s as W, a0 as j, b as q, x as K, y as N, w as O, H as X, G as Y, K as Z, u as _, J as $, N as ee, S as ae } from "./index-BR9cD87d.js";
 import { V as ie, c as te, g as re, a as oe, b as de, h as le, i as ne, r as Me } from "./index-DBM_ViWA.js";
 export {
   s as AlbumBrowser,

package/dist/render-page/assets/{index-SU1f_egA.js → index-DykUbryA.js}

@@ -70989,6 +70989,25 @@ function createPixiVideoFallbackFilter(filterId, params) {
       return null;
   }
 }
+function createChunkWriteQueue() {
+  let chain = Promise.resolve();
+  let writeError = null;
+  return {
+    enqueue(chunkFn) {
+      chain = chain.then(chunkFn).catch((error) => {
+        if (writeError === null) {
+          writeError = error instanceof Error ? error : new Error(String(error));
+        }
+      });
+    },
+    async flush() {
+      await chain;
+      if (writeError !== null) {
+        throw writeError;
+      }
+    }
+  };
+}
 function resolveFitMode(recipe) {
   var _a;
   const mode = (_a = recipe.metadata) == null ? void 0 : _a.fit_mode;
@@ -71086,19 +71105,35 @@ function waitForVideoReady(video) {
 }
 async function decodeAudioFromSource(sourceUrl) {
   try {
+    console.log("[RenderAudio] Fetching source for audio decode:", sourceUrl);
     const response = await fetch(sourceUrl);
-    if (!response.ok) return null;
+    if (!response.ok) {
+      console.warn("[RenderAudio] Fetch failed:", response.status, response.statusText);
+      return null;
+    }
     const arrayBuffer = await response.arrayBuffer();
-    const audioCtx = new AudioContext();
+    console.log("[RenderAudio] Source fetched, size:", arrayBuffer.byteLength, "bytes");
+    const audioCtx = new OfflineAudioContext(1, 1, 44100);
+    console.log("[RenderAudio] OfflineAudioContext created, state:", audioCtx.state);
     try {
       const audioBuffer = await audioCtx.decodeAudioData(arrayBuffer);
+      console.log("[RenderAudio] Audio decoded:", {
+        channels: audioBuffer.numberOfChannels,
+        sampleRate: audioBuffer.sampleRate,
+        duration: audioBuffer.duration,
+        length: audioBuffer.length
+      });
       return audioBuffer;
-    } catch {
+    } catch (decodeErr) {
+      const msg = decodeErr instanceof Error ? decodeErr.message : String(decodeErr);
+      console.warn("[RenderAudio] decodeAudioData failed:", msg);
       return null;
     } finally {
       await audioCtx.close();
     }
-  } catch {
+  } catch (fetchErr) {
+    const msg = fetchErr instanceof Error ? fetchErr.message : String(fetchErr);
+    console.warn("[RenderAudio] Audio extraction failed:", msg);
     return null;
   }
 }
@@ -71119,6 +71154,7 @@ async function main() {
   window.__RENDER_STATUS__ = "running";
   window.__RENDER_PROGRESS__ = 0;
   window.__RENDER_ERROR__ = null;
+  window.__RENDER_AUDIO_STATUS__ = null;
   try {
     const config = window.__RENDER_CONFIG__;
     if (!config) throw new Error("No __RENDER_CONFIG__ found on window");
@@ -71143,7 +71179,12 @@ async function main() {
     const trimEnd = resolveTrimEnd(recipe, videoDuration);
     const exportDuration = Math.max(0, trimEnd - trimStart);
     const totalFrames = Math.max(1, Math.ceil(exportDuration * fps));
-    const audioPromise = typeof AudioEncoder !== "undefined" ? decodeAudioFromSource(sourceUrl) : Promise.resolve(null);
+    const hasAudioEncoder = typeof AudioEncoder !== "undefined";
+    console.log("[RenderAudio] AudioEncoder available:", hasAudioEncoder);
+    if (!hasAudioEncoder) {
+      window.__RENDER_AUDIO_STATUS__ = "skipped:AudioEncoder-unavailable";
+    }
+    const audioPromise = hasAudioEncoder ? decodeAudioFromSource(sourceUrl) : Promise.resolve(null);
     const app = new Application();
     await app.init({
       width,
@@ -71201,11 +71242,16 @@ async function main() {
     sprite.filters = filterInstances;
     const audioBuffer = await audioPromise;
     const hasAudio = !!audioBuffer && audioBuffer.numberOfChannels > 0 && audioBuffer.length > 0;
+    console.log("[RenderAudio] hasAudio:", hasAudio, audioBuffer ? { channels: audioBuffer.numberOfChannels, length: audioBuffer.length } : "null");
+    if (!hasAudio && hasAudioEncoder) {
+      window.__RENDER_AUDIO_STATUS__ = "skipped:decode-failed";
+    }
+    const chunkWriteQueue = createChunkWriteQueue();
     const muxerOptions = {
       target: new StreamTarget({
-        onData: async (data) => {
+        onData: (data, position2) => {
           const b64 = toBase64(data);
-          await window.__writeChunk(b64);
+          chunkWriteQueue.enqueue(() => window.__writeChunk(b64, position2));
         }
       }),
       video: {
@@ -71298,6 +71344,7 @@ async function main() {
         bitrate: audioBitrate
       };
       const audioSupport = await AudioEncoder.isConfigSupported(audioEncoderConfig);
+      console.log("[RenderAudio] AAC encoder supported:", audioSupport.supported);
       if (audioSupport.supported) {
         const audioEncoder = new AudioEncoder({
           output: (chunk, metadata) => {
@@ -71337,10 +71384,16 @@ async function main() {
         }
         await audioEncoder.flush();
         audioEncoder.close();
+        console.log("[RenderAudio] Audio encoding complete");
+        window.__RENDER_AUDIO_STATUS__ = "encoded";
+      } else {
+        console.warn("[RenderAudio] AAC not supported, exporting without audio");
+        window.__RENDER_AUDIO_STATUS__ = "skipped:aac-unsupported";
       }
       window.__RENDER_PROGRESS__ = 99;
     }
     muxer.finalize();
+    await chunkWriteQueue.flush();
     window.__RENDER_PROGRESS__ = 100;
     window.__RENDER_STATUS__ = "done";
     app.destroy(true);

package/dist/render-page/index.html

@@ -9,7 +9,7 @@
     body { margin: 0; background: #000; overflow: hidden; }
     #render-canvas { display: block; }
   </style>
-  <script type="module" crossorigin src="/assets/index-SU1f_egA.js"></script>
+  <script type="module" crossorigin src="/assets/index-DykUbryA.js"></script>
 </head>
 <body>
   <video id="source-video" crossorigin="anonymous" preload="auto" muted playsinline></video>