circuit-to-canvas 0.0.22 → 0.0.23

package/dist/index.d.ts

@@ -300,34 +300,38 @@ interface DrawPcbSilkscreenTextParams {
     realToCanvasMat: Matrix;
     colorMap: PcbColorMap;
 }
+declare function drawPcbSilkscreenText(params: DrawPcbSilkscreenTextParams): void;
+
 interface DrawPcbSilkscreenRectParams {
     ctx: CanvasContext;
     rect: PcbSilkscreenRect;
     realToCanvasMat: Matrix;
     colorMap: PcbColorMap;
 }
+declare function drawPcbSilkscreenRect(params: DrawPcbSilkscreenRectParams): void;
+
 interface DrawPcbSilkscreenCircleParams {
     ctx: CanvasContext;
     circle: PcbSilkscreenCircle;
     realToCanvasMat: Matrix;
     colorMap: PcbColorMap;
 }
+declare function drawPcbSilkscreenCircle(params: DrawPcbSilkscreenCircleParams): void;
+
 interface DrawPcbSilkscreenLineParams {
     ctx: CanvasContext;
     line: PcbSilkscreenLine;
     realToCanvasMat: Matrix;
     colorMap: PcbColorMap;
 }
+declare function drawPcbSilkscreenLine(params: DrawPcbSilkscreenLineParams): void;
+
 interface DrawPcbSilkscreenPathParams {
     ctx: CanvasContext;
     path: PcbSilkscreenPath;
     realToCanvasMat: Matrix;
     colorMap: PcbColorMap;
 }
-declare function drawPcbSilkscreenText(params: DrawPcbSilkscreenTextParams): void;
-declare function drawPcbSilkscreenRect(params: DrawPcbSilkscreenRectParams): void;
-declare function drawPcbSilkscreenCircle(params: DrawPcbSilkscreenCircleParams): void;
-declare function drawPcbSilkscreenLine(params: DrawPcbSilkscreenLineParams): void;
 declare function drawPcbSilkscreenPath(params: DrawPcbSilkscreenPathParams): void;
 
 interface DrawPcbCutoutParams {

package/dist/index.js

@@ -647,7 +647,7 @@ function drawPcbBoard(params) {
   }
 }
 
-// lib/drawer/elements/pcb-silkscreen.ts
+// lib/drawer/elements/pcb-silkscreen-text.ts
 import { applyToPoint as applyToPoint9 } from "transformation-matrix";
 
 // lib/drawer/shapes/text/text.ts
@@ -765,7 +765,7 @@ function drawText(params) {
   ctx.restore();
 }
 
-// lib/drawer/elements/pcb-silkscreen.ts
+// lib/drawer/elements/pcb-silkscreen-text.ts
 function layerToSilkscreenColor(layer, colorMap) {
   return layer === "bottom" ? colorMap.silkscreen.bottom : colorMap.silkscreen.top;
 }
@@ -803,9 +803,14 @@ function drawPcbSilkscreenText(params) {
   strokeAlphabetText(ctx, content, layout, startPos.x, startPos.y);
   ctx.restore();
 }
