circuit-to-canvas 0.0.1 → 0.0.3

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

@@ -0,0 +1,198 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "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",
+  )
+})

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

@@ -0,0 +1,116 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "canvas"
+import type { PCBTrace } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw simple trace", 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 trace: PCBTrace = {
+    type: "pcb_trace",
+    pcb_trace_id: "trace1",
+    route: [
+      { route_type: "wire", x: 20, y: 50, width: 5, layer: "top" },
+      { route_type: "wire", x: 80, y: 50, width: 5, layer: "top" },
+    ],
+  }
+
+  drawer.drawElements([trace])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})
+
+test("draw multi-segment trace", 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 trace: PCBTrace = {
+    type: "pcb_trace",
+    pcb_trace_id: "trace1",
+    route: [
+      { route_type: "wire", x: 10, y: 10, width: 3, layer: "top" },
+      { route_type: "wire", x: 50, y: 10, width: 3, layer: "top" },
+      { route_type: "wire", x: 50, y: 50, width: 3, layer: "top" },
+      { route_type: "wire", x: 90, y: 50, width: 3, layer: "top" },
+      { route_type: "wire", x: 90, y: 90, width: 3, layer: "top" },
+    ],
+  }
+
+  drawer.drawElements([trace])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+    "multi-segment-trace",
+  )
+})
+
+test("draw trace on 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 trace: PCBTrace = {
+    type: "pcb_trace",
+    pcb_trace_id: "trace1",
+    route: [
+      { route_type: "wire", x: 20, y: 30, width: 6, layer: "bottom" },
+      { route_type: "wire", x: 80, y: 70, width: 6, layer: "bottom" },
+    ],
+  }
+
+  drawer.drawElements([trace])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+    "bottom-layer-trace",
+  )
+})
+
+test("draw multiple traces", 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 traces: PCBTrace[] = [
+    {
+      type: "pcb_trace",
+      pcb_trace_id: "trace1",
+      route: [
+        { route_type: "wire", x: 10, y: 30, width: 4, layer: "top" },
+        { route_type: "wire", x: 90, y: 30, width: 4, layer: "top" },
+      ],
+    },
+    {
+      type: "pcb_trace",
+      pcb_trace_id: "trace2",
+      route: [
+        { route_type: "wire", x: 10, y: 70, width: 4, layer: "bottom" },
+        { route_type: "wire", x: 90, y: 70, width: 4, layer: "bottom" },
+      ],
+    },
+  ]
+
+  drawer.drawElements(traces)
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+    "multiple-traces",
+  )
+})

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

@@ -0,0 +1,75 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "canvas"
+import type { PCBVia } from "circuit-json"
+import { CircuitToCanvasDrawer } from "../../lib/drawer"
+
+test("draw via", 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 via: PCBVia = {
+    type: "pcb_via",
+    pcb_via_id: "via1",
+    x: 50,
+    y: 50,
+    outer_diameter: 40,
+    hole_diameter: 20,
+    layers: ["top", "bottom"],
+  }
+
+  drawer.drawElements([via])
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})
+
+test("draw multiple vias", async () => {
+  const canvas = createCanvas(200, 100)
+  const ctx = canvas.getContext("2d")
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, 200, 100)
+
+  const vias: PCBVia[] = [
+    {
+      type: "pcb_via",
+      pcb_via_id: "via1",
+      x: 50,
+      y: 50,
+      outer_diameter: 30,
+      hole_diameter: 15,
+      layers: ["top", "bottom"],
+    },
+    {
+      type: "pcb_via",
+      pcb_via_id: "via2",
+      x: 100,
+      y: 50,
+      outer_diameter: 25,
+      hole_diameter: 12,
+      layers: ["top", "bottom"],
+    },
+    {
+      type: "pcb_via",
+      pcb_via_id: "via3",
+      x: 150,
+      y: 50,
+      outer_diameter: 35,
+      hole_diameter: 18,
+      layers: ["top", "bottom"],
+    },
+  ]
+
+  drawer.drawElements(vias)
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+    "multiple-vias",
+  )
+})

package/.claude/settings.local.json

@@ -1,7 +0,0 @@
-{
-  "permissions": {
-    "allow": ["Bash(npm ls:*)", "Bash(bun add:*)"],
-    "deny": [],
-    "ask": []
-  }
-}