circuit-to-svg 0.0.65 → 0.0.67

package/dist/index.js

@@ -972,6 +972,7 @@ var colorMap = {
     sheet_name: "rgb(0, 100, 100)",
     value: "rgb(0, 100, 100)",
     wire: "rgb(0, 150, 0)",
+    wire_crossing: "rgb(30, 180, 30)",
     worksheet: "rgb(132, 0, 0)"
   }
 };
@@ -1259,8 +1260,11 @@ function pointPairsToMatrix(a1, a2, b1, b2) {
 
 // lib/utils/get-sch-font-size.ts
 import "transformation-matrix";
-var getSchFontSize = (transform, textType) => {
-  return Math.abs(transform.a) * (textType === "pin_number" ? 0.15 : 0.18);
+var getSchMmFontSize = (textType) => {
+  return textType === "pin_number" ? 0.15 : 0.18;
+};
+var getSchScreenFontSize = (transform, textType) => {
+  return Math.abs(transform.a) * getSchMmFontSize(textType);
 };
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-component-with-symbol.ts
@@ -1357,7 +1361,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
         "dominant-baseline": ninePointAnchorToDominantBaseline[text.anchor],
         "text-anchor": ninePointAnchorToTextAnchor[text.anchor],
         "font-family": "sans-serif",
-        "font-size": `${getSchFontSize(realToScreenTransform, "reference_designator")}px`
+        "font-size": `${getSchScreenFontSize(realToScreenTransform, "reference_designator")}px`
       },
       value: "",
       children: [
@@ -1551,7 +1555,7 @@ var createSvgObjectsForSchPortPinNumberText = (params) => {
       fill: colorMap.schematic.pin_number,
       "text-anchor": "middle",
       "dominant-baseline": "auto",
-      "font-size": `${getSchFontSize(transform, "pin_number")}px`,
+      "font-size": `${getSchScreenFontSize(transform, "pin_number")}px`,
       transform: schPort.side_of_component === "top" || schPort.side_of_component === "bottom" ? `rotate(-90 ${screenPinNumberTextPos.x} ${screenPinNumberTextPos.y})` : ""
     },
     children: [
@@ -1597,7 +1601,7 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
       fill: colorMap.schematic.pin_number,
       "text-anchor": schPort.side_of_component === "left" || schPort.side_of_component === "bottom" ? "start" : "end",
       "dominant-baseline": "middle",
-      "font-size": `${getSchFontSize(transform, "pin_number")}px`,
+      "font-size": `${getSchScreenFontSize(transform, "pin_number")}px`,
       transform: schPort.side_of_component === "top" || schPort.side_of_component === "bottom" ? `rotate(-90 ${screenPinNumberTextPos.x} ${screenPinNumberTextPos.y})` : ""
     },
     children: [
@@ -1663,7 +1667,7 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
     y: schComponent.center.y + schComponent.size.height / 2 + 0.5
     // Above the component top edge
   });
-  const fontSizePx = getSchFontSize(transform, "manufacturer_number");
+  const fontSizePx = getSchScreenFontSize(transform, "manufacturer_number");
   if (srcComponent?.manufacturer_part_number) {
     svgObjects.push({
       name: "text",
@@ -1863,9 +1867,11 @@ import { applyToPoint as applyToPoint22 } from "transformation-matrix";
 function createSchematicTrace(trace, transform) {
   const edges = trace.edges;
   if (edges.length === 0) return [];
+  const svgObjects = [];
   let path = "";
   for (let edgeIndex = 0; edgeIndex < edges.length; edgeIndex++) {
     const edge = edges[edgeIndex];
+    if (edge.is_crossing) continue;
     const [screenFromX, screenFromY] = applyToPoint22(transform, [
       edge.from.x,
       edge.from.y
@@ -1874,31 +1880,61 @@ function createSchematicTrace(trace, transform) {
       edge.to.x,
       edge.to.y
     ]);
-    if (edge.is_crossing) {
-      const midX = (screenFromX + screenToX) / 2;
-      const midY = (screenFromY + screenToY) / 2;
-      const dx = screenToX - screenFromX;
-      const dy = screenToY - screenFromY;
-      const len = Math.sqrt(dx * dx + dy * dy);
-      const hopHeight = len * 0.7;
-      const perpX = -dy / len * hopHeight;
-      const perpY = dx / len * hopHeight;
-      const controlX = midX + perpX;
-      const controlY = midY - Math.abs(perpY);
-      if (edgeIndex === 0) {
-        path += `M ${screenFromX} ${screenFromY} Q ${controlX} ${controlY} ${screenToX} ${screenToY}`;
-      } else {
-        path += ` Q ${controlX} ${controlY} ${screenToX} ${screenToY}`;
-      }
-    }
-    if (edgeIndex === 0) {
+    if (edgeIndex === 0 || edges[edgeIndex - 1]?.is_crossing) {
       path += `M ${screenFromX} ${screenFromY} L ${screenToX} ${screenToY}`;
     } else {
       path += ` L ${screenToX} ${screenToY}`;
     }
   }
-  return path ? [
-    {
+  for (const edge of edges) {
+    if (!edge.is_crossing) continue;
+    const [screenFromX, screenFromY] = applyToPoint22(transform, [
+      edge.from.x,
+      edge.from.y
+    ]);
+    const [screenToX, screenToY] = applyToPoint22(transform, [
+      edge.to.x,
+      edge.to.y
+    ]);
+    const midX = (screenFromX + screenToX) / 2;
+    const midY = (screenFromY + screenToY) / 2;
+    const dx = screenToX - screenFromX;
+    const dy = screenToY - screenFromY;
+    const len = Math.sqrt(dx * dx + dy * dy);
+    const hopHeight = len * 0.7;
+    const perpX = -dy / len * hopHeight;
+    const perpY = dx / len * hopHeight;
+    const controlX = midX + perpX;
+    const controlY = midY - Math.abs(perpY);
+    svgObjects.push({
+      name: "path",
+      type: "element",
+      attributes: {
+        d: `M ${screenFromX} ${screenFromY} Q ${controlX} ${controlY} ${screenToX} ${screenToY}`,
+        stroke: colorMap.schematic.background,
+        fill: "none",
+        "stroke-width": `${getSchStrokeSize(transform) + 1.5}px`,
+        "stroke-linecap": "round"
+      },
+      value: "",
+      children: []
+    });
+    svgObjects.push({
+      name: "path",
+      type: "element",
+      attributes: {
+        d: `M ${screenFromX} ${screenFromY} Q ${controlX} ${controlY} ${screenToX} ${screenToY}`,
+        stroke: colorMap.schematic.wire,
+        fill: "none",
+        "stroke-width": `${getSchStrokeSize(transform)}px`,
+        "stroke-linecap": "round"
+      },
+      value: "",
+      children: []
+    });
+  }
+  if (path) {
+    svgObjects.push({
       name: "path",
       type: "element",
       attributes: {
@@ -1906,71 +1942,898 @@ function createSchematicTrace(trace, transform) {
         d: path,
         stroke: colorMap.schematic.wire,
         fill: "none",
-        "stroke-width": `${getSchStrokeSize(transform)}px`
+        "stroke-width": `${getSchStrokeSize(transform)}px`,
+        "stroke-linecap": "round"
       },
       value: "",
       children: []
+    });
+  }
+  if (trace.junctions) {
+    for (const junction of trace.junctions) {
+      const [screenX, screenY] = applyToPoint22(transform, [
+        junction.x,
+        junction.y
+      ]);
+      svgObjects.push({
+        name: "circle",
+        type: "element",
+        attributes: {
+          cx: screenX.toString(),
+          cy: screenY.toString(),
+          r: (Math.abs(transform.a) * 0.03).toString(),
+          fill: colorMap.schematic.junction
+        },
+        value: "",
+        children: []
+      });
     }
-  ] : [];
+  }
+  return svgObjects;
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
-import { applyToPoint as applyToPoint23 } from "transformation-matrix";
-var createSvgObjectsForSchNetLabel = (schNetLabel, transform) => {
-  const svgObjects = [];
-  const screenPos = applyToPoint23(transform, schNetLabel.center);
-  const fontSize = getSchFontSize(transform, "net_label");
-  const textWidth = (schNetLabel.text?.length || 0) * fontSize * 0.7;
-  const padding = fontSize * 0.5;
-  const screenLabelHeight = fontSize * 1.2;
-  const screenArrowPoint = fontSize * 0.3;
-  const screenLabelWidth = textWidth + padding * 2 + screenArrowPoint;
-  let rotation = 0;
-  let baseX = screenPos.x;
-  let baseY = screenPos.y;
-  switch (schNetLabel.anchor_side) {
-    case "left":
-      rotation = 0;
-      break;
-    case "right":
-      rotation = 180;
-      baseX -= screenLabelWidth;
-      break;
-    case "top":
-      rotation = -90;
-      baseX -= screenLabelHeight / 2;
-      baseY += screenLabelWidth / 2;
-      break;
-    case "bottom":
-      rotation = 90;
-      baseX -= screenLabelHeight / 2;
-      baseY -= screenLabelWidth / 2;
-      break;
-    default:
-      rotation = 0;
+import {
+  applyToPoint as applyToPoint23,
+  compose as compose6,
+  rotate as rotate3,
+  scale as scale3,
+  translate as translate6
+} from "transformation-matrix";
+
+// lib/sch/arial-text-metrics.ts
+var arialTextMetrics = {
+  "0": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "1": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -3,
+    right: 9
+  },
+  "2": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "3": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "4": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  "5": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "6": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "7": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "8": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "9": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  " ": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 0
+  },
+  "!": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  '"': {
+    width: 9,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "#": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 13
+  },
+  $: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "%": {
+    width: 21,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 20
+  },
+  "&": {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 15
+  },
+  "'": {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 3
+  },
+  "(": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  ")": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "*": {
+    width: 9,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 8
+  },
+  "+": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  ",": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  "-": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  ".": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  "/": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 7
+  },
+  ":": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  ";": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  "<": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  "=": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  ">": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
+  },
+  "?": {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  "@": {
+    width: 24,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 23
+  },
+  A: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  B: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  C: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 16
+  },
+  D: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 16
+  },
+  E: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  F: {
+    width: 15,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 14
+  },
+  G: {
+    width: 19,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 17
+  },
+  H: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  I: {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 5
+  },
+  J: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 10
+  },
+  K: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 16
+  },
+  L: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  M: {
+    width: 20,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 18
+  },
+  N: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  O: {
+    width: 19,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 18
+  },
+  P: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  Q: {
+    width: 19,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 18
+  },
+  R: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 17
+  },
+  S: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 15
+  },
+  T: {
+    width: 15,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 14
+  },
+  U: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 15
+  },
+  V: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  W: {
+    width: 23,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 22
+  },
+  X: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  Y: {
+    width: 16,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 16
+  },
+  Z: {
+    width: 15,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 14
+  },
+  "[": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 6
+  },
+  "\\": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 7
+  },
+  "]": {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 5
+  },
+  "^": {
+    width: 11,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 11
+  },
+  _: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 14
+  },
+  "`": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 5
+  },
+  a: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  b: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  c: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  d: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  e: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  f: {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 8
+  },
+  g: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  h: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  i: {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 4
+  },
+  j: {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 1,
+    right: 4
+  },
+  k: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  l: {
+    width: 5,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 4
+  },
+  m: {
+    width: 20,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 18
+  },
+  n: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  o: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  p: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  q: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 12
+  },
+  r: {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 8
+  },
+  s: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 11
+  },
+  t: {
+    width: 7,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 6
+  },
+  u: {
+    width: 13,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 12
+  },
+  v: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  w: {
+    width: 17,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 17
+  },
+  x: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  y: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 12
+  },
+  z: {
+    width: 12,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: 0,
+    right: 11
+  },
+  "{": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "|": {
+    width: 6,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -2,
+    right: 4
+  },
+  "}": {
+    width: 8,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 7
+  },
+  "~": {
+    width: 14,
+    height: 27,
+    ascent: 22,
+    descent: 5,
+    left: -1,
+    right: 13
   }
