circuit-to-canvas 0.0.23 → 0.0.24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "circuit-to-canvas",
   "main": "dist/index.js",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "type": "module",
   "scripts": {
     "build": "tsup-node ./lib/index.ts --format esm --dts",

package/tests/elements/pcb-silkscreen-circle.test.ts

@@ -0,0 +1,29 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenCircle } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen circle", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const circle: PcbSilkscreenCircle = {
+    type: "pcb_silkscreen_circle",
+    pcb_silkscreen_circle_id: "circle1",
+    pcb_component_id: "component1",
+    layer: "top",
+    center: { x: 50, y: 50 },
+    radius: 20,
+    stroke_width: 0.2,
+  }
+
+  drawer.drawElements([circle])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-line.test.ts

@@ -0,0 +1,31 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenLine } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen line", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const line: PcbSilkscreenLine = {
+    type: "pcb_silkscreen_line",
+    pcb_silkscreen_line_id: "line1",
+    pcb_component_id: "component1",
+    layer: "top",
+    x1: 20,
+    y1: 20,
+    x2: 80,
+    y2: 80,
+    stroke_width: 2,
+  }
+
+  drawer.drawElements([line])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-on-component.test.ts

@@ -0,0 +1,75 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen on component", async () => {
+  const canvas = createCanvas(150, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 150, 100)
+
+  const elements = [
+    // Component outline
+    {
+      type: "pcb_silkscreen_rect" as const,
+      pcb_silkscreen_rect_id: "outline1",
+      pcb_component_id: "component1",
+      layer: "top" as const,
+      center: { x: 75, y: 50 },
+      width: 60,
+      height: 30,
+      stroke_width: 0.2,
+    },
+    // Pin 1 indicator
+    {
+      type: "pcb_silkscreen_circle" as const,
+      pcb_silkscreen_circle_id: "pin1marker",
+      pcb_component_id: "component1",
+      layer: "top" as const,
+      center: { x: 55, y: 40 },
+      radius: 3,
+      stroke_width: 0.2,
+    },
+    // Component label
+    {
+      type: "pcb_silkscreen_text" as const,
+      pcb_silkscreen_text_id: "label1",
+      pcb_component_id: "component1",
+      layer: "top" as const,
+      text: "IC1",
+      anchor_position: { x: 75, y: 50 },
+      anchor_alignment: "center" as const,
+      font: "tscircuit2024" as const,
+      font_size: 8,
+    },
+    // SMT pads
+    {
+      type: "pcb_smtpad" as const,
+      pcb_smtpad_id: "pad1",
+      shape: "rect" as const,
+      x: 55,
+      y: 50,
+      width: 10,
+      height: 5,
+      layer: "top" as const,
+    },
+    {
+      type: "pcb_smtpad" as const,
+      pcb_smtpad_id: "pad2",
+      shape: "rect" as const,
+      x: 95,
+      y: 50,
+      width: 10,
+      height: 5,
+      layer: "top" as const,
+    },
+  ]
+
+  drawer.drawElements(elements)
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-path.test.ts

@@ -0,0 +1,36 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenPath } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen path", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const path: PcbSilkscreenPath = {
+    type: "pcb_silkscreen_path",
+    pcb_silkscreen_path_id: "path1",
+    pcb_component_id: "component1",
+    layer: "top",
+    route: [
+      { x: 10, y: 50 },
+      { x: 30, y: 20 },
+      { x: 70, y: 20 },
+      { x: 90, y: 50 },
+      { x: 70, y: 80 },
+      { x: 30, y: 80 },
+      { x: 10, y: 50 },
+    ],
+    stroke_width: 2,
+  }
+
+  drawer.drawElements([path])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-rect.test.ts

@@ -0,0 +1,30 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenRect } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen rect", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const rect: PcbSilkscreenRect = {
+    type: "pcb_silkscreen_rect",
+    pcb_silkscreen_rect_id: "rect1",
+    pcb_component_id: "component1",
+    layer: "top",
+    center: { x: 50, y: 50 },
+    width: 40,
+    height: 20,
+    stroke_width: 0.2,
+  }
+
+  drawer.drawElements([rect])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-text-bottom-rotated.test.ts

