@bendyline/squisq-video-react 2.5.21 → 2.5.23

package/dist/{chunk-MGOHAWFC.js → chunk-6XPYI42H.js}

@@ -1,6 +1,6 @@
 import {
   useFrameCapture
-} from "./chunk-AE3TQUC4.js";
+} from "./chunk-ZEA6XJL7.js";
 import {
   EXPORT_AUDIO_CHANNELS,
   EXPORT_AUDIO_SAMPLE_RATE,

package/dist/{chunk-6BMNXH6K.js → chunk-DR5I6WZQ.js}

@@ -1,6 +1,6 @@
 import {
   useVideoExport
-} from "./chunk-MGOHAWFC.js";
+} from "./chunk-6XPYI42H.js";
 
 // src/VideoExportModal.tsx
 import { useState, useCallback, useEffect, useId, useRef } from "react";

package/dist/{chunk-JGD6B4E6.js → chunk-XPWYKETM.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-3NJDHK62.js";
 import {
   useFrameCapture
-} from "./chunk-AE3TQUC4.js";
+} from "./chunk-ZEA6XJL7.js";
 
 // src/CoverImageExportModal.tsx
 import { useCallback, useId, useRef, useState } from "react";

package/dist/{chunk-AE3TQUC4.js → chunk-ZEA6XJL7.js}

@@ -269,6 +269,7 @@ var CAPTURE_SETUP_TIMEOUT_MS = 6e4;
 var RENDER_TIME_EPSILON_SECONDS = 1e-6;
 var POTENTIALLY_ANIMATED_IMAGE_URL = /(?:^data:image\/(?:gif|webp|avif)[;,]|\.(?:gif|webp|avif)(?:[?#]|$))/i;
 var CAPTURE_SVG_SELECTOR = "svg.block-svg";
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 var CAPTURE_VIDEO_READINESS_POLL_MS = 16;
 var CAPTURE_VIDEO_END_PROBE_TIME = 1e101;
 var SCHEDULED_MEDIA_SELECTOR = ".doc-player__media-clips";
@@ -341,7 +342,12 @@ async function waitForCaptureAssets(captureRoot, decodedImages = /* @__PURE__ */
   );
   await Promise.all(
     pendingImages.map(async (image) => {
-      await waitForImageDecode(image);
+      try {
+        await waitForImageDecode(image);
+      } catch (error) {
+        if (!(error instanceof DOMException) || !image.alt) throw error;
+        throw new Error(`Image "${image.alt}" could not be decoded: ${error.message}`);
+      }
       decodedImages.add(image);
     })
   );
@@ -535,7 +541,10 @@ function showsUncommittedMediaUrl(root, resolved) {
   }
   if (mapped.size === 0) return false;
   return Array.from(root.querySelectorAll("img[src], video[src], audio[src], source[src]")).some(
-    (element) => mapped.has(stripRelativePrefix(element.getAttribute("src") ?? ""))
+    (element) => {
+      const src = element.getAttribute("src") ?? "";
+      return src === "" || mapped.has(stripRelativePrefix(src));
+    }
   );
 }
 async function waitForCaptureMediaResolutions(tracker, captureRoot) {
@@ -867,11 +876,17 @@ async function rasterizeCaptureSvgClones(originalRoot, clonedRoot, transientCanv
         if (!element.style) continue;
         element.style.setProperty("animation", "none", "important");
         element.style.setProperty("transition", "none", "important");
+        if (element.namespaceURI === SVG_NAMESPACE) {
+          element.style.removeProperty("-webkit-text-fill-color");
+        }
       }
+      const noScrollbars = svg.ownerDocument.createElementNS(SVG_NAMESPACE, "style");
+      noScrollbars.textContent = "*{scrollbar-width:none!important}";
+      svg.prepend(noScrollbars);
       const { width, height } = captureSvgRasterSize(svg, originalSvg);
       const cacheKey = captureSvgRasterCacheKey(originalSvg ?? svg, index);
       activeCacheKeys.add(cacheKey);
-      svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+      svg.setAttribute("xmlns", SVG_NAMESPACE);
       svg.setAttribute("width", String(width));
       svg.setAttribute("height", String(height));
       let bitmap = null;

package/dist/components/index.js

@@ -1,15 +1,15 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "../chunk-6BMNXH6K.js";
+} from "../chunk-DR5I6WZQ.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JGD6B4E6.js";
+} from "../chunk-XPWYKETM.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-MGOHAWFC.js";
-import "../chunk-AE3TQUC4.js";
+import "../chunk-6XPYI42H.js";
+import "../chunk-ZEA6XJL7.js";
 import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {

package/dist/cover-image/index.js

@@ -2,9 +2,9 @@ import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JGD6B4E6.js";
+} from "../chunk-XPWYKETM.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-AE3TQUC4.js";
+import "../chunk-ZEA6XJL7.js";
 export {
   CoverImageExportModal,
   coverImageFilename,

package/dist/dashboard-image/index.js

@@ -7,7 +7,7 @@ import {
 } from "../chunk-3NJDHK62.js";
 import {
   useFrameCapture
-} from "../chunk-AE3TQUC4.js";
+} from "../chunk-ZEA6XJL7.js";
 
 // src/DashboardImageExportModal.tsx
 import { useCallback, useId, useMemo, useRef, useState } from "react";

package/dist/hooks/index.js

@@ -3,10 +3,10 @@ import {
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "../chunk-MGOHAWFC.js";
+} from "../chunk-6XPYI42H.js";
 import {
   useFrameCapture
-} from "../chunk-AE3TQUC4.js";
+} from "../chunk-ZEA6XJL7.js";
 import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {

package/dist/index.js

@@ -1,22 +1,22 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "./chunk-6BMNXH6K.js";
+} from "./chunk-DR5I6WZQ.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "./chunk-JGD6B4E6.js";
+} from "./chunk-XPWYKETM.js";
 import "./chunk-3NJDHK62.js";
 import {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "./chunk-MGOHAWFC.js";
+} from "./chunk-6XPYI42H.js";
 import {
   useFrameCapture
-} from "./chunk-AE3TQUC4.js";
+} from "./chunk-ZEA6XJL7.js";
 import {
   createAudioFileEncoder,
   supportedAudioFileFormats

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "2.5.21",
+  "version": "2.5.23",
   "description": "React components for browser-based MP4 and animated-GIF export of Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -81,9 +81,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.8",
-    "@bendyline/squisq-video": "2.4.14",
-    "@bendyline/squisq-react": "2.12.20",
+    "@bendyline/squisq": "2.13.10",
+    "@bendyline/squisq-video": "2.4.16",
+    "@bendyline/squisq-react": "2.12.22",
     "@ffmpeg/core": "0.12.10",
     "@ffmpeg/ffmpeg": "0.12.15",
     "@ffmpeg/util": "0.12.2",