@bendyline/squisq-video-react 2.4.25 → 2.4.27

package/dist/captureVideoCodecs-HVCZBBNT.js

@@ -0,0 +1,18 @@
+import {
+  BlobSource,
+  Input,
+  MATROSKA,
+  MP4,
+  QTFF,
+  VideoSampleSink,
+  WEBM
+} from "./chunk-EJ3DVPFF.js";
+export {
+  BlobSource,
+  Input,
+  MATROSKA,
+  MP4,
+  QTFF,
+  VideoSampleSink,
+  WEBM
+};

package/dist/{chunk-JVGUGMEZ.js → chunk-5EBJNTMH.js}

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

package/dist/{chunk-NTLNXUMA.js → chunk-6I7OB66K.js}

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

package/dist/{chunk-IOLZNTKA.js → chunk-FGCFIAGU.js}

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

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

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

package/dist/{chunk-CWLDLWSE.js → chunk-RNMPQWDY.js}

@@ -1,13 +1,3 @@
-import {
-  BlobSource,
-  Input,
-  MATROSKA,
-  MP4,
-  QTFF,
-  VideoSampleSink,
-  WEBM
-} from "./chunk-R4P6O5U6.js";
-
 // src/hooks/useFrameCapture.ts
 import { createElement } from "react";
 import { createRoot } from "react-dom/client";
@@ -15,13 +5,11 @@ import { useRef, useCallback, useMemo } from "react";
 import { parseMediaCrop } from "@bendyline/squisq/mediaEdit";
 import { resolveDashboardStyleId } from "@bendyline/squisq/doc";
 import { DocPlayer, MediaContext } from "@bendyline/squisq-react";
-import html2canvas from "html2canvas";
 
 // src/hooks/captureVideoFrames.ts
 var FRAME_TIME_EPSILON_SECONDS = 1e-4;
 var MAX_SEQUENTIAL_DECODE_GAP_SECONDS = 3;
 var DECODABLE_SOURCE_URL = /^(?:blob|data):/i;