@@ -0,0 +1,84 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenText } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen text bottom layer with rotation - tests transform order", async () => {
+  const canvas = createCanvas(150, 150)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 150, 150)
+
+  // This test verifies the transform order (translate -> rotate -> scale) is correct
+  // by testing bottom layer text with various rotations
+  const texts: PcbSilkscreenText[] = [
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "text1",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "0",
+      anchor_position: { x: 75, y: 30 },
+      anchor_alignment: "center",
+      font: "tscircuit2024",
+      font_size: 6,
+      ccw_rotation: 0,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "text2",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "90",
+      anchor_position: { x: 120, y: 75 },
+      anchor_alignment: "center",
+      font: "tscircuit2024",
+      font_size: 6,
+      ccw_rotation: 90,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "text3",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "180",
+      anchor_position: { x: 75, y: 120 },
+      anchor_alignment: "center",
+      font: "tscircuit2024",
+      font_size: 6,
+      ccw_rotation: 180,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "text4",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "270",
+      anchor_position: { x: 30, y: 75 },
+      anchor_alignment: "center",
+      font: "tscircuit2024",
+      font_size: 6,
+      ccw_rotation: 270,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "text5",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BTM",
+      anchor_position: { x: 75, y: 75 },
+      anchor_alignment: "center",
+      font: "tscircuit2024",
+      font_size: 8,
+      ccw_rotation: 45,
+    },
+  ]
+
+  drawer.drawElements(texts)
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-text-bottom.test.ts

@@ -0,0 +1,31 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenText } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen text bottom layer", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const text: PcbSilkscreenText = {
+    type: "pcb_silkscreen_text",
+    pcb_silkscreen_text_id: "text1",
+    pcb_component_id: "component1",
+    layer: "bottom",
+    text: "BOTTOM",
+    anchor_position: { x: 50, y: 50 },
+    anchor_alignment: "center",
+    font: "tscircuit2024",
+    font_size: 8,
+  }
+
+  drawer.drawElements([text])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-text-rotated.test.ts

@@ -0,0 +1,32 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenText } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen text with rotation", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const text: PcbSilkscreenText = {
+    type: "pcb_silkscreen_text",
+    pcb_silkscreen_text_id: "text1",
+    pcb_component_id: "component1",
+    layer: "top",
+    text: "ROT45",
+    anchor_position: { x: 50, y: 50 },
+    anchor_alignment: "center",
+    font: "tscircuit2024",
+    font_size: 8,
+    ccw_rotation: 45,
+  }
+
+  drawer.drawElements([text])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen-text.test.ts

@@ -0,0 +1,31 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSilkscreenText } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw silkscreen text", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const text: PcbSilkscreenText = {
+    type: "pcb_silkscreen_text",
+    pcb_silkscreen_text_id: "text1",
+    pcb_component_id: "component1",
+    layer: "top",
+    text: "U1",
+    anchor_position: { x: 50, y: 50 },
+    anchor_alignment: "center",
+    font: "tscircuit2024",
+    font_size: 8,
+  }
+
+  drawer.drawElements([text])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-bottom-layer.test.ts

@@ -0,0 +1,30 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw bottom layer smt pad", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "rect",
+    x: 50,
+    y: 50,
+    width: 40,
+    height: 20,
+    layer: "bottom",
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-circle.test.ts

@@ -0,0 +1,29 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw circular smt pad", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "circle",
+    x: 50,
+    y: 50,
+    radius: 20,
+    layer: "top",
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-pill.test.ts

@@ -0,0 +1,31 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw pill smt pad", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "pill",
+    x: 50,
+    y: 50,
+    width: 50,
+    height: 25,
+    radius: 12.5,
+    layer: "top",
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-polygon.test.ts

