circuit-to-svg 0.0.181 → 0.0.183

package/dist/index.js

@@ -1495,7 +1495,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.180",
+  version: "0.0.182",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -1520,9 +1520,10 @@ var package_default = {
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",
+    "react-dom": "19.1.0",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
-    tscircuit: "^0.0.609",
+    tscircuit: "^0.0.617",
     tsup: "^8.0.2",
     typescript: "^5.4.5",
     "vite-tsconfig-paths": "^5.0.1"
@@ -4694,10 +4695,10 @@ var createSvgObjectsForSchPortBoxLine = ({
   });
   const { has_input_arrow, has_output_arrow } = schPort;
   if ((has_input_arrow || has_output_arrow) && schPort.side_of_component) {
-    const arrowSize = Math.abs(transform.a) * 0.15;
+    const arrowSize = Math.abs(transform.a) * 0.1;
     const arrowColor = colorMap.schematic.component_outline;
     const arrowAxialLength = arrowSize * Math.cos(Math.PI / 6);
-    const strokeWidth = getSchStrokeSize(transform) / 2;
+    const strokeWidth = getSchStrokeSize(transform) / 3;
     let inputAngleRads = 0;
     let outputAngleRads = 0;
     if (schPort.side_of_component === "left") {
@@ -5370,7 +5371,10 @@ function createSchematicTrace({
         class: "trace",
         "data-layer": "base",
         "data-circuit-json-type": "schematic_trace",
-        "data-schematic-trace-id": trace.schematic_trace_id
+        "data-schematic-trace-id": trace.schematic_trace_id,
+        ...trace.subcircuit_connectivity_map_key && {
+          "data-subcircuit-connectivity-map-key": trace.subcircuit_connectivity_map_key
+        }
       },
       children: baseObjects
     },
@@ -5382,7 +5386,10 @@ function createSchematicTrace({
         class: "trace-overlays",
         "data-layer": "overlay",
         "data-circuit-json-type": "schematic_trace",
-        "data-schematic-trace-id": trace.schematic_trace_id
+        "data-schematic-trace-id": trace.schematic_trace_id,
+        ...trace.subcircuit_connectivity_map_key && {
+          "data-subcircuit-connectivity-map-key": trace.subcircuit_connectivity_map_key
+        }
       },
       children: overlayObjects
     }
@@ -6067,6 +6074,23 @@ var createSvgObjectsForSchComponentPortHovers = ({
 };
 
 // lib/sch/convert-circuit-json-to-schematic-svg.ts
+function buildNetHoverStyles(connectivityKeys) {
+  const rules = [];
+  const esc = (v) => String(v).replace(/"/g, '\\"');
+  for (const key of connectivityKeys) {
+    const k = esc(key);
+    const keyAttr = `[data-subcircuit-connectivity-map-key="${k}"]`;
+    const baseSel = `g.trace${keyAttr}`;
+    const overlaySel = `g.trace-overlays${keyAttr}`;
+    const hovered = `:is(${baseSel}, ${overlaySel}):hover`;
+    const target = `:is(${baseSel}, ${overlaySel})`;
+    rules.push(`svg:has(${hovered}) ${target} { filter: invert(1); }`);
+    rules.push(
+      `svg:has(${hovered}) ${overlaySel} .trace-crossing-outline { opacity: 0; }`
+    );
+  }
+  return rules.join("\n");
+}
 function convertCircuitJsonToSchematicSvg(circuitJson, options) {
   const realBounds = getSchematicBoundsFromCircuitJson(circuitJson);
   const realWidth = realBounds.maxX - realBounds.minX;
@@ -6132,6 +6156,7 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
   const schDebugObjectSvgs = [];
   const schComponentSvgs = [];
   const schTraceSvgs = [];
+  const connectivityKeys = /* @__PURE__ */ new Set();
   const schNetLabel = [];
   const schText = [];
   const voltageProbeSvgs = [];
@@ -6178,6 +6203,7 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
           colorMap: colorMap2
         })
       );
+      connectivityKeys.add(elm.subcircuit_connectivity_map_key);
     } else if (elm.type === "schematic_net_label") {
       schNetLabel.push(
         ...createSvgObjectsForSchNetLabel({
@@ -6273,6 +6299,7 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
               .component { fill: none; stroke: ${colorMap2.schematic.component_outline}; }
               .chip { fill: ${colorMap2.schematic.component_body}; stroke: ${colorMap2.schematic.component_outline}; }
               .component-pin { fill: none; stroke: ${colorMap2.schematic.component_outline}; }
+              /* Basic per-trace hover fallback */
               .trace:hover {
                 filter: invert(1);
               }
@@ -6282,6 +6309,10 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
               .trace:hover .trace-junction {
                 filter: invert(1);
               }
+              /* Net-hover highlighting: when a trace or its overlays are hovered,
+                 invert color for all traces (base + overlays) sharing the same
+                 subcircuit connectivity key. Also hide crossing outline during hover. */
+              ${buildNetHoverStyles(connectivityKeys)}
               .text { font-family: sans-serif; fill: ${colorMap2.schematic.wire}; }
               .pin-number { fill: ${colorMap2.schematic.pin_number}; }
               .port-label { fill: ${colorMap2.schematic.reference}; }