circuit-to-svg 0.0.161 → 0.0.163

package/dist/index.js

@@ -637,6 +637,33 @@ function createSvgObjectsFromPcbSilkscreenText(pcbSilkscreenText, ctx) {
     ...layer === "bottom" ? [scale(-1, 1)] : []
   );
   const color = layer === "bottom" ? colorMap2.silkscreen.bottom : colorMap2.silkscreen.top;
+  const lines = text.split("\n");
+  const children = lines.length === 1 ? [
+    {
+      type: "text",
+      value: text,
+      name: "",
+      attributes: {},
+      children: []
+    }
+  ] : lines.map((line, idx) => ({
+    type: "element",
+    name: "tspan",
+    value: "",
+    attributes: {
+      x: "0",
+      ...idx > 0 ? { dy: transformedFontSize.toString() } : {}
+    },
+    children: [
+      {
+        type: "text",
+        value: line,
+        name: "",
+        attributes: {},
+        children: []
+      }
+    ]
+  }));
   const svgObject = {
     name: "text",
     type: "element",
@@ -655,15 +682,7 @@ function createSvgObjectsFromPcbSilkscreenText(pcbSilkscreenText, ctx) {
       "data-pcb-silkscreen-text-id": pcbSilkscreenText.pcb_component_id,
       stroke: "none"
     },
-    children: [
-      {
-        type: "text",
-        value: text,
-        name: "",
-        attributes: {},
-        children: []
-      }
-    ],
+    children,
     value: ""
   };
   return [svgObject];
