remotion 3.3.76 → 3.3.78

package/dist/cjs/index.d.ts

@@ -62,7 +62,7 @@ export * from './IFrame.js';
 export * from './Img.js';
 export * from './internals.js';
 export { interpolateColors } from './interpolate-colors.js';
-export * from './interpolate.js';
+export { ExtrapolateType, interpolate, InterpolateOptions, } from './interpolate.js';
 export { Loop } from './loop/index.js';
 export { ClipRegion } from './NativeLayers.js';
 export { prefetch } from './prefetch.js';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getStaticFiles = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Config = exports.cancelRender = void 0;
+exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolate = exports.interpolateColors = exports.getStaticFiles = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Config = exports.cancelRender = void 0;
 require("./asset-types.js");
 const Clipper_js_1 = require("./Clipper.js");
 const is_player_js_1 = require("./is-player.js");
@@ -43,7 +43,8 @@ __exportStar(require("./Img.js"), exports);
 __exportStar(require("./internals.js"), exports);
 var interpolate_colors_js_1 = require("./interpolate-colors.js");
 Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_js_1.interpolateColors; } });
-__exportStar(require("./interpolate.js"), exports);
+var interpolate_js_1 = require("./interpolate.js");
+Object.defineProperty(exports, "interpolate", { enumerable: true, get: function () { return interpolate_js_1.interpolate; } });
 var index_js_1 = require("./loop/index.js");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return index_js_1.Loop; } });
 var prefetch_js_1 = require("./prefetch.js");

package/dist/cjs/internals.d.ts

@@ -98,6 +98,10 @@ export declare const Internals: {
     }>;
     useIsPlayer: () => boolean;
     useRemotionEnvironment: () => RemotionEnvironment;
-    validateFrame: (frame: number, durationInFrames: number) => void;
+    validateFrame: ({ allowFloats, durationInFrames, frame, }: {
+        frame: number;
+        durationInFrames: number;
+        allowFloats: boolean;
+    }) => void;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, };

package/dist/cjs/interpolate.d.ts

@@ -1,4 +1,13 @@
-declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+export declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+/**
+ * @description This function allows you to map a range of values to another with a conside syntax
+ * @see [Documentation](https://www.remotion.dev/docs/interpolate)
+ */
+export declare type InterpolateOptions = Partial<{
+    easing: (input: number) => number;
+    extrapolateLeft: ExtrapolateType;
+    extrapolateRight: ExtrapolateType;
+}>;
 /**
  * Map a value from an input range to an output range.
  * @link https://www.remotion.dev/docs/interpolate
@@ -10,9 +19,4 @@ declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
  * @param {string=} [options.extrapolateLeft="extend"] What should happen if the input value is outside left the input range, default: "extend" {@link https://www.remotion.dev/docs/interpolate#extrapolateleft}
  * @param {string=} [options.extrapolateRight="extend"] Same as extrapolateLeft, except for values outside right the input range {@link https://www.remotion.dev/docs/interpolate#extrapolateright}
  */
-export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly number[], options?: {
-    easing?: (input: number) => number;
-    extrapolateLeft?: ExtrapolateType;
-    extrapolateRight?: ExtrapolateType;
-}): number;
-export {};
+export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly number[], options?: InterpolateOptions): number;

package/dist/cjs/interpolate.js

@@ -2,10 +2,6 @@
 // Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.interpolate = void 0;
-/**
- * @description This function allows you to map a range of values to another with a conside syntax
- * @see [Documentation](https://www.remotion.dev/docs/interpolate)
- */
 function interpolateFunction(input, inputRange, outputRange, options) {
     const { extrapolateLeft, extrapolateRight, easing } = options;
     let result = input;

package/dist/cjs/spring/index.js

@@ -23,7 +23,7 @@ const spring_utils_js_1 = require("./spring-utils.js");
  */
 function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, }) {
     (0, validation_spring_duration_js_1.validateSpringDuration)(durationInFrames);
-    (0, validate_frame_js_1.validateFrame)(frame, Infinity);
+    (0, validate_frame_js_1.validateFrame)({ frame, durationInFrames: Infinity, allowFloats: true });
     (0, validate_fps_js_1.validateFps)(fps, 'to spring()', false);
     const durationRatio = durationInFrames === undefined
         ? 1

package/dist/cjs/validate-frame.d.ts

@@ -1 +1,5 @@
-export declare const validateFrame: (frame: number, durationInFrames: number) => void;
+export declare const validateFrame: ({ allowFloats, durationInFrames, frame, }: {
+    frame: number;
+    durationInFrames: number;
+    allowFloats: boolean;
+}) => void;

package/dist/cjs/validate-frame.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateFrame = void 0;
-const validateFrame = (frame, durationInFrames) => {
+const validateFrame = ({ allowFloats, durationInFrames, frame, }) => {
     if (typeof frame === 'undefined') {
         throw new TypeError(`Argument missing for parameter "frame"`);
     }
@@ -11,7 +11,7 @@ const validateFrame = (frame, durationInFrames) => {
     if (!Number.isFinite(frame)) {
         throw new RangeError(`Frame ${frame} is not finite`);
     }
-    if (frame % 1 !== 0) {
+    if (frame % 1 !== 0 && !allowFloats) {
         throw new RangeError(`Argument for frame must be an integer, but got ${frame}`);
     }
     if (frame < 0 && frame < -durationInFrames) {

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.76";
+export declare const VERSION = "3.3.78";

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.76';
+exports.VERSION = '3.3.78';

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '3.3.76';
+const VERSION = '3.3.78';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -1074,10 +1074,6 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, pla
 };
 
 // Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js
-/**
- * @description This function allows you to map a range of values to another with a conside syntax
- * @see [Documentation](https://www.remotion.dev/docs/interpolate)
- */
 function interpolateFunction(input, inputRange, outputRange, options) {
     const { extrapolateLeft, extrapolateRight, easing } = options;
     let result = input;
@@ -2231,7 +2227,7 @@ const useLazyComponent = (compProps) => {
     return lazy;
 };
 
-const validateFrame = (frame, durationInFrames) => {
+const validateFrame = ({ allowFloats, durationInFrames, frame, }) => {
     if (typeof frame === 'undefined') {
         throw new TypeError(`Argument missing for parameter "frame"`);
     }
@@ -2241,7 +2237,7 @@ const validateFrame = (frame, durationInFrames) => {
     if (!Number.isFinite(frame)) {
         throw new RangeError(`Frame ${frame} is not finite`);
     }
-    if (frame % 1 !== 0) {
+    if (frame % 1 !== 0 && !allowFloats) {
         throw new RangeError(`Argument for frame must be an integer, but got ${frame}`);
     }
     if (frame < 0 && frame < -durationInFrames) {
@@ -3510,7 +3506,7 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
  */
 function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, }) {
     validateSpringDuration(durationInFrames);
-    validateFrame(frame, Infinity);
+    validateFrame({ frame, durationInFrames: Infinity, allowFloats: true });
     validateFps(fps, 'to spring()', false);
     const durationRatio = durationInFrames === undefined
         ? 1

package/dist/esm/version.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "3.3.76",
+  "version": "3.3.78",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -36,7 +36,7 @@
     "rollup": "^2.70.1",
     "typescript": "^4.7.0",
     "vitest": "0.24.3",
-    "webpack": "5.74.0"
+    "webpack": "5.76.1"
   },
   "keywords": [
     "remotion",