@bendyline/squisq-video-react 2.4.23 → 2.4.25

package/dist/{chunk-ISYJJJXN.js → chunk-RIXBIX3H.js}

@@ -333,10 +333,21 @@ async function encodeAacTrack(audioBuffer, sink, bitrate) {
   const sampleRate = audioBuffer.sampleRate;
   const channels = audioBuffer.numberOfChannels;
   let encodeError = null;
+  let inFlight = 0;
+  let wake;
   const encoder = new AudioEncoder({
-    output: (chunk, meta) => sink.addAudioChunk(chunk, meta ?? void 0),
+    output: (chunk, meta) => {
+      inFlight = Math.max(0, inFlight - 1);
+      try {
+        sink.addAudioChunk(chunk, meta ?? void 0);
+      } catch (error) {
+        encodeError = error instanceof Error ? error : new Error(String(error));
+      }
+      wake?.();
+    },
     error: (err) => {
       encodeError = err instanceof Error ? err : new Error(String(err));
+      wake?.();
     }
   });
   encoder.configure({ codec: "mp4a.40.2", sampleRate, numberOfChannels: channels, bitrate });
@@ -352,8 +363,11 @@ async function encodeAacTrack(audioBuffer, sink, bitrate) {
   try {
     for (let offset = 0; offset < total; offset += AAC_FRAME_SAMPLES) {
       if (encodeError) throw encodeError;
-      if (encoder.encodeQueueSize >= queueLimit) {
-        await encoder.flush();
+      while (inFlight >= queueLimit) {
+        await new Promise((resolve) => {
+          wake = resolve;
+        });
+        wake = void 0;
         if (encodeError) throw encodeError;
       }
       const count = Math.min(AAC_FRAME_SAMPLES, total - offset);
@@ -371,6 +385,7 @@ async function encodeAacTrack(audioBuffer, sink, bitrate) {
         data: planar
       });
       try {
+        inFlight++;
         encoder.encode(audioData);
       } finally {
         audioData.close();

package/dist/{chunk-FMQI6WK2.js → chunk-UVDJINCK.js}

@@ -92,7 +92,7 @@ function createWavStreamWriter(sampleRate, channels, options = {}) {
 // src/audioFile/audioFileEncoder.ts
 var lossyModule = null;
 function loadLossyModule() {
-  lossyModule ?? (lossyModule = import("./lossyEncoder-EIXBAOLG.js"));
+  lossyModule ?? (lossyModule = import("./lossyEncoder-55PXLHLE.js"));
   return lossyModule;
 }
 function validateOptions(options) {

package/dist/{chunk-BNNLPKT2.js → chunk-Y5ZQ6M43.js}

@@ -18,7 +18,7 @@ import {
   WavOutputFormat,
   WebMOutputFormat,
   canEncodeAudio
-} from "./chunk-C7NEHV5X.js";
+} from "./chunk-R4P6O5U6.js";
 
 // src/mediaEdit/mediaEditEngine.ts
 import {

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { Doc, MediaProvider } from '@bendyline/squisq/schemas';
 import { e as MediaEditRenderManager } from '../mediaEditRenderManager-W_o6RRhT.js';
 import { b as VideoExportConfig, f as VideoOutputFormat } from '../useVideoExport-DsNDpjmO.js';
@@ -66,7 +66,7 @@ interface VideoExportPalette {
     success: string;
     danger: string;
 }
-declare function VideoExportModal({ doc, playerScript, mediaProvider, images, audio, mediaEditRenders, defaultConfig, colorScheme, uiPalette, saveOutput, saveActionLabel, onClose, }: VideoExportModalProps): react_jsx_runtime.JSX.Element;
+declare function VideoExportModal({ doc, playerScript, mediaProvider, images, audio, mediaEditRenders, defaultConfig, colorScheme, uiPalette, saveOutput, saveActionLabel, onClose, }: VideoExportModalProps): react.JSX.Element;
 
 interface VideoExportButtonProps {
     /** The document to export */
@@ -104,6 +104,6 @@ interface VideoExportButtonProps {
     /** Whether the button is disabled */
     disabled?: boolean;
 }
-declare function VideoExportButton({ doc, playerScript, mediaProvider, images, audio, defaultConfig, colorScheme, uiPalette, saveOutput, saveActionLabel, label, style, disabled, }: VideoExportButtonProps): react_jsx_runtime.JSX.Element;
+declare function VideoExportButton({ doc, playerScript, mediaProvider, images, audio, defaultConfig, colorScheme, uiPalette, saveOutput, saveActionLabel, label, style, disabled, }: VideoExportButtonProps): react.JSX.Element;
 
 export { VideoExportButton, type VideoExportButtonProps, VideoExportModal, type VideoExportModalProps, type VideoExportPalette };

package/dist/components/index.js

@@ -1,17 +1,17 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "../chunk-TUZLVOSP.js";
+} from "../chunk-NTLNXUMA.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JDIMPME5.js";
+} from "../chunk-JVGUGMEZ.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-47ODXCBA.js";
-import "../chunk-A52VG7RA.js";
-import "../chunk-C7NEHV5X.js";
-import "../chunk-ISYJJJXN.js";
+import "../chunk-IOLZNTKA.js";
+import "../chunk-CWLDLWSE.js";
+import "../chunk-R4P6O5U6.js";
+import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {
   CoverImageExportModal,

package/dist/cover-image/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { Doc, MediaProvider, Theme } from '@bendyline/squisq/schemas';
 import { CoverSlideTemplate } from '@bendyline/squisq/doc';
 import { I as ImageExportFormat } from '../imageExportShared-B6nqWtE-.js';
@@ -19,6 +19,6 @@ interface CoverImageExportModalProps {
 }
 declare function validateCoverImageDimensions(width: number, height: number): string | null;
 declare function coverImageFilename(requestedName: string | undefined, format: CoverImageExportFormat): string;
-declare function CoverImageExportModal({ doc, mediaProvider, theme, coverSlideTemplate, defaultWidth, defaultHeight, defaultFileName, colorScheme, saveOutput, onClose, }: CoverImageExportModalProps): react_jsx_runtime.JSX.Element;
+declare function CoverImageExportModal({ doc, mediaProvider, theme, coverSlideTemplate, defaultWidth, defaultHeight, defaultFileName, colorScheme, saveOutput, onClose, }: CoverImageExportModalProps): react.JSX.Element;
 
 export { type CoverImageExportFormat, CoverImageExportModal, type CoverImageExportModalProps, coverImageFilename, validateCoverImageDimensions };

package/dist/cover-image/index.js

@@ -2,10 +2,10 @@ import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JDIMPME5.js";
+} from "../chunk-JVGUGMEZ.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-A52VG7RA.js";
-import "../chunk-C7NEHV5X.js";
+import "../chunk-CWLDLWSE.js";
+import "../chunk-R4P6O5U6.js";
 export {
   CoverImageExportModal,
   coverImageFilename,

package/dist/dashboard-image/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { Doc, MediaProvider, Theme } from '@bendyline/squisq/schemas';
 import { DashboardStyleId } from '@bendyline/squisq/doc';
 import { DashboardResolutionId } from '@bendyline/squisq-video';
@@ -24,6 +24,6 @@ interface DashboardImageExportModalProps {
     saveOutput?: (blob: Blob, filename: string) => boolean | void | Promise<boolean | void>;
     onClose: () => void;
 }
-declare function DashboardImageExportModal({ doc, mediaProvider, theme, defaultResolution, defaultLayout, defaultShowTitle, defaultStyle, defaultFileName, colorScheme, saveOutput, onClose, }: DashboardImageExportModalProps): react_jsx_runtime.JSX.Element;
+declare function DashboardImageExportModal({ doc, mediaProvider, theme, defaultResolution, defaultLayout, defaultShowTitle, defaultStyle, defaultFileName, colorScheme, saveOutput, onClose, }: DashboardImageExportModalProps): react.JSX.Element;
 
 export { type DashboardImageExportFormat, DashboardImageExportModal, type DashboardImageExportModalProps };

package/dist/dashboard-image/index.js

@@ -7,8 +7,8 @@ import {
 } from "../chunk-3NJDHK62.js";
 import {
   useFrameCapture
-} from "../chunk-A52VG7RA.js";
-import "../chunk-C7NEHV5X.js";
+} from "../chunk-CWLDLWSE.js";
+import "../chunk-R4P6O5U6.js";
 
 // src/DashboardImageExportModal.tsx
 import { useCallback, useId, useMemo, useRef, useState } from "react";

package/dist/encoder/index.js

@@ -1,7 +1,7 @@
 import {
   createAudioFileEncoder,
   supportedAudioFileFormats
-} from "../chunk-FMQI6WK2.js";
+} from "../chunk-UVDJINCK.js";
 import "../chunk-2W6JQSIY.js";
 import {
   createEncoder,
@@ -10,7 +10,7 @@ import {
   supportsWebCodecs,
   supportsWebCodecsAac,
   supportsWebCodecsH264
-} from "../chunk-ISYJJJXN.js";
+} from "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {
   createAudioFileEncoder,

package/dist/hooks/index.js

@@ -3,12 +3,12 @@ import {
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "../chunk-47ODXCBA.js";
+} from "../chunk-IOLZNTKA.js";
 import {
   useFrameCapture
-} from "../chunk-A52VG7RA.js";
-import "../chunk-C7NEHV5X.js";
-import "../chunk-ISYJJJXN.js";
+} from "../chunk-CWLDLWSE.js";
+import "../chunk-R4P6O5U6.js";
+import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { AudioTimelineClip, FfmpegWasmLoadConfig } from '@bendyline/squisq-video
 export { AudioFileEncoder, AudioFileEncoderOptions, AudioFileFormat, RenderDocumentAudioOptions, createAudioFileEncoder, renderAudioTimeline, renderDocumentAudio, supportedAudioFileFormats, supportsWebCodecsAac } from './encoder/index.js';
 export { M as MediaEditJobOptions, a as MediaEditPausesRequest, b as MediaEditPausesResult, c as MediaEditPreviewRequest, d as MediaEditPreviewResult, e as MediaEditRenderManager, f as MediaEditRenderManagerOptions, g as MediaEditRenderRequest, h as MediaEditRenderResult, i as MediaEditRenderState, j as MediaEditRenderStatus, k as MediaEditRenderer, l as MediaEditRendererOptions, m as createMediaEditRenderManager, n as createMediaEditRenderer } from './mediaEditRenderManager-W_o6RRhT.js';
 export { MediaEditRendersView, useMediaEditRenders, useMediaEditStatus, useProcessedAudio } from './media-edit/index.js';
-import 'react/jsx-runtime';
+import 'react';
 import '@bendyline/squisq/schemas';
 import '@bendyline/squisq/doc';
 import './imageExportShared-B6nqWtE-.js';

package/dist/index.js

@@ -1,27 +1,27 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "./chunk-TUZLVOSP.js";
+} from "./chunk-NTLNXUMA.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "./chunk-JDIMPME5.js";
+} from "./chunk-JVGUGMEZ.js";
 import "./chunk-3NJDHK62.js";
 import {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "./chunk-47ODXCBA.js";
+} from "./chunk-IOLZNTKA.js";
 import {
   useFrameCapture
-} from "./chunk-A52VG7RA.js";
-import "./chunk-C7NEHV5X.js";
+} from "./chunk-CWLDLWSE.js";
+import "./chunk-R4P6O5U6.js";
 import {
   createAudioFileEncoder,
   supportedAudioFileFormats
-} from "./chunk-FMQI6WK2.js";
+} from "./chunk-UVDJINCK.js";
 import "./chunk-2W6JQSIY.js";
 import {
   createEncoder,
@@ -30,14 +30,14 @@ import {
   supportsWebCodecs,
   supportsWebCodecsAac,
   supportsWebCodecsH264
-} from "./chunk-ISYJJJXN.js";
+} from "./chunk-RIXBIX3H.js";
 import {
   createMediaEditRenderManager,
   createMediaEditRenderer,
   useMediaEditRenders,
   useMediaEditStatus,
   useProcessedAudio
-} from "./chunk-OLFWEKY5.js";
+} from "./chunk-7RONIAPM.js";
 import "./chunk-TL2IMDIZ.js";
 import "./chunk-5MFQMJ5Z.js";
 export {

package/dist/{lossyEncoder-EIXBAOLG.js → lossyEncoder-55PXLHLE.js}

@@ -6,7 +6,7 @@ import {
   Output,
   WebMOutputFormat,
   canEncodeAudio
-} from "./chunk-C7NEHV5X.js";
+} from "./chunk-R4P6O5U6.js";
 import {
   assertOpen,
   blockFrames,

package/dist/media-edit/index.js

@@ -4,7 +4,7 @@ import {
   useMediaEditRenders,
   useMediaEditStatus,
   useProcessedAudio
-} from "../chunk-OLFWEKY5.js";
+} from "../chunk-7RONIAPM.js";
 import "../chunk-TL2IMDIZ.js";
 export {
   createMediaEditRenderManager,

package/dist/{mediaEditEngine-JLZ4Z5BB.js → mediaEditEngine-OBNK6I2B.js}

@@ -3,8 +3,8 @@ import {
   analyzeMediaEditPauses,
   previewMediaEditAudio,
   renderMediaEditAudio
-} from "./chunk-BNNLPKT2.js";
-import "./chunk-C7NEHV5X.js";
+} from "./chunk-Y5ZQ6M43.js";
+import "./chunk-R4P6O5U6.js";
 export {
   analyzeMediaEditAudio,
   analyzeMediaEditPauses,

package/dist/workers/mediaEdit.worker.js

@@ -3,8 +3,8 @@ import {
   analyzeMediaEditPauses,
   previewMediaEditAudio,
   renderMediaEditAudio
-} from "../chunk-BNNLPKT2.js";
-import "../chunk-C7NEHV5X.js";
+} from "../chunk-Y5ZQ6M43.js";
+import "../chunk-R4P6O5U6.js";
 import {
   createRnnoiseDenoiserFactory
 } from "../chunk-TL2IMDIZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "2.4.23",
+  "version": "2.4.25",
   "description": "React components for browser-based MP4 and animated-GIF export of Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -77,19 +77,19 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.11.17",
-    "@bendyline/squisq-video": "2.3.21",
-    "@bendyline/squisq-react": "2.11.19",
-    "@ffmpeg/core": "0.12.9",
+    "@bendyline/squisq": "2.11.19",
+    "@bendyline/squisq-video": "2.3.23",
+    "@bendyline/squisq-react": "2.11.21",
+    "@ffmpeg/core": "0.12.10",
     "@ffmpeg/ffmpeg": "0.12.15",
     "@ffmpeg/util": "0.12.2",
     "@shiguredo/rnnoise-wasm": "2025.1.5",
     "html2canvas": "1.4.1"
   },
   "devDependencies": {
-    "@types/react": "18.3.28",
+    "@types/react": "18.3.31",
     "@types/react-dom": "18.3.7",
-    "mediabunny": "1.57.0",
+    "mediabunny": "1.61.0",
     "mp4-muxer": "5.2.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",