@@ -1780,7 +1799,7 @@ var circuitJsonToPcbSvg = convertCircuitJsonToPcbSvg;
 import { stringify as stringify2 } from "svgson";
 import { su as su3 } from "@tscircuit/circuit-json-util";
 import {
-  applyToPoint as applyToPoint22,
+  applyToPoint as applyToPoint25,
   compose as compose5,
   scale as scale3,
   translate as translate5
@@ -2023,8 +2042,387 @@ function getRectPathData(w, h, rotation) {
   return `${path} Z`;
 }
 
+// lib/assembly/svg-object-fns/create-svg-objects-from-assembly-hole.ts
+import { applyToPoint as applyToPoint22 } from "transformation-matrix";
+var HOLE_COLOR2 = "rgb(190, 190, 190)";
+function createSvgObjectsFromAssemblyHole(hole, ctx) {
+  const { transform } = ctx;
+  const [x, y] = applyToPoint22(transform, [hole.x, hole.y]);
+  if (hole.hole_shape === "circle" || hole.hole_shape === "square") {
+    const scaledDiameter = hole.hole_diameter * Math.abs(transform.a);
+    const radius = scaledDiameter / 2;
+    if (hole.hole_shape === "circle") {
+      return [
+        {
+          name: "circle",
+          type: "element",
+          attributes: {
+            class: "assembly-hole",
+            cx: x.toString(),
+            cy: y.toString(),
+            r: radius.toString(),
+            fill: HOLE_COLOR2
+          },
+          children: [],
+          value: ""
+        }
+      ];
+    }
+    return [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "assembly-hole",
+          x: (x - radius).toString(),
+          y: (y - radius).toString(),
+          width: scaledDiameter.toString(),
+          height: scaledDiameter.toString(),
+          fill: HOLE_COLOR2
+        },
+        children: [],
+        value: ""
+      }
+    ];
+  }
+  if (hole.hole_shape === "oval") {
+    const scaledWidth = hole.hole_width * Math.abs(transform.a);
+    const scaledHeight = hole.hole_height * Math.abs(transform.a);
+    const rx = scaledWidth / 2;
+    const ry = scaledHeight / 2;
+    return [
+      {
+        name: "ellipse",
+        type: "element",
+        attributes: {
+          class: "assembly-hole",
+          cx: x.toString(),
+          cy: y.toString(),
+          rx: rx.toString(),
+          ry: ry.toString(),
+          fill: HOLE_COLOR2
+        },
+        children: [],
+        value: ""
+      }
+    ];
+  }
+  return [];
+}
+
+// lib/assembly/svg-object-fns/create-svg-objects-from-assembly-plated-hole.ts
+import { applyToPoint as applyToPoint23 } from "transformation-matrix";
+var PAD_COLOR = "rgb(210, 210, 210)";
+var HOLE_COLOR3 = "rgb(190, 190, 190)";
+function createSvgObjectsFromAssemblyPlatedHole(hole, ctx) {
+  const { transform } = ctx;
+  const [x, y] = applyToPoint23(transform, [hole.x, hole.y]);
+  if (hole.shape === "pill") {
+    const scaledOuterWidth = hole.outer_width * Math.abs(transform.a);
+    const scaledOuterHeight = hole.outer_height * Math.abs(transform.a);
+    const scaledHoleWidth = hole.hole_width * Math.abs(transform.a);
+    const scaledHoleHeight = hole.hole_height * Math.abs(transform.a);
+    const outerRadiusX = scaledOuterWidth / 2;
+    const straightLength = scaledOuterHeight - scaledOuterWidth;
+    const innerRadiusX = scaledHoleWidth / 2;
+    return [
+      {
+        name: "g",
+        type: "element",
+        children: [
+          // Outer pill shape
+          {
+            name: "path",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-outer",
+              fill: PAD_COLOR,
+              d: `M${x - outerRadiusX},${y - straightLength / 2} v${straightLength} a${outerRadiusX},${outerRadiusX} 0 0 0 ${scaledOuterWidth},0 v-${straightLength} a${outerRadiusX},${outerRadiusX} 0 0 0 -${scaledOuterWidth},0 z`
+            },
+            value: "",
+            children: []
+          },
+          // Inner pill shape
+          {
+            name: "path",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-inner",
+              fill: HOLE_COLOR3,
+              d: `M${x - innerRadiusX},${y - (scaledHoleHeight - scaledHoleWidth) / 2} v${scaledHoleHeight - scaledHoleWidth} a${innerRadiusX},${innerRadiusX} 0 0 0 ${scaledHoleWidth},0 v-${scaledHoleHeight - scaledHoleWidth} a${innerRadiusX},${innerRadiusX} 0 0 0 -${scaledHoleWidth},0 z`
+            },
+            value: "",
+            children: []
+          }
+        ],
+        value: "",
+        attributes: {}
+      }
+    ];
+  }
+  if (hole.shape === "circle") {
+    const scaledOuterWidth = hole.outer_diameter * Math.abs(transform.a);
+    const scaledOuterHeight = hole.outer_diameter * Math.abs(transform.a);
+    const scaledHoleWidth = hole.hole_diameter * Math.abs(transform.a);
+    const scaledHoleHeight = hole.hole_diameter * Math.abs(transform.a);
+    const outerRadius = Math.min(scaledOuterWidth, scaledOuterHeight) / 2;
+    const innerRadius = Math.min(scaledHoleWidth, scaledHoleHeight) / 2;
+    return [
+      {
+        name: "g",
+        type: "element",
+        children: [
+          {
+            name: "circle",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-outer",
+              fill: PAD_COLOR,
+              cx: x.toString(),
+              cy: y.toString(),
+              r: outerRadius.toString()
+            },
+            value: "",
+            children: []
+          },
+          {
+            name: "circle",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-inner",
+              fill: HOLE_COLOR3,
+              cx: x.toString(),
+              cy: y.toString(),
+              r: innerRadius.toString()
+            },
+            value: "",
+            children: []
+          }
+        ],
+        value: "",
+        attributes: {}
+      }
+    ];
+  }
+  if (hole.shape === "circular_hole_with_rect_pad") {
+    const scaledHoleDiameter = hole.hole_diameter * Math.abs(transform.a);
+    const scaledRectPadWidth = hole.rect_pad_width * Math.abs(transform.a);
+    const scaledRectPadHeight = hole.rect_pad_height * Math.abs(transform.a);
+    const holeRadius = scaledHoleDiameter / 2;
+    return [
+      {
+        name: "g",
+        type: "element",
+        children: [
+          // Rectangular pad (outer shape)
+          {
+            name: "rect",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-outer-pad",
+              fill: PAD_COLOR,
+              x: (x - scaledRectPadWidth / 2).toString(),
+              y: (y - scaledRectPadHeight / 2).toString(),
+              width: scaledRectPadWidth.toString(),
+              height: scaledRectPadHeight.toString()
+            },
+            value: "",
+            children: []
+          },
+          // Circular hole inside the rectangle
+          {
+            name: "circle",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-inner",
+              fill: HOLE_COLOR3,
+              cx: x.toString(),
+              cy: y.toString(),
+              r: holeRadius.toString()
+            },
+            value: "",
+            children: []
+          }
+        ],
+        value: "",
+        attributes: {}
+      }
+    ];
+  }
+  if (hole.shape === "pill_hole_with_rect_pad") {
+    const scaledRectPadWidth = hole.rect_pad_width * Math.abs(transform.a);
+    const scaledRectPadHeight = hole.rect_pad_height * Math.abs(transform.a);
+    const scaledHoleHeight = hole.hole_height * Math.abs(transform.a);
+    const scaledHoleWidth = hole.hole_width * Math.abs(transform.a);
+    const holeRadius = Math.min(scaledHoleHeight, scaledHoleWidth) / 2;
+    return [
+      {
+        name: "g",
+        type: "element",
+        children: [
+          // Rectangular pad (outer shape)
+          {
+            name: "rect",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-outer-pad",
+              fill: PAD_COLOR,
+              x: (x - scaledRectPadWidth / 2).toString(),
+              y: (y - scaledRectPadHeight / 2).toString(),
+              width: scaledRectPadWidth.toString(),
+              height: scaledRectPadHeight.toString()
+            },
+            value: "",
+            children: []
+          },
+          // pill hole inside the rectangle
+          {
+            name: "rect",
+            type: "element",
+            attributes: {
+              class: "assembly-hole-inner",
+              fill: HOLE_COLOR3,
+              x: (x - scaledHoleWidth / 2).toString(),
+              y: (y - scaledHoleHeight / 2).toString(),
+              width: scaledHoleWidth.toString(),
+              height: scaledHoleHeight.toString(),
+              rx: holeRadius.toString(),
+              ry: holeRadius.toString()
+            },
+            value: "",
+            children: []
+          }
+        ],
+        value: "",
+        attributes: {}
+      }
+    ];
+  }
+  return [];
+}
+
+// lib/assembly/svg-object-fns/create-svg-objects-from-assembly-smt-pad.ts
+import { applyToPoint as applyToPoint24 } from "transformation-matrix";
+var PAD_COLOR2 = "rgb(210, 210, 210)";
+function createSvgObjectsFromAssemblySmtPad(pad, ctx) {
+  const { transform } = ctx;
+  if (pad.shape === "rect" || pad.shape === "rotated_rect") {
+    const width = pad.width * Math.abs(transform.a);
+    const height = pad.height * Math.abs(transform.d);
+    const [x, y] = applyToPoint24(transform, [pad.x, pad.y]);
+    if (pad.shape === "rotated_rect" && pad.ccw_rotation) {
+      return [
+        {
+          name: "rect",
+          type: "element",
+          attributes: {
+            class: "assembly-pad",
+            fill: PAD_COLOR2,
+            x: (-width / 2).toString(),
+            y: (-height / 2).toString(),
+            width: width.toString(),
+            height: height.toString(),
+            transform: `translate(${x} ${y}) rotate(${-pad.ccw_rotation})`,
+            "data-layer": pad.layer
+          },
+          value: "",
+          children: []
+        }
+      ];
+    }
+    return [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "assembly-pad",
+          fill: PAD_COLOR2,
+          x: (x - width / 2).toString(),
+          y: (y - height / 2).toString(),
+          width: width.toString(),
+          height: height.toString(),
+          "data-layer": pad.layer
+        },
+        value: "",
+        children: []
+      }
+    ];
+  }
+  if (pad.shape === "pill") {
+    const width = pad.width * Math.abs(transform.a);
+    const height = pad.height * Math.abs(transform.d);
+    const radius = pad.radius * Math.abs(transform.a);
+    const [x, y] = applyToPoint24(transform, [pad.x, pad.y]);
+    return [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "assembly-pad",
+          fill: PAD_COLOR2,
+          x: (x - width / 2).toString(),
+          y: (y - height / 2).toString(),
+          width: width.toString(),
+          height: height.toString(),
+          rx: radius.toString(),
+          ry: radius.toString(),
+          "data-layer": pad.layer
+        },
+        value: "",
+        children: []
+      }
+    ];
+  }
+  if (pad.shape === "circle") {
+    const radius = pad.radius * Math.abs(transform.a);
+    const [x, y] = applyToPoint24(transform, [pad.x, pad.y]);
+    return [
+      {
+        name: "circle",
+        type: "element",
+        attributes: {
+          class: "assembly-pad",
+          fill: PAD_COLOR2,
+          cx: x.toString(),
+          cy: y.toString(),
+          r: radius.toString(),
+          "data-layer": pad.layer
+        },
+        value: "",
+        children: []
+      }
+    ];
+  }
+  if (pad.shape === "polygon") {
+    const points = (pad.points ?? []).map(
+      (point) => applyToPoint24(transform, [point.x, point.y])
+    );
+    return [
+      {
+        name: "polygon",
+        type: "element",
+        attributes: {
+          class: "assembly-pad",
+          fill: PAD_COLOR2,
+          points: points.map((p) => p.join(",")).join(" "),
+          "data-layer": pad.layer
+        },
+        value: "",
+        children: []
+      }
+    ];
+  }
+  return [];
+}
+
 // lib/assembly/convert-circuit-json-to-assembly-svg.ts
