@tscircuit/pcb-viewer 1.11.260 → 1.11.261

package/dist/index.js

@@ -10150,6 +10150,133 @@ function useDiagonalLabel(params) {
   );
 }
 
+// src/lib/util/get-primitive-snap-points.ts
+var rotatePoint2 = (point, center, rotationDeg) => {
+  const radians = rotationDeg * Math.PI / 180;
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  const translatedX = point.x - center.x;
+  const translatedY = point.y - center.y;
+  const rotatedX = translatedX * cos - translatedY * sin;
+  const rotatedY = translatedX * sin + translatedY * cos;
+  return {
+    x: rotatedX + center.x,
+    y: rotatedY + center.y
+  };
+};
+var getNinePointAnchors = (center, halfWidth, halfHeight, rotationDeg) => {
+  const basePoints = {
+    top_left: { x: center.x - halfWidth, y: center.y - halfHeight },
+    top_center: { x: center.x, y: center.y - halfHeight },
+    top_right: { x: center.x + halfWidth, y: center.y - halfHeight },
+    center_left: { x: center.x - halfWidth, y: center.y },
+    center: { x: center.x, y: center.y },
+    center_right: { x: center.x + halfWidth, y: center.y },
+    bottom_left: { x: center.x - halfWidth, y: center.y + halfHeight },
+    bottom_center: { x: center.x, y: center.y + halfHeight },
+    bottom_right: { x: center.x + halfWidth, y: center.y + halfHeight }
+  };
+  if (rotationDeg === 0) {
+    return Object.entries(basePoints).map(([anchor, point]) => ({
+      anchor,
+      point
+    }));
+  }
+  return Object.entries(basePoints).map(([anchor, point]) => ({
+    anchor,
+    point: rotatePoint2(point, center, rotationDeg)
+  }));
+};
+var getPrimitiveSnapPoints = (primitive) => {
+  switch (primitive.pcb_drawing_type) {
+    case "rect": {
+      const rotation = primitive.ccw_rotation ?? 0;
+      return getNinePointAnchors(
+        { x: primitive.x, y: primitive.y },
+        primitive.w / 2,
+        primitive.h / 2,
+        rotation
+      );
+    }
+    case "pill": {
+      const rotation = primitive.ccw_rotation ?? 0;
+      return getNinePointAnchors(
+        { x: primitive.x, y: primitive.y },
+        primitive.w / 2,
+        primitive.h / 2,
+        rotation
+      );
+    }
+    case "circle": {
+      return [
+        { anchor: "circle_center", point: { x: primitive.x, y: primitive.y } },
+        {
+          anchor: "circle_right",
+          point: { x: primitive.x + primitive.r, y: primitive.y }
+        },
+        {
+          anchor: "circle_left",
+          point: { x: primitive.x - primitive.r, y: primitive.y }
+        },
+        {
+          anchor: "circle_top",
+          point: { x: primitive.x, y: primitive.y - primitive.r }
+        },
+        {
+          anchor: "circle_bottom",
+          point: { x: primitive.x, y: primitive.y + primitive.r }
+        }
+      ];
+    }
+    case "oval": {
+      return [
+        { anchor: "oval_center", point: { x: primitive.x, y: primitive.y } },
+        {
+          anchor: "oval_right",
+          point: { x: primitive.x + primitive.rX, y: primitive.y }
+        },
+        {
+          anchor: "oval_left",
+          point: { x: primitive.x - primitive.rX, y: primitive.y }
+        },
+        {
+          anchor: "oval_top",
+          point: { x: primitive.x, y: primitive.y - primitive.rY }
+        },
+        {
+          anchor: "oval_bottom",
+          point: { x: primitive.x, y: primitive.y + primitive.rY }
+        }
+      ];
+    }
+    case "line": {
+      const midPoint = {
+        x: (primitive.x1 + primitive.x2) / 2,
+        y: (primitive.y1 + primitive.y2) / 2
+      };
+      return [
+        { anchor: "line_start", point: { x: primitive.x1, y: primitive.y1 } },
+        { anchor: "line_mid", point: midPoint },
+        { anchor: "line_end", point: { x: primitive.x2, y: primitive.y2 } }
+      ];
+    }
+    case "polygon": {
+      return primitive.points.map((point, index) => ({
+        anchor: `polygon_vertex_${index}`,
+        point
+      }));
+    }
+    case "polygon_with_arcs": {
+      return primitive.brep_shape.outer_ring.vertices.map((vertex, index) => ({
+        anchor: `polygon_with_arcs_vertex_${index}`,
+        point: { x: vertex.x, y: vertex.y }
+      }));
+    }
+    default:
+      return [];
+  }
+};
+
 // src/components/DimensionOverlay.tsx
 import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var SNAP_THRESHOLD_PX = 16;
@@ -10201,6 +10328,9 @@ var DimensionOverlay = ({
     for (const primitive of primitives) {
       if (!primitive._element) continue;
       if (shouldExcludePrimitiveFromSnapping(primitive)) continue;
+      if (primitive.pcb_drawing_type === "pill") continue;
+      if (primitive.pcb_drawing_type === "rect" && primitive.ccw_rotation && primitive.ccw_rotation !== 0)
+        continue;
       const bbox = getPrimitiveBoundingBox(primitive);
       if (!bbox) continue;
       const existing = boundingBoxes.get(primitive._element);
@@ -10211,6 +10341,23 @@ var DimensionOverlay = ({
     }
     return boundingBoxes;
   }, [primitives]);
+  const primitiveSnappingPoints = useMemo4(() => {
+    const snapPoints = [];
+    for (const primitive of primitives) {
+      if (!primitive._element) continue;
+      if (shouldExcludePrimitiveFromSnapping(primitive)) continue;
+      const primitivePoints = getPrimitiveSnapPoints(primitive);
+      if (primitivePoints.length === 0) continue;
+      for (const snap of primitivePoints) {
+        snapPoints.push({
+          anchor: snap.anchor,
+          point: snap.point,
+          element: primitive._element
+        });
+      }
+    }
+    return snapPoints;
+  }, [primitives]);
   const snappingPoints = useMemo4(() => {
     const points = [];
     elementBoundingBoxes.forEach((bounds, element) => {
@@ -10236,13 +10383,16 @@ var DimensionOverlay = ({
         });
       }
     });
+    for (const snap of primitiveSnappingPoints) {
+      points.push(snap);
+    }
     points.push({
       anchor: "origin",
       point: { x: 0, y: 0 },
       element: null
     });
     return points;
-  }, [elementBoundingBoxes]);
+  }, [elementBoundingBoxes, primitiveSnappingPoints]);
   const snappingPointsWithScreen = useMemo4(() => {
     return snappingPoints.map((snap, index) => ({
       ...snap,
@@ -12587,7 +12737,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.259",
+  version: "1.11.260",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",