remotion 4.0.97 → 4.0.98

package/dist/cjs/Composition.d.ts

@@ -23,6 +23,7 @@ export type CalculateMetadataFunction<T extends Record<string, unknown>> = (opti
     defaultProps: T;
     props: T;
     abortSignal: AbortSignal;
+    compositionId: string;
 }) => Promise<CalcMetadataReturnType<T>> | CalcMetadataReturnType<T>;
 type OptionalDimensions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
     width?: number;

package/dist/cjs/audio/Audio.js

@@ -20,7 +20,7 @@ const AudioForDevelopment_js_1 = require("./AudioForDevelopment.js");
 const AudioForRendering_js_1 = require("./AudioForRendering.js");
 const shared_audio_tags_js_1 = require("./shared-audio-tags.js");
 const AudioRefForwardingFunction = (props, ref) => {
-    var _a, _b;
+    var _a, _b, _c;
     const audioContext = (0, react_1.useContext)(shared_audio_tags_js_1.SharedAudioContext);
     const { startFrom, endAt, name, stack, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
@@ -48,12 +48,13 @@ const AudioRefForwardingFunction = (props, ref) => {
     const onDuration = (0, react_1.useCallback)((src, durationInSeconds) => {
         setDurations({ type: 'got-duration', durationInSeconds, src });
     }, [setDurations]);
-    if (loop && durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)] !== undefined) {
-        const duration = Math.floor(durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)] * fps);
+    const durationFetched = (_a = durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[(0, absolute_src_js_1.getAbsoluteSrc)(props.src)];
+    if (loop && durationFetched !== undefined) {
+        const duration = durationFetched * fps;
         return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { layout: "none", durationInFrames: (0, calculate_loop_js_1.calculateLoopDuration)({
                 endAt,
                 mediaDuration: duration,
-                playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
+                playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 startFrom,
             }), children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
@@ -67,7 +68,7 @@ const AudioRefForwardingFunction = (props, ref) => {
     if (environment.isRendering) {
         return ((0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
     }
-    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_js_1.AudioForDevelopment, { _remotionInternalNativeLoopPassed: (_b = props._remotionInternalNativeLoopPassed) !== null && _b !== void 0 ? _b : false, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
+    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_js_1.AudioForDevelopment, { _remotionInternalNativeLoopPassed: (_c = props._remotionInternalNativeLoopPassed) !== null && _c !== void 0 ? _c : false, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
 };
 /**
  * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.

package/dist/cjs/resolve-video-config.js

@@ -36,6 +36,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
             defaultProps: (_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {},
             props: originalProps,
             abortSignal: signal,
+            compositionId: composition.id,
         })
         : null;
     if (calculatedProm !== null &&

package/dist/cjs/setup-env-variables.js

@@ -13,7 +13,9 @@ const getEnvVariables = () => {
     // For the Studio, we already set the environment variables in index-html.ts.
     // We just add NODE_ENV here.
     if (!process.env.NODE_ENV) {
-        throw new Error('process.env.NODE_ENV is not set');
+        // https://github.com/remotion-dev/remotion/issues/3412#issuecomment-1910120552
+        // eslint-disable-next-line no-useless-concat
+        throw new Error('process.en' + '' + 'v.NODE_ENV is not set');
     }
     return {
         NODE_ENV: process.env.NODE_ENV,

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.97";
+export declare const VERSION = "4.0.98";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.97';
+exports.VERSION = '4.0.98';

package/dist/cjs/video/Video.js

@@ -18,7 +18,7 @@ const duration_state_js_1 = require("./duration-state.js");
 const VideoForDevelopment_js_1 = require("./VideoForDevelopment.js");
 const VideoForRendering_js_1 = require("./VideoForRendering.js");
 const VideoForwardingFunction = (props, ref) => {
-    var _a;
+    var _a, _b;
     const { startFrom, endAt, name, stack, _remotionInternalNativeLoopPassed, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
@@ -34,12 +34,13 @@ const VideoForwardingFunction = (props, ref) => {
     const onDuration = (0, react_1.useCallback)((src, durationInSeconds) => {
         setDurations({ type: 'got-duration', durationInSeconds, src });
     }, [setDurations]);
-    if (loop && durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)] !== undefined) {
-        const mediaDuration = durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)] * fps;
+    const durationFetched = (_a = durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[(0, absolute_src_js_1.getAbsoluteSrc)(props.src)];
+    if (loop && durationFetched !== undefined) {
+        const mediaDuration = durationFetched * fps;
         return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { durationInFrames: (0, calculate_loop_js_1.calculateLoopDuration)({
                 endAt,
                 mediaDuration,
-                playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
+                playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 startFrom,
             }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.97';
+const VERSION = '4.0.98';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -530,6 +530,7 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
             defaultProps: (_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {},
             props: originalProps,
             abortSignal: signal,
+            compositionId: composition.id,
         })
         : null;
     if (calculatedProm !== null &&
@@ -2639,7 +2640,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
 const AudioForRendering = forwardRef(AudioForRenderingRefForwardingFunction);
 
 const AudioRefForwardingFunction = (props, ref) => {
-    var _a, _b;
+    var _a, _b, _c;
     const audioContext = useContext(SharedAudioContext);
     const { startFrom, endAt, name, stack, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
@@ -2667,12 +2668,13 @@ const AudioRefForwardingFunction = (props, ref) => {
     const onDuration = useCallback((src, durationInSeconds) => {
         setDurations({ type: 'got-duration', durationInSeconds, src });
     }, [setDurations]);
-    if (loop && durations[getAbsoluteSrc(preloadedSrc)] !== undefined) {
-        const duration = Math.floor(durations[getAbsoluteSrc(preloadedSrc)] * fps);
+    const durationFetched = (_a = durations[getAbsoluteSrc(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[getAbsoluteSrc(props.src)];
+    if (loop && durationFetched !== undefined) {
+        const duration = durationFetched * fps;
         return (jsx(Loop, { layout: "none", durationInFrames: calculateLoopDuration({
                 endAt,
                 mediaDuration: duration,
-                playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
+                playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 startFrom,
             }), children: jsx(Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
@@ -2686,7 +2688,7 @@ const AudioRefForwardingFunction = (props, ref) => {
     if (environment.isRendering) {
         return (jsx(AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
     }
-    return (jsx(AudioForDevelopment, { _remotionInternalNativeLoopPassed: (_b = props._remotionInternalNativeLoopPassed) !== null && _b !== void 0 ? _b : false, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
+    return (jsx(AudioForDevelopment, { _remotionInternalNativeLoopPassed: (_c = props._remotionInternalNativeLoopPassed) !== null && _c !== void 0 ? _c : false, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
 };
 /**
  * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.
@@ -3946,7 +3948,9 @@ const getEnvVariables = () => {
     // For the Studio, we already set the environment variables in index-html.ts.
     // We just add NODE_ENV here.
     if (!process.env.NODE_ENV) {
-        throw new Error('process.env.NODE_ENV is not set');
+        // https://github.com/remotion-dev/remotion/issues/3412#issuecomment-1910120552
+        // eslint-disable-next-line no-useless-concat
+        throw new Error('process.en' + '' + 'v.NODE_ENV is not set');
     }
     return {
         NODE_ENV: process.env.NODE_ENV,
@@ -4997,7 +5001,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
 const VideoForRendering = forwardRef(VideoForRenderingForwardFunction);
 
 const VideoForwardingFunction = (props, ref) => {
-    var _a;
+    var _a, _b;
     const { startFrom, endAt, name, stack, _remotionInternalNativeLoopPassed, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = useVideoConfig();
@@ -5013,12 +5017,13 @@ const VideoForwardingFunction = (props, ref) => {
     const onDuration = useCallback((src, durationInSeconds) => {
         setDurations({ type: 'got-duration', durationInSeconds, src });
     }, [setDurations]);
-    if (loop && durations[getAbsoluteSrc(preloadedSrc)] !== undefined) {
-        const mediaDuration = durations[getAbsoluteSrc(preloadedSrc)] * fps;
+    const durationFetched = (_a = durations[getAbsoluteSrc(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[getAbsoluteSrc(props.src)];
+    if (loop && durationFetched !== undefined) {
+        const mediaDuration = durationFetched * fps;
         return (jsx(Loop, { durationInFrames: calculateLoopDuration({
                 endAt,
                 mediaDuration,
-                playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
+                playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 startFrom,
             }), layout: "none", name: name, children: jsx(Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.97';
+const VERSION = '4.0.98';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.97",
+  "version": "4.0.98",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",