@codingfactory/mediables-vue 2.4.16 → 2.4.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./editor-2YMaYryX.cjs");exports.VanillaImageEditor=e.VanillaImageEditor;exports.getAllCategories=e.getAllCategories;exports.getAllFilters=e.getAllFilters;exports.getFilter=e.getFilter;exports.getFiltersByCategory=e.getFiltersByCategory;exports.hasFilter=e.hasFilter;exports.initializeFilterRegistry=e.initializeFilterRegistry;exports.registerFilter=e.registerFilter;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./editor-BIDFjsrP.cjs");exports.VanillaImageEditor=e.VanillaImageEditor;exports.getAllCategories=e.getAllCategories;exports.getAllFilters=e.getAllFilters;exports.getFilter=e.getFilter;exports.getFiltersByCategory=e.getFiltersByCategory;exports.hasFilter=e.hasFilter;exports.initializeFilterRegistry=e.initializeFilterRegistry;exports.registerFilter=e.registerFilter;
2
2
  //# sourceMappingURL=mediables-vanilla.cjs.map
@@ -1,4 +1,4 @@
1
- import { V as a, c as i, g as r, a as s, b as l, h as g, i as F, r as o } from "./editor-BQNym0-5.js";
1
+ import { V as a, c as i, g as r, a as s, b as l, h as g, i as F, r as o } from "./editor-BfdrdqUU.js";
2
2
  export {
3
3
  a as VanillaImageEditor,
4
4
  i as getAllCategories,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DCljToZr.cjs"),i=require("./editor-2YMaYryX.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.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.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BLELmZZs.cjs"),i=require("./editor-BIDFjsrP.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.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.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;
2
2
  //# sourceMappingURL=mediables-vue.cjs.map
@@ -1,5 +1,5 @@
1
- import { w as s, x as i, y as r, v as t, I as o, d, L as l, f as n, Q as m, R as g, N as M, P as p, O as u, _ as S, S as A, e as c, g as E, h as b, V as F, i as V, l as C, o as y, n as I, j as f, k as v, m as z, a as h, c as D, a3 as P, G as x, C as R, a4 as T, a7 as G, F as H, Z as U, ab as B, $ as k, a1 as w, a5 as J, a8 as L, a0 as Q, D as W, p as j, q, t as K, a6 as N, a9 as O, r as X, E as Y, s as Z, aa as _, b as $, J as ee, K as ae, H as se, B as ie, z as re, U as te, T as oe, X as de, u as le, W as ne, Y as me, a2 as ge } from "./index-DHKu69UX.js";
2
- import { V as pe, c as ue, g as Se, a as Ae, b as ce, h as Ee, i as be, r as Fe } from "./editor-BQNym0-5.js";
1
+ import { w as s, x as i, y as r, v as t, I as o, d, L as l, f as n, Q as m, R as g, N as M, P as p, O as u, _ as S, S as A, e as c, g as E, h as b, V as F, i as V, l as C, o as y, n as I, j as f, k as v, m as z, a as h, c as D, a3 as P, G as x, C as R, a4 as T, a7 as G, F as H, Z as U, ab as B, $ as k, a1 as w, a5 as J, a8 as L, a0 as Q, D as W, p as j, q, t as K, a6 as N, a9 as O, r as X, E as Y, s as Z, aa as _, b as $, J as ee, K as ae, H as se, B as ie, z as re, U as te, T as oe, X as de, u as le, W as ne, Y as me, a2 as ge } from "./index-JKTSyJp3.js";
2
+ import { V as pe, c as ue, g as Se, a as Ae, b as ce, h as Ee, i as be, r as Fe } from "./editor-BfdrdqUU.js";
3
3
  export {
4
4
  s as AlbumBrowser,
5
5
  i as AlbumManager,
@@ -71062,16 +71062,36 @@ function toBase64(buffer) {
71062
71062
  }
71063
71063
  return btoa(binary);
71064
71064
  }
71065
+ async function ensureFrameDecoded(video) {
71066
+ return new Promise((resolve) => {
71067
+ let resolved = false;
71068
+ const rvfcId = video.requestVideoFrameCallback(() => {
71069
+ if (!resolved) {
71070
+ resolved = true;
71071
+ resolve();
71072
+ }
71073
+ });
71074
+ requestAnimationFrame(() => {
71075
+ requestAnimationFrame(() => {
71076
+ if (!resolved) {
71077
+ resolved = true;
71078
+ video.cancelVideoFrameCallback(rvfcId);
71079
+ resolve();
71080
+ }
71081
+ });
71082
+ });
71083
+ });
71084
+ }
71065
71085
  function seekVideo(video, timeSec) {
71066
71086
  return new Promise((resolve, reject) => {
71067
71087
  if (Math.abs(video.currentTime - timeSec) < 1e-3) {
71068
- resolve();
71088
+ ensureFrameDecoded(video).then(resolve, resolve);
71069
71089
  return;
71070
71090
  }
71071
71091
  const onSeeked = () => {
71072
71092
  video.removeEventListener("seeked", onSeeked);
71073
71093
  video.removeEventListener("error", onError);
71074
- resolve();
71094
+ ensureFrameDecoded(video).then(resolve, resolve);
71075
71095
  };
71076
71096
  const onError = () => {
71077
71097
  video.removeEventListener("seeked", onSeeked);
@@ -71199,11 +71219,16 @@ async function main() {
71199
71219
  });
71200
71220
  const container = document.getElementById("pixi-container");
71201
71221
  container.appendChild(app.canvas);
71202
- const videoTexture = Texture$2.from(video);
71203
- const sprite = new Sprite$1(videoTexture);
71204
71222
  const fitMode = resolveFitMode(recipe);
71205
71223
  const sourceWidth = video.videoWidth > 0 ? video.videoWidth : ((_a = recipe.source) == null ? void 0 : _a.original_width) && recipe.source.original_width > 0 ? recipe.source.original_width : width;
71206
71224
  const sourceHeight = video.videoHeight > 0 ? video.videoHeight : ((_b = recipe.source) == null ? void 0 : _b.original_height) && recipe.source.original_height > 0 ? recipe.source.original_height : height;
71225
+ const sourceCanvas = document.createElement("canvas");
71226
+ sourceCanvas.width = sourceWidth;
71227
+ sourceCanvas.height = sourceHeight;
71228
+ const sourceCtx = sourceCanvas.getContext("2d", { willReadFrequently: true });
71229
+ if (!sourceCtx) throw new Error("Failed to create 2D context for source extraction");
71230
+ const videoTexture = Texture$2.from(sourceCanvas);
71231
+ const sprite = new Sprite$1(videoTexture);
71207
71232
  const scaleX = width / sourceWidth;
71208
71233
  const scaleY = height / sourceHeight;
71209
71234
  let scale = 1;
@@ -71318,8 +71343,13 @@ async function main() {
71318
71343
  for (let frame = 0; frame < totalFrames; frame++) {
71319
71344
  const timeSec = trimStart + frame / fps;
71320
71345
  await seekVideo(video, timeSec);
71346
+ sourceCtx.drawImage(video, 0, 0, sourceWidth, sourceHeight);
71321
71347
  videoTexture.source.update();
71322
71348
  app.render();
71349
+ const gl = app.renderer.gl;
71350
+ if (gl) {
71351
+ gl.finish();
71352
+ }
71323
71353
  targetCtx.clearRect(0, 0, width, height);
71324
71354
  targetCtx.drawImage(app.canvas, 0, 0, width, height);
71325
71355
  const timestamp = Math.floor(frame / fps * 1e6);
@@ -9,7 +9,7 @@
9
9
  body { margin: 0; background: #000; overflow: hidden; }
10
10
  #render-canvas { display: block; }
11
11
  </style>
12
- <script type="module" crossorigin src="/assets/index-DigDyl_v.js"></script>
12
+ <script type="module" crossorigin src="/assets/index-ZZVWF3LA.js"></script>
13
13
  </head>
14
14
  <body>
15
15
  <video id="source-video" crossorigin="anonymous" preload="auto" muted playsinline></video>