remotion 4.0.142 → 4.0.144

package/dist/cjs/spring/spring-utils.d.ts

@@ -11,9 +11,7 @@ export type SpringConfig = {
     stiffness: number;
     overshootClamping: boolean;
 };
-export declare function springCalculation({ from, to, frame, fps, config, }: {
-    from?: number;
-    to?: number;
+export declare function springCalculation({ frame, fps, config, }: {
     frame: number;
     fps: number;
     config?: Partial<SpringConfig>;

package/dist/cjs/spring/spring-utils.js

@@ -60,10 +60,10 @@ function advance({ animation, now, config, }) {
     return animationNode;
 }
 const calculationCache = {};
-function springCalculation({ from = 0, to = 1, frame, fps, config = {}, }) {
+function springCalculation({ frame, fps, config = {}, }) {
+    const from = 0;
+    const to = 1;
     const cacheKey = [
-        from,
-        to,
         frame,
         fps,
         config.damping,

package/dist/cjs/use-video-config.d.ts

@@ -1,8 +1,7 @@
 import type { VideoConfig } from './video-config.js';
 /**
- * /**
  * @description Get some info about the context of the video that you are making.
  * @see [Documentation](https://www.remotion.dev/docs/use-video-config)
- * @returns Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
+ * @returns Returns an object containing `fps`, `width`, `height`, `durationInFrames`, `id` and `defaultProps`.
  */
 export declare const useVideoConfig: () => VideoConfig;

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

@@ -6,10 +6,9 @@ const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const is_player_js_1 = require("./is-player.js");
 const use_unsafe_video_config_js_1 = require("./use-unsafe-video-config.js");
 /**
- * /**
  * @description Get some info about the context of the video that you are making.
  * @see [Documentation](https://www.remotion.dev/docs/use-video-config)
- * @returns Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
+ * @returns Returns an object containing `fps`, `width`, `height`, `durationInFrames`, `id` and `defaultProps`.
  */
 const useVideoConfig = () => {
     const videoConfig = (0, use_unsafe_video_config_js_1.useUnsafeVideoConfig)();

package/dist/cjs/version.d.ts

@@ -1 +1,6 @@
-export declare const VERSION = "4.0.142";
+/**
+ * @description Provides the current version number of the Remotion library.
+ * @see [Documentation](https://remotion.dev/docs/version)
+ * @returns {string} The current version of the remotion package
+ */
+export declare const VERSION = "4.0.144";

package/dist/cjs/version.js

@@ -1,5 +1,10 @@
 "use strict";
+// Automatically generated on publish
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-// Automatically generated on publish
-exports.VERSION = '4.0.142';
+/**
+ * @description Provides the current version number of the Remotion library.
+ * @see [Documentation](https://remotion.dev/docs/version)
+ * @returns {string} The current version of the remotion package
+ */
+exports.VERSION = '4.0.144';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -18,10 +18,10 @@ const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const get_current_time_js_1 = require("./get-current-time.js");
 const offthread_video_source_js_1 = require("./offthread-video-source.js");
-const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneMapped = true, toneFrequency, name, ...props }) => {
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneMapped = true, toneFrequency, name, loopVolumeCurveBehavior, ...props }) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
-    const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
+    const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
     const videoConfig = (0, use_unsafe_video_config_js_1.useUnsafeVideoConfig)();
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const mediaStartsAt = (0, use_audio_frame_js_1.useMediaStartsAt)();

package/dist/cjs/video/Video.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { RemotionMainVideoProps } from './props.js';
+import type { RemotionMainVideoProps } from './props';
 /**
  * @description allows you to include a video file in your Remotion project. It wraps the native HTMLVideoElement.
  * @see [Documentation](https://www.remotion.dev/docs/video)
@@ -14,10 +14,11 @@ export declare const Video: React.ForwardRefExoticComponent<Omit<Omit<React.Deta
     pauseWhenBuffering?: boolean | undefined;
     showInTimeline?: boolean | undefined;
     delayRenderTimeoutInMilliseconds?: number | undefined;
+    loopVolumeCurveBehavior?: import("../audio/use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
     delayRenderRetries?: number | undefined;
 } & RemotionMainVideoProps & {
     /**
      * @deprecated For internal use only
      */
-    stack?: string | undefined;
+    readonly stack?: string | undefined;
 }, "ref"> & React.RefAttributes<HTMLVideoElement>>;

package/dist/cjs/video/VideoForPreview.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { RemotionVideoProps } from './props.js';
+import type { RemotionVideoProps } from './props';
 type VideoForPreviewProps = RemotionVideoProps & {
-    onlyWarnForMediaSeekingError: boolean;
-    onDuration: (src: string, durationInSeconds: number) => void;
-    pauseWhenBuffering: boolean;
-    _remotionInternalNativeLoopPassed: boolean;
-    _remotionInternalStack: string | null;
-    showInTimeline: boolean;
+    readonly onlyWarnForMediaSeekingError: boolean;
+    readonly onDuration: (src: string, durationInSeconds: number) => void;
+    readonly pauseWhenBuffering: boolean;
+    readonly _remotionInternalNativeLoopPassed: boolean;
+    readonly _remotionInternalStack: string | null;
+    readonly showInTimeline: boolean;
 };
 export declare const VideoForPreview: React.ForwardRefExoticComponent<Omit<VideoForPreviewProps, "ref"> & React.RefAttributes<HTMLVideoElement>>;
 export {};

package/dist/cjs/video/VideoForPreview.js

@@ -18,15 +18,15 @@ const video_fragment_js_1 = require("./video-fragment.js");
 const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     var _a, _b, _c;
     const videoRef = (0, react_1.useRef)(null);
-    const volumePropFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
+    const { volume, muted, playbackRate, onlyWarnForMediaSeekingError, src, onDuration, 
+    // @ts-expect-error
+    acceptableTimeShift, acceptableTimeShiftInSeconds, toneFrequency, name, _remotionInternalNativeLoopPassed, _remotionInternalStack, style, pauseWhenBuffering, showInTimeline, loopVolumeCurveBehavior, ...nativeProps } = props;
+    const volumePropFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
     const { fps, durationInFrames } = (0, use_video_config_js_1.useVideoConfig)();
     const parentSequence = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const { hidden } = (0, react_1.useContext)(SequenceManager_js_1.SequenceVisibilityToggleContext);
     const [timelineId] = (0, react_1.useState)(() => String(Math.random()));
     const isSequenceHidden = (_a = hidden[timelineId]) !== null && _a !== void 0 ? _a : false;
-    const { volume, muted, playbackRate, onlyWarnForMediaSeekingError, src, onDuration, 
-    // @ts-expect-error
-    acceptableTimeShift, acceptableTimeShiftInSeconds, toneFrequency, name, _remotionInternalNativeLoopPassed, _remotionInternalStack, style, pauseWhenBuffering, showInTimeline, ...nativeProps } = props;
     if (typeof acceptableTimeShift !== 'undefined') {
         throw new Error('acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.');
     }
@@ -66,9 +66,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         shouldBuffer: pauseWhenBuffering,
         isPremounting: Boolean(parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting),
     });
-    const actualFrom = parentSequence
-        ? parentSequence.relativeFrom + parentSequence.cumulatedFrom
-        : 0;
+    const actualFrom = parentSequence ? parentSequence.relativeFrom : 0;
     const duration = parentSequence
         ? Math.min(parentSequence.durationInFrames, durationInFrames)
         : durationInFrames;

package/dist/cjs/video/VideoForRendering.d.ts

@@ -10,6 +10,7 @@ export declare const VideoForRendering: ForwardRefExoticComponent<Omit<React.Det
     pauseWhenBuffering?: boolean | undefined;
     showInTimeline?: boolean | undefined;
     delayRenderTimeoutInMilliseconds?: number | undefined;
+    loopVolumeCurveBehavior?: import("../audio/use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
     delayRenderRetries?: number | undefined;
 } & {
     readonly onDuration: (src: string, durationInSeconds: number) => void;

package/dist/cjs/video/VideoForRendering.js

@@ -17,10 +17,10 @@ const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const get_current_time_js_1 = require("./get-current-time.js");
 const seek_until_right_js_1 = require("./seek-until-right.js");
-const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, toneFrequency, name, acceptableTimeShiftInSeconds, delayRenderRetries, delayRenderTimeoutInMilliseconds, ...props }, ref) => {
+const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, toneFrequency, name, acceptableTimeShiftInSeconds, delayRenderRetries, delayRenderTimeoutInMilliseconds, loopVolumeCurveBehavior, ...props }, ref) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
-    const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
+    const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
     const videoConfig = (0, use_unsafe_video_config_js_1.useUnsafeVideoConfig)();
     const videoRef = (0, react_1.useRef)(null);
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);

