circuit-to-svg 0.0.166 → 0.0.168

package/dist/index.d.ts

@@ -217,6 +217,7 @@ declare const colorMap: {
         sheet_filename: string;
         sheet_label: string;
         sheet_name: string;
+        table: string;
         value: string;
         wire: string;
         wire_crossing: string;

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.167",
   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",
@@ -2902,6 +2902,7 @@ var colorMap = {
     sheet_filename: "rgb(114, 86, 0)",
     sheet_label: "rgb(0, 100, 100)",
     sheet_name: "rgb(0, 100, 100)",
+    table: "rgb(102, 102, 102)",
     value: "rgb(0, 100, 100)",
     wire: "rgb(0, 150, 0)",
     wire_crossing: "rgb(30, 180, 30)",
@@ -4532,21 +4533,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;
 };
 
@@ -5641,7 +5666,7 @@ var createSvgObjectsFromSchematicTable = ({
       width: (screenBottomRightX - screenTopLeftX).toString(),
       height: (screenBottomRightY - screenTopLeftY).toString(),
       fill: "none",
-      stroke: "#666",
+      stroke: colorMap2.schematic.table,
       "stroke-width": borderStrokeWidth.toString()
     },
     children: [],
@@ -5670,7 +5695,7 @@ var createSvgObjectsFromSchematicTable = ({
             y1: start.y.toString(),
             x2: end.x.toString(),
             y2: end.y.toString(),
-            stroke: "#666",
+            stroke: colorMap2.schematic.table,
             "stroke-width": gridStrokeWidth.toString()
           },
           children: [],
@@ -5703,7 +5728,7 @@ var createSvgObjectsFromSchematicTable = ({
             y1: start.y.toString(),
             x2: end.x.toString(),
             y2: end.y.toString(),
-            stroke: "#666",
+            stroke: colorMap2.schematic.table,
             "stroke-width": gridStrokeWidth.toString()
           },
           children: [],
@@ -5761,7 +5786,7 @@ var createSvgObjectsFromSchematicTable = ({
           "font-size": `${fontSize}px`,
           "text-anchor": textAnchorMap[horizontal_align],
           "dominant-baseline": dominantBaselineMap[vertical_align],
-          fill: colorMap2.schematic.sheet_label,
+          fill: colorMap2.schematic.table,
           "font-family": "sans-serif"
         },
         children: [