circuit-to-canvas 0.0.22 → 0.0.24

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",
-  )
-})