-var OBJECT_ORDER2 = ["pcb_board", "pcb_component"];
+var OBJECT_ORDER2 = [
+  "pcb_component",
+  "pcb_smtpad",
+  "pcb_hole",
+  "pcb_plated_hole",
+  "pcb_board"
+];
 function convertCircuitJsonToAssemblySvg(soup, options) {
   let minX = Number.POSITIVE_INFINITY;
   let minY = Number.POSITIVE_INFINITY;
@@ -2059,9 +2457,10 @@ function convertCircuitJsonToAssemblySvg(soup, options) {
     scale3(scaleFactor, -scaleFactor)
     // Flip in y-direction
   );
+  const ctx = { transform };
   const svgObjects = soup.sort(
     (a, b) => (OBJECT_ORDER2.indexOf(b.type) ?? 9999) - (OBJECT_ORDER2.indexOf(a.type) ?? 9999)
-  ).flatMap((item) => createSvgObjects2(item, transform, soup));
+  ).flatMap((item) => createSvgObjects2(item, ctx, soup));
   const softwareUsedString = getSoftwareUsedString(soup);
   const svgObject = {
     name: "svg",
@@ -2084,7 +2483,7 @@ function convertCircuitJsonToAssemblySvg(soup, options) {
             type: "text",
             value: `
               .assembly-component { 
-                fill: #fff; 
+                fill: none; 
                 stroke: #000; 
               }
               .assembly-board { 
@@ -2132,11 +2531,11 @@ function convertCircuitJsonToAssemblySvg(soup, options) {
   };
   return stringify2(svgObject);
 }
-function createSvgObjects2(elm, transform, soup) {
+function createSvgObjects2(elm, ctx, soup) {
   const sourceComponents = su3(soup).source_component.list();
   switch (elm.type) {
     case "pcb_board":
-      return createSvgObjectsFromAssemblyBoard(elm, transform);
+      return createSvgObjectsFromAssemblyBoard(elm, ctx.transform);
     case "pcb_component": {
       const sourceComponent = sourceComponents.find(
         (item) => item.source_component_id === elm.source_component_id
@@ -2152,19 +2551,25 @@ function createSvgObjects2(elm, transform, soup) {
             name: sourceComponent.name,
             arePinsInterchangeable
           },
-          { transform }
+          ctx
         );
         return obj ? [obj] : [];
       }
       return [];
     }
+    case "pcb_smtpad":
+      return createSvgObjectsFromAssemblySmtPad(elm, ctx);
+    case "pcb_hole":
+      return createSvgObjectsFromAssemblyHole(elm, ctx);
+    case "pcb_plated_hole":
+      return createSvgObjectsFromAssemblyPlatedHole(elm, ctx);
     default:
       return [];
   }
 }
 function createSvgObjectFromAssemblyBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint22(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint22(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint25(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint25(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -2430,14 +2835,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint23 } from "transformation-matrix";
+import { applyToPoint as applyToPoint26 } from "transformation-matrix";
 function drawSchematicGrid(params) {
   const { minX, minY, maxX, maxY } = params.bounds;
   const cellSize = params.cellSize ?? 1;
   const labelCells = params.labelCells ?? false;
   const gridLines = [];
   const transformPoint = (x, y) => {
-    const [transformedX, transformedY] = applyToPoint23(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint26(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.floor(minX); x <= Math.ceil(maxX); x += cellSize) {
@@ -2518,15 +2923,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint24 } from "transformation-matrix";
+import { applyToPoint as applyToPoint27 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    const [x1, y1] = applyToPoint24(transform, [point.x - 0.1, point.y - 0.1]);
-    const [x2, y2] = applyToPoint24(transform, [point.x + 0.1, point.y + 0.1]);
-    const [x3, y3] = applyToPoint24(transform, [point.x - 0.1, point.y + 0.1]);
-    const [x4, y4] = applyToPoint24(transform, [point.x + 0.1, point.y - 0.1]);
+    const [x1, y1] = applyToPoint27(transform, [point.x - 0.1, point.y - 0.1]);
+    const [x2, y2] = applyToPoint27(transform, [point.x + 0.1, point.y + 0.1]);
+    const [x3, y3] = applyToPoint27(transform, [point.x - 0.1, point.y + 0.1]);
+    const [x4, y4] = applyToPoint27(transform, [point.x + 0.1, point.y - 0.1]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -2537,7 +2942,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint24(transform, [
+    const [labelX, labelY] = applyToPoint27(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -3506,7 +3911,7 @@ import { su as su4 } from "@tscircuit/circuit-json-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint26,
+  applyToPoint as applyToPoint29,
   compose as compose7
 } from "transformation-matrix";
 
@@ -3590,13 +3995,13 @@ function pointPairsToMatrix(a1, a2, b1, b2) {
 }
 
 // lib/sch/svg-object-fns/create-svg-error-text.ts
-import { applyToPoint as applyToPoint25 } from "transformation-matrix";
+import { applyToPoint as applyToPoint28 } from "transformation-matrix";
 var createSvgSchErrorText = ({
   text,
   realCenter,
   realToScreenTransform
 }) => {
-  const screenCenter = applyToPoint25(realToScreenTransform, realCenter);
+  const screenCenter = applyToPoint28(realToScreenTransform, realCenter);
   return {
     type: "element",
     name: "text",
@@ -3705,11 +4110,11 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     minY: Math.min(...paths.flatMap((p) => p.points.map((pt) => pt.y))),
     maxY: Math.max(...paths.flatMap((p) => p.points.map((pt) => pt.y)))
   };
-  const [screenMinX, screenMinY] = applyToPoint26(
+  const [screenMinX, screenMinY] = applyToPoint29(
     compose7(realToScreenTransform, transformFromSymbolToReal),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint26(
+  const [screenMaxX, screenMaxY] = applyToPoint29(
     compose7(realToScreenTransform, transformFromSymbolToReal),
     [bounds.maxX, bounds.maxY]
   );
@@ -3738,7 +4143,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint26(
+          const [x, y] = applyToPoint29(
             compose7(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
@@ -3754,7 +4159,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint26(
+    const screenTextPos = applyToPoint29(
       compose7(realToScreenTransform, transformFromSymbolToReal),
       text
     );
@@ -3800,7 +4205,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint26(
+    const screenBoxPos = applyToPoint29(
       compose7(realToScreenTransform, transformFromSymbolToReal),
       box
     );
@@ -3824,7 +4229,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
   }
   for (const port of symbol.ports) {
     if (connectedSymbolPorts.has(port)) continue;
-    const screenPortPos = applyToPoint26(
+    const screenPortPos = applyToPoint29(
       compose7(realToScreenTransform, transformFromSymbolToReal),
       port
     );
@@ -3844,7 +4249,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const circle of circles) {
-    const screenCirclePos = applyToPoint26(
+    const screenCirclePos = applyToPoint29(
       compose7(realToScreenTransform, transformFromSymbolToReal),
       circle
     );
@@ -3871,14 +4276,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su7 } from "@tscircuit/circuit-json-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint32 } from "transformation-matrix";
+import { applyToPoint as applyToPoint35 } from "transformation-matrix";
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-port-on-box.ts
 import "transformation-matrix";
 import "@tscircuit/circuit-json-util";
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-box-line.ts
-import { applyToPoint as applyToPoint27 } from "transformation-matrix";
+import { applyToPoint as applyToPoint30 } from "transformation-matrix";
 import { su as su5 } from "@tscircuit/circuit-json-util";
 var PIN_CIRCLE_RADIUS_MM = 0.02;
 var createSvgObjectsForSchPortBoxLine = ({
@@ -3908,8 +4313,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint27(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint27(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint30(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint30(transform, realEdgePos);
   const realLineEnd = { ...schPort.center };
   switch (schPort.side_of_component) {
     case "left":
@@ -3925,7 +4330,7 @@ var createSvgObjectsForSchPortBoxLine = ({
       realLineEnd.y += PIN_CIRCLE_RADIUS_MM;
       break;
   }
-  const screenLineEnd = applyToPoint27(transform, realLineEnd);
+  const screenLineEnd = applyToPoint30(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -3960,7 +4365,7 @@ var createSvgObjectsForSchPortBoxLine = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint28 } from "transformation-matrix";
+import { applyToPoint as applyToPoint31 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
@@ -3978,7 +4383,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   } else {
     realPinNumberPos.y += 0.02;
   }
-  const screenPinNumberTextPos = applyToPoint28(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint31(transform, realPinNumberPos);
   svgObjects.push({
     name: "text",
     type: "element",
@@ -4008,7 +4413,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint29 } from "transformation-matrix";
+import { applyToPoint as applyToPoint32 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -4022,7 +4427,7 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
   const realPinEdgeDistance = schPort.distance_from_component_edge ?? 0.4;
   realPinNumberPos.x += vecToEdge.x * (realPinEdgeDistance + LABEL_DIST_FROM_EDGE_MM);
   realPinNumberPos.y += vecToEdge.y * (realPinEdgeDistance + LABEL_DIST_FROM_EDGE_MM);
-  const screenPinNumberTextPos = applyToPoint29(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint32(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`${schPort.pin_number}`];
   if (!label) return [];
   const isNegated = label.startsWith("N_");
@@ -4066,13 +4471,13 @@ var createSvgObjectsFromSchPortOnBox = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-text.ts
-import { applyToPoint as applyToPoint31 } from "transformation-matrix";
+import { applyToPoint as applyToPoint34 } from "transformation-matrix";
 var createSvgSchText = ({
   elm,
   transform,
   colorMap: colorMap2
 }) => {
-  const center = applyToPoint31(transform, elm.position);
+  const center = applyToPoint34(transform, elm.position);
   const textAnchorMap = {
     center: "middle",
     center_right: "end",
@@ -4156,11 +4561,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
   colorMap: colorMap2
 }) => {
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint32(transform, {
+  const componentScreenTopLeft = applyToPoint35(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint32(transform, {
+  const componentScreenBottomRight = applyToPoint35(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -4243,13 +4648,13 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-voltage-probe.ts
-import { applyToPoint as applyToPoint33 } from "transformation-matrix";
+import { applyToPoint as applyToPoint36 } from "transformation-matrix";
 function createSvgObjectsFromSchVoltageProbe({
   probe,
   transform,
   colorMap: colorMap2
 }) {
-  const [screenX, screenY] = applyToPoint33(transform, [
+  const [screenX, screenY] = applyToPoint36(transform, [
     probe.position.x,
     probe.position.y
   ]);
@@ -4309,17 +4714,17 @@ function createSvgObjectsFromSchVoltageProbe({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint34 } from "transformation-matrix";
+import { applyToPoint as applyToPoint37 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject({
   debugObject,
   transform
 }) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint34(transform, [
+    let [screenLeft, screenTop] = applyToPoint37(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint34(transform, [
+    let [screenRight, screenBottom] = applyToPoint37(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -4329,7 +4734,7 @@ function createSvgObjectsFromSchDebugObject({
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint34(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint37(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -4375,11 +4780,11 @@ function createSvgObjectsFromSchDebugObject({
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint34(transform, [
+    const [screenStartX, screenStartY] = applyToPoint37(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint34(transform, [
+    const [screenEndX, screenEndY] = applyToPoint37(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -4429,7 +4834,7 @@ function createSvgObjectsFromSchDebugObject({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint35 } from "transformation-matrix";
+import { applyToPoint as applyToPoint38 } from "transformation-matrix";
 function createSchematicTrace({
   trace,
   transform,
@@ -4442,11 +4847,11 @@ function createSchematicTrace({
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint35(transform, [
+    const [screenFromX, screenFromY] = applyToPoint38(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint35(transform, [
+    const [screenToX, screenToY] = applyToPoint38(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -4458,11 +4863,11 @@ function createSchematicTrace({
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint35(transform, [
+    const [screenFromX, screenFromY] = applyToPoint38(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint35(transform, [
+    const [screenToX, screenToY] = applyToPoint38(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -4538,7 +4943,7 @@ function createSchematicTrace({
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint35(transform, [
+      const [screenX, screenY] = applyToPoint38(transform, [
         junction.x,
         junction.y
       ]);
@@ -4574,7 +4979,7 @@ function createSchematicTrace({
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
 import {
-  applyToPoint as applyToPoint37,
+  applyToPoint as applyToPoint40,
   compose as compose9,
   rotate as rotate5,
   scale as scale6,
@@ -4583,7 +4988,7 @@ import {
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label-with-symbol.ts
 import {
-  applyToPoint as applyToPoint36,
+  applyToPoint as applyToPoint39,
   compose as compose8,
   rotate as rotate4,
   scale as scale5,
@@ -4658,7 +5063,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     x: symbolBounds.minX,
     y: (symbolBounds.minY + symbolBounds.maxY) / 2
   };
-  const rotatedSymbolEnd = applyToPoint36(rotationMatrix, symbolEndPoint);
+  const rotatedSymbolEnd = applyToPoint39(rotationMatrix, symbolEndPoint);
   const symbolToRealTransform = compose8(
     translate8(
       realAnchorPosition.x - rotatedSymbolEnd.x,
@@ -4668,11 +5073,11 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     scale5(1)
     // Use full symbol size
   );
-  const [screenMinX, screenMinY] = applyToPoint36(
+  const [screenMinX, screenMinY] = applyToPoint39(
     compose8(realToScreenTransform, symbolToRealTransform),
     [bounds.minX, bounds.minY]
   );
-  const [screenMaxX, screenMaxY] = applyToPoint36(
+  const [screenMaxX, screenMaxY] = applyToPoint39(
     compose8(realToScreenTransform, symbolToRealTransform),
     [bounds.maxX, bounds.maxY]
   );
@@ -4696,7 +5101,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
   });
   for (const path of symbolPaths) {
     const symbolPath = path.points.map((p, i) => {
-      const [x, y] = applyToPoint36(
+      const [x, y] = applyToPoint39(
         compose8(realToScreenTransform, symbolToRealTransform),
         [p.x, p.y]
       );
@@ -4717,7 +5122,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const text of symbolTexts) {
-    const screenTextPos = applyToPoint36(
+    const screenTextPos = applyToPoint39(
       compose8(realToScreenTransform, symbolToRealTransform),
       text
     );
@@ -4759,7 +5164,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const box of symbolBoxes) {
-    const screenBoxPos = applyToPoint36(
+    const screenBoxPos = applyToPoint39(
       compose8(realToScreenTransform, symbolToRealTransform),
       box
     );
@@ -4782,7 +5187,7 @@ var createSvgObjectsForSchNetLabelWithSymbol = ({
     });
   }
   for (const circle of symbolCircles) {
-    const screenCirclePos = applyToPoint36(
+    const screenCirclePos = applyToPoint39(
       compose8(realToScreenTransform, symbolToRealTransform),
       circle
     );
@@ -4828,14 +5233,14 @@ var createSvgObjectsForSchNetLabel = ({
   const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
   const fontSizeMm = getSchMmFontSize("net_label");
   const textWidthFSR = estimateTextWidth(labelText || "");
-  const screenCenter = applyToPoint37(realToScreenTransform, schNetLabel.center);
+  const screenCenter = applyToPoint40(realToScreenTransform, schNetLabel.center);
   const realTextGrowthVec = getUnitVectorFromOutsideToEdge(
     schNetLabel.anchor_side
   );
   const screenTextGrowthVec = { ...realTextGrowthVec };
   screenTextGrowthVec.y *= -1;
   const fullWidthFsr = textWidthFSR + ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_EXTRA_PER_CHARACTER_FSR * labelText.length + END_PADDING_FSR;
-  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint37(realToScreenTransform, schNetLabel.anchor_position) : {
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint40(realToScreenTransform, schNetLabel.anchor_position) : {
     x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
     y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
   };
@@ -4876,7 +5281,7 @@ var createSvgObjectsForSchNetLabel = ({
       y: -0.6
     }
   ].map(
-    (fontRelativePoint) => applyToPoint37(
+    (fontRelativePoint) => applyToPoint40(
       compose9(
         realToScreenTransform,
         translate9(realAnchorPosition.x, realAnchorPosition.y),
@@ -4954,17 +5359,17 @@ var createSvgObjectsForSchNetLabel = ({
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-box.ts
-import { applyToPoint as applyToPoint38 } from "transformation-matrix";
+import { applyToPoint as applyToPoint41 } from "transformation-matrix";
 var createSvgObjectsFromSchematicBox = ({
   schematicBox,
   transform,
   colorMap: colorMap2
 }) => {
-  const topLeft = applyToPoint38(transform, {
+  const topLeft = applyToPoint41(transform, {
     x: schematicBox.x,
     y: schematicBox.y
   });
-  const bottomRight = applyToPoint38(transform, {
+  const bottomRight = applyToPoint41(transform, {
     x: schematicBox.x + schematicBox.width,
     y: schematicBox.y + schematicBox.height
   });
@@ -5206,18 +5611,18 @@ var circuitJsonToSchematicSvg = convertCircuitJsonToSchematicSvg;
 // lib/pcb/convert-circuit-json-to-solder-paste-mask.ts
 import { stringify as stringify4 } from "svgson";
 import {
-  applyToPoint as applyToPoint41,
+  applyToPoint as applyToPoint44,
   compose as compose11,
   scale as scale8,
   translate as translate11
 } from "transformation-matrix";
 
 // lib/pcb/svg-object-fns/convert-circuit-json-to-solder-paste-mask.ts
-import { applyToPoint as applyToPoint40 } from "transformation-matrix";
+import { applyToPoint as applyToPoint43 } from "transformation-matrix";
 function createSvgObjectsFromSolderPaste(solderPaste, ctx) {
   const { transform, layer: layerFilter } = ctx;
   if (layerFilter && solderPaste.layer !== layerFilter) return [];
-  const [x, y] = applyToPoint40(transform, [solderPaste.x, solderPaste.y]);
+  const [x, y] = applyToPoint43(transform, [solderPaste.x, solderPaste.y]);
   if (solderPaste.shape === "rect" || solderPaste.shape === "rotated_rect") {
     const width = solderPaste.width * Math.abs(transform.a);
     const height = solderPaste.height * Math.abs(transform.d);
@@ -5416,8 +5821,8 @@ function createSvgObjects3({ elm, ctx }) {
   }
 }
 function createSvgObjectFromPcbBoundary2(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint41(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint41(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint44(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint44(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);