circuit-to-svg 0.0.316 → 0.0.318

package/dist/index.js

@@ -6042,7 +6042,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.315",
+  version: "0.0.317",
   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.357",
+    "circuit-json": "^0.0.362",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",
@@ -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",
@@ -12711,7 +12751,7 @@ function createSvgObjectsFromSchematicPath({
   const pathD = transformedPoints.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ");
   const strokeColor = colorMap2.schematic.component_outline;
   const fillColor = schPath.fill_color ?? "none";
-  const strokeWidth = Math.abs(transform.a) * 0.02;
+  const strokeWidth = schPath.stroke_width ? Math.abs(transform.a) * schPath.stroke_width : Math.abs(transform.a) * 0.02;
   return [
     {
       name: "path",