circuit-to-canvas 0.0.54 → 0.0.55

package/dist/index.js

@@ -407,7 +407,7 @@ function getAlphabetLayout(text, fontSize) {
   const spaceWidth = glyphWidth * SPACE_WIDTH_RATIO;
   const strokeWidth = Math.max(fontSize * STROKE_WIDTH_RATIO, 0.35);
   const lineHeight = fontSize * LINE_HEIGHT_RATIO;
-  const lines = text.split("\n");
+  const lines = text.replace(/\\n/g, "\n").split("\n");
   const lineWidths = [];
   let maxWidth = 0;
   for (const line of lines) {

package/lib/drawer/shapes/text/getAlphabetLayout.ts

@@ -26,7 +26,7 @@ export function getAlphabetLayout(
   const strokeWidth = Math.max(fontSize * STROKE_WIDTH_RATIO, 0.35)
   const lineHeight = fontSize * LINE_HEIGHT_RATIO
 
-  const lines = text.split("\n")
+  const lines = text.replace(/\\n/g, "\n").split("\n")
   const lineWidths: number[] = []
 
   let maxWidth = 0

package/package.json

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

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

@@ -3,27 +3,41 @@ import { createCanvas } from "@napi-rs/canvas"
 import type { PcbSilkscreenText } from "circuit-json"
 import { CircuitToCanvasDrawer } from "../../lib/drawer"
 
-test("draw silkscreen text with multiple lines", async () => {
-  const canvas = createCanvas(200, 200)
+test("draw multiline silkscreen text", async () => {
+  const SCALE = 4
+  const canvas = createCanvas(150 * SCALE, 100 * SCALE)
   const ctx = canvas.getContext("2d")
+  ctx.scale(SCALE, SCALE)
   const drawer = new CircuitToCanvasDrawer(ctx)
 
   ctx.fillStyle = "#1a1a1a"
-  ctx.fillRect(0, 0, 200, 200)
+  ctx.fillRect(0, 0, canvas.width / SCALE, canvas.height / SCALE)
 
-  const text: PcbSilkscreenText = {
+  const text1: PcbSilkscreenText = {
     type: "pcb_silkscreen_text",
-    pcb_silkscreen_text_id: "text1",
+    pcb_silkscreen_text_id: "silkscreen-text-1",
     pcb_component_id: "component1",
     layer: "top",
-    text: "TOP\nMIDDLE\nBOTTOM",
-    anchor_position: { x: 100, y: 100 },
+    text: "Top\\nLeft",
+    anchor_position: { x: 40, y: 50 },
     anchor_alignment: "center",
     font: "tscircuit2024",
-    font_size: 10,
+    font_size: 4,
   }
 
-  drawer.drawElements([text])
+  const text2: PcbSilkscreenText = {
+    type: "pcb_silkscreen_text",
+    pcb_silkscreen_text_id: "silkscreen-text-2",
+    pcb_component_id: "component1",
+    layer: "top",
+    text: "Top\nLeft",
+    anchor_position: { x: 110, y: 50 },
+    anchor_alignment: "center",
+    font: "tscircuit2024",
+    font_size: 4,
+  }
+
+  drawer.drawElements([text1, text2])
 
   await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
     import.meta.path,