@@ -0,0 +1,34 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw polygon smt pad", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "polygon",
+    layer: "top",
+    points: [
+      { x: 30, y: 30 },
+      { x: 70, y: 30 },
+      { x: 80, y: 50 },
+      { x: 70, y: 70 },
+      { x: 30, y: 70 },
+      { x: 20, y: 50 },
+    ],
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-rect-border-radius.test.ts

@@ -0,0 +1,31 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw rectangular smt pad with border radius", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "rect",
+    x: 50,
+    y: 50,
+    width: 40,
+    height: 20,
+    layer: "top",
+    rect_border_radius: 5,
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-rect.test.ts

@@ -0,0 +1,30 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw rectangular smt pad", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "rect",
+    x: 50,
+    y: 50,
+    width: 40,
+    height: 20,
+    layer: "top",
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-rotated-rect.test.ts

@@ -0,0 +1,31 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import type { PcbSmtPad } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw rotated rectangular smt pad", async () => {
+  const canvas = createCanvas(100, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 100, 100)
+
+  const pad: PcbSmtPad = {
+    type: "pcb_smtpad",
+    pcb_smtpad_id: "pad1",
+    shape: "rotated_rect",
+    x: 50,
+    y: 50,
+    width: 40,
+    height: 20,
+    layer: "top",
+    ccw_rotation: 45,
+  }
+
+  drawer.drawElements([pad])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-silkscreen.test.ts