-  const transformString = `rotate(${rotation} ${screenPos.x} ${screenPos.y})`;
-  const points = [
-    { x: baseX, y: baseY },
-    // Left edge
-    { x: baseX + screenLabelWidth - screenArrowPoint, y: baseY },
-    // Top edge
-    { x: baseX + screenLabelWidth, y: baseY + screenLabelHeight / 2 },
-    // Arrow point
+};
+
+// lib/sch/estimate-text-width.ts
+var estimateTextWidth = (text) => {
+  if (!text) return 0;
+  let totalWidth = 0;
+  for (const char of text) {
+    const metrics = arialTextMetrics[char];
+    if (metrics) {
+      totalWidth += metrics.width;
+    } else {
+      totalWidth += arialTextMetrics["?"].width;
+    }
+  }
+  return totalWidth / 27;
+};
+
+// lib/sch/svg-object-fns/create-svg-objects-for-sch-net-label.ts
+var ARROW_POINT_WIDTH_FSR = 0.3;
+var END_PADDING_FSR = 0.3;
+var END_PADDING_EXTRA_PER_CHARACTER_FSR = 0.06;
+var createSvgObjectsForSchNetLabel = (schNetLabel, realToScreenTransform) => {
+  if (!schNetLabel.text) return [];
+  const svgObjects = [];
+  const fontSizePx = getSchScreenFontSize(realToScreenTransform, "net_label");
+  const fontSizeMm = getSchMmFontSize("net_label");
+  const textWidthFSR = estimateTextWidth(schNetLabel.text || "");
+  const screenCenter = applyToPoint23(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) : {
+    x: screenCenter.x - screenTextGrowthVec.x * fullWidthFsr * fontSizePx / 2,
+    y: screenCenter.y - screenTextGrowthVec.y * fullWidthFsr * fontSizePx / 2
+  };
+  const realAnchorPosition = schNetLabel.anchor_position ?? {
+    x: schNetLabel.center.x - realTextGrowthVec.x * fullWidthFsr * fontSizeMm / 2,
+    y: schNetLabel.center.y - realTextGrowthVec.y * fullWidthFsr * fontSizeMm / 2
+  };
+  const pathRotation = {
+    left: 0,
+    top: -90,
+    bottom: 90,
+    right: 180
+  }[schNetLabel.anchor_side];
+  const screenOutlinePoints = [
+    // Arrow point in font-relative coordinates
     {
-      x: baseX + screenLabelWidth - screenArrowPoint,
-      y: baseY + screenLabelHeight
+      x: 0,
+      y: 0
     },
-    // Bottom after arrow
-    { x: baseX, y: baseY + screenLabelHeight }
-    // Bottom left corner
-  ];
+    // Top left corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR,
+      y: 0.6
+    },
+    // Top right corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_FSR + END_PADDING_EXTRA_PER_CHARACTER_FSR * schNetLabel.text.length + textWidthFSR,
+      y: 0.6
+    },
+    // Bottom right corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR * 2 + END_PADDING_FSR + END_PADDING_EXTRA_PER_CHARACTER_FSR * schNetLabel.text.length + textWidthFSR,
+      y: -0.6
+    },
+    // Bottom left corner in font-relative coordinates
+    {
+      x: ARROW_POINT_WIDTH_FSR,
+      y: -0.6
+    }
+  ].map(
+    (fontRelativePoint) => applyToPoint23(
+      compose6(
+        realToScreenTransform,
+        translate6(realAnchorPosition.x, realAnchorPosition.y),
+        scale3(fontSizeMm),
+        rotate3(pathRotation / 180 * Math.PI)
+      ),
+      fontRelativePoint
+    )
+  );
   const pathD = `
-    M ${points[0]?.x},${points[0]?.y}
-    L ${points[1]?.x},${points[1]?.y}
-    L ${points[2]?.x},${points[2]?.y}
-    L ${points[3]?.x},${points[3]?.y}
-    L ${points[4]?.x},${points[4]?.y}
+    M ${screenOutlinePoints[0].x},${screenOutlinePoints[0].y}
+    L ${screenOutlinePoints[1].x},${screenOutlinePoints[1].y}
+    L ${screenOutlinePoints[2].x},${screenOutlinePoints[2].y}
+    L ${screenOutlinePoints[3].x},${screenOutlinePoints[3].y}
+    L ${screenOutlinePoints[4].x},${screenOutlinePoints[4].y}
     Z
   `;
   svgObjects.push({
@@ -1981,28 +2844,41 @@ var createSvgObjectsForSchNetLabel = (schNetLabel, transform) => {
       d: pathD,
       fill: "white",
       stroke: colorMap.schematic.label_global,
-      "stroke-width": `${getSchStrokeSize(transform)}px`,
-      transform: transformString
+      "stroke-width": `${getSchStrokeSize(realToScreenTransform)}px`
     },
     value: "",
     children: []
   });
