@remotion/paths 4.0.484 → 4.0.486

package/dist/center-path.d.ts

@@ -0,0 +1,5 @@
+export type CenterPathTarget = {
+    x: number;
+    y: number;
+};
+export declare const centerPath: (d: string, target?: CenterPathTarget) => string;

package/dist/center-path.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.centerPath = void 0;
+const get_bounding_box_1 = require("./get-bounding-box");
+const translate_path_1 = require("./translate-path");
+/*
+ * @description Translates an SVG path so that the center of the bounding box is at the specified point. Defaults to 0, 0.
+ * @see [Documentation](https://www.remotion.dev/docs/paths/center-path)
+ */
+const centerPath = (d, target = { x: 0, y: 0 }) => {
+    const box = (0, get_bounding_box_1.getBoundingBox)(d);
+    const dx = target.x - (box.x1 + box.x2) / 2;
+    const dy = target.y - (box.y1 + box.y2) / 2;
+    return (0, translate_path_1.translatePath)(d, dx, dy);
+};
+exports.centerPath = centerPath;

package/dist/esm/index.mjs

@@ -2137,6 +2137,104 @@ var getBoundingBox = (d) => {
   const unarced = removeATSHVQInstructions(normalizeInstructions(parsed));
   return getBoundingBoxFromInstructions(unarced);
 };
