circuit-to-canvas 0.0.51 → 0.0.53

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

@@ -0,0 +1,221 @@
+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 different anchor alignments on top and bottom layers", async () => {
+  const SCALE = 4
+  const canvas = createCanvas(400 * SCALE, 300 * SCALE)
+  const ctx = canvas.getContext("2d")
+  ctx.scale(SCALE, SCALE)
+  const drawer = new CircuitToCanvasDrawer(ctx)
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, canvas.width / SCALE, canvas.height / SCALE)
+
+  // Draw reference lines
+  ctx.strokeStyle = "#444444"
+  ctx.lineWidth = 0.5
+  // Horizontal lines
+  ctx.beginPath()
+  ctx.moveTo(10, 50)
+  ctx.lineTo(390, 50)
+  ctx.stroke()
+  ctx.beginPath()
+  ctx.moveTo(10, 150)
+  ctx.lineTo(390, 150)
+  ctx.stroke()
+  ctx.beginPath()
+  ctx.moveTo(10, 250)
+  ctx.lineTo(390, 250)
+  ctx.stroke()
+  // Vertical lines
+  ctx.beginPath()
+  ctx.moveTo(100, 10)
+  ctx.lineTo(100, 290)
+  ctx.stroke()
+  ctx.beginPath()
+  ctx.moveTo(200, 10)
+  ctx.lineTo(200, 290)
+  ctx.stroke()
+  ctx.beginPath()
+  ctx.moveTo(300, 10)
+  ctx.lineTo(300, 290)
+  ctx.stroke()
+
+  const elements: PcbSilkscreenText[] = [
+    // Top layer tests
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-top-left",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "TL",
+      anchor_position: { x: 100, y: 50 },
+      anchor_alignment: "top_left",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-center",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "TC",
+      anchor_position: { x: 200, y: 50 },
+      anchor_alignment: "top_center",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-top-right",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "TR",
+      anchor_position: { x: 300, y: 50 },
+      anchor_alignment: "top_right",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-center-left",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "CL",
+      anchor_position: { x: 100, y: 150 },
+      anchor_alignment: "center_left",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-center",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "C",
+      anchor_position: { x: 200, y: 150 },
+      anchor_alignment: "center",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-center-right",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "CR",
+      anchor_position: { x: 300, y: 150 },
+      anchor_alignment: "center_right",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-bottom-left",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "BL",
+      anchor_position: { x: 100, y: 250 },
+      anchor_alignment: "bottom_left",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-bottom-center",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "BC",
+      anchor_position: { x: 200, y: 250 },
+      anchor_alignment: "bottom_center",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "top-bottom-right",
+      pcb_component_id: "component1",
+      layer: "top",
+      text: "BR",
+      anchor_position: { x: 300, y: 250 },
+      anchor_alignment: "bottom_right",
+      font: "tscircuit2024",
+      font_size: 12,
+    },
+    // Bottom layer tests (should appear mirrored horizontally)
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "bottom-top-left",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BL-TL",
+      anchor_position: { x: 50, y: 50 },
+      anchor_alignment: "top_left",
+      font: "tscircuit2024",
+      font_size: 10,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "bottom-top-right",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BL-TR",
+      anchor_position: { x: 350, y: 50 },
+      anchor_alignment: "top_right",
+      font: "tscircuit2024",
+      font_size: 10,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "bottom-center-left",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BL-CL",
+      anchor_position: { x: 50, y: 150 },
+      anchor_alignment: "center_left",
+      font: "tscircuit2024",
+      font_size: 10,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "bottom-center-right",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BL-CR",
+      anchor_position: { x: 350, y: 150 },
+      anchor_alignment: "center_right",
+      font: "tscircuit2024",
+      font_size: 10,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "bottom-bottom-left",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BL-BL",
+      anchor_position: { x: 50, y: 250 },
+      anchor_alignment: "bottom_left",
+      font: "tscircuit2024",
+      font_size: 10,
+    },
+    {
+      type: "pcb_silkscreen_text",
+      pcb_silkscreen_text_id: "bottom-bottom-right",
+      pcb_component_id: "component1",
+      layer: "bottom",
+      text: "BL-BR",
+      anchor_position: { x: 350, y: 250 },
+      anchor_alignment: "bottom_right",
+      font: "tscircuit2024",
+      font_size: 10,
+    },
+  ]
+
+  drawer.drawElements(elements)
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/elements/pcb-smtpad-asymmetric-soldermask-margin.test.ts

@@ -132,7 +132,7 @@ test("draw smt pads with asymmetric soldermask margins", async () => {
   ]
 
   drawer.setCameraBounds({ minX: -7, maxX: 7, minY: -5, maxY: 5 })
-  drawer.drawElements(circuit, { showSoldermask: true })
+  drawer.drawElements(circuit, { drawSoldermask: true })
 
   await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
     import.meta.path,

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

@@ -154,7 +154,7 @@ test("draw smt pads fully covered with soldermask and board with soldermask", as
   ]
 
   drawer.setCameraBounds({ minX: -7, maxX: 7, minY: -5, maxY: 5 })
-  drawer.drawElements(circuit, { showSoldermask: true })
+  drawer.drawElements(circuit, { drawSoldermask: true })
 
   await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
     import.meta.path,

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

@@ -165,7 +165,7 @@ test("draw smt pads with positive and negative soldermask margins", async () =>
   ]
 
   drawer.setCameraBounds({ minX: -7, maxX: 7, minY: -5, maxY: 5 })
-  drawer.drawElements(circuit, { showSoldermask: true })
+  drawer.drawElements(circuit, { drawSoldermask: true })
 
   await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
     import.meta.path,

package/tests/fixtures/getStackedPngSvgComparison.ts

@@ -1,16 +1,16 @@
 import { createCanvas } from "@napi-rs/canvas"
+import { getBoundsOfPcbElements } from "@tscircuit/circuit-json-util"
+import type { Bounds } from "@tscircuit/math-utils"
 import type { AnyCircuitElement } from "circuit-json"
 import { convertCircuitJsonToPcbSvg } from "circuit-to-svg"
-import type { Bounds } from "@tscircuit/math-utils"
 import { CircuitToCanvasDrawer } from "../../lib/drawer"
 import { stackPngsVertically, svgToPng } from "./stackPngsVertically"
-import { getBoundsOfPcbElements } from "@tscircuit/circuit-json-util"
 
 export interface StackedPngSvgComparisonOptions {
   width?: number
   height?: number
   padding?: number
-  showSoldermask?: boolean
+  drawSoldermask?: boolean
 }
 
 /**
@@ -28,7 +28,7 @@ export async function getStackedPngSvgComparison(
     width = 400,
     height = 800,
     padding = 4,
-    showSoldermask = false,
+    drawSoldermask = false,
   } = options
 
   const bounds = getBoundsOfPcbElements(circuitJson)
@@ -47,7 +47,7 @@ export async function getStackedPngSvgComparison(
     minY: bounds.minY,
     maxY: bounds.maxY,
   })
-  drawer.drawElements(circuitJson, { showSoldermask })
+  drawer.drawElements(circuitJson, { drawSoldermask })
 
   const canvasPng = canvas.toBuffer("image/png")