circuit-to-svg 0.0.67 → 0.0.69

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { AnyCircuitElement } from 'circuit-json';
 interface Options$1 {
     width?: number;
     height?: number;
+    shouldDrawErrors?: boolean;
 }
 declare function convertCircuitJsonToPcbSvg(soup: AnyCircuitElement[], options?: Options$1): string;
 /**

package/dist/index.js

@@ -1,21 +1,119 @@
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 import { stringify } from "svgson";
 import {
-  applyToPoint as applyToPoint11,
+  applyToPoint as applyToPoint12,
   compose as compose3,
   scale,
   translate as translate3
 } from "transformation-matrix";
 
-// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-fabrication-note-path.ts
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-trace-error.ts
 import { applyToPoint } from "transformation-matrix";
+function createSvgObjectsFromPcbTraceError(pcbTraceError, transform, circuitJson, shouldDrawErrors) {
+  if (!shouldDrawErrors) return [];
+  const { pcb_port_ids } = pcbTraceError;
+  const port1 = circuitJson.find(
+    (el) => el.type === "pcb_port" && el.pcb_port_id === pcb_port_ids?.[0]
+  );
+  const port2 = circuitJson.find(
+    (el) => el.type === "pcb_port" && el.pcb_port_id === pcb_port_ids?.[1]
+  );
+  if (!port1 || !port2) return [];
+  const screenPort1 = applyToPoint(transform, {
+    x: port1.x,
+    y: port1.y
+  });
+  const screenPort2 = applyToPoint(transform, {
+    x: port2.x,
+    y: port2.y
+  });
+  const errorCenter = {
+    x: (screenPort1.x + screenPort2.x) / 2,
+    y: (screenPort1.y + screenPort2.y) / 2
+  };
+  if (isNaN(screenPort1.x) || isNaN(screenPort1.y) || isNaN(screenPort2.x) || isNaN(screenPort2.y) || isNaN(errorCenter.x) || isNaN(errorCenter.y)) {
+    return [];
+  }
+  const svgObjects = [
+    {
+      name: "line",
+      type: "element",
+      attributes: {
+        x1: screenPort1.x.toString(),
+        y1: screenPort1.y.toString(),
+        x2: errorCenter.x.toString(),
+        y2: errorCenter.y.toString(),
+        stroke: "red",
+        "stroke-width": "1.5",
+        "stroke-dasharray": "2,2"
+      },
+      children: [],
+      value: ""
+    },
+    {
+      name: "line",
+      type: "element",
+      attributes: {
+        x1: errorCenter.x.toString(),
+        y1: errorCenter.y.toString(),
+        x2: screenPort2.x.toString(),
+        y2: screenPort2.y.toString(),
+        stroke: "red",
+        "stroke-width": "1.5",
+        "stroke-dasharray": "2,2"
+      },
+      children: [],
+      value: ""
+    },
+    {
+      name: "rect",
+      type: "element",
+      attributes: {
+        x: (errorCenter.x - 5).toString(),
+        y: (errorCenter.y - 5).toString(),
+        width: "10",
+        height: "10",
+        fill: "red",
+        transform: `rotate(45 ${errorCenter.x} ${errorCenter.y})`
+      },
+      children: [],
+      value: ""
+    },
+    {
+      name: "text",
+      type: "element",
+      attributes: {
+        x: errorCenter.x.toString(),
+        y: (errorCenter.y - 15).toString(),
+        fill: "red",
+        "font-family": "sans-serif",
+        "font-size": "12",
+        "text-anchor": "middle"
+      },
+      children: [
+        {
+          type: "text",
+          value: pcbTraceError.message || "Pcb Trace Error",
+          name: "",
+          attributes: {},
+          children: []
+        }
+      ],
+      value: ""
+    }
+  ];
+  return svgObjects;
+}
+
+// lib/pcb/svg-object-fns/create-svg-objects-from-pcb-fabrication-note-path.ts
+import { applyToPoint as applyToPoint2 } from "transformation-matrix";
 function createSvgObjectsFromPcbFabricationNotePath(fabNotePath, transform) {
   if (!fabNotePath.route || !Array.isArray(fabNotePath.route)) return [];
   const firstPoint = fabNotePath.route[0];
   const lastPoint = fabNotePath.route[fabNotePath.route.length - 1];
   const isClosed = firstPoint.x === lastPoint.x && firstPoint.y === lastPoint.y;
   const path = fabNotePath.route.slice(0, isClosed ? -1 : void 0).map((point, index) => {
-    const [x, y] = applyToPoint(transform, [point.x, point.y]);
+    const [x, y] = applyToPoint2(transform, [point.x, point.y]);
     return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
   }).join(" ") + (isClosed ? " Z" : "");
   return [
@@ -40,7 +138,7 @@ function createSvgObjectsFromPcbFabricationNotePath(fabNotePath, transform) {
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-fabrication-note-text.ts
 import { toString as matrixToString } from "transformation-matrix";
 import {
-  applyToPoint as applyToPoint2,
+  applyToPoint as applyToPoint3,
   compose,
   rotate,
   translate
@@ -58,7 +156,7 @@ function createSvgObjectsFromPcbFabricationNoteText(pcbFabNoteText, transform) {
     console.error("Invalid anchor_position:", anchor_position);
     return [];
   }
-  const [transformedX, transformedY] = applyToPoint2(transform, [
+  const [transformedX, transformedY] = applyToPoint3(transform, [
     anchor_position.x,
     anchor_position.y
   ]);
@@ -98,9 +196,9 @@ function createSvgObjectsFromPcbFabricationNoteText(pcbFabNoteText, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-plated-hole.ts
-import { applyToPoint as applyToPoint3 } from "transformation-matrix";
+import { applyToPoint as applyToPoint4 } from "transformation-matrix";
 function createSvgObjectsFromPcbPlatedHole(hole, transform) {
-  const [x, y] = applyToPoint3(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint4(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);
@@ -190,11 +288,11 @@ function createSvgObjectsFromPcbPlatedHole(hole, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-silkscreen-path.ts
-import { applyToPoint as applyToPoint4 } from "transformation-matrix";
+import { applyToPoint as applyToPoint5 } from "transformation-matrix";
 function createSvgObjectsFromPcbSilkscreenPath(silkscreenPath, transform) {
   if (!silkscreenPath.route || !Array.isArray(silkscreenPath.route)) return [];
   let path = silkscreenPath.route.map((point, index) => {
-    const [x, y] = applyToPoint4(transform, [point.x, point.y]);
+    const [x, y] = applyToPoint5(transform, [point.x, point.y]);
     return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
   }).join(" ");
   const firstPoint = silkscreenPath.route[0];
@@ -221,7 +319,7 @@ function createSvgObjectsFromPcbSilkscreenPath(silkscreenPath, transform) {
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-silkscreen-text.ts
 import {
-  applyToPoint as applyToPoint5,
+  applyToPoint as applyToPoint6,
   compose as compose2,
   rotate as rotate2,
   translate as translate2,
@@ -238,7 +336,7 @@ function createSvgObjectsFromPcbSilkscreenText(pcbSilkscreenText, transform) {
     console.error("Invalid anchor_position:", anchor_position);
     return [];
   }
-  const [transformedX, transformedY] = applyToPoint5(transform, [
+  const [transformedX, transformedY] = applyToPoint6(transform, [
     anchor_position.x,
     anchor_position.y
   ]);
@@ -286,7 +384,7 @@ function pairs(arr) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-trace.ts
-import { applyToPoint as applyToPoint6 } from "transformation-matrix";
+import { applyToPoint as applyToPoint7 } from "transformation-matrix";
 
 // lib/pcb/layer-name-to-color.ts
 var LAYER_NAME_TO_COLOR = {
@@ -304,8 +402,8 @@ function createSvgObjectsFromPcbTrace(trace, transform) {
   const segments = pairs(trace.route);
   const svgObjects = [];
   for (const [start, end] of segments) {
-    const startPoint = applyToPoint6(transform, [start.x, start.y]);
-    const endPoint = applyToPoint6(transform, [end.x, end.y]);
+    const startPoint = applyToPoint7(transform, [start.x, start.y]);
+    const endPoint = applyToPoint7(transform, [end.x, end.y]);
     const layer = "layer" in start ? start.layer : "layer" in end ? end.layer : null;
     if (!layer) continue;
     const layerColor = LAYER_NAME_TO_COLOR[layer] ?? "white";
@@ -330,9 +428,9 @@ function createSvgObjectsFromPcbTrace(trace, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-smt-pads.ts
-import { applyToPoint as applyToPoint7 } from "transformation-matrix";
+import { applyToPoint as applyToPoint8 } from "transformation-matrix";
 function createSvgObjectsFromSmtPad(pad, transform) {
-  const [x, y] = applyToPoint7(transform, [pad.x, pad.y]);
+  const [x, y] = applyToPoint8(transform, [pad.x, pad.y]);
   if (pad.shape === "rect") {
     const width = pad.width * Math.abs(transform.a);
     const height = pad.height * Math.abs(transform.d);
@@ -355,31 +453,31 @@ function createSvgObjectsFromSmtPad(pad, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-board.ts
-import { applyToPoint as applyToPoint8 } from "transformation-matrix";
+import { applyToPoint as applyToPoint9 } from "transformation-matrix";
 function createSvgObjectsFromPcbBoard(pcbBoard, transform) {
   const { width, height, center, outline } = pcbBoard;
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
-      const [x, y] = applyToPoint8(transform, [point.x, point.y]);
+      const [x, y] = applyToPoint9(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
   } else {
     const halfWidth = width / 2;
     const halfHeight = height / 2;
-    const topLeft = applyToPoint8(transform, [
+    const topLeft = applyToPoint9(transform, [
       center.x - halfWidth,
       center.y - halfHeight
     ]);
-    const topRight = applyToPoint8(transform, [
+    const topRight = applyToPoint9(transform, [
       center.x + halfWidth,
       center.y - halfHeight
     ]);
-    const bottomRight = applyToPoint8(transform, [
+    const bottomRight = applyToPoint9(transform, [
       center.x + halfWidth,
       center.y + halfHeight
     ]);
-    const bottomLeft = applyToPoint8(transform, [
+    const bottomLeft = applyToPoint9(transform, [
       center.x - halfWidth,
       center.y + halfHeight
     ]);
@@ -403,9 +501,9 @@ function createSvgObjectsFromPcbBoard(pcbBoard, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-via.ts
-import { applyToPoint as applyToPoint9 } from "transformation-matrix";
+import { applyToPoint as applyToPoint10 } from "transformation-matrix";
 function createSvgObjectsFromPcbVia(hole, transform) {
-  const [x, y] = applyToPoint9(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint10(transform, [hole.x, hole.y]);
   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);
@@ -441,14 +539,14 @@ function createSvgObjectsFromPcbVia(hole, transform) {
 }
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-hole.ts
-import { applyToPoint as applyToPoint10 } from "transformation-matrix";
+import { applyToPoint as applyToPoint11 } from "transformation-matrix";
 
 // lib/pcb/colors.ts
 var HOLE_COLOR = "#FF26E2";
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-hole.ts
 function createSvgObjectsFromPcbHole(hole, transform) {
-  const [x, y] = applyToPoint10(transform, [hole.x, hole.y]);
+  const [x, y] = applyToPoint11(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;
@@ -513,6 +611,7 @@ function createSvgObjectsFromPcbHole(hole, transform) {
 
 // lib/pcb/convert-circuit-json-to-pcb-svg.ts
 var OBJECT_ORDER = [
+  "pcb_trace_error",
   "pcb_plated_hole",
   "pcb_fabrication_note_text",
   "pcb_fabrication_note_path",
@@ -567,7 +666,9 @@ function convertCircuitJsonToPcbSvg(soup, options) {
   );
   const svgObjects = soup.sort(
     (a, b) => (OBJECT_ORDER.indexOf(b.type) ?? 9999) - (OBJECT_ORDER.indexOf(a.type) ?? 9999)
-  ).flatMap((item) => createSvgObjects(item, transform));
+  ).flatMap(
+    (item) => createSvgObjects(item, transform, soup, options?.shouldDrawErrors)
+  );
   let strokeWidth = String(0.05 * scaleFactor);
   for (const element of soup) {
     if ("stroke_width" in element) {
@@ -653,8 +754,15 @@ function convertCircuitJsonToPcbSvg(soup, options) {
     }
   }
 }
-function createSvgObjects(elm, transform) {
+function createSvgObjects(elm, transform, soup, shouldDrawErrors) {
   switch (elm.type) {
+    case "pcb_trace_error":
+      return createSvgObjectsFromPcbTraceError(
+        elm,
+        transform,
+        soup,
+        shouldDrawErrors
+      ).filter(Boolean);
     case "pcb_component":
       return [createSvgObjectsFromPcbComponent(elm, transform)].filter(Boolean);
     case "pcb_trace":
@@ -683,7 +791,7 @@ function createSvgObjects(elm, transform) {
 }
 function createSvgObjectsFromPcbComponent(component, transform) {
   const { center, width, height, rotation = 0 } = component;
-  const [x, y] = applyToPoint11(transform, [center.x, center.y]);
+  const [x, y] = applyToPoint12(transform, [center.x, center.y]);
   const scaledWidth = width * Math.abs(transform.a);
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y}) rotate(${-rotation}) scale(1, -1)`;
@@ -718,8 +826,8 @@ function createSvgObjectsFromPcbComponent(component, transform) {
   };
 }
 function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint11(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint11(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint12(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint12(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);
@@ -984,14 +1092,14 @@ import {
 } from "transformation-matrix";
 
 // lib/sch/draw-schematic-grid.ts
-import { applyToPoint as applyToPoint12 } from "transformation-matrix";
+import { applyToPoint as applyToPoint13 } 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] = applyToPoint12(params.transform, [x, y]);
+    const [transformedX, transformedY] = applyToPoint13(params.transform, [x, y]);
     return { x: transformedX, y: transformedY };
   };
   for (let x = Math.ceil(minX); x <= Math.floor(maxX); x += cellSize) {
@@ -1068,15 +1176,15 @@ function drawSchematicGrid(params) {
 }
 
 // lib/sch/draw-schematic-labeled-points.ts
-import { applyToPoint as applyToPoint13 } from "transformation-matrix";
+import { applyToPoint as applyToPoint14 } from "transformation-matrix";
 function drawSchematicLabeledPoints(params) {
   const { points, transform } = params;
   const labeledPointsGroup = [];
   for (const point of points) {
-    const [x1, y1] = applyToPoint13(transform, [point.x - 0.1, point.y - 0.1]);
-    const [x2, y2] = applyToPoint13(transform, [point.x + 0.1, point.y + 0.1]);
-    const [x3, y3] = applyToPoint13(transform, [point.x - 0.1, point.y + 0.1]);
-    const [x4, y4] = applyToPoint13(transform, [point.x + 0.1, point.y - 0.1]);
+    const [x1, y1] = applyToPoint14(transform, [point.x - 0.1, point.y - 0.1]);
+    const [x2, y2] = applyToPoint14(transform, [point.x + 0.1, point.y + 0.1]);
+    const [x3, y3] = applyToPoint14(transform, [point.x - 0.1, point.y + 0.1]);
+    const [x4, y4] = applyToPoint14(transform, [point.x + 0.1, point.y - 0.1]);
     labeledPointsGroup.push({
       name: "path",
       type: "element",
@@ -1087,7 +1195,7 @@ function drawSchematicLabeledPoints(params) {
         "stroke-opacity": "0.7"
       }
     });
-    const [labelX, labelY] = applyToPoint13(transform, [
+    const [labelX, labelY] = applyToPoint14(transform, [
       point.x + 0.15,
       point.y - 0.15
     ]);
@@ -1175,7 +1283,7 @@ import { su } from "@tscircuit/soup-util";
 import { symbols } from "schematic-symbols";
 import "svgson";
 import {
-  applyToPoint as applyToPoint15,
+  applyToPoint as applyToPoint16,
   compose as compose5
 } from "transformation-matrix";
 
@@ -1327,7 +1435,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
       name: "path",
       attributes: {
         d: points.map((p, i) => {
-          const [x, y] = applyToPoint15(
+          const [x, y] = applyToPoint16(
             compose5(realToScreenTransform, transformFromSymbolToReal),
             [p.x, p.y]
           );
@@ -1342,7 +1450,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const text of texts) {
-    const screenTextPos = applyToPoint15(
+    const screenTextPos = applyToPoint16(
       compose5(realToScreenTransform, transformFromSymbolToReal),
       text
     );
@@ -1376,7 +1484,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const box of boxes) {
-    const screenBoxPos = applyToPoint15(
+    const screenBoxPos = applyToPoint16(
       compose5(realToScreenTransform, transformFromSymbolToReal),
       box
     );
@@ -1399,7 +1507,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     });
   }
   for (const port of symbol.ports) {
-    const screenPortPos = applyToPoint15(
+    const screenPortPos = applyToPoint16(
       compose5(realToScreenTransform, transformFromSymbolToReal),
       port
     );
@@ -1424,14 +1532,14 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
 import { su as su4 } from "@tscircuit/soup-util";
 import "schematic-symbols";
 import "svgson";
-import { applyToPoint as applyToPoint20 } from "transformation-matrix";
+import { applyToPoint as applyToPoint21 } from "transformation-matrix";
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-port-on-box.ts
 import "transformation-matrix";
 import "@tscircuit/soup-util";
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-box-line.ts
-import { applyToPoint as applyToPoint16 } from "transformation-matrix";
+import { applyToPoint as applyToPoint17 } from "transformation-matrix";
 import { su as su2 } from "@tscircuit/soup-util";
 var PIN_CIRCLE_RADIUS_MM = 0.02;
 var createSvgObjectsForSchPortBoxLine = ({
@@ -1461,8 +1569,8 @@ var createSvgObjectsForSchPortBoxLine = ({
       realEdgePos.y += realPinLineLength;
       break;
   }
-  const screenSchPortPos = applyToPoint16(transform, schPort.center);
-  const screenRealEdgePos = applyToPoint16(transform, realEdgePos);
+  const screenSchPortPos = applyToPoint17(transform, schPort.center);
+  const screenRealEdgePos = applyToPoint17(transform, realEdgePos);
   const realLineEnd = { ...schPort.center };
   switch (schPort.side_of_component) {
     case "left":
@@ -1478,7 +1586,7 @@ var createSvgObjectsForSchPortBoxLine = ({
       realLineEnd.y += PIN_CIRCLE_RADIUS_MM;
       break;
   }
-  const screenLineEnd = applyToPoint16(transform, realLineEnd);
+  const screenLineEnd = applyToPoint17(transform, realLineEnd);
   svgObjects.push({
     name: "line",
     type: "element",
@@ -1525,10 +1633,13 @@ var getUnitVectorFromOutsideToEdge = (side) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts
-import { applyToPoint as applyToPoint17 } from "transformation-matrix";
+import { applyToPoint as applyToPoint18 } from "transformation-matrix";
 var createSvgObjectsForSchPortPinNumberText = (params) => {
   const svgObjects = [];
   const { schPort, schComponent, transform, circuitJson } = params;
+  const sourcePort = circuitJson.find(
+    (element) => element.type === "source_port" && element.source_port_id === schPort.source_port_id
+  );
   const realPinNumberPos = {
     x: schPort.center.x,
     y: schPort.center.y
@@ -1538,12 +1649,13 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
   const realPinEdgeDistance = schPort.distance_from_component_edge ?? 0.4;
   realPinNumberPos.x += vecToEdge.x * realPinEdgeDistance / 2;
   realPinNumberPos.y += vecToEdge.y * realPinEdgeDistance / 2;
-  const screenPinNumberTextPos = applyToPoint17(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint18(transform, realPinNumberPos);
   if (schPort.side_of_component === "top" || schPort.side_of_component === "bottom") {
     screenPinNumberTextPos.x -= 2;
   } else {
     screenPinNumberTextPos.y -= 2;
   }
+  const pinLabel = sourcePort.name.replace("pin", "");
   svgObjects.push({
     name: "text",
     type: "element",
@@ -1561,7 +1673,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
     children: [
       {
         type: "text",
-        value: schPort.pin_number?.toString() || "",
+        value: pinLabel,
         name: "",
         attributes: {},
         children: []
@@ -1573,7 +1685,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-label.ts
-import { applyToPoint as applyToPoint18 } from "transformation-matrix";
+import { applyToPoint as applyToPoint19 } from "transformation-matrix";
 var LABEL_DIST_FROM_EDGE_MM = 0.1;
 var createSvgObjectsForSchPortPinLabel = (params) => {
   const svgObjects = [];
@@ -1587,7 +1699,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 = applyToPoint18(transform, realPinNumberPos);
+  const screenPinNumberTextPos = applyToPoint19(transform, realPinNumberPos);
   const label = schPort.display_pin_label ?? schComponent.port_labels?.[`pin${schPort.pin_number}`];
   if (!label) return [];
   svgObjects.push({
@@ -1638,11 +1750,11 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
     schComponent.source_component_id
   );
   const svgObjects = [];
-  const componentScreenTopLeft = applyToPoint20(transform, {
+  const componentScreenTopLeft = applyToPoint21(transform, {
     x: schComponent.center.x - schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2
   });
-  const componentScreenBottomRight = applyToPoint20(transform, {
+  const componentScreenBottomRight = applyToPoint21(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y - schComponent.size.height / 2
   });
@@ -1662,7 +1774,7 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
     },
     children: []
   });
-  const screenManufacturerNumberPos = applyToPoint20(transform, {
+  const screenManufacturerNumberPos = applyToPoint21(transform, {
     x: schComponent.center.x + schComponent.size.width / 2,
     y: schComponent.center.y + schComponent.size.height / 2 + 0.5
     // Above the component top edge
@@ -1746,14 +1858,14 @@ function createSvgObjectsFromSchematicComponent(params) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-debug-object.ts
-import { applyToPoint as applyToPoint21 } from "transformation-matrix";
+import { applyToPoint as applyToPoint22 } from "transformation-matrix";
 function createSvgObjectsFromSchDebugObject(debugObject, transform) {
   if (debugObject.shape === "rect") {
-    let [screenLeft, screenTop] = applyToPoint21(transform, [
+    let [screenLeft, screenTop] = applyToPoint22(transform, [
       debugObject.center.x - debugObject.size.width / 2,
       debugObject.center.y - debugObject.size.height / 2
     ]);
-    let [screenRight, screenBottom] = applyToPoint21(transform, [
+    let [screenRight, screenBottom] = applyToPoint22(transform, [
       debugObject.center.x + debugObject.size.width / 2,
       debugObject.center.y + debugObject.size.height / 2
     ]);
@@ -1763,7 +1875,7 @@ function createSvgObjectsFromSchDebugObject(debugObject, transform) {
     ];
     const width = Math.abs(screenRight - screenLeft);
     const height = Math.abs(screenBottom - screenTop);
-    const [screenCenterX, screenCenterY] = applyToPoint21(transform, [
+    const [screenCenterX, screenCenterY] = applyToPoint22(transform, [
       debugObject.center.x,
       debugObject.center.y
     ]);
@@ -1809,11 +1921,11 @@ function createSvgObjectsFromSchDebugObject(debugObject, transform) {
     ];
   }
   if (debugObject.shape === "line") {
-    const [screenStartX, screenStartY] = applyToPoint21(transform, [
+    const [screenStartX, screenStartY] = applyToPoint22(transform, [
       debugObject.start.x,
       debugObject.start.y
     ]);
-    const [screenEndX, screenEndY] = applyToPoint21(transform, [
+    const [screenEndX, screenEndY] = applyToPoint22(transform, [
       debugObject.end.x,
       debugObject.end.y
     ]);
@@ -1863,7 +1975,7 @@ function createSvgObjectsFromSchDebugObject(debugObject, transform) {
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-trace.ts
-import { applyToPoint as applyToPoint22 } from "transformation-matrix";
+import { applyToPoint as applyToPoint23 } from "transformation-matrix";
 function createSchematicTrace(trace, transform) {
   const edges = trace.edges;
   if (edges.length === 0) return [];
@@ -1872,11 +1984,11 @@ function createSchematicTrace(trace, transform) {
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
     if (edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint22(transform, [
+    const [screenFromX, screenFromY] = applyToPoint23(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint22(transform, [
+    const [screenToX, screenToY] = applyToPoint23(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -1888,11 +2000,11 @@ function createSchematicTrace(trace, transform) {
   }
   for (const edge of edges) {
     if (!edge.is_crossing) continue;
-    const [screenFromX, screenFromY] = applyToPoint22(transform, [
+    const [screenFromX, screenFromY] = applyToPoint23(transform, [
       edge.from.x,
       edge.from.y
     ]);
-    const [screenToX, screenToY] = applyToPoint22(transform, [
+    const [screenToX, screenToY] = applyToPoint23(transform, [
       edge.to.x,
       edge.to.y
     ]);
@@ -1951,7 +2063,7 @@ function createSchematicTrace(trace, transform) {
   }
   if (trace.junctions) {
     for (const junction of trace.junctions) {
-      const [screenX, screenY] = applyToPoint22(transform, [
+      const [screenX, screenY] = applyToPoint23(transform, [
         junction.x,
         junction.y
       ]);
@@ -1974,7 +2086,7 @@ function createSchematicTrace(trace, transform) {
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
 import {
-  applyToPoint as applyToPoint23,
+  applyToPoint as applyToPoint24,
   compose as compose6,
   rotate as rotate3,
   scale as scale3,
@@ -2770,14 +2882,14 @@ var createSvgObjectsForSchNetLabel = (schNetLabel, realToScreenTransform) => {
   const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
   const fontSizeMm = getSchMmFontSize("net_label");
   const textWidthFSR = estimateTextWidth(schNetLabel.text || "");
-  const screenCenter = applyToPoint23(realToScreenTransform, schNetLabel.center);
+  const screenCenter = applyToPoint24(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 * schNetLabel.text.length + END_PADDING_FSR;
-  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint23(realToScreenTransform, schNetLabel.anchor_position) : {
+  const screenAnchorPosition = schNetLabel.anchor_position ? applyToPoint24(realToScreenTransform, schNetLabel.anchor_position) : {
     x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
     y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
   };
@@ -2818,7 +2930,7 @@ var createSvgObjectsForSchNetLabel = (schNetLabel, realToScreenTransform) => {
       y: -0.6
     }
   ].map(
-    (fontRelativePoint) => applyToPoint23(
+    (fontRelativePoint) => applyToPoint24(
       compose6(
         realToScreenTransform,
         translate6(realAnchorPosition.x, realAnchorPosition.y),