@codingfactory/mediables-vue 2.7.1 → 2.7.2

package/dist/mediables-vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DNo3Kr1t.cjs"),i=require("./editor-BTwIhrcA.cjs");exports.AlbumBrowser=e.AlbumBrowser;exports.AlbumManager=e.AlbumManager;exports.AlbumMediaGrid=e.AlbumMediaGrid;exports.AlbumTree=e.AlbumTree;exports.ExistingMediaSelector=e.ExistingMediaSelector;exports.ImageEditor=e.ImageEditor;exports.ImageEditorModal=e.ImageEditorModal;exports.LiveStreamManager=e.LiveStreamManager;exports.ManagedMediaGallery=e.ManagedMediaGallery;exports.MediaAlbumInlineCreate=e.MediaAlbumInlineCreate;exports.MediaAlbumUnavailableState=e.MediaAlbumUnavailableState;exports.MediaAttachment=e.MediaAttachment;exports.MediaAttachmentMetadataFields=e.MediaAttachmentMetadataFields;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.MediaLibraryPicker=e.MediaLibraryPicker;exports.MediaLibraryPickerModal=e.MediaLibraryPickerModal;exports.MediaManagementView=e.MediaManagementView;exports.MediaPreviewSheet=e.MediaPreviewSheet;exports.MediaSelectionTray=e.MediaSelectionTray;exports.MediaSourceSheet=e.MediaSourceSheet;exports.MediaThumbnailCell=e.MediaThumbnailCell;exports.MediaUploadSheet=e.MediaUploadSheet;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.VirtualMediaGrid=e.VirtualMediaGrid;exports.applyTemporaryMediaStoreConfig=e.applyTemporaryMediaStoreConfig;exports.configureMediaStore=e.configureMediaStore;exports.createAdapter=e.createAdapter;exports.createEmptyEditorState=e.createEmptyEditorState;exports.createImageEditor=e.createImageEditor;exports.createMediablesAdapter=e.createMediablesAdapter;exports.createSpatieAdapter=e.createSpatieAdapter;exports.deserializeEditorState=e.deserializeEditorState;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.normalizeEditorState=e.normalizeEditorState;exports.normalizeRecipeForServerRender=e.normalizeRecipeForServerRender;exports.recipeHasServerRenderableEdits=e.recipeHasServerRenderableEdits;exports.recipeHasUnsupportedServerEdits=e.recipeHasUnsupportedServerEdits;exports.resetMediablesAdapter=e.resetMediablesAdapter;exports.resetSpatieAdapter=e.resetSpatieAdapter;exports.restoreMediaStoreConfig=e.restoreMediaStoreConfig;exports.serializeEditorState=e.serializeEditorState;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.useGlobalImageEditor=e.useGlobalImageEditor;exports.useImageEditorModal=e.useImageEditorModal;exports.useMediaAttachment=e.useMediaAttachment;exports.useMediaCollection=e.useMediaCollection;exports.useMediaDeletion=e.useMediaDeletion;exports.useMediaDragSort=e.useMediaDragSort;exports.useMediaLibraryPickerController=e.useMediaLibraryPickerController;exports.useMediaLibraryQuery=e.useMediaLibraryQuery;exports.useMediaLibrarySession=e.useMediaLibrarySession;exports.useMediaLibraryStateMachine=e.useMediaLibraryStateMachine;exports.useMediaLibraryTelemetry=e.useMediaLibraryTelemetry;exports.useMediaStore=e.useMediaStore;exports.useMediaTrash=e.useMediaTrash;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-Dx7DOxwK.cjs"),i=require("./editor-BTwIhrcA.cjs");exports.AlbumBrowser=e.AlbumBrowser;exports.AlbumManager=e.AlbumManager;exports.AlbumMediaGrid=e.AlbumMediaGrid;exports.AlbumTree=e.AlbumTree;exports.ExistingMediaSelector=e.ExistingMediaSelector;exports.ImageEditor=e.ImageEditor;exports.ImageEditorModal=e.ImageEditorModal;exports.LiveStreamManager=e.LiveStreamManager;exports.ManagedMediaGallery=e.ManagedMediaGallery;exports.MediaAlbumInlineCreate=e.MediaAlbumInlineCreate;exports.MediaAlbumUnavailableState=e.MediaAlbumUnavailableState;exports.MediaAttachment=e.MediaAttachment;exports.MediaAttachmentMetadataFields=e.MediaAttachmentMetadataFields;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.MediaLibraryPicker=e.MediaLibraryPicker;exports.MediaLibraryPickerModal=e.MediaLibraryPickerModal;exports.MediaManagementView=e.MediaManagementView;exports.MediaPreviewSheet=e.MediaPreviewSheet;exports.MediaSelectionTray=e.MediaSelectionTray;exports.MediaSourceSheet=e.MediaSourceSheet;exports.MediaThumbnailCell=e.MediaThumbnailCell;exports.MediaUploadSheet=e.MediaUploadSheet;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.VirtualMediaGrid=e.VirtualMediaGrid;exports.applyTemporaryMediaStoreConfig=e.applyTemporaryMediaStoreConfig;exports.configureMediaStore=e.configureMediaStore;exports.createAdapter=e.createAdapter;exports.createEmptyEditorState=e.createEmptyEditorState;exports.createImageEditor=e.createImageEditor;exports.createMediablesAdapter=e.createMediablesAdapter;exports.createSpatieAdapter=e.createSpatieAdapter;exports.deserializeEditorState=e.deserializeEditorState;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.normalizeEditorState=e.normalizeEditorState;exports.normalizeRecipeForServerRender=e.normalizeRecipeForServerRender;exports.recipeHasServerRenderableEdits=e.recipeHasServerRenderableEdits;exports.recipeHasUnsupportedServerEdits=e.recipeHasUnsupportedServerEdits;exports.resetMediablesAdapter=e.resetMediablesAdapter;exports.resetSpatieAdapter=e.resetSpatieAdapter;exports.restoreMediaStoreConfig=e.restoreMediaStoreConfig;exports.serializeEditorState=e.serializeEditorState;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.useGlobalImageEditor=e.useGlobalImageEditor;exports.useImageEditorModal=e.useImageEditorModal;exports.useMediaAttachment=e.useMediaAttachment;exports.useMediaCollection=e.useMediaCollection;exports.useMediaDeletion=e.useMediaDeletion;exports.useMediaDragSort=e.useMediaDragSort;exports.useMediaLibraryPickerController=e.useMediaLibraryPickerController;exports.useMediaLibraryQuery=e.useMediaLibraryQuery;exports.useMediaLibrarySession=e.useMediaLibrarySession;exports.useMediaLibraryStateMachine=e.useMediaLibraryStateMachine;exports.useMediaLibraryTelemetry=e.useMediaLibraryTelemetry;exports.useMediaStore=e.useMediaStore;exports.useMediaTrash=e.useMediaTrash;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 { w as i, x as s, y as r, v as t, E as d, I as o, d as l, L as M, f as n, H as m, N as u, a0 as g, a4 as p, a2 as S, Z as c, $ as b, _ as A, a1 as y, a3 as E, z as V, B as h, ad as C, F, J as v, G as I, D as f, K as P, e as L, g as T, h as z, V as D, i as k, l as x, o as U, n as G, j as R, k as w, m as H, C as B, a as Q, c as j, an as q, U as J, Q as W, ao as K, ar as N, T as O, ai as X, av as Y, aj as Z, al as _, ap as $, as as aa, ak as ea, R as ia, p as sa, q as ra, t as ta, aq as da, at as oa, r as la, S as Ma, s as na, au as ma, b as ua, X as ga, Y as pa, W as Sa, P as ca, O as ba, a6 as Aa, a5 as ya, ae as Ea, ag as Va, a9 as ha, a8 as Ca, aa as Fa, ac as va, ab as Ia, u as fa, af as Pa, a7 as La, ah as Ta, am as za } from "./index-DpkdpuMs.js";
+import { w as i, x as s, y as r, v as t, E as d, I as o, d as l, L as M, f as n, H as m, N as u, a0 as g, a4 as p, a2 as S, Z as c, $ as b, _ as A, a1 as y, a3 as E, z as V, B as h, ad as C, F, J as v, G as I, D as f, K as P, e as L, g as T, h as z, V as D, i as k, l as x, o as U, n as G, j as R, k as w, m as H, C as B, a as Q, c as j, an as q, U as J, Q as W, ao as K, ar as N, T as O, ai as X, av as Y, aj as Z, al as _, ap as $, as as aa, ak as ea, R as ia, p as sa, q as ra, t as ta, aq as da, at as oa, r as la, S as Ma, s as na, au as ma, b as ua, X as ga, Y as pa, W as Sa, P as ca, O as ba, a6 as Aa, a5 as ya, ae as Ea, ag as Va, a9 as ha, a8 as Ca, aa as Fa, ac as va, ab as Ia, u as fa, af as Pa, a7 as La, ah as Ta, am as za } from "./index-B_7DfcKr.js";
 import { V as ka, c as xa, g as Ua, a as Ga, b as Ra, h as wa, i as Ha, r as Ba } from "./editor-CYj5y5bp.js";
 export {
   i as AlbumBrowser,

package/dist/render-page/assets/{index-y90zwXpc.js → index-aDRQNAjC.js}

@@ -70936,6 +70936,10 @@ const MAX_SEEK_RETRY_ATTEMPTS = 6;
 const MIN_SEEK_TIMEOUT_MS = 250;
 const MAX_SEEK_NUDGE_SECONDS = 0.25;
 const MIN_SEEK_EPSILON_SECONDS = 1e-3;
+const HAVE_CURRENT_DATA = 2;
+function shouldSkipRedundantSeek(video, targetTime) {
+  return video.readyState >= HAVE_CURRENT_DATA && !video.seeking && Math.abs(video.currentTime - targetTime) < MIN_SEEK_EPSILON_SECONDS;
+}
 function normalizeSeekTimeoutMs(value) {
   if (!Number.isFinite(value) || value === void 0 || value < MIN_SEEK_TIMEOUT_MS) {
     return DEFAULT_SEEK_TIMEOUT_MS;
@@ -71046,7 +71050,6 @@ function resetTime(video) {
   } catch {
   }
 }
-const HAVE_CURRENT_DATA = 2;
 const PENDING_SEEK_DRAIN_TIMEOUT_MS = 1e3;
 function resolveFitMode(recipe) {
   var _a;
@@ -71220,7 +71223,7 @@ function seekVideoOnce(video, timeSec, timeoutMs) {
         `Video seek timed out at ${timeSec}s after ${timeoutMs}ms (readyState=${video.readyState}, seeking=${video.seeking}, currentTime=${video.currentTime.toFixed(4)}, duration=${video.duration}, networkState=${video.networkState}, paused=${video.paused}, ended=${video.ended})`
       ));
     }, timeoutMs);
