circuit-to-svg 0.0.315 → 0.0.317

package/dist/index.js

@@ -6042,7 +6042,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.314",
+  version: "0.0.316",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -6065,7 +6065,7 @@ var package_default = {
     "@vitejs/plugin-react": "5.0.0",
     biome: "^0.3.3",
     "bun-match-svg": "^0.0.12",
-    "circuit-json": "^0.0.356",
+    "circuit-json": "^0.0.359",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",
@@ -10783,7 +10783,7 @@ var createSvgObjectsFromSchematicComponentWithSymbol = ({
     );
     let textValue = "";
     if (text.text === "{REF}") {
-      textValue = srcComponent?.name ?? "";
+      textValue = srcComponent?.display_name ?? srcComponent?.name ?? "";
     } else if (text.text === "{VAL}") {
       textValue = schComponent.symbol_display_value ?? "";
     }
@@ -10963,6 +10963,8 @@ var createSvgObjectsForSchPortBoxLine = ({
   const screenSchPortPos = applyToPoint57(transform, schPort.center);
   const screenRealEdgePos = applyToPoint57(transform, realEdgePos);
   const isConnected = isSourcePortConnected(circuitJson, schPort.source_port_id);
+  const is_drawn_with_inversion_circle = schPort.is_drawn_with_inversion_circle ?? false;
+  const BUBBLE_RADIUS_MM = 0.06;
   const realLineEnd = { ...schPort.center };
   if (!isConnected) {
     switch (schPort.side_of_component) {
@@ -10981,6 +10983,43 @@ var createSvgObjectsForSchPortBoxLine = ({
     }
   }
   const screenLineEnd = applyToPoint57(transform, realLineEnd);
+  if (is_drawn_with_inversion_circle) {
+    const bubbleRadiusPx = Math.abs(transform.a) * BUBBLE_RADIUS_MM;
+    const bubbleCenter = { ...screenRealEdgePos };
+    switch (schPort.side_of_component) {
+      case "left":
+        bubbleCenter.x -= bubbleRadiusPx;
+        screenRealEdgePos.x -= bubbleRadiusPx * 2;
+        break;
+      case "right":
+        bubbleCenter.x += bubbleRadiusPx;
+        screenRealEdgePos.x += bubbleRadiusPx * 2;
+        break;
+      case "top":
+        bubbleCenter.y -= bubbleRadiusPx;
+        screenRealEdgePos.y -= bubbleRadiusPx * 2;
+        break;
+      case "bottom":
+        bubbleCenter.y += bubbleRadiusPx;
+        screenRealEdgePos.y += bubbleRadiusPx * 2;
+        break;
+    }
+    svgObjects.push({
+      name: "circle",
+      type: "element",
+      attributes: {
+        class: "component-pin",
+        cx: bubbleCenter.x.toString(),
+        cy: bubbleCenter.y.toString(),
+        r: bubbleRadiusPx.toString(),
+        fill: "white",
+        stroke: colorMap.schematic.component_outline,
+        "stroke-width": `${getSchStrokeSize(transform)}px`
+      },
+      value: "",
+      children: []
+    });
+  }
   svgObjects.push({
     name: "line",
     type: "element",
@@ -11168,9 +11207,10 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
   if (!label) return [];
   const isNegated = label.startsWith("N_");
   const displayLabel = isNegated ? label.slice(2) : label;
+  const is_drawn_with_inversion_circle = schPort.is_drawn_with_inversion_circle ?? false;
   let fontSizePx = getSchScreenFontSize(
     transform,
-    isNegated ? "negated_pin_number" : "pin_number"
+    isNegated || is_drawn_with_inversion_circle ? "negated_pin_number" : "pin_number"
   );
   svgObjects.push({
     name: "text",