-  const screenTextX = baseX + (screenLabelWidth - screenArrowPoint) / 2;
-  const screenTextY = baseY + screenLabelHeight / 2 + fontSize * 0.05;
+  const screenTextPos = {
+    x: screenAnchorPosition.x + screenTextGrowthVec.x * fontSizePx * 0.5,
+    y: screenAnchorPosition.y + screenTextGrowthVec.y * fontSizePx * 0.5
+  };
+  const textAnchor = {
+    left: "start",
+    top: "start",
+    bottom: "start",
+    right: "end"
+  }[schNetLabel.anchor_side];
+  const textTransformString = {
+    left: "",
+    right: "",
+    top: `rotate(90 ${screenTextPos.x} ${screenTextPos.y})`,
+    bottom: `rotate(-90 ${screenTextPos.x} ${screenTextPos.y})`
+  }[schNetLabel.anchor_side];
   svgObjects.push({
     name: "text",
     type: "element",
     attributes: {
       class: "net-label-text",
-      x: screenTextX.toString(),
-      y: screenTextY.toString(),
+      x: screenTextPos.x.toString(),
+      y: screenTextPos.y.toString(),
       fill: colorMap.schematic.label_global,
-      "text-anchor": "middle",
+      "text-anchor": textAnchor,
       "dominant-baseline": "central",
-      // Changed to central for better vertical alignment
       "font-family": "sans-serif",
-      "font-size": `${fontSize}px`,
-      transform: transformString
+      "font-variant-numeric": "tabular-nums",
+      "font-size": `${fontSizePx}px`,
+      transform: textTransformString
     },
     children: [
       {
@@ -2073,14 +2949,6 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
       drawSchematicGrid({ bounds: realBounds, transform, ...gridConfig })
     );
   }
-  if (options?.labeledPoints) {
-    svgChildren.push(
-      drawSchematicLabeledPoints({
-        points: options.labeledPoints,
-        transform
-      })
-    );
-  }
   const schDebugObjectSvgs = [];
   const schComponentSvgs = [];
   const schTraceSvgs = [];
@@ -2110,6 +2978,14 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
     ...schTraceSvgs,
     ...schNetLabel
   );
+  if (options?.labeledPoints) {
+    svgChildren.push(
+      drawSchematicLabeledPoints({
+        points: options.labeledPoints,
+        transform
+      })
+    );
+  }
   const svgObject = {
     name: "svg",
     type: "element",