remotion 4.0.387 → 4.0.389

package/dist/cjs/RenderAssetManager.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderAssetManagerProvider = exports.RenderAssetManager = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_dom_1 = require("react-dom");
 const validate_artifact_js_1 = require("./validation/validate-artifact.js");
 exports.RenderAssetManager = (0, react_1.createContext)({
     // Must be undefined, otherwise error in Player
@@ -13,38 +12,39 @@ exports.RenderAssetManager = (0, react_1.createContext)({
 });
 const RenderAssetManagerProvider = ({ children, collectAssets }) => {
     const [renderAssets, setRenderAssets] = (0, react_1.useState)([]);
+    const renderAssetsRef = (0, react_1.useRef)([]);
     const registerRenderAsset = (0, react_1.useCallback)((renderAsset) => {
         (0, validate_artifact_js_1.validateRenderAsset)(renderAsset);
-        setRenderAssets((assets) => {
-            return [...assets, renderAsset];
-        });
+        renderAssetsRef.current = [...renderAssetsRef.current, renderAsset];
+        setRenderAssets(renderAssetsRef.current);
     }, []);
     if (collectAssets) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         (0, react_1.useImperativeHandle)(collectAssets, () => {
             return {
                 collectAssets: () => {
-                    (0, react_dom_1.flushSync)(() => {
-                        setRenderAssets([]); // clear assets at next render
-                    });
-                    return renderAssets;
+                    const assets = renderAssetsRef.current;
+                    renderAssetsRef.current = [];
+                    setRenderAssets([]);
+                    return assets;
                 },
             };
-        }, [renderAssets]);
+        }, []);
     }
     const unregisterRenderAsset = (0, react_1.useCallback)((id) => {
-        setRenderAssets((assts) => {
-            return assts.filter((a) => a.id !== id);
-        });
+        renderAssetsRef.current = renderAssetsRef.current.filter((a) => a.id !== id);
+        setRenderAssets(renderAssetsRef.current);
     }, []);
     (0, react_1.useLayoutEffect)(() => {
         if (typeof window !== 'undefined') {
             window.remotion_collectAssets = () => {
-                setRenderAssets([]); // clear assets at next render
-                return renderAssets;
+                const assets = renderAssetsRef.current;
+                renderAssetsRef.current = [];
+                setRenderAssets([]);
+                return assets;
             };
         }
-    }, [renderAssets]);
+    }, []);
     const contextValue = (0, react_1.useMemo)(() => {
         return {
             registerRenderAsset,

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.387";
+export declare const VERSION = "4.0.389";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.387';
+exports.VERSION = '4.0.389';

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.387";
+var VERSION = "4.0.389";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2360,9 +2360,9 @@ import {
   useImperativeHandle as useImperativeHandle5,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo11,
+  useRef as useRef5,
   useState as useState8
 } from "react";
-import { flushSync } from "react-dom";
 
 // src/validation/validate-artifact.ts
 var validateArtifactFilename = (filename) => {
@@ -2408,37 +2408,38 @@ var RenderAssetManager = createContext12({
 });
 var RenderAssetManagerProvider = ({ children, collectAssets }) => {
   const [renderAssets, setRenderAssets] = useState8([]);
+  const renderAssetsRef = useRef5([]);
   const registerRenderAsset = useCallback6((renderAsset) => {
     validateRenderAsset(renderAsset);
-    setRenderAssets((assets) => {
-      return [...assets, renderAsset];
-    });
+    renderAssetsRef.current = [...renderAssetsRef.current, renderAsset];
+    setRenderAssets(renderAssetsRef.current);
   }, []);
   if (collectAssets) {
     useImperativeHandle5(collectAssets, () => {
       return {
         collectAssets: () => {
-          flushSync(() => {
-            setRenderAssets([]);
-          });
-          return renderAssets;
+          const assets = renderAssetsRef.current;
+          renderAssetsRef.current = [];
+          setRenderAssets([]);
+          return assets;
         }
       };
-    }, [renderAssets]);
+    }, []);
   }
   const unregisterRenderAsset = useCallback6((id) => {
-    setRenderAssets((assts) => {
-      return assts.filter((a) => a.id !== id);
-    });
+    renderAssetsRef.current = renderAssetsRef.current.filter((a) => a.id !== id);
+    setRenderAssets(renderAssetsRef.current);
   }, []);
   useLayoutEffect3(() => {
     if (typeof window !== "undefined") {
       window.remotion_collectAssets = () => {
+        const assets = renderAssetsRef.current;
+        renderAssetsRef.current = [];
         setRenderAssets([]);
-        return renderAssets;
+        return assets;
       };
     }
-  }, [renderAssets]);
+  }, []);
   const contextValue = useMemo11(() => {
     return {
       registerRenderAsset,
@@ -2976,7 +2977,7 @@ import {
   useEffect as useEffect12,
   useImperativeHandle as useImperativeHandle6,
   useMemo as useMemo21,
-  useRef as useRef12,
+  useRef as useRef13,
   useState as useState15
 } from "react";
 
@@ -2995,7 +2996,7 @@ var getCrossOriginValue = ({
 };
 
 // src/use-amplification.ts
-import { useContext as useContext17, useLayoutEffect as useLayoutEffect5, useRef as useRef7 } from "react";
+import { useContext as useContext17, useLayoutEffect as useLayoutEffect5, useRef as useRef8 } from "react";
 
 // src/audio/shared-audio-tags.tsx
 import React15, {
@@ -3004,7 +3005,7 @@ import React15, {
   useCallback as useCallback7,
   useContext as useContext16,
   useMemo as useMemo15,
-  useRef as useRef5,
+  useRef as useRef6,
   useState as useState11
 } from "react";
 
@@ -3152,7 +3153,7 @@ var didPropChange = (key, newProp, prevProp) => {
 };
 var SharedAudioContext = createContext16(null);
 var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHint }) => {
-  const audios = useRef5([]);
+  const audios = useRef6([]);
   const [initialNumberOfAudioTags] = useState11(numberOfAudioTags);
   if (numberOfAudioTags !== initialNumberOfAudioTags) {
     throw new Error("The number of shared audio tags has changed dynamically. Once you have set this property, you cannot change it afterwards.");
@@ -3172,7 +3173,7 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, audioLatencyHin
       };
     });
   }, [audioContext, numberOfAudioTags]);
-  const takenAudios = useRef5(new Array(numberOfAudioTags).fill(false));
+  const takenAudios = useRef6(new Array(numberOfAudioTags).fill(false));
   const rerenderAudios = useCallback7(() => {
     refs.forEach(({ ref, id }) => {
       const data = audios.current?.find((a) => a.id === id);
@@ -3358,7 +3359,7 @@ var isApproximatelyTheSame = (num1, num2) => {
 };
 
 // src/video/video-fragment.ts
-import { useRef as useRef6 } from "react";
+import { useRef as useRef7 } from "react";
 var toSeconds = (time, fps) => {
   return Math.round(time / fps * 100) / 100;
 };
@@ -3445,9 +3446,9 @@ var useAppendVideoFragment = ({
   duration: initialDuration,
   fps
 }) => {
-  const actualFromRef = useRef6(initialActualFrom);
-  const actualDuration = useRef6(initialDuration);
-  const actualSrc = useRef6(initialActualSrc);
+  const actualFromRef = useRef7(initialActualFrom);
+  const actualDuration = useRef7(initialDuration);
+  const actualSrc = useRef7(initialActualSrc);
   if (!isSubsetOfDuration({
     prevStartFrom: actualFromRef.current,
     newStartFrom: initialActualFrom,
@@ -3486,8 +3487,8 @@ var useVolume = ({
   source,
   shouldUseWebAudioApi
 }) => {
-  const audioStuffRef = useRef7(null);
-  const currentVolumeRef = useRef7(volume);
+  const audioStuffRef = useRef8(null);
+  const currentVolumeRef = useRef8(volume);
   currentVolumeRef.current = volume;
   const sharedAudioContext = useContext17(SharedAudioContext);
   if (!sharedAudioContext) {
@@ -3760,11 +3761,11 @@ import {
   useContext as useContext22,
   useEffect as useEffect10,
   useLayoutEffect as useLayoutEffect7,
-  useRef as useRef11
+  useRef as useRef12
 } from "react";
 
 // src/buffer-until-first-frame.ts
-import { useCallback as useCallback9, useMemo as useMemo19, useRef as useRef9 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo19, useRef as useRef10 } from "react";
 
 // src/use-buffer-state.ts
 import { useContext as useContext21, useMemo as useMemo18 } from "react";
@@ -3776,7 +3777,7 @@ import React16, {
   useEffect as useEffect7,
   useLayoutEffect as useLayoutEffect6,
   useMemo as useMemo17,
-  useRef as useRef8,
+  useRef as useRef9,
   useState as useState13
 } from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -3784,7 +3785,7 @@ var useBufferManager = (logLevel, mountTime) => {
   const [blocks, setBlocks] = useState13([]);
   const [onBufferingCallbacks, setOnBufferingCallbacks] = useState13([]);
   const [onResumeCallbacks, setOnResumeCallbacks] = useState13([]);
-  const buffering = useRef8(false);
+  const buffering = useRef9(false);
   const addBlock = useCallback8((block) => {
     setBlocks((b) => [...b, block]);
     return {
@@ -3905,7 +3906,7 @@ var useBufferUntilFirstFrame = ({
   logLevel,
   mountTime
 }) => {
-  const bufferingRef = useRef9(false);
+  const bufferingRef = useRef10(false);
   const { delayPlayback } = useBufferState();
   const bufferUntilFirstFrame = useCallback9((requestedTime) => {
     if (mediaType !== "video") {
@@ -4163,14 +4164,14 @@ var useMediaBuffering = ({
 };
 
 // src/use-request-video-callback-time.ts
-import { useEffect as useEffect9, useRef as useRef10 } from "react";
+import { useEffect as useEffect9, useRef as useRef11 } from "react";
 var useRequestVideoCallbackTime = ({
   mediaRef,
   mediaType,
   lastSeek,
   onVariableFpsVideoDetected
 }) => {
-  const currentTime = useRef10(null);
+  const currentTime = useRef11(null);
   useEffect9(() => {
     const { current } = mediaRef;
     if (current) {
@@ -4406,14 +4407,14 @@ var useMediaPlayback = ({
   const buffering = useContext22(BufferingContextReact);
   const { fps } = useVideoConfig();
   const mediaStartsAt = useMediaStartsAt();
-  const lastSeekDueToShift = useRef11(null);
-  const lastSeek = useRef11(null);
+  const lastSeekDueToShift = useRef12(null);
+  const lastSeek = useRef12(null);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   if (!buffering) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
-  const isVariableFpsVideoMap = useRef11({});
+  const isVariableFpsVideoMap = useRef12({});
   const onVariableFpsVideoDetected = useCallback10(() => {
     if (!src) {
       return;
@@ -4857,7 +4858,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   useImperativeHandle6(ref, () => {
     return audioRef.current;
   }, [audioRef]);
-  const currentOnDurationCallback = useRef12(onDuration);
+  const currentOnDurationCallback = useRef13(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEffect12(() => {
     const { current } = audioRef;
@@ -4896,11 +4897,11 @@ import {
   useImperativeHandle as useImperativeHandle7,
   useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo22,
-  useRef as useRef13
+  useRef as useRef14
 } from "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var AudioForRenderingRefForwardingFunction = (props, ref) => {
-  const audioRef = useRef13(null);
+  const audioRef = useRef14(null);
   const {
     volume: volumeProp,
     playbackRate,
@@ -5722,7 +5723,7 @@ import {
   useContext as useContext30,
   useImperativeHandle as useImperativeHandle8,
   useLayoutEffect as useLayoutEffect9,
-  useRef as useRef14
+  useRef as useRef15
 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 function exponentialBackoff(errorCount) {
@@ -5739,8 +5740,8 @@ var ImgRefForwarding = ({
   crossOrigin,
   ...props2
 }, ref) => {
-  const imageRef = useRef14(null);
-  const errors = useRef14({});
+  const imageRef = useRef15(null);
+  const errors = useRef15({});
   const { delayPlayback } = useBufferState();
   const sequenceContext = useContext30(SequenceContext);
   if (!src) {
@@ -5883,7 +5884,7 @@ import {
   useCallback as useCallback14,
   useImperativeHandle as useImperativeHandle9,
   useMemo as useMemo25,
-  useRef as useRef15,
+  useRef as useRef16,
   useState as useState17
 } from "react";
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -5897,7 +5898,7 @@ var CompositionManagerProvider = ({
   const [folders, setFolders] = useState17([]);
   const [canvasContent, setCanvasContent] = useState17(initialCanvasContent);
   const [compositions, setCompositions] = useState17(initialCompositions);
-  const currentcompositionsRef = useRef15(compositions);
+  const currentcompositionsRef = useRef16(compositions);
   const updateCompositions = useCallback14((updateComps) => {
     setCompositions((comps) => {
       const updated = updateComps(comps);
@@ -6513,7 +6514,7 @@ import {
   useEffect as useEffect19,
   useImperativeHandle as useImperativeHandle10,
   useMemo as useMemo29,
-  useRef as useRef16,
+  useRef as useRef17,
   useState as useState20
 } from "react";
 
@@ -6553,7 +6554,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   if (!context) {
     throw new Error("SharedAudioContext not found");
   }
-  const videoRef = useRef16(null);
+  const videoRef = useRef17(null);
   const sharedSource = useMemo29(() => {
     if (!context.audioContext) {
       return null;
@@ -6701,7 +6702,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       current.removeEventListener("error", errorHandler);
     };
   }, [onError, src]);
-  const currentOnDurationCallback = useRef16(onDuration);
+  const currentOnDurationCallback = useRef17(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEmitVideoFrame({ ref: videoRef, onVideoFrame });
   useEffect19(() => {
@@ -7964,7 +7965,7 @@ import {
   useImperativeHandle as useImperativeHandle11,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo32,
-  useRef as useRef17
+  useRef as useRef18
 } from "react";
 
 // src/video/seek-until-right.ts
@@ -8113,7 +8114,7 @@ var VideoForRenderingForwardFunction = ({
   const frame = useCurrentFrame();
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const videoConfig = useUnsafeVideoConfig();
-  const videoRef = useRef17(null);
+  const videoRef = useRef18(null);
   const sequenceContext = useContext34(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
   const environment = useRemotionEnvironment();

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.387";
+var VERSION = "4.0.389";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.387",
+	"version": "4.0.389",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -34,7 +34,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.96.1",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.387",
+		"@remotion/eslint-config-internal": "4.0.389",
 		"eslint": "9.19.0"
 	},
 	"keywords": [

package/dist/cjs/calculate-loop.d.ts

@@ -1,6 +0,0 @@
-export declare const calculateLoopDuration: ({ endAt, mediaDuration, playbackRate, startFrom, }: {
-    mediaDuration: number;
-    playbackRate: number;
-    startFrom: number | undefined;
-    endAt: number | undefined;
-}) => number;

package/dist/cjs/calculate-loop.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateLoopDuration = void 0;
-const calculateLoopDuration = ({ endAt, mediaDuration, playbackRate, startFrom, }) => {
-    let duration = mediaDuration;
-    // Account for endAt
-    if (typeof endAt !== 'undefined') {
-        duration = endAt;
-    }
-    // Account for startFrom
-    if (typeof startFrom !== 'undefined') {
-        duration -= startFrom;
-    }
-    const actualDuration = duration / playbackRate;
-    return Math.floor(actualDuration);
-};
-exports.calculateLoopDuration = calculateLoopDuration;

package/dist/cjs/video/use-audio-channel-index.d.ts

@@ -1,4 +0,0 @@
-export declare const useAudioChannelIndex: ({ ref, audioChannelIndex, }: {
-    ref: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
-    audioChannelIndex: number;
-}) => void;

package/dist/cjs/video/use-audio-channel-index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAudioChannelIndex = void 0;
-const react_1 = require("react");
-const useAudioChannelIndex = ({ ref, audioChannelIndex, }) => {
-    (0, react_1.useEffect)(() => {
-        var _a;
-        // @ts-expect-error
-        const audioChannels = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.audioTracks;
-        console.log({ audioChannels, audioChannelIndex });
-    }, [ref, audioChannelIndex]);
-};
-exports.useAudioChannelIndex = useAudioChannelIndex;