@pooder/kit 3.0.1 → 3.2.0

package/src/geometry.ts

@@ -1,12 +1,99 @@
 import paper from "paper";
 
+export type PositionAnchor =
+  | "top-left"
+  | "top-center"
+  | "top-right"
+  | "center-left"
+  | "center"
+  | "center-right"
+  | "bottom-left"
+  | "bottom-center"
+  | "bottom-right";
+
 export interface HoleData {
-  x: number;
-  y: number;
+  x?: number;
+  y?: number;
+  anchor?: PositionAnchor;
+  offsetX?: number;
+  offsetY?: number;
   innerRadius: number;
   outerRadius: number;
 }
 
+export function resolveHolePosition(
+  hole: HoleData,
+  geometry: { x: number; y: number; width: number; height: number },
+  canvasSize: { width: number; height: number },
+): { x: number; y: number } {
+  if (hole.anchor) {
+    const { x, y, width, height } = geometry;
+    let bx = x; // center x
+    let by = y; // center y
+
+    // Calculate anchor base position based on shape bounds
+    // Note: geometry.x/y is the CENTER of the shape
+    const left = x - width / 2;
+    const right = x + width / 2;
+    const top = y - height / 2;
+    const bottom = y + height / 2;
+
+    switch (hole.anchor) {
+      case "top-left":
+        bx = left;
+        by = top;
+        break;
+      case "top-center":
+        bx = x;
+        by = top;
+        break;
+      case "top-right":
+        bx = right;
+        by = top;
+        break;
+      case "center-left":
+        bx = left;
+        by = y;
+        break;
+      case "center":
+        bx = x;
+        by = y;
+        break;
+      case "center-right":
+        bx = right;
+        by = y;
+        break;
+      case "bottom-left":
+        bx = left;
+        by = bottom;
+        break;
+      case "bottom-center":
+        bx = x;
+        by = bottom;
+        break;
+      case "bottom-right":
+        bx = right;
+        by = bottom;
+        break;
+    }
+
+    return {
+      x: bx + (hole.offsetX || 0),
+      y: by + (hole.offsetY || 0),
+    };
+  } else if (hole.x !== undefined && hole.y !== undefined) {
+    // Legacy / Direct coordinates (Normalized relative to Dieline Geometry)
+    // Formula: absolute = normalized * width + (center - width/2)
+    // This handles padding correctly.
+    const { x, width, y, height } = geometry;
+    return {
+      x: hole.x * width + (x - width / 2) + (hole.offsetX || 0),
+      y: hole.y * height + (y - height / 2) + (hole.offsetY || 0),
+    };
+  }
+  return { x: 0, y: 0 };
+}
+
 export interface GeometryOptions {
   shape: "rect" | "circle" | "ellipse" | "custom";
   width: number;
@@ -270,7 +357,10 @@ function getDielineShape(options: GeometryOptions): paper.PathItem {
         cutsPath.remove();
         mainShape = temp;
       } catch (e) {
-        console.error("Geometry: Failed to subtract cutsPath from mainShape", e);
+        console.error(
+          "Geometry: Failed to subtract cutsPath from mainShape",
+          e,
+        );
       }
     }
   }
@@ -453,6 +543,8 @@ export function getNearestPointOnDieline(
 }
 
 export function getPathBounds(pathData: string): {
+  x: number;
+  y: number;
   width: number;
   height: number;
 } {
@@ -460,5 +552,10 @@ export function getPathBounds(pathData: string): {
   path.pathData = pathData;
   const bounds = path.bounds;
   path.remove();
-  return { width: bounds.width, height: bounds.height };
+  return {
+    x: bounds.x,
+    y: bounds.y,
+    width: bounds.width,
+    height: bounds.height,
+  };
 }