remotion 4.0.537 → 4.0.539

package/dist/esm/no-react.mjs

@@ -322,27 +322,30 @@ function springCalculation({
     stiffness: config.stiffness ?? defaultSpringConfig.stiffness,
     overshootClamping: config.overshootClamping ?? defaultSpringConfig.overshootClamping
   };
-  const cacheKey = [
-    frame,
+  const configKey = [
     fps,
     resolvedConfig.damping,
     resolvedConfig.mass,
     resolvedConfig.overshootClamping,
     resolvedConfig.stiffness
   ].join("-");
+  const cacheKey = `${frame}-${configKey}`;
   if (calculationCache[cacheKey]) {
     return calculationCache[cacheKey];
   }
-  let animation = {
+  const frameClamped = Math.max(0, frame);
+  const previousFrame = Math.ceil(frameClamped) - 1;
+  const previousAnimation = previousFrame >= 0 ? calculationCache[`${previousFrame}-${configKey}`] : undefined;
+  let animation = previousAnimation ?? {
     lastTimestamp: 0,
     current: from,
     toValue: to,
     velocity: 0,
     prevPosition: 0
   };
-  const frameClamped = Math.max(0, frame);
   const unevenRest = frameClamped % 1;
-  for (let f = 0;f <= Math.floor(frameClamped); f++) {
+  const startFrame = previousAnimation ? previousFrame + 1 : 0;
+  for (let f = startFrame;f <= Math.floor(frameClamped); f++) {
     const time = f / fps * 1000;
     animation = advance({
       animation,
@@ -474,7 +477,7 @@ function spring({
     frame: durationProcessed,
     config
   });
-  const inner = config.overshootClamping ? to >= from ? Math.min(spr.current, to) : Math.max(spr.current, to) : spr.current;
+  const inner = config.overshootClamping ? Math.min(spr.current, 1) : spr.current;
   const interpolated = from === 0 && to === 1 ? inner : interpolate(inner, [0, 1], [from, to]);
   return interpolated;
 }
@@ -482,6 +485,7 @@ function spring({
 // src/easing.ts
 var clampUnit = (t) => Math.min(1, Math.max(0, t));
 var springEasingDurationInFrames = 30;
+var easeBezier = null;
 
 class Easing {
   static step0(n) {
@@ -494,7 +498,8 @@ class Easing {
     return t;
   }
   static ease(t) {
-    return Easing.bezier(0.42, 0, 1, 1)(t);
+    easeBezier ??= Easing.bezier(0.42, 0, 1, 1);
+    return easeBezier(t);
   }
   static quad(t) {
     return t * t;
@@ -1014,6 +1019,20 @@ var interpolateSegment = ({
     output
   });
 };
+var getInputForInterpolation = ({
+  input,
+  inputRange,
+  options
+}) => {
+  const posterizedInput = options?.posterize === undefined ? input : Math.floor(input / options.posterize) * options.posterize;
+  const inputMin = inputRange[0];
+  const inputMax = inputRange[inputRange.length - 1];
+  if (inputRange.length === 1 || !(posterizedInput < inputMin && options?.extrapolateLeft === "wrap" || posterizedInput > inputMax && options?.extrapolateRight === "wrap")) {
+    return posterizedInput;
+  }
+  const range = inputMax - inputMin;
+  return ((posterizedInput - inputMin) % range + range) % range + inputMin;
+};
 var interpolateNumber = ({
   input,
   inputRange,
@@ -1033,14 +1052,18 @@ var interpolateNumber = ({
   if (options?.extrapolateRight !== undefined) {
     extrapolateRight = options.extrapolateRight;
   }
-  const posterizedInput = options?.posterize === undefined ? input : Math.floor(input / options.posterize) * options.posterize;
-  const range = findRange(posterizedInput, inputRange);
+  const resolvedInput = getInputForInterpolation({
+    input,
+    inputRange,
+    options: options ?? null
+  });
+  const range = findRange(resolvedInput, inputRange);
   const easing = resolveEasingForSegment({
     easing: easingOption,
     segmentIndex: range
   });
   let result = interpolateSegment({
-    input: posterizedInput,
+    input: resolvedInput,
     inputRange: [inputRange[range], inputRange[range + 1]],
     outputRange: [outputRange[range], outputRange[range + 1]],
     easing,
@@ -1057,11 +1080,11 @@ var interpolateNumber = ({
       continue;
     }
     const previousSegmentEnd = inputRange[segmentIndex + 1];
-    if (posterizedInput <= previousSegmentEnd) {
+    if (resolvedInput <= previousSegmentEnd) {
       continue;
     }
     const continuedSegmentValue = interpolateSegment({
-      input: posterizedInput,
+      input: resolvedInput,
       inputRange: [inputRange[segmentIndex], previousSegmentEnd],
       outputRange: [outputRange[segmentIndex], outputRange[segmentIndex + 1]],
       easing: previousEasing,
@@ -1082,8 +1105,12 @@ var interpolateString = ({
 }) => {
   const initiallyParsedOutputRange = outputRange.map((output) => parseStringInterpolationValue(output, outputType));
   const hasAxisRotation = initiallyParsedOutputRange.some((parsed) => parsed.axisRotation);
-  const posterizedInput = options?.posterize === undefined ? input : Math.floor(input / options.posterize) * options.posterize;
-  const segmentIndex = inputRange.length === 1 ? 0 : findRange(posterizedInput, inputRange);
+  const resolvedInput = getInputForInterpolation({
+    input,
+    inputRange,
+    options: options ?? null
+  });
+  const segmentIndex = inputRange.length === 1 ? 0 : findRange(resolvedInput, inputRange);
   const parsedOutputRange = hasAxisRotation ? initiallyParsedOutputRange.map((parsed, index) => {
     if (parsed.kind !== "rotate") {
       return parsed;
@@ -1207,31 +1234,24 @@ var interpolateDiscreteValue = ({
       throw new TypeError(typeof outputRange[0] === "boolean" ? "Booleans can only be interpolated using Easing.step1" : "Non-numeric strings can only be interpolated using Easing.step1");
     }
   }
-  const posterizedInput = options?.posterize === undefined ? input : Math.floor(input / options.posterize) * options.posterize;
+  const resolvedInput = getInputForInterpolation({
+    input,
+    inputRange,
+    options: options ?? null
+  });
   const inputMin = inputRange[0];
   const inputMax = inputRange[inputRange.length - 1];
-  let resolvedInput = posterizedInput;
   if (resolvedInput < inputMin) {
     if (options?.extrapolateLeft === "identity") {
       throw new TypeError(typeof outputRange[0] === "boolean" ? 'extrapolateLeft: "identity" is not supported for booleans' : 'extrapolateLeft: "identity" is not supported for non-numeric strings');
     }
-    if (options?.extrapolateLeft === "wrap") {
-      const wrapRange = inputMax - inputMin;
-      resolvedInput = ((resolvedInput - inputMin) % wrapRange + wrapRange) % wrapRange + inputMin;
-    } else {
-      return outputRange[0];
-    }
+    return outputRange[0];
   }
   if (resolvedInput > inputMax) {
     if (options?.extrapolateRight === "identity") {
       throw new TypeError(typeof outputRange[0] === "boolean" ? 'extrapolateRight: "identity" is not supported for booleans' : 'extrapolateRight: "identity" is not supported for non-numeric strings');
     }
-    if (options?.extrapolateRight === "wrap") {
-      const wrapRange = inputMax - inputMin;
-      resolvedInput = ((resolvedInput - inputMin) % wrapRange + wrapRange) % wrapRange + inputMin;
-    } else {
-      return outputRange[outputRange.length - 1];
-    }
+    return outputRange[outputRange.length - 1];
   }
   const range = findRange(resolvedInput, inputRange);
   return resolvedInput >= inputRange[range + 1] ? outputRange[range + 1] : outputRange[range];
@@ -1944,23 +1964,23 @@ var MODERN_VALUE = "(?:none|[-+]?\\d*\\.?\\d+(?:%|deg|rad|grad|turn)?)";
 function modernColorCall(name) {
   return new RegExp(name + "\\(\\s*(" + MODERN_VALUE + ")\\s+(" + MODERN_VALUE + ")\\s+(" + MODERN_VALUE + ")(?:\\s*\\/\\s*(" + MODERN_VALUE + "))?\\s*\\)");
 }
+var cachedMatchers = {
+  rgb: undefined,
+  rgba: undefined,
+  hsl: undefined,
+  hsla: undefined,
+  hex3: undefined,
+  hex4: undefined,
+  hex5: undefined,
+  hex6: undefined,
+  hex8: undefined,
+  oklch: undefined,
+  oklab: undefined,
+  lab: undefined,
+  lch: undefined,
+  hwb: undefined
+};
 function getMatchers() {
-  const cachedMatchers = {
-    rgb: undefined,
-    rgba: undefined,
-    hsl: undefined,
-    hsla: undefined,
-    hex3: undefined,
-    hex4: undefined,
-    hex5: undefined,
-    hex6: undefined,
-    hex8: undefined,
-    oklch: undefined,
-    oklab: undefined,
-    lab: undefined,
-    lch: undefined,
-    hwb: undefined
-  };
   if (cachedMatchers.rgb === undefined) {
     cachedMatchers.rgb = new RegExp("rgb" + call(NUMBER, NUMBER, NUMBER));
     cachedMatchers.rgba = new RegExp("rgba" + call(NUMBER, NUMBER, NUMBER, NUMBER));
@@ -2049,14 +2069,16 @@ function parseModernComponent(str, percentScale) {
 function parseHueAngle(str) {
   if (str === "none")
     return 0;
-  if (str.endsWith("rad")) {
-    return Number.parseFloat(str) * 180 / Math.PI;
-  }
-  if (str.endsWith("grad"))
-    return Number.parseFloat(str) * 0.9;
-  if (str.endsWith("turn"))
-    return Number.parseFloat(str) * 360;
-  return Number.parseFloat(str);
+  let degrees = Number.parseFloat(str);
+  if (str.endsWith("grad")) {
+    degrees *= 0.9;
+  } else if (str.endsWith("rad")) {
+    degrees = degrees * 180 / Math.PI;
+  } else if (str.endsWith("turn")) {
+    degrees *= 360;
+  }
+  const normalized = degrees % 360;
+  return normalized < 0 ? (normalized + 360) % 360 : normalized;
 }
 function parseModernAlpha(str) {
   if (str === undefined || str === "none")

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.537";
+var VERSION = "4.0.539";
 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.537",
+	"version": "4.0.539",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -14,7 +14,7 @@
 		"prepublishOnly": "bun ensure-correct-version.ts && cp ../../README.md . && cp ../../LICENSE.md .",
 		"lint": "eslint src",
 		"test": "bun test src/test",
-		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts"
+		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"bugs": {
 		"url": "https://github.com/remotion-dev/remotion/issues"
@@ -35,9 +35,9 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.5.4",
-		"@remotion/eslint-config-internal": "4.0.537",
+		"@remotion/eslint-config-internal": "4.0.539",
 		"eslint": "9.19.0",
-		"@typescript/native-preview": "7.0.0-dev.20260217.1"
+		"typescript": "7.1.0-beta"
 	},
 	"keywords": [
 		"video",