-var INPUT_FORMATS = [MP4, QTFF, WEBM, MATROSKA];
 var decodedFrames = /* @__PURE__ */ new WeakMap();
 function getDecodedCaptureFrame(video) {
   const frame = decodedFrames.get(video);
@@ -61,7 +49,14 @@ var DecodedVideoCursor = class _DecodedVideoCursor {
   }
   /** Open a local source, or null when it has no decodable video track. */
   static async open(blob, ownerDocument) {
-    const input = new Input({ source: new BlobSource(blob), formats: INPUT_FORMATS });
+    let codecs;
+    try {
+      codecs = await import("./captureVideoCodecs-HVCZBBNT.js");
+    } catch {
+      return null;
+    }
+    const { BlobSource, Input, MATROSKA, MP4, QTFF, VideoSampleSink, WEBM } = codecs;
+    const input = new Input({ source: new BlobSource(blob), formats: [MP4, QTFF, WEBM, MATROSKA] });
     try {
       const track = await input.getPrimaryVideoTrack();
       if (!track || !await track.canDecode()) {
@@ -866,6 +861,11 @@ async function rasterizeCaptureSvgClones(originalRoot, clonedRoot, transientCanv
   try {
     for (const [index, svg] of clonedSvgs.entries()) {
       const originalSvg = originalSvgs[index];
+      for (const element of [svg, ...Array.from(svg.querySelectorAll("*"))]) {
+        if (!element.style) continue;
+        element.style.setProperty("animation", "none", "important");
+        element.style.setProperty("transition", "none", "important");
+      }
       const { width, height } = captureSvgRasterSize(svg, originalSvg);
       const cacheKey = captureSvgRasterCacheKey(originalSvg ?? svg, index);
       activeCacheKeys.add(cacheKey);
@@ -878,7 +878,12 @@ async function rasterizeCaptureSvgClones(originalRoot, clonedRoot, transientCanv
       let rasterCanvas = null;
       try {
         await embedCaptureSvgImages(svg, imageDataUrls);
+        const opacity = svg.style.getPropertyValue("opacity");
+        const opacityPriority = svg.style.getPropertyPriority("opacity");
+        svg.style.setProperty("opacity", "1", "important");
         const serializedSvg = new XMLSerializer().serializeToString(svg);
+        if (opacity) svg.style.setProperty("opacity", opacity, opacityPriority);
+        else svg.style.removeProperty("opacity");
         let entry = cache.get(cacheKey);
         if (!entry || entry.serializedSvg !== serializedSvg || entry.width !== width || entry.height !== height) {
           const containsForeignObject = svg.querySelector("foreignObject") !== null;
@@ -1438,6 +1443,8 @@ function useFrameCapture() {
       if (!root) {
         throw new Error("Capture root element not found");
       }
+      const { default: html2canvas } = await import("html2canvas");
+      assertActive();
       const videoFrames = videoFramesRef.current;
       const prepareCaptureVideos = async () => {
         const attached = await videoFrames?.attach(root) ?? 0;

package/dist/{chunk-7RONIAPM.js → chunk-TRCTDIWS.js}

@@ -7,7 +7,7 @@ var inlineDenoiser = createRnnoiseDenoiserFactory(
   () => import("@shiguredo/rnnoise-wasm").then(({ Rnnoise }) => Rnnoise.load())
 );
 async function inlineEngine() {
-  return import("./mediaEditEngine-OBNK6I2B.js");
+  return import("./mediaEditEngine-3WUTBNJN.js");
 }
 function inlineOptions(options) {
   return { ...options, denoiser: options.denoiser ?? inlineDenoiser };

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

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

package/dist/components/index.js

@@ -1,16 +1,15 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "../chunk-NTLNXUMA.js";
+} from "../chunk-6I7OB66K.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JVGUGMEZ.js";
+} from "../chunk-5EBJNTMH.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-IOLZNTKA.js";
-import "../chunk-CWLDLWSE.js";
-import "../chunk-R4P6O5U6.js";
+import "../chunk-FGCFIAGU.js";
+import "../chunk-RNMPQWDY.js";
 import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {

package/dist/cover-image/index.js

@@ -2,10 +2,9 @@ import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "../chunk-JVGUGMEZ.js";
+} from "../chunk-5EBJNTMH.js";
 import "../chunk-3NJDHK62.js";
-import "../chunk-CWLDLWSE.js";
-import "../chunk-R4P6O5U6.js";
+import "../chunk-RNMPQWDY.js";
 export {
   CoverImageExportModal,
   coverImageFilename,

package/dist/dashboard-image/index.js

@@ -7,8 +7,7 @@ import {
 } from "../chunk-3NJDHK62.js";
 import {
   useFrameCapture
-} from "../chunk-CWLDLWSE.js";
-import "../chunk-R4P6O5U6.js";
+} from "../chunk-RNMPQWDY.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-UVDJINCK.js";
+} from "../chunk-VE3OUBRG.js";
 import "../chunk-2W6JQSIY.js";
 import {
   createEncoder,

package/dist/hooks/index.js

@@ -3,11 +3,10 @@ import {
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "../chunk-IOLZNTKA.js";
+} from "../chunk-FGCFIAGU.js";
 import {
   useFrameCapture
-} from "../chunk-CWLDLWSE.js";
-import "../chunk-R4P6O5U6.js";
+} from "../chunk-RNMPQWDY.js";
 import "../chunk-RIXBIX3H.js";
 import "../chunk-5MFQMJ5Z.js";
 export {

package/dist/index.js

@@ -1,27 +1,26 @@
 import {
   VideoExportButton,
   VideoExportModal
-} from "./chunk-NTLNXUMA.js";
+} from "./chunk-6I7OB66K.js";
 import {
   CoverImageExportModal,
   coverImageFilename,
   validateCoverImageDimensions
-} from "./chunk-JVGUGMEZ.js";
+} from "./chunk-5EBJNTMH.js";
 import "./chunk-3NJDHK62.js";
 import {
   DEFAULT_VIDEO_COVER_PRE_ROLL_SECONDS,
   resolveVideoCoverFramePlan,
   resolveVideoExportCover,
   useVideoExport
-} from "./chunk-IOLZNTKA.js";
+} from "./chunk-FGCFIAGU.js";
 import {
   useFrameCapture
-} from "./chunk-CWLDLWSE.js";
-import "./chunk-R4P6O5U6.js";
+} from "./chunk-RNMPQWDY.js";
 import {
   createAudioFileEncoder,
   supportedAudioFileFormats
-} from "./chunk-UVDJINCK.js";
+} from "./chunk-VE3OUBRG.js";
 import "./chunk-2W6JQSIY.js";
 import {
   createEncoder,
@@ -37,7 +36,7 @@ import {
   useMediaEditRenders,
   useMediaEditStatus,
   useProcessedAudio
-} from "./chunk-7RONIAPM.js";
+} from "./chunk-TRCTDIWS.js";
 import "./chunk-TL2IMDIZ.js";
 import "./chunk-5MFQMJ5Z.js";
 export {

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

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

package/dist/media-edit/index.js

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

package/dist/{mediaEditEngine-OBNK6I2B.js → mediaEditEngine-3WUTBNJN.js}

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

package/dist/workers/mediaEdit.worker.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "2.4.25",
+  "version": "2.4.27",
   "description": "React components for browser-based MP4 and animated-GIF export of Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -79,7 +79,7 @@
   "dependencies": {
     "@bendyline/squisq": "2.11.19",
     "@bendyline/squisq-video": "2.3.23",
-    "@bendyline/squisq-react": "2.11.21",
+    "@bendyline/squisq-react": "2.11.23",
     "@ffmpeg/core": "0.12.10",
     "@ffmpeg/ffmpeg": "0.12.15",
     "@ffmpeg/util": "0.12.2",