@@ -1,362 +0,0 @@
-import { expect, test } from "bun:test"
-import { createCanvas } from "@napi-rs/canvas"
-import type {
-  PcbSilkscreenText,
-  PcbSilkscreenRect,
-  PcbSilkscreenCircle,
-  PcbSilkscreenLine,
-  PcbSilkscreenPath,
-} from "circuit-json"
-import { CircuitToCanvasDrawer } from "../../lib/drawer"
-
-test("draw silkscreen text", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const text: PcbSilkscreenText = {
-    type: "pcb_silkscreen_text",
-    pcb_silkscreen_text_id: "text1",
-    pcb_component_id: "component1",
-    layer: "top",
-    text: "U1",
-    anchor_position: { x: 50, y: 50 },
-    anchor_alignment: "center",
-    font: "tscircuit2024",
-    font_size: 8,
-  }
-
-  drawer.drawElements([text])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-  )
-})
-
-test("draw silkscreen text bottom layer", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const text: PcbSilkscreenText = {
-    type: "pcb_silkscreen_text",
-    pcb_silkscreen_text_id: "text1",
-    pcb_component_id: "component1",
-    layer: "bottom",
-    text: "BOTTOM",
-    anchor_position: { x: 50, y: 50 },
-    anchor_alignment: "center",
-    font: "tscircuit2024",
-    font_size: 8,
-  }
-
-  drawer.drawElements([text])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-text-bottom",
-  )
-})
-
-test("draw silkscreen text with rotation", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const text: PcbSilkscreenText = {
-    type: "pcb_silkscreen_text",
-    pcb_silkscreen_text_id: "text1",
-    pcb_component_id: "component1",
-    layer: "top",
-    text: "ROT45",
-    anchor_position: { x: 50, y: 50 },
-    anchor_alignment: "center",
-    font: "tscircuit2024",
-    font_size: 8,
-    ccw_rotation: 45,
-  }
-
-  drawer.drawElements([text])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-text-rotated",
-  )
-})
-
-test("draw silkscreen text bottom layer with rotation - tests transform order", async () => {
-  const canvas = createCanvas(150, 150)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 150, 150)
-
-  // This test verifies the transform order (translate -> rotate -> scale) is correct
-  // by testing bottom layer text with various rotations
-  const texts: PcbSilkscreenText[] = [
-    {
-      type: "pcb_silkscreen_text",
-      pcb_silkscreen_text_id: "text1",
-      pcb_component_id: "component1",
-      layer: "bottom",
-      text: "0",
-      anchor_position: { x: 75, y: 30 },
-      anchor_alignment: "center",
-      font: "tscircuit2024",
-      font_size: 6,
-      ccw_rotation: 0,
-    },
-    {
-      type: "pcb_silkscreen_text",
-      pcb_silkscreen_text_id: "text2",
-      pcb_component_id: "component1",
-      layer: "bottom",
-      text: "90",
-      anchor_position: { x: 120, y: 75 },
-      anchor_alignment: "center",
-      font: "tscircuit2024",
-      font_size: 6,
-      ccw_rotation: 90,
-    },
-    {
-      type: "pcb_silkscreen_text",
-      pcb_silkscreen_text_id: "text3",
-      pcb_component_id: "component1",
-      layer: "bottom",
-      text: "180",
-      anchor_position: { x: 75, y: 120 },
-      anchor_alignment: "center",
-      font: "tscircuit2024",
-      font_size: 6,
-      ccw_rotation: 180,
-    },
-    {
-      type: "pcb_silkscreen_text",
-      pcb_silkscreen_text_id: "text4",
-      pcb_component_id: "component1",
-      layer: "bottom",
-      text: "270",
-      anchor_position: { x: 30, y: 75 },
-      anchor_alignment: "center",
-      font: "tscircuit2024",
-      font_size: 6,
-      ccw_rotation: 270,
-    },
-    {
-      type: "pcb_silkscreen_text",
-      pcb_silkscreen_text_id: "text5",
-      pcb_component_id: "component1",
-      layer: "bottom",
-      text: "BTM",
-      anchor_position: { x: 75, y: 75 },
-      anchor_alignment: "center",
-      font: "tscircuit2024",
-      font_size: 8,
-      ccw_rotation: 45,
-    },
-  ]
-
-  drawer.drawElements(texts)
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-text-bottom-rotated",
-  )
-})
-
-test("draw silkscreen rect", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const rect: PcbSilkscreenRect = {
-    type: "pcb_silkscreen_rect",
-    pcb_silkscreen_rect_id: "rect1",
-    pcb_component_id: "component1",
-    layer: "top",
-    center: { x: 50, y: 50 },
-    width: 40,
-    height: 20,
-    stroke_width: 0.2,
-  }
-
-  drawer.drawElements([rect])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-rect",
-  )
-})
-
-test("draw silkscreen circle", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const circle: PcbSilkscreenCircle = {
-    type: "pcb_silkscreen_circle",
-    pcb_silkscreen_circle_id: "circle1",
-    pcb_component_id: "component1",
-    layer: "top",
-    center: { x: 50, y: 50 },
-    radius: 20,
-    stroke_width: 0.2,
-  }
-
-  drawer.drawElements([circle])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-circle",
-  )
-})
-
-test("draw silkscreen line", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const line: PcbSilkscreenLine = {
-    type: "pcb_silkscreen_line",
-    pcb_silkscreen_line_id: "line1",
-    pcb_component_id: "component1",
-    layer: "top",
-    x1: 20,
-    y1: 20,
-    x2: 80,
-    y2: 80,
-    stroke_width: 2,
-  }
-
-  drawer.drawElements([line])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-line",
-  )
-})
-
-test("draw silkscreen path", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const path: PcbSilkscreenPath = {
-    type: "pcb_silkscreen_path",
-    pcb_silkscreen_path_id: "path1",
-    pcb_component_id: "component1",
-    layer: "top",
-    route: [
-      { x: 10, y: 50 },
-      { x: 30, y: 20 },
-      { x: 70, y: 20 },
-      { x: 90, y: 50 },
-      { x: 70, y: 80 },
-      { x: 30, y: 80 },
-      { x: 10, y: 50 },
-    ],
-    stroke_width: 2,
-  }
-
-  drawer.drawElements([path])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-path",
-  )
-})
-
-test("draw silkscreen on component", async () => {
-  const canvas = createCanvas(150, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 150, 100)
-
-  const elements = [
-    // Component outline
-    {
-      type: "pcb_silkscreen_rect" as const,
-      pcb_silkscreen_rect_id: "outline1",
-      pcb_component_id: "component1",
-      layer: "top" as const,
-      center: { x: 75, y: 50 },
-      width: 60,
-      height: 30,
-      stroke_width: 0.2,
-    },
-    // Pin 1 indicator
-    {
-      type: "pcb_silkscreen_circle" as const,
-      pcb_silkscreen_circle_id: "pin1marker",
-      pcb_component_id: "component1",
-      layer: "top" as const,
-      center: { x: 55, y: 40 },
-      radius: 3,
-      stroke_width: 0.2,
-    },
-    // Component label
-    {
-      type: "pcb_silkscreen_text" as const,
-      pcb_silkscreen_text_id: "label1",
-      pcb_component_id: "component1",
-      layer: "top" as const,
-      text: "IC1",
-      anchor_position: { x: 75, y: 50 },
-      anchor_alignment: "center" as const,
-      font: "tscircuit2024" as const,
-      font_size: 8,
-    },
-    // SMT pads
-    {
-      type: "pcb_smtpad" as const,
-      pcb_smtpad_id: "pad1",
-      shape: "rect" as const,
-      x: 55,
-      y: 50,
-      width: 10,
-      height: 5,
-      layer: "top" as const,
-    },
-    {
-      type: "pcb_smtpad" as const,
-      pcb_smtpad_id: "pad2",
-      shape: "rect" as const,
-      x: 95,
-      y: 50,
-      width: 10,
-      height: 5,
-      layer: "top" as const,
-    },
-  ]
-
-  drawer.drawElements(elements)
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "silkscreen-on-component",
-  )
-})