package/dist/cjs/video/index.d.ts

@@ -1,3 +1,3 @@
 export { OffthreadVideo } from './OffthreadVideo.js';
 export { Video } from './Video.js';
-export { RemotionMainVideoProps, OffthreadVideoProps as RemotionOffthreadVideoProps, RemotionVideoProps, } from './props.js';
+export type { RemotionMainVideoProps, OffthreadVideoProps as RemotionOffthreadVideoProps, RemotionVideoProps, } from './props';

package/dist/cjs/video/props.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { LoopVolumeCurveBehavior } from '../audio/use-audio-frame.js';
 import type { VolumeProp } from '../volume-prop.js';
 export type RemotionMainVideoProps = {
     startFrom?: number;
@@ -18,6 +19,7 @@ export type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAtt
     pauseWhenBuffering?: boolean;
     showInTimeline?: boolean;
     delayRenderTimeoutInMilliseconds?: number;
+    loopVolumeCurveBehavior?: LoopVolumeCurveBehavior;
     delayRenderRetries?: number;
 };
 type DeprecatedOffthreadVideoProps = {
@@ -42,6 +44,7 @@ export type OffthreadVideoProps = {
     transparent?: boolean;
     toneMapped?: boolean;
     pauseWhenBuffering?: boolean;
+    loopVolumeCurveBehavior?: LoopVolumeCurveBehavior;
     /**
      * @deprecated For internal use only
      */

package/dist/cjs/video/video-fragment.js

@@ -41,15 +41,19 @@ const appendVideoFragment = ({ actualSrc, actualFrom, duration, fps, }) => {
     return actualSrc;
 };
 exports.appendVideoFragment = appendVideoFragment;
-const isSubsetOfDuration = (prevStartFrom, newStartFrom, prevDuration, newDuration) => {
-    return (prevStartFrom <= newStartFrom &&
-        prevStartFrom + prevDuration >= newStartFrom + newDuration);
-};
+const isSubsetOfDuration = ({ prevStartFrom, newStartFrom, prevDuration, newDuration, }) => prevStartFrom <= newStartFrom &&
+    prevStartFrom + prevDuration >= newStartFrom + newDuration;
 const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }) => {
     const actualFromRef = (0, react_1.useRef)(initialActualFrom);
     const actualDuration = (0, react_1.useRef)(initialDuration);
     const actualSrc = (0, react_1.useRef)(initialActualSrc);
-    if (!isSubsetOfDuration || initialActualSrc !== actualSrc.current) {
+    if (!isSubsetOfDuration({
+        prevStartFrom: actualFromRef.current,
+        newStartFrom: initialActualFrom,
+        prevDuration: actualDuration.current,
+        newDuration: initialDuration,
+    }) ||
+        initialActualSrc !== actualSrc.current) {
         actualFromRef.current = initialActualFrom;
         actualDuration.current = initialDuration;
         actualSrc.current = initialActualSrc;

package/dist/cjs/watch-static-file.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.watchStaticFile = exports.WATCH_REMOTION_STATIC_FILES = void 0;
 const get_remotion_environment_1 = require("./get-remotion-environment");
+const v5_flag_1 = require("./v5-flag");
 exports.WATCH_REMOTION_STATIC_FILES = 'remotion_staticFilesChanged';
 /**
  * @description Watch for changes in a specific static file.
@@ -11,6 +12,9 @@ exports.WATCH_REMOTION_STATIC_FILES = 'remotion_staticFilesChanged';
  * @see [Documentation](https://www.remotion.dev/docs/watchstaticfile)
  */
 const watchStaticFile = (fileName, callback) => {
+    if (v5_flag_1.ENABLE_V5_BREAKING_CHANGES) {
+        throw new Error('watchStaticFile() has moved into the `@remotion/studio` package. Update your imports.');
+    }
     // Check if function is called in Remotion Studio
     if (!(0, get_remotion_environment_1.getRemotionEnvironment)().isStudio) {
         // eslint-disable-next-line no-console