remotion 3.3.89 → 3.3.91

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

@@ -13,8 +13,9 @@ import type { SpringConfig } from './spring-utils.js';
  * @param {?number} [config.to] The end value of the animation. Default `1`
  * @param {?number} [config.durationInFrames] Stretch the duration of an animation to  a set value.. Default `undefined`
  * @param {?number} [config.durationThreshold] How close to the end the animation is considered to be done. Default `0.005`
+ * @param {?number} [config.delay] Delay the animation for this amount of frames. Default `0`
  */
-export declare function spring({ frame, fps, config, from, to, durationInFrames, durationRestThreshold, }: {
+export declare function spring({ frame: passedFrame, fps, config, from, to, durationInFrames, durationRestThreshold, delay, }: {
     frame: number;
     fps: number;
     config?: Partial<SpringConfig>;
@@ -22,6 +23,7 @@ export declare function spring({ frame, fps, config, from, to, durationInFrames,
     to?: number;
     durationInFrames?: number;
     durationRestThreshold?: number;
+    delay?: number;
 }): number;
 export { measureSpring } from './measure-spring.js';
 export { SpringConfig } from './spring-utils.js';

package/dist/cjs/spring/index.js

@@ -20,10 +20,15 @@ const spring_utils_js_1 = require("./spring-utils.js");
  * @param {?number} [config.to] The end value of the animation. Default `1`
  * @param {?number} [config.durationInFrames] Stretch the duration of an animation to  a set value.. Default `undefined`
  * @param {?number} [config.durationThreshold] How close to the end the animation is considered to be done. Default `0.005`
+ * @param {?number} [config.delay] Delay the animation for this amount of frames. Default `0`
  */
-function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, }) {
+function spring({ frame: passedFrame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, delay = 0, }) {
     (0, validation_spring_duration_js_1.validateSpringDuration)(durationInFrames);
-    (0, validate_frame_js_1.validateFrame)({ frame, durationInFrames: Infinity, allowFloats: true });
+    (0, validate_frame_js_1.validateFrame)({
+        frame: passedFrame,
+        durationInFrames: Infinity,
+        allowFloats: true,
+    });
     (0, validate_fps_js_1.validateFps)(fps, 'to spring()', false);
     const durationRatio = durationInFrames === undefined
         ? 1
@@ -35,6 +40,8 @@ function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, d
                 to,
                 threshold: durationRestThreshold,
             });
+    // Delay the spring by telling the calculation we're at an earlier frame.
+    const frame = passedFrame - delay;
     const spr = (0, spring_utils_js_1.springCalculation)({
         fps,
         frame: frame / durationRatio,

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.89";
+export declare const VERSION = "3.3.91";

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 = '3.3.89';
+exports.VERSION = '3.3.91';

package/dist/cjs/video/OffthreadVideo.js

@@ -15,7 +15,7 @@ const VideoForDevelopment_js_1 = require("./VideoForDevelopment.js");
  * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
  */
 const OffthreadVideo = (props) => {
-    const { startFrom, endAt, ...otherProps } = props;
+    const { startFrom, endAt, imageFormat, ...otherProps } = props;
     const environment = (0, get_environment_js_1.useRemotionEnvironment)();
     const onDuration = (0, react_1.useCallback)(() => undefined, []);
     if (typeof props.src !== 'string') {
@@ -30,7 +30,7 @@ const OffthreadVideo = (props) => {
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
     (0, validate_offthreadvideo_image_format_js_1.validateOffthreadVideoImageFormat)(props.imageFormat);
     if (environment === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { ...otherProps });
+        return ((0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { imageFormat: imageFormat, ...otherProps }));
     }
     return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
 };

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '3.3.89';
+const VERSION = '3.3.91';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -3571,10 +3571,15 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
  * @param {?number} [config.to] The end value of the animation. Default `1`
  * @param {?number} [config.durationInFrames] Stretch the duration of an animation to  a set value.. Default `undefined`
  * @param {?number} [config.durationThreshold] How close to the end the animation is considered to be done. Default `0.005`
+ * @param {?number} [config.delay] Delay the animation for this amount of frames. Default `0`
  */
-function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, }) {
+function spring({ frame: passedFrame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, delay = 0, }) {
     validateSpringDuration(durationInFrames);
-    validateFrame({ frame, durationInFrames: Infinity, allowFloats: true });
+    validateFrame({
+        frame: passedFrame,
+        durationInFrames: Infinity,
+        allowFloats: true,
+    });
     validateFps(fps, 'to spring()', false);
     const durationRatio = durationInFrames === undefined
         ? 1
@@ -3586,6 +3591,8 @@ function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, d
                 to,
                 threshold: durationRestThreshold,
             });
+    // Delay the spring by telling the calculation we're at an earlier frame.
+    const frame = passedFrame - delay;
     const spr = springCalculation({
         fps,
         frame: frame / durationRatio,
@@ -3903,7 +3910,7 @@ const VideoForDevelopment = forwardRef(VideoForDevelopmentRefForwardingFunction)
  * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
  */
 const OffthreadVideo = (props) => {
-    const { startFrom, endAt, ...otherProps } = props;
+    const { startFrom, endAt, imageFormat, ...otherProps } = props;
     const environment = useRemotionEnvironment();
     const onDuration = useCallback(() => undefined, []);
     if (typeof props.src !== 'string') {
@@ -3918,7 +3925,7 @@ const OffthreadVideo = (props) => {
     validateMediaProps(props, 'Video');
     validateOffthreadVideoImageFormat(props.imageFormat);
     if (environment === 'rendering') {
-        return jsx(OffthreadVideoForRendering, { ...otherProps });
+        return (jsx(OffthreadVideoForRendering, { imageFormat: imageFormat, ...otherProps }));
     }
     return (jsx(VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
 };

package/dist/esm/version.mjs

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

package/package.json

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