@remotion/paths 4.0.502 → 4.0.504

package/dist/esm/index.mjs

@@ -760,7 +760,6 @@ var cValues = [
     0.0123412297999872
   ]
 ];
-var binomialCoefficients = [[1], [1, 1], [1, 2, 1], [1, 3, 3, 1]];
 
 // src/helpers/bezier-functions.ts
 var cubicPoint = (xs, ys, t) => {
@@ -768,43 +767,27 @@ var cubicPoint = (xs, ys, t) => {
   const y = (1 - t) * (1 - t) * (1 - t) * ys[0] + 3 * (1 - t) * (1 - t) * t * ys[1] + 3 * (1 - t) * t * t * ys[2] + t * t * t * ys[3];
   return { x, y };
 };
-var getDerivative = (derivative, t, vs) => {
-  const n = vs.length - 1;
-  let value;
-  if (n === 0) {
-    return 0;
-  }
-  if (derivative === 0) {
-    value = 0;
-    for (let k = 0;k <= n; k++) {
-      value += binomialCoefficients[n][k] * (1 - t) ** (n - k) * t ** k * vs[k];
-    }
-    return value;
-  }
-  const _vs = new Array(n);
-  for (let k = 0;k < n; k++) {
-    _vs[k] = n * (vs[k + 1] - vs[k]);
-  }
-  return getDerivative(derivative - 1, t, _vs);
-};
-function bFunc(xs, ys, t) {
-  const xbase = getDerivative(1, t, xs);
-  const ybase = getDerivative(1, t, ys);
-  const combined = xbase * xbase + ybase * ybase;
-  return Math.sqrt(combined);
-}
 var getCubicArcLength = ({
   sx,
   sy,
   t
 }) => {
+  const v0x = 3 * (sx[1] - sx[0]);
+  const v1x = 3 * (sx[2] - sx[1]);
+  const v2x = 3 * (sx[3] - sx[2]);
+  const v0y = 3 * (sy[1] - sy[0]);
+  const v1y = 3 * (sy[2] - sy[1]);
+  const v2y = 3 * (sy[3] - sy[2]);
   let correctedT;
   const n = 20;
   const z = t / 2;
   let sum = 0;
   for (let i = 0;i < n; i++) {
     correctedT = z * tValues[n][i] + z;
-    sum += cValues[n][i] * bFunc(sx, sy, correctedT);
+    const mt = 1 - correctedT;
+    const xbase = mt * mt * v0x + 2 * mt * correctedT * v1x + correctedT * correctedT * v2x;
+    const ybase = mt * mt * v0y + 2 * mt * correctedT * v1y + correctedT * correctedT * v2y;
+    sum += cValues[n][i] * Math.sqrt(xbase * xbase + ybase * ybase);
   }
   return z * sum;
 };
@@ -814,8 +797,17 @@ var quadraticPoint = (xs, ys, t) => {
   return { x, y };
 };
 var cubicDerivative = (xs, ys, t) => {
-  const derivative = quadraticPoint([3 * (xs[1] - xs[0]), 3 * (xs[2] - xs[1]), 3 * (xs[3] - xs[2])], [3 * (ys[1] - ys[0]), 3 * (ys[2] - ys[1]), 3 * (ys[3] - ys[2])], t);
-  return derivative;
+  const v0x = 3 * (xs[1] - xs[0]);
+  const v1x = 3 * (xs[2] - xs[1]);
+  const v2x = 3 * (xs[3] - xs[2]);
+  const v0y = 3 * (ys[1] - ys[0]);
+  const v1y = 3 * (ys[2] - ys[1]);
+  const v2y = 3 * (ys[3] - ys[2]);
+  const mt = 1 - t;
+  return {
+    x: mt * mt * v0x + 2 * mt * t * v1x + t * t * v2x,
+    y: mt * mt * v0y + 2 * mt * t * v1y + t * t * v2y
+  };
 };
 var getQuadraticArcLength = (xs, ys, t) => {
   if (t === undefined) {

package/dist/helpers/bezier-functions.d.ts

@@ -6,7 +6,10 @@ export declare const getCubicArcLength: ({ sx, sy, t, }: {
     t: number;
 }) => number;
 export declare const quadraticPoint: (xs: number[], ys: number[], t: number) => Point;
-export declare const cubicDerivative: (xs: number[], ys: number[], t: number) => Point;
+export declare const cubicDerivative: (xs: number[], ys: number[], t: number) => {
+    x: number;
+    y: number;
+};
 export declare const getQuadraticArcLength: (xs: number[], ys: number[], t: number) => number;
 export declare const quadraticDerivative: (xs: number[], ys: number[], t: number) => {
     x: number;

package/dist/helpers/bezier-functions.js

@@ -14,46 +14,23 @@ const cubicPoint = (xs, ys, t) => {
     return { x, y };
 };
 exports.cubicPoint = cubicPoint;
-/**
- * Compute the curve derivative (hodograph) at t.
- */
-const getDerivative = (derivative, t, vs) => {
-    // the derivative of any 't'-less function is zero.
-    const n = vs.length - 1;
-    let value;
-    if (n === 0) {
-        return 0;
-    }
-    // direct values? compute!
-    if (derivative === 0) {
-        value = 0;
-        for (let k = 0; k <= n; k++) {
-            value += bezier_values_1.binomialCoefficients[n][k] * (1 - t) ** (n - k) * t ** k * vs[k];
-        }
-        return value;
-    }
-    // Still some derivative? go down one order, then try
-    // for the lower order curve's.
-    const _vs = new Array(n);
-    for (let k = 0; k < n; k++) {
-        _vs[k] = n * (vs[k + 1] - vs[k]);
-    }
-    return getDerivative(derivative - 1, t, _vs);
-};
-function bFunc(xs, ys, t) {
-    const xbase = getDerivative(1, t, xs);
-    const ybase = getDerivative(1, t, ys);
-    const combined = xbase * xbase + ybase * ybase;
-    return Math.sqrt(combined);
-}
 const getCubicArcLength = ({ sx, sy, t, }) => {
+    const v0x = 3 * (sx[1] - sx[0]);
+    const v1x = 3 * (sx[2] - sx[1]);
+    const v2x = 3 * (sx[3] - sx[2]);
+    const v0y = 3 * (sy[1] - sy[0]);
+    const v1y = 3 * (sy[2] - sy[1]);
+    const v2y = 3 * (sy[3] - sy[2]);
     let correctedT;
     const n = 20;
     const z = t / 2;
     let sum = 0;
     for (let i = 0; i < n; i++) {
         correctedT = z * bezier_values_1.tValues[n][i] + z;
-        sum += bezier_values_1.cValues[n][i] * bFunc(sx, sy, correctedT);
+        const mt = 1 - correctedT;
+        const xbase = mt * mt * v0x + 2 * mt * correctedT * v1x + correctedT * correctedT * v2x;
+        const ybase = mt * mt * v0y + 2 * mt * correctedT * v1y + correctedT * correctedT * v2y;
+        sum += bezier_values_1.cValues[n][i] * Math.sqrt(xbase * xbase + ybase * ybase);
     }
     return z * sum;
 };
@@ -65,8 +42,17 @@ const quadraticPoint = (xs, ys, t) => {
 };
 exports.quadraticPoint = quadraticPoint;
 const cubicDerivative = (xs, ys, t) => {
-    const derivative = (0, exports.quadraticPoint)([3 * (xs[1] - xs[0]), 3 * (xs[2] - xs[1]), 3 * (xs[3] - xs[2])], [3 * (ys[1] - ys[0]), 3 * (ys[2] - ys[1]), 3 * (ys[3] - ys[2])], t);
-    return derivative;
+    const v0x = 3 * (xs[1] - xs[0]);
+    const v1x = 3 * (xs[2] - xs[1]);
+    const v2x = 3 * (xs[3] - xs[2]);
+    const v0y = 3 * (ys[1] - ys[0]);
+    const v1y = 3 * (ys[2] - ys[1]);
+    const v2y = 3 * (ys[3] - ys[2]);
+    const mt = 1 - t;
+    return {
+        x: mt * mt * v0x + 2 * mt * t * v1x + t * t * v2x,
+        y: mt * mt * v0y + 2 * mt * t * v1y + t * t * v2y,
+    };
 };
 exports.cubicDerivative = cubicDerivative;
 const getQuadraticArcLength = (xs, ys, t) => {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/paths"
 	},
 	"name": "@remotion/paths",
-	"version": "4.0.502",
+	"version": "4.0.504",
 	"description": "Utilities for working with SVG paths",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
 		"utilities"
 	],
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.502",
+		"@remotion/eslint-config-internal": "4.0.504",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},