Add support for rotated pill shape hole (#457)

* Add support for rotated pill shape hole

Author: techmannih

src/examples/hole-rotated-pill.fixture.tsx

@@ -0,0 +1,47 @@
+import { PCBViewer } from "../PCBViewer"
+
+export const RotatedPillHole = () => {
+  return (
+    <div style={{ backgroundColor: "black" }}>
+      <PCBViewer
+        circuitJson={
+          [
+            {
+              type: "pcb_board",
+              pcb_board_id: "pcb_board_rotated_pill_0",
+              center: { x: 0, y: 0 },
+              thickness: 1.6,
+              num_layers: 2,
+              width: 20,
+              height: 12,
+              outline: undefined,
+              material: "fr4",
+            },
+            {
+              type: "pcb_hole",
+              pcb_hole_id: "pcb_hole_rotated_pill_0",
+              x: -4,
+              y: 0,
+              hole_shape: "pill",
+              hole_width: 2.5,
+              hole_height: 5,
+              ccw_rotation: 45,
+            },
+            {
+              type: "pcb_hole",
+              pcb_hole_id: "pcb_hole_rotated_pill_1",
+              x: 4,
+              y: 0,
+              hole_shape: "pill",
+              hole_width: 2.5,
+              hole_height: 5,
+              ccw_rotation: 0,
+            },
+          ] as any
+        }
+      />
+    </div>
+  )
+}
+
+export default RotatedPillHole

src/lib/convert-element-to-primitive.ts

@@ -7,6 +7,8 @@ import type {
   PcbNoteDimension,
   PcbSmtPadRotatedPill,
   PcbPanel,
+  PcbHole,
+  PcbHoleRotatedPill,
 } from "circuit-json"
 import { su } from "@tscircuit/circuit-json-util"
 import type { Primitive } from "./types"
@@ -282,6 +284,31 @@ export const convertElementToPrimitives = (
             _parent_source_component,
           },
         ]
+      } else if (
+        element.hole_shape === "pill" ||
+        element.hole_shape === "rotated_pill"
+      ) {
+        const { x, y, hole_width, hole_height } = element
+
+        if (typeof hole_width !== "number" || typeof hole_height !== "number") {
+          return []
+        }
+
+        return [
+          {
+            _pcb_drawing_object_id: `pill_${globalPcbDrawingObjectCount++}`,
+            pcb_drawing_type: "pill",
+            x,
+            y,
+            w: hole_width,
+            h: hole_height,
+            layer: "drill",
+            _element: element,
+            _parent_pcb_component,
+            _parent_source_component,
+            ccw_rotation: (element as PcbHoleRotatedPill).ccw_rotation,
+          },
+        ]
       }
       // TODO square hole
       // TODO oval hole