+
+// src/translate-path.ts
+var translateSegments = (segments, x, y) => {
+  return segments.map((segment) => {
+    if (segment.type === "a" || segment.type === "c" || segment.type === "v" || segment.type === "s" || segment.type === "h" || segment.type === "l" || segment.type === "m" || segment.type === "q" || segment.type === "t") {
+      return segment;
+    }
+    if (segment.type === "V") {
+      return {
+        type: "V",
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "H") {
+      return {
+        type: "H",
+        x: segment.x + x
+      };
+    }
+    if (segment.type === "A") {
+      return {
+        type: "A",
+        rx: segment.rx,
+        ry: segment.ry,
+        largeArcFlag: segment.largeArcFlag,
+        sweepFlag: segment.sweepFlag,
+        xAxisRotation: segment.xAxisRotation,
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "Z") {
+      return segment;
+    }
+    if (segment.type === "C") {
+      return {
+        type: "C",
+        cp1x: segment.cp1x + x,
+        cp1y: segment.cp1y + y,
+        cp2x: segment.cp2x + x,
+        cp2y: segment.cp2y + y,
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "Q") {
+      return {
+        type: "Q",
+        cpx: segment.cpx + x,
+        cpy: segment.cpy + y,
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "S") {
+      return {
+        type: "S",
+        cpx: segment.cpx + x,
+        cpy: segment.cpy + y,
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "T") {
+      return {
+        type: "T",
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "L") {
+      return {
+        type: "L",
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    if (segment.type === "M") {
+      return {
+        type: "M",
+        x: segment.x + x,
+        y: segment.y + y
+      };
+    }
+    throw new Error(`Unknown segment type: ${segment.type}`);
+  });
+};
+var translatePath = (path, x, y) => {
+  return serializeInstructions(translateSegments(parsePath(path), x, y));
+};
+
+// src/center-path.ts
+var centerPath = (d, target = { x: 0, y: 0 }) => {
+  const box = getBoundingBox(d);
+  const dx = target.x - (box.x1 + box.x2) / 2;
+  const dy = target.y - (box.y1 + box.y2) / 2;
+  return translatePath(d, dx, dy);
+};
 // src/helpers/arc.ts
 var mod = (x, m) => {
   return (x % m + m) % m;
@@ -3179,96 +3277,6 @@ var interpolatePath = (value, firstPath, secondPath) => {
   const commandInterpolator = interpolateInstructions(aCommands, bCommands);
   return serializeInstructions(commandInterpolator(value));
 };
-// src/translate-path.ts
-var translateSegments = (segments, x, y) => {
-  return segments.map((segment) => {
-    if (segment.type === "a" || segment.type === "c" || segment.type === "v" || segment.type === "s" || segment.type === "h" || segment.type === "l" || segment.type === "m" || segment.type === "q" || segment.type === "t") {
-      return segment;
-    }
-    if (segment.type === "V") {
-      return {
-        type: "V",
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "H") {
-      return {
-        type: "H",
-        x: segment.x + x
-      };
-    }
-    if (segment.type === "A") {
-      return {
-        type: "A",
-        rx: segment.rx,
-        ry: segment.ry,
-        largeArcFlag: segment.largeArcFlag,
-        sweepFlag: segment.sweepFlag,
-        xAxisRotation: segment.xAxisRotation,
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "Z") {
-      return segment;
-    }
-    if (segment.type === "C") {
-      return {
-        type: "C",
-        cp1x: segment.cp1x + x,
-        cp1y: segment.cp1y + y,
-        cp2x: segment.cp2x + x,
-        cp2y: segment.cp2y + y,
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "Q") {
-      return {
-        type: "Q",
-        cpx: segment.cpx + x,
-        cpy: segment.cpy + y,
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "S") {
-      return {
-        type: "S",
-        cpx: segment.cpx + x,
-        cpy: segment.cpy + y,
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "T") {
-      return {
-        type: "T",
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "L") {
-      return {
-        type: "L",
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    if (segment.type === "M") {
-      return {
-        type: "M",
-        x: segment.x + x,
-        y: segment.y + y
-      };
-    }
-    throw new Error(`Unknown segment type: ${segment.type}`);
-  });
-};
-var translatePath = (path, x, y) => {
-  return serializeInstructions(translateSegments(parsePath(path), x, y));
-};
-
 // src/reset-path.ts
 var resetPath = (d) => {
   const box = getBoundingBox(d);
@@ -3739,5 +3747,6 @@ export {
   extendViewBox,
   evolvePath,
   cutPath,
+  centerPath,
   PathInternals
 };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { centerPath, type CenterPathTarget } from './center-path';
 export { cutPath } from './cut-path';
 export { evolvePath } from './evolve-path';
 export { extendViewBox } from './extend-viewbox';

package/dist/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PathInternals = exports.warpPath = exports.translatePath = exports.serializeInstructions = exports.scalePath = exports.reversePath = exports.resetPath = exports.reduceInstructions = exports.parsePath = exports.normalizePath = exports.interpolatePath = exports.getTangentAtLength = exports.getSubpaths = exports.getPointAtLength = exports.getLength = exports.getInstructionIndexAtLength = exports.getBoundingBox = exports.extendViewBox = exports.evolvePath = exports.cutPath = void 0;
+exports.PathInternals = exports.warpPath = exports.translatePath = exports.serializeInstructions = exports.scalePath = exports.reversePath = exports.resetPath = exports.reduceInstructions = exports.parsePath = exports.normalizePath = exports.interpolatePath = exports.getTangentAtLength = exports.getSubpaths = exports.getPointAtLength = exports.getLength = exports.getInstructionIndexAtLength = exports.getBoundingBox = exports.extendViewBox = exports.evolvePath = exports.cutPath = exports.centerPath = void 0;
 const cut_path_1 = require("./cut-path");
 const debug_path_1 = require("./debug-path");
 const get_bounding_box_1 = require("./get-bounding-box");
+const center_path_1 = require("./center-path");
+Object.defineProperty(exports, "centerPath", { enumerable: true, get: function () { return center_path_1.centerPath; } });
 const cut_path_2 = require("./cut-path");
 Object.defineProperty(exports, "cutPath", { enumerable: true, get: function () { return cut_path_2.cutPath; } });
 const evolve_path_1 = require("./evolve-path");

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/paths"
 	},
 	"name": "@remotion/paths",
-	"version": "4.0.484",
+	"version": "4.0.486",
 	"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.484",
+		"@remotion/eslint-config-internal": "4.0.486",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},