+
+// lib/drawer/elements/pcb-silkscreen-rect.ts
+function layerToSilkscreenColor2(layer, colorMap) {
+  return layer === "bottom" ? colorMap.silkscreen.bottom : colorMap.silkscreen.top;
+}
 function drawPcbSilkscreenRect(params) {
   const { ctx, rect, realToCanvasMat, colorMap } = params;
-  const color = layerToSilkscreenColor(rect.layer, colorMap);
+  const color = layerToSilkscreenColor2(rect.layer, colorMap);
   drawRect({
     ctx,
     center: rect.center,
@@ -815,9 +820,14 @@ function drawPcbSilkscreenRect(params) {
     realToCanvasMat
   });
 }
+
+// lib/drawer/elements/pcb-silkscreen-circle.ts
+function layerToSilkscreenColor3(layer, colorMap) {
+  return layer === "bottom" ? colorMap.silkscreen.bottom : colorMap.silkscreen.top;
+}
 function drawPcbSilkscreenCircle(params) {
   const { ctx, circle, realToCanvasMat, colorMap } = params;
-  const color = layerToSilkscreenColor(circle.layer, colorMap);
+  const color = layerToSilkscreenColor3(circle.layer, colorMap);
   drawCircle({
     ctx,
     center: circle.center,
@@ -826,9 +836,14 @@ function drawPcbSilkscreenCircle(params) {
     realToCanvasMat
   });
 }
+
+// lib/drawer/elements/pcb-silkscreen-line.ts
+function layerToSilkscreenColor4(layer, colorMap) {
+  return layer === "bottom" ? colorMap.silkscreen.bottom : colorMap.silkscreen.top;
+}
 function drawPcbSilkscreenLine(params) {
   const { ctx, line, realToCanvasMat, colorMap } = params;
-  const color = layerToSilkscreenColor(line.layer, colorMap);
+  const color = layerToSilkscreenColor4(line.layer, colorMap);
   drawLine({
     ctx,
     start: { x: line.x1, y: line.y1 },
@@ -838,9 +853,14 @@ function drawPcbSilkscreenLine(params) {
     realToCanvasMat
   });
 }
+
+// lib/drawer/elements/pcb-silkscreen-path.ts
+function layerToSilkscreenColor5(layer, colorMap) {
+  return layer === "bottom" ? colorMap.silkscreen.bottom : colorMap.silkscreen.top;
+}
 function drawPcbSilkscreenPath(params) {
   const { ctx, path, realToCanvasMat, colorMap } = params;
-  const color = layerToSilkscreenColor(path.layer, colorMap);
+  const color = layerToSilkscreenColor5(path.layer, colorMap);
   if (!path.route || path.route.length < 2) return;
   for (let i = 0; i < path.route.length - 1; i++) {
     const start = path.route[i];

package/lib/drawer/CircuitToCanvasDrawer.ts

@@ -38,13 +38,11 @@ import { drawPcbHole } from "./elements/pcb-hole"
 import { drawPcbSmtPad } from "./elements/pcb-smtpad"
 import { drawPcbTrace } from "./elements/pcb-trace"
 import { drawPcbBoard } from "./elements/pcb-board"
-import {
-  drawPcbSilkscreenText,
-  drawPcbSilkscreenRect,
-  drawPcbSilkscreenCircle,
-  drawPcbSilkscreenLine,
-  drawPcbSilkscreenPath,
-} from "./elements/pcb-silkscreen"
+import { drawPcbSilkscreenText } from "./elements/pcb-silkscreen-text"
+import { drawPcbSilkscreenRect } from "./elements/pcb-silkscreen-rect"
+import { drawPcbSilkscreenCircle } from "./elements/pcb-silkscreen-circle"
+import { drawPcbSilkscreenLine } from "./elements/pcb-silkscreen-line"
+import { drawPcbSilkscreenPath } from "./elements/pcb-silkscreen-path"
 import { drawPcbCutout } from "./elements/pcb-cutout"
 import { drawPcbCopperPour } from "./elements/pcb-copper-pour"
 import { drawPcbCopperText } from "./elements/pcb-copper-text"

package/lib/drawer/elements/index.ts

@@ -15,16 +15,28 @@ export { drawPcbBoard, type DrawPcbBoardParams } from "./pcb-board"
 
 export {
   drawPcbSilkscreenText,
-  drawPcbSilkscreenRect,
-  drawPcbSilkscreenCircle,
-  drawPcbSilkscreenLine,
-  drawPcbSilkscreenPath,
   type DrawPcbSilkscreenTextParams,
+} from "./pcb-silkscreen-text"
+
+export {
+  drawPcbSilkscreenRect,
   type DrawPcbSilkscreenRectParams,
+} from "./pcb-silkscreen-rect"
+
+export {
+  drawPcbSilkscreenCircle,
   type DrawPcbSilkscreenCircleParams,
+} from "./pcb-silkscreen-circle"
+
+export {
+  drawPcbSilkscreenLine,
   type DrawPcbSilkscreenLineParams,
+} from "./pcb-silkscreen-line"
+
+export {
+  drawPcbSilkscreenPath,
   type DrawPcbSilkscreenPathParams,
-} from "./pcb-silkscreen"
+} from "./pcb-silkscreen-path"
 
 export { drawPcbCutout, type DrawPcbCutoutParams } from "./pcb-cutout"
 

package/lib/drawer/elements/pcb-silkscreen-circle.ts

@@ -0,0 +1,33 @@
+import type { PcbSilkscreenCircle } from "circuit-json"
+import type { Matrix } from "transformation-matrix"
+import type { PcbColorMap, CanvasContext } from "../types"
+import { drawCircle } from "../shapes/circle"
+
+export interface DrawPcbSilkscreenCircleParams {
+  ctx: CanvasContext
+  circle: PcbSilkscreenCircle
+  realToCanvasMat: Matrix
+  colorMap: PcbColorMap
+}
+
+function layerToSilkscreenColor(layer: string, colorMap: PcbColorMap): string {
+  return layer === "bottom"
+    ? colorMap.silkscreen.bottom
+    : colorMap.silkscreen.top
+}
+
+export function drawPcbSilkscreenCircle(
+  params: DrawPcbSilkscreenCircleParams,
+): void {
+  const { ctx, circle, realToCanvasMat, colorMap } = params
+
+  const color = layerToSilkscreenColor(circle.layer, colorMap)
+
+  drawCircle({
+    ctx,
+    center: circle.center,
+    radius: circle.radius,
+    fill: color,
+    realToCanvasMat,
+  })
+}

package/lib/drawer/elements/pcb-silkscreen-line.ts

@@ -0,0 +1,34 @@
+import type { PcbSilkscreenLine } from "circuit-json"
+import type { Matrix } from "transformation-matrix"
+import type { PcbColorMap, CanvasContext } from "../types"
+import { drawLine } from "../shapes/line"
+
+export interface DrawPcbSilkscreenLineParams {
+  ctx: CanvasContext
+  line: PcbSilkscreenLine
+  realToCanvasMat: Matrix
+  colorMap: PcbColorMap
+}
+
+function layerToSilkscreenColor(layer: string, colorMap: PcbColorMap): string {
+  return layer === "bottom"
+    ? colorMap.silkscreen.bottom
+    : colorMap.silkscreen.top
+}
+
+export function drawPcbSilkscreenLine(
+  params: DrawPcbSilkscreenLineParams,
+): void {
+  const { ctx, line, realToCanvasMat, colorMap } = params
+
+  const color = layerToSilkscreenColor(line.layer, colorMap)
+
+  drawLine({
+    ctx,
+    start: { x: line.x1, y: line.y1 },
+    end: { x: line.x2, y: line.y2 },
+    strokeWidth: line.stroke_width ?? 0.1,
+    stroke: color,
+    realToCanvasMat,
+  })
+}

package/lib/drawer/elements/pcb-silkscreen-path.ts

@@ -0,0 +1,44 @@
+import type { PcbSilkscreenPath } from "circuit-json"
+import type { Matrix } from "transformation-matrix"
+import type { PcbColorMap, CanvasContext } from "../types"
+import { drawLine } from "../shapes/line"
+
+export interface DrawPcbSilkscreenPathParams {
+  ctx: CanvasContext
+  path: PcbSilkscreenPath
+  realToCanvasMat: Matrix
+  colorMap: PcbColorMap
+}
+
+function layerToSilkscreenColor(layer: string, colorMap: PcbColorMap): string {
+  return layer === "bottom"
+    ? colorMap.silkscreen.bottom
+    : colorMap.silkscreen.top
+}
+
+export function drawPcbSilkscreenPath(
+  params: DrawPcbSilkscreenPathParams,
+): void {
+  const { ctx, path, realToCanvasMat, colorMap } = params
+
+  const color = layerToSilkscreenColor(path.layer, colorMap)
+
+  if (!path.route || path.route.length < 2) return
+
+  // Draw each segment of the path
+  for (let i = 0; i < path.route.length - 1; i++) {
+    const start = path.route[i]
+    const end = path.route[i + 1]
+
+    if (!start || !end) continue
+
+    drawLine({
+      ctx,
+      start: { x: start.x, y: start.y },
+      end: { x: end.x, y: end.y },
+      strokeWidth: path.stroke_width ?? 0.1,
+      stroke: color,
+      realToCanvasMat,
+    })
+  }
+}

package/lib/drawer/elements/pcb-silkscreen-rect.ts

@@ -0,0 +1,34 @@
+import type { PcbSilkscreenRect } from "circuit-json"
+import type { Matrix } from "transformation-matrix"
+import type { PcbColorMap, CanvasContext } from "../types"
+import { drawRect } from "../shapes/rect"
+
+export interface DrawPcbSilkscreenRectParams {
+  ctx: CanvasContext
+  rect: PcbSilkscreenRect
+  realToCanvasMat: Matrix
+  colorMap: PcbColorMap
+}
+
+function layerToSilkscreenColor(layer: string, colorMap: PcbColorMap): string {
+  return layer === "bottom"
+    ? colorMap.silkscreen.bottom
+    : colorMap.silkscreen.top
+}
+
+export function drawPcbSilkscreenRect(
+  params: DrawPcbSilkscreenRectParams,
+): void {
+  const { ctx, rect, realToCanvasMat, colorMap } = params
+
+  const color = layerToSilkscreenColor(rect.layer, colorMap)
+
+  drawRect({
+    ctx,
+    center: rect.center,
+    width: rect.width,
+    height: rect.height,
+    fill: color,
+    realToCanvasMat,
+  })
+}

package/lib/drawer/elements/pcb-silkscreen-text.ts

@@ -0,0 +1,71 @@
+import type { PcbSilkscreenText } from "circuit-json"
+import type { Matrix } from "transformation-matrix"
+import { applyToPoint } from "transformation-matrix"
+import type { PcbColorMap, CanvasContext } from "../types"
+import {
+  getAlphabetLayout,
+  strokeAlphabetText,
+  getTextStartPosition,
+  type AnchorAlignment,
+} from "../shapes/text"
+
+export interface DrawPcbSilkscreenTextParams {
+  ctx: CanvasContext
+  text: PcbSilkscreenText
+  realToCanvasMat: Matrix
+  colorMap: PcbColorMap
+}
+
+function layerToSilkscreenColor(layer: string, colorMap: PcbColorMap): string {
+  return layer === "bottom"
+    ? colorMap.silkscreen.bottom
+    : colorMap.silkscreen.top
+}
+
+function mapAnchorAlignment(alignment?: string): AnchorAlignment {
+  if (!alignment) return "center"
+  return alignment as AnchorAlignment
+}
+
+export function drawPcbSilkscreenText(
+  params: DrawPcbSilkscreenTextParams,
+): void {
+  const { ctx, text, realToCanvasMat, colorMap } = params
+
+  const content = text.text ?? ""
+  if (!content) return
+
+  const color = layerToSilkscreenColor(text.layer, colorMap)
+  const [x, y] = applyToPoint(realToCanvasMat, [
+    text.anchor_position.x,
+    text.anchor_position.y,
+  ])
+  const scale = Math.abs(realToCanvasMat.a)
+  const fontSize = (text.font_size ?? 1) * scale
+  const rotation = text.ccw_rotation ?? 0
+
+  const layout = getAlphabetLayout(content, fontSize)
+  const alignment = mapAnchorAlignment(text.anchor_alignment)
+  const startPos = getTextStartPosition(alignment, layout)
+
+  ctx.save()
+  ctx.translate(x, y)
+
+  // Apply rotation (CCW rotation in degrees)
+  if (rotation !== 0) {
+    ctx.rotate(-rotation * (Math.PI / 180))
+  }
+
+  if (text.layer === "bottom") {
+    ctx.scale(-1, 1)
+  }
+
+  ctx.lineWidth = layout.strokeWidth
+  ctx.lineCap = "round"
+  ctx.lineJoin = "round"
+  ctx.strokeStyle = color
+
+  strokeAlphabetText(ctx, content, layout, startPos.x, startPos.y)
+
+  ctx.restore()
+}

package/package.json

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

package/lib/drawer/elements/pcb-silkscreen.ts

@@ -1,186 +0,0 @@
-import type {
-  PcbSilkscreenText,
-  PcbSilkscreenRect,
-  PcbSilkscreenCircle,
-  PcbSilkscreenLine,
-  PcbSilkscreenPath,
-} from "circuit-json"
-import type { Matrix } from "transformation-matrix"
-import { applyToPoint } from "transformation-matrix"
-import type { PcbColorMap, CanvasContext } from "../types"
-import { drawRect } from "../shapes/rect"
-import { drawCircle } from "../shapes/circle"
-import { drawLine } from "../shapes/line"
-import { drawPath } from "../shapes/path"
-import {
-  getAlphabetLayout,
-  strokeAlphabetText,
-  getTextStartPosition,
-  type AnchorAlignment,
-} from "../shapes/text"
-
-export interface DrawPcbSilkscreenTextParams {
-  ctx: CanvasContext
-  text: PcbSilkscreenText
-  realToCanvasMat: Matrix
-  colorMap: PcbColorMap
-}
-
-export interface DrawPcbSilkscreenRectParams {
-  ctx: CanvasContext
-  rect: PcbSilkscreenRect
-  realToCanvasMat: Matrix
-  colorMap: PcbColorMap
-}
-
-export interface DrawPcbSilkscreenCircleParams {
-  ctx: CanvasContext
-  circle: PcbSilkscreenCircle
-  realToCanvasMat: Matrix
-  colorMap: PcbColorMap
-}
-
-export interface DrawPcbSilkscreenLineParams {
-  ctx: CanvasContext
-  line: PcbSilkscreenLine
-  realToCanvasMat: Matrix
-  colorMap: PcbColorMap
-}
-
-export interface DrawPcbSilkscreenPathParams {
-  ctx: CanvasContext
-  path: PcbSilkscreenPath
-  realToCanvasMat: Matrix
-  colorMap: PcbColorMap
-}
-
-function layerToSilkscreenColor(layer: string, colorMap: PcbColorMap): string {
-  return layer === "bottom"
-    ? colorMap.silkscreen.bottom
-    : colorMap.silkscreen.top
-}
-
-function mapAnchorAlignment(alignment?: string): AnchorAlignment {
-  if (!alignment) return "center"
-  return alignment as AnchorAlignment
-}
-
-export function drawPcbSilkscreenText(
-  params: DrawPcbSilkscreenTextParams,
-): void {
-  const { ctx, text, realToCanvasMat, colorMap } = params
-
-  const content = text.text ?? ""
-  if (!content) return
-
-  const color = layerToSilkscreenColor(text.layer, colorMap)
-  const [x, y] = applyToPoint(realToCanvasMat, [
-    text.anchor_position.x,
-    text.anchor_position.y,
-  ])
-  const scale = Math.abs(realToCanvasMat.a)
-  const fontSize = (text.font_size ?? 1) * scale
-  const rotation = text.ccw_rotation ?? 0
-
-  const layout = getAlphabetLayout(content, fontSize)
-  const alignment = mapAnchorAlignment(text.anchor_alignment)
-  const startPos = getTextStartPosition(alignment, layout)
-
-  ctx.save()
-  ctx.translate(x, y)
-
-  // Apply rotation (CCW rotation in degrees)
-  if (rotation !== 0) {
-    ctx.rotate(-rotation * (Math.PI / 180))
-  }
-
-  if (text.layer === "bottom") {
-    ctx.scale(-1, 1)
-  }
-
-  ctx.lineWidth = layout.strokeWidth
-  ctx.lineCap = "round"
-  ctx.lineJoin = "round"
-  ctx.strokeStyle = color
-
-  strokeAlphabetText(ctx, content, layout, startPos.x, startPos.y)
-
-  ctx.restore()
-}
-
-export function drawPcbSilkscreenRect(
-  params: DrawPcbSilkscreenRectParams,
-): void {
-  const { ctx, rect, realToCanvasMat, colorMap } = params
-
-  const color = layerToSilkscreenColor(rect.layer, colorMap)
-
-  drawRect({
-    ctx,
-    center: rect.center,
-    width: rect.width,
-    height: rect.height,
-    fill: color,
-    realToCanvasMat,
-  })
-}
-
-export function drawPcbSilkscreenCircle(
-  params: DrawPcbSilkscreenCircleParams,
-): void {
-  const { ctx, circle, realToCanvasMat, colorMap } = params
-
-  const color = layerToSilkscreenColor(circle.layer, colorMap)
-
-  drawCircle({
-    ctx,
-    center: circle.center,
-    radius: circle.radius,
-    fill: color,
-    realToCanvasMat,
-  })
-}
-
-export function drawPcbSilkscreenLine(
-  params: DrawPcbSilkscreenLineParams,
-): void {
-  const { ctx, line, realToCanvasMat, colorMap } = params
-
-  const color = layerToSilkscreenColor(line.layer, colorMap)
-
-  drawLine({
-    ctx,
-    start: { x: line.x1, y: line.y1 },
-    end: { x: line.x2, y: line.y2 },
-    strokeWidth: line.stroke_width ?? 0.1,
-    stroke: color,
-    realToCanvasMat,
-  })
-}
-
-export function drawPcbSilkscreenPath(
-  params: DrawPcbSilkscreenPathParams,
-): void {
-  const { ctx, path, realToCanvasMat, colorMap } = params
-
-  const color = layerToSilkscreenColor(path.layer, colorMap)
-
-  if (!path.route || path.route.length < 2) return
-
-  // Draw each segment of the path
-  for (let i = 0; i < path.route.length - 1; i++) {
-    const start = path.route[i]
-    const end = path.route[i + 1]
-
-    if (!start || !end) continue
-
-    drawLine({
-      ctx,
-      start: { x: start.x, y: start.y },
-      end: { x: end.x, y: end.y },
-      strokeWidth: path.stroke_width ?? 0.1,
-      stroke: color,
-      realToCanvasMat,
-    })
-  }
-}