-    if (!video.seeking && Math.abs(video.currentTime - timeSec) < 1e-3) {
+    if (shouldSkipRedundantSeek(video, timeSec)) {
       ensureFrameDecoded(video, timeoutMs).then(() => finish()).catch((error) => {
         const message = error instanceof Error ? error.message : String(error);
         finish(new Error(`Frame decode failed at ${timeSec}s: ${message}`));
@@ -71363,6 +71366,9 @@ async function main() {
       width,
       height,
       fps,
+      sourceFrameRate,
+      recipeFrameRate,
+      frameRateSource,
       bitrate = 5e6,
       audioBitrate = 128e3
     } = config;
@@ -71377,6 +71383,18 @@ 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 keyFrameIntervalFrames = Math.max(1, Math.round(fps * 2));
+    console.log("[Render] Timing resolved", {
+      fps,
+      frameRateSource: frameRateSource ?? "unknown",
+      sourceFrameRate: sourceFrameRate ?? null,
+      recipeFrameRate: recipeFrameRate ?? null,
+      trimStart,
+      trimEnd,
+      exportDuration,
+      totalFrames,
+      keyFrameIntervalFrames
+    });
     const hasAudioEncoder = typeof AudioEncoder !== "undefined";
     console.log("[RenderAudio] AudioEncoder available:", hasAudioEncoder);
     if (!hasAudioEncoder) {
@@ -71511,6 +71529,14 @@ async function main() {
       }
     });
     encoder.configure(encoderConfig);
+    touchRenderHeartbeat("priming-first-frame");
+    await seekVideo(
+      video,
+      trimStart,
+      config.seekTimeoutMs ?? 4e3,
+      config.seekRetryAttempts ?? 3,
+      fps
+    );
     for (let frame = 0; frame < totalFrames; frame++) {
       const timeSec = trimStart + frame / fps;
       await seekVideo(
@@ -71523,13 +71549,14 @@ async function main() {
       await drawCurrentVideoFrameToCanvas(video, sourceCtx, sourceWidth, sourceHeight);
       videoTexture.source.update();
       app.render();
-      const timestamp = Math.floor(frame / fps * 1e6);
-      const frameDuration = Math.floor(1e6 / fps);
+      const timestamp = Math.round(frame / fps * 1e6);
+      const nextTimestamp = Math.round((frame + 1) / fps * 1e6);
+      const frameDuration = Math.max(1, nextTimestamp - timestamp);
       const videoFrame = new VideoFrame(
         app.canvas,
         { timestamp, duration: frameDuration }
       );
-      const keyFrame = frame % (fps * 2) === 0;
+      const keyFrame = frame % keyFrameIntervalFrames === 0;
       encoder.encode(videoFrame, { keyFrame });
       videoFrame.close();
       if (encoder.encodeQueueSize > 5) {

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-y90zwXpc.js"></script>
+  <script type="module" crossorigin src="/assets/index-aDRQNAjC.js"></script>
 </head>
 <body>
   <video id="source-video" crossorigin="anonymous" preload="auto" muted playsinline></video>