circuit-to-svg 0.0.166 → 0.0.167

package/dist/index.js

@@ -1446,7 +1446,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.165",
+  version: "0.0.166",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -1477,7 +1477,7 @@ var package_default = {
     "@tscircuit/plop": "^0.0.10",
     "@types/bun": "^1.2.8",
     biome: "^0.3.3",
-    "bun-match-svg": "^0.0.6",
+    "bun-match-svg": "^0.0.12",
     "circuit-json": "^0.0.218",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
@@ -4532,21 +4532,45 @@ var createSvgObjectsForSchPortBoxLine = ({
     children: []
   });
   const isConnected = isSourcePortConnected(circuitJson, schPort.source_port_id);
+  const pinRadiusPx = Math.abs(transform.a) * PIN_CIRCLE_RADIUS_MM;
+  const pinChildren = [];
   if (!isConnected) {
-    svgObjects.push({
+    pinChildren.push({
       name: "circle",
       type: "element",
       attributes: {
         class: "component-pin",
         cx: screenSchPortPos.x.toString(),
         cy: screenSchPortPos.y.toString(),
-        r: (Math.abs(transform.a) * PIN_CIRCLE_RADIUS_MM).toString(),
+        r: pinRadiusPx.toString(),
         "stroke-width": `${getSchStrokeSize(transform)}px`
       },
       value: "",
       children: []
     });
   }
+  pinChildren.push({
+    name: "rect",
+    type: "element",
+    attributes: {
+      x: (screenSchPortPos.x - pinRadiusPx).toString(),
+      y: (screenSchPortPos.y - pinRadiusPx).toString(),
+      width: (pinRadiusPx * 2).toString(),
+      height: (pinRadiusPx * 2).toString(),
+      opacity: "0"
+    },
+    value: "",
+    children: []
+  });
+  svgObjects.push({
+    name: "g",
+    type: "element",
+    value: "",
+    attributes: {
+      "data-schematic-port-id": schPort.source_port_id
+    },
+    children: pinChildren
+  });
   return svgObjects;
 };