package/tests/elements/pcb-smtpad.test.ts

@@ -1,198 +0,0 @@
-import { expect, test } from "bun:test"
-import { createCanvas } from "@napi-rs/canvas"
-import type { PcbSmtPad } from "circuit-json"
-import { CircuitToCanvasDrawer } from "../../lib/drawer"
-
-test("draw rectangular smt pad", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "rect",
-    x: 50,
-    y: 50,
-    width: 40,
-    height: 20,
-    layer: "top",
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-  )
-})
-
-test("draw rectangular smt pad with border radius", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "rect",
-    x: 50,
-    y: 50,
-    width: 40,
-    height: 20,
-    layer: "top",
-    rect_border_radius: 5,
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "rect-pad-with-border-radius",
-  )
-})
-
-test("draw rotated rectangular smt pad", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "rotated_rect",
-    x: 50,
-    y: 50,
-    width: 40,
-    height: 20,
-    layer: "top",
-    ccw_rotation: 45,
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "rotated-rect-pad",
-  )
-})
-
-test("draw circular smt pad", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "circle",
-    x: 50,
-    y: 50,
-    radius: 20,
-    layer: "top",
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "circular-pad",
-  )
-})
-
-test("draw pill smt pad", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "pill",
-    x: 50,
-    y: 50,
-    width: 50,
-    height: 25,
-    radius: 12.5,
-    layer: "top",
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "pill-pad",
-  )
-})
-
-test("draw polygon smt pad", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "polygon",
-    layer: "top",
-    points: [
-      { x: 30, y: 30 },
-      { x: 70, y: 30 },
-      { x: 80, y: 50 },
-      { x: 70, y: 70 },
-      { x: 30, y: 70 },
-      { x: 20, y: 50 },
-    ],
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "polygon-pad",
-  )
-})
-
-test("draw bottom layer smt pad", async () => {
-  const canvas = createCanvas(100, 100)
-  const ctx = canvas.getContext("2d")
-  const drawer = new CircuitToCanvasDrawer(ctx)
-
-  ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 100, 100)
-
-  const pad: PcbSmtPad = {
-    type: "pcb_smtpad",
-    pcb_smtpad_id: "pad1",
-    shape: "rect",
-    x: 50,
-    y: 50,
-    width: 40,
-    height: 20,
-    layer: "bottom",
-  }
-
-  drawer.drawElements([pad])
-
-  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
-    import.meta.path,
-    "bottom-layer-pad",
-  )
-})