@bendyline/squisq-video-react 2.2.5 → 2.2.7

package/dist/{chunk-ZQJBUX75.js → chunk-2XACUF6E.js}

@@ -172,15 +172,27 @@ async function renderAudioTimeline(clips, buffers, totalDurationSec, sampleRate
   const length = Math.max(1, Math.ceil(totalDurationSec * sampleRate));
   const ctx = new Ctor(channels, length, sampleRate);
   const decoded = /* @__PURE__ */ new Map();
+  const decodeFailures = [];
   for (const [src, data] of buffers) {
     try {
       decoded.set(src, await ctx.decodeAudioData(data.slice(0)));
     } catch {
+      decodeFailures.push(src);
     }
   }
+  const requiredFailures = decodeFailures.filter(
+    (src) => clips.some((clip) => clip.src === src && clip.sourceKind !== "video")
+  );
+  if (requiredFailures.length > 0) {
+    throw new Error(`No decodable audio track was found in: ${requiredFailures.join(", ")}`);
+  }
+  let scheduledNodes = 0;
   for (const clip of clips) {
     const buffer = decoded.get(clip.src);
-    if (!buffer) continue;
+    if (!buffer) {
+      if (clip.sourceKind === "video") continue;
+      throw new Error(`Audio source was not decoded: ${clip.src}`);
+    }
     const node = ctx.createBufferSource();
     node.buffer = buffer;
     node.connect(ctx.destination);
@@ -188,7 +200,9 @@ async function renderAudioTimeline(clips, buffers, totalDurationSec, sampleRate
     const offset = Math.max(0, clip.sourceInSec);
     const duration = Math.max(0, clip.durationSec);
     node.start(when, offset, duration);
+    scheduledNodes++;
   }
+  if (scheduledNodes === 0) return null;
   return ctx.startRendering();
 }
 async function encodeAacTrack(audioBuffer, sink, bitrate) {

package/dist/{chunk-NZYFSB2T.js → chunk-NX34XGLL.js}

@@ -10,7 +10,7 @@ import {
   supportsWebCodecs,
   supportsWebCodecsAac,
   supportsWebCodecsH264
-} from "./chunk-ZQJBUX75.js";
+} from "./chunk-2XACUF6E.js";
 
 // src/hooks/useFrameCapture.ts
 import { createElement } from "react";
@@ -1168,6 +1168,9 @@ function useVideoExport(options = {}) {
                 totalAudioDur,
                 EXPORT_AUDIO_SAMPLE_RATE
               );
+              if (!renderedAudio) {
+                audioReasonLocal = "No included video source contained a decodable audio track.";
+              }
             }
           } catch (audioErr) {
             renderedAudio = null;

package/dist/{chunk-U2TST3MN.js → chunk-SO656KT7.js}

@@ -1,6 +1,6 @@
 import {
   useVideoExport
-} from "./chunk-NZYFSB2T.js";
+} from "./chunk-NX34XGLL.js";
 
 // src/VideoExportModal.tsx
 import { useState, useCallback, useId, useRef } from "react";
