@remotion/vercel 4.0.538 → 4.0.539

package/dist/esm/index.mjs

@@ -577,7 +577,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;
 }
@@ -1113,6 +1113,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,
@@ -1132,14 +1146,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,
@@ -1156,11 +1174,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,
@@ -1181,8 +1199,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;
@@ -1306,31 +1328,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];
@@ -2100,14 +2115,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")
@@ -3196,7 +3213,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;
 }
@@ -3732,6 +3749,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,
@@ -3751,14 +3782,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,
@@ -3775,11 +3810,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,
@@ -3800,8 +3835,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;
@@ -3925,31 +3964,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];
@@ -4719,14 +4751,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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/vercel",
-	"version": "4.0.538",
+	"version": "4.0.539",
 	"description": "Render Remotion videos on Vercel Sandbox",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -23,8 +23,8 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/renderer": "4.0.538",
-		"remotion": "4.0.538"
+		"@remotion/renderer": "4.0.539",
+		"remotion": "4.0.539"
 	},
 	"peerDependencies": {
 		"@vercel/sandbox": ">=1.0.0"
@@ -38,7 +38,7 @@
 		"./package.json": "./package.json"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.538",
+		"@remotion/eslint-config-internal": "4.0.539",
 		"@vercel/blob": "2.3.0",
 		"@vercel/sandbox": "1.6.0",
 		"eslint": "9.19.0",