@@ -179,9 +179,7 @@ function VideoExportModal({
   const [animationsEnabled, setAnimationsEnabled] = useState(
     defaultConfig?.animationsEnabled ?? initialOutputFormat === "mp4"
   );
-  const [audioPolicy, setAudioPolicy] = useState(
-    defaultConfig?.audioPolicy ?? "require"
-  );
+  const [includeAudio, setIncludeAudio] = useState(defaultConfig?.audioPolicy !== "omit");
   const palette = {
     ...VIDEO_EXPORT_PALETTES[colorScheme],
     ...uiPalette
@@ -268,7 +266,7 @@ function VideoExportModal({
       fps,
       orientation,
       captionMode,
-      audioPolicy,
+      audioPolicy: includeAudio ? "require" : "omit",
       images,
       audio,
       mediaProvider,
@@ -284,7 +282,7 @@ function VideoExportModal({
     fps,
     orientation,
     captionMode,
-    audioPolicy,
+    includeAudio,
     images,
     audio,
     mediaProvider,
@@ -443,16 +441,28 @@ function VideoExportModal({
               outputFormat === "mp4" && /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("label", { style: themedLabelStyle, children: "Audio" }),
                 /* @__PURE__ */ jsxs(
-                  "select",
+                  "label",
                   {
-                    "aria-label": "Audio handling",
-                    style: themedSelectStyle,
-                    value: audioPolicy,
-                    onChange: (e) => setAudioPolicy(e.target.value),
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 8,
+                      marginBottom: 12,
+                      fontSize: 14,
+                      color: palette.text,
+                      cursor: "pointer"
+                    },
                     children: [
-                      /* @__PURE__ */ jsx("option", { value: "require", children: "Require document audio" }),
-                      /* @__PURE__ */ jsx("option", { value: "best-effort", children: "Best effort \u2014 allow video-only fallback" }),
-                      /* @__PURE__ */ jsx("option", { value: "omit", children: "Omit audio intentionally" })
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          "aria-label": "Include audio",
+                          checked: includeAudio,
+                          onChange: (e) => setIncludeAudio(e.target.checked)
+                        }
+                      ),
+                      "Include audio"
                     ]
                   }
                 )
@@ -575,7 +585,7 @@ function VideoExportModal({
                 (fileSize / (1024 * 1024)).toFixed(1),
                 " MB"
               ] }),
-              completedOutputFormat === "gif" ? /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: palette.muted, margin: "0 0 4px 0" }, children: "Animated GIF does not include audio." }) : audioIncluded ? /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: palette.success, margin: "0 0 4px 0" }, children: "Audio included \u2713" }) : /* @__PURE__ */ jsxs("p", { style: { fontSize: 12, color: palette.muted, margin: "0 0 4px 0" }, children: [
+              completedOutputFormat === "gif" ? /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: palette.muted, margin: "0 0 4px 0" }, children: "Animated GIF does not include audio." }) : !includeAudio ? /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: palette.muted, margin: "0 0 4px 0" }, children: "Audio excluded" }) : audioIncluded ? /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: palette.success, margin: "0 0 4px 0" }, children: "Audio included \u2713" }) : /* @__PURE__ */ jsxs("p", { style: { fontSize: 12, color: palette.muted, margin: "0 0 4px 0" }, children: [
                 "Video only",
                 audioSkippedReason ? ` \u2014 ${audioSkippedReason}` : ""
               ] }),

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Doc, MediaProvider } from '@bendyline/squisq/schemas';
-import { a as VideoExportConfig } from '../useVideoExport-Okwrf8gg.js';
+import { a as VideoExportConfig } from '../useVideoExport-DKpdXZ0o.js';
 import '@bendyline/squisq/markdown';
 import '@bendyline/squisq-video';
 import '@bendyline/squisq-react';

package/dist/components/index.js

@@ -1,9 +1,9 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "../chunk-U2TST3MN.js";
-import "../chunk-NZYFSB2T.js";
-import "../chunk-ZQJBUX75.js";
+} from "../chunk-SO656KT7.js";
+import "../chunk-NX34XGLL.js";
+import "../chunk-2XACUF6E.js";
 import "../chunk-MEPETH5V.js";
 export {
   VideoExportButton,

package/dist/encoder/index.js

@@ -3,7 +3,7 @@ import {
   supportsWebCodecs,
   supportsWebCodecsAac,
   supportsWebCodecsH264
-} from "../chunk-ZQJBUX75.js";
+} from "../chunk-2XACUF6E.js";
 import "../chunk-MEPETH5V.js";
 export {
   createEncoder,

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { D as DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS, R as ResolvedVideoExportCover, U as UseVideoExportOptions, V as VideoAudioPolicy, a as VideoExportConfig, b as VideoExportFramePreview, c as VideoExportResult, d as VideoExportState, e as VideoOutputFormat, r as resolveVideoExportCover, u as useVideoExport } from '../useVideoExport-Okwrf8gg.js';
+export { D as DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS, R as ResolvedVideoExportCover, U as UseVideoExportOptions, V as VideoAudioPolicy, a as VideoExportConfig, b as VideoExportFramePreview, c as VideoExportResult, d as VideoExportState, e as VideoOutputFormat, r as resolveVideoExportCover, u as useVideoExport } from '../useVideoExport-DKpdXZ0o.js';
 import { Doc } from '@bendyline/squisq/schemas';
 import { RenderHtmlOptions } from '@bendyline/squisq-video';
 import { CaptionMode } from '@bendyline/squisq-react';

package/dist/hooks/index.js

@@ -3,8 +3,8 @@ import {
   resolveVideoExportCover,
   useFrameCapture,
   useVideoExport
-} from "../chunk-NZYFSB2T.js";
-import "../chunk-ZQJBUX75.js";
+} from "../chunk-NX34XGLL.js";
+import "../chunk-2XACUF6E.js";
 import "../chunk-MEPETH5V.js";
 export {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { VideoExportButton, VideoExportButtonProps, VideoExportModal, VideoExportModalProps, VideoExportPalette } from './components/index.js';
-export { D as DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS, R as ResolvedVideoExportCover, U as UseVideoExportOptions, V as VideoAudioPolicy, a as VideoExportConfig, b as VideoExportFramePreview, c as VideoExportResult, d as VideoExportState, e as VideoOutputFormat, r as resolveVideoExportCover, u as useVideoExport } from './useVideoExport-Okwrf8gg.js';
+export { D as DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS, R as ResolvedVideoExportCover, U as UseVideoExportOptions, V as VideoAudioPolicy, a as VideoExportConfig, b as VideoExportFramePreview, c as VideoExportResult, d as VideoExportState, e as VideoOutputFormat, r as resolveVideoExportCover, u as useVideoExport } from './useVideoExport-DKpdXZ0o.js';
 export { FrameCaptureHandle, FrameCaptureOptions, FrameCaptureRenderOptions, useFrameCapture } from './hooks/index.js';
 export { E as EncoderConfig, a as EncoderFrameSource, M as MainThreadEncoder, c as createEncoder, s as supportsWebCodecs, b as supportsWebCodecsH264 } from './mainThreadEncoder-BgcFyYvO.js';
 export { FfmpegWasmLoadConfig } from '@bendyline/squisq-video';

package/dist/index.js

@@ -1,19 +1,19 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "./chunk-U2TST3MN.js";
+} from "./chunk-SO656KT7.js";
 import {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,
   resolveVideoExportCover,
   useFrameCapture,
   useVideoExport
-} from "./chunk-NZYFSB2T.js";
+} from "./chunk-NX34XGLL.js";
 import {
   createEncoder,
   supportsWebCodecs,
   supportsWebCodecsAac,
   supportsWebCodecsH264
-} from "./chunk-ZQJBUX75.js";
+} from "./chunk-2XACUF6E.js";
 import "./chunk-MEPETH5V.js";
 export {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,

package/dist/{useVideoExport-Okwrf8gg.d.ts → useVideoExport-DKpdXZ0o.d.ts}

@@ -119,8 +119,8 @@ interface VideoExportResult {
     /**
      * Why audio is absent, when `audioIncluded` is false. `null` means the doc
      * simply had no audio (not a failure); a non-null string explains a genuine
-     * capability shortfall or runtime failure. Audio problems never fail the
-     * export — the video always completes.
+     * capability shortfall or runtime failure. The default `require` policy
+     * fails the export instead of returning a misleading video-only success.
      */
     audioSkippedReason: string | null;
     /** Error message (populated when state === 'error') */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "description": "React components for browser-based MP4 and animated-GIF export of Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -65,9 +65,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.4.1",
-    "@bendyline/squisq-video": "2.2.5",
-    "@bendyline/squisq-react": "2.4.1",
+    "@bendyline/squisq": "2.4.3",
+    "@bendyline/squisq-video": "2.2.7",
+    "@bendyline/squisq-react": "2.4.3",
     "@ffmpeg/core": "0.12.9",
     "@ffmpeg/ffmpeg": "0.12.15",
     "@ffmpeg/util": "0.12.2",