@tscircuit/schematic-trace-solver 0.0.53 → 0.0.55

package/dist/index.d.ts

@@ -56,6 +56,7 @@ type FacingDirection = "x+" | "x-" | "y+" | "y-";
 type ChipId = string;
 type PinId = string;
 type NetId = string;
+type SectionId = string;
 interface InputPin {
     pinId: PinId;
     x: number;
@@ -71,6 +72,7 @@ interface InputChip {
     width: number;
     height: number;
     pins: Array<InputPin>;
+    sectionId?: SectionId;
 }
 interface InputDirectConnection {
     pinIds: [PinId, PinId];
@@ -868,4 +870,4 @@ declare class SchematicTracePipelineSolver extends BaseSolver {
     preview(): GraphicsObject;
 }
 
-export { type ChipId, type InputChip, type InputDirectConnection, type InputNetConnection, type InputPin, type InputProblem, type NetId, type PinId, SchematicTracePipelineSolver, type SchematicTracePipelineSolverParams, SchematicTraceSingleLineSolver2 };
+export { type ChipId, type InputChip, type InputDirectConnection, type InputNetConnection, type InputPin, type InputProblem, type NetId, type PinId, SchematicTracePipelineSolver, type SchematicTracePipelineSolverParams, SchematicTraceSingleLineSolver2, type SectionId };

package/dist/index.js

@@ -301,6 +301,30 @@ var getColorFromString = (string, alpha = 1) => {
   return `hsl(${hash % 360}, 100%, 50%, ${alpha})`;
 };
 
+// lib/utils/arePinsInDifferentSchematicSections.ts
+var getSectionNameForPin = (sectionByChipId, sectionByPinId, pin) => {
+  if (pin.chipId) {
+    const chipSection = sectionByChipId.get(pin.chipId);
+    if (chipSection) return chipSection;
+  }
+  return sectionByPinId.get(pin.pinId);
+};
+var arePinsInDifferentSchematicSections = (inputProblem, p1, p2) => {
+  const sectionByChipId = /* @__PURE__ */ new Map();
+  const sectionByPinId = /* @__PURE__ */ new Map();
+  for (const chip of inputProblem.chips) {
+    if (!chip.sectionId) continue;
+    sectionByChipId.set(chip.chipId, chip.sectionId);
+    for (const pin of chip.pins) {
+      sectionByPinId.set(pin.pinId, chip.sectionId);
+    }
+  }
+  if (sectionByChipId.size === 0) return false;
+  const s1 = getSectionNameForPin(sectionByChipId, sectionByPinId, p1);
+  const s2 = getSectionNameForPin(sectionByChipId, sectionByPinId, p2);
+  return !!s1 && !!s2 && s1 !== s2;
+};
+
 // lib/solvers/SchematicTracePipelineSolver/visualizeInputProblem.ts
 var visualizeInputProblem = (inputProblem, opts = {}) => {
   const { connectionAlpha = 0.8, chipAlpha = 0.8 } = opts;
@@ -337,6 +361,9 @@ ${pin._facingDirection ?? getPinDirection(pin, chip)}`,
     const [pinId1, pinId2] = directConn.pinIds;
     const pin1 = pinIdMap.get(pinId1);
     const pin2 = pinIdMap.get(pinId2);
+    if (arePinsInDifferentSchematicSections(inputProblem, pin1, pin2)) {
+      continue;
+    }
     graphics.lines.push({
       points: [
         {
@@ -360,6 +387,9 @@ ${pin._facingDirection ?? getPinDirection(pin, chip)}`,
       for (let j = i + 1; j < pins.length; j++) {
         const pin1 = pins[i];
         const pin2 = pins[j];
+        if (arePinsInDifferentSchematicSections(inputProblem, pin1, pin2)) {
+          continue;
+        }
         graphics.lines.push({
           points: [
             { x: pin1.x, y: pin1.y },
@@ -441,6 +471,9 @@ var MspConnectionPairSolver = class extends BaseSolver {
       if (manhattanDist > this.maxMspPairDistance) {
         return;
       }
+      if (arePinsInDifferentSchematicSections(this.inputProblem, p1, p2)) {
+        return;
+      }
       const pinIdMap2 = new Map(Object.entries(this.pinMap));
       if (doesPairCrossRestrictedCenterLines({
         inputProblem: this.inputProblem,
@@ -467,7 +500,11 @@ var MspConnectionPairSolver = class extends BaseSolver {
       directlyConnectedPins.map((p) => this.pinMap[p]).filter(Boolean),
       {
         maxDistance: this.maxMspPairDistance,
-        forbidEdge: (a, b) => doesPairCrossRestrictedCenterLines({
+        forbidEdge: (a, b) => arePinsInDifferentSchematicSections(
+          this.inputProblem,
+          a,
+          b
+        ) || doesPairCrossRestrictedCenterLines({
           inputProblem: this.inputProblem,
           chipMap: this.chipMap,
           pinIdMap,
@@ -479,6 +516,9 @@ var MspConnectionPairSolver = class extends BaseSolver {
     for (const [pin1, pin2] of msp) {
       const p1Obj = this.pinMap[pin1];
       const p2Obj = this.pinMap[pin2];
+      if (arePinsInDifferentSchematicSections(this.inputProblem, p1Obj, p2Obj)) {
+        continue;
+      }
       if (doesPairCrossRestrictedCenterLines({
         inputProblem: this.inputProblem,
         chipMap: this.chipMap,
@@ -2274,8 +2314,8 @@ orientation: ${p.orientation}`
 };
 
 // lib/solvers/SchematicTracePipelineSolver/colorAvailableNetOrientationLabels.ts
-var AVAILABLE_Y_PLUS_COLOR = "#93c5fd";
-var AVAILABLE_Y_MINUS_COLOR = "#fca5a5";
+var AVAILABLE_Y_PLUS_COLOR = "#ef4444";
+var AVAILABLE_Y_MINUS_COLOR = "#000000";
 var AVAILABLE_ORIENTATION_FILL_ALPHA = "66";
 var colorAvailableNetOrientationLabels = (graphicsObject, inputProblem) => {
   const availableOrientations = inputProblem.availableNetLabelOrientations;
@@ -3461,6 +3501,9 @@ var LongDistancePairSolver = class extends BaseSolver {
         }).sort((a, b) => a.distance - b.distance).slice(0, NEAREST_NEIGHBOR_COUNT);
         for (const neighbor of neighbors) {
           const pair = [sourcePin, neighbor.pin];
+          if (arePinsInDifferentSchematicSections(inputProblem, pair[0], pair[1])) {
+            continue;
+          }
           const pairKey = pair.map((p) => p.pinId).sort().join("--");
           if (!addedPairKeys.has(pairKey)) {
             candidatePairs.push(pair);
@@ -3559,7 +3602,10 @@ var LongDistancePairSolver = class extends BaseSolver {
   }
   getOutput() {
     if (!this.solved) {
-      return { newTraces: [], allTracesMerged: this.params.alreadySolvedTraces };
+      return {
+        newTraces: [],
+        allTracesMerged: this.params.alreadySolvedTraces
+      };
     }
     return {
       newTraces: this.solvedLongDistanceTraces,

package/lib/solvers/LongDistancePairSolver/LongDistancePairSolver.ts

@@ -12,6 +12,7 @@ import { doesTraceOverlapWithExistingTraces } from "lib/utils/does-trace-overlap
 import { visualizeInputProblem } from "../SchematicTracePipelineSolver/visualizeInputProblem"
 import type { SolvedTracePath } from "../SchematicTraceLinesSolver/SchematicTraceLinesSolver"
 import type { ConnectivityMap } from "connectivity-map"
+import { arePinsInDifferentSchematicSections } from "../../utils/arePinsInDifferentSchematicSections"
 
 const NEAREST_NEIGHBOR_COUNT = 3
 
@@ -104,6 +105,11 @@ export class LongDistancePairSolver extends BaseSolver {
             InputPin & { chipId: string },
             InputPin & { chipId: string },
           ] = [sourcePin, neighbor.pin]
+          if (
+            arePinsInDifferentSchematicSections(inputProblem, pair[0], pair[1])
+          ) {
+            continue
+          }
           const pairKey = pair
             .map((p) => p.pinId)
             .sort()
@@ -225,7 +231,10 @@ export class LongDistancePairSolver extends BaseSolver {
     allTracesMerged: SolvedTracePath[]
   } {
     if (!this.solved) {
-      return { newTraces: [], allTracesMerged: this.params.alreadySolvedTraces }
+      return {
+        newTraces: [],
+        allTracesMerged: this.params.alreadySolvedTraces,
+      }
     }
     return {
       newTraces: this.solvedLongDistanceTraces,

package/lib/solvers/MspConnectionPairSolver/MspConnectionPairSolver.ts

@@ -12,6 +12,7 @@ import { doesPairCrossRestrictedCenterLines } from "./doesPairCrossRestrictedCen
 import type { GraphicsObject } from "graphics-debug"
 import { getColorFromString } from "lib/utils/getColorFromString"
 import { visualizeInputProblem } from "../SchematicTracePipelineSolver/visualizeInputProblem"
+import { arePinsInDifferentSchematicSections } from "../../utils/arePinsInDifferentSchematicSections"
 
 export type MspConnectionPairId = string
 
@@ -110,6 +111,9 @@ export class MspConnectionPairSolver extends BaseSolver {
         // Too far apart; skip creating an MSP pair for this net
         return
       }
+      if (arePinsInDifferentSchematicSections(this.inputProblem, p1, p2)) {
+        return
+      }
       // Avoid pairs that would cross restricted center lines
       const pinIdMap = new Map(Object.entries(this.pinMap)) as Map<
         PinId,
@@ -153,6 +157,11 @@ export class MspConnectionPairSolver extends BaseSolver {
       {
         maxDistance: this.maxMspPairDistance,
         forbidEdge: (a, b) =>
+          arePinsInDifferentSchematicSections(
+            this.inputProblem,
+            a as InputPin & { chipId: string },
+            b as InputPin & { chipId: string },
+          ) ||
           doesPairCrossRestrictedCenterLines({
             inputProblem: this.inputProblem,
             chipMap: this.chipMap,
@@ -166,6 +175,11 @@ export class MspConnectionPairSolver extends BaseSolver {
     for (const [pin1, pin2] of msp) {
       const p1Obj = this.pinMap[pin1!]!
       const p2Obj = this.pinMap[pin2!]!
+      if (
+        arePinsInDifferentSchematicSections(this.inputProblem, p1Obj, p2Obj)
+      ) {
+        continue
+      }
       // Skip any edge that would cross a restricted center line (safety filter)
       if (
         doesPairCrossRestrictedCenterLines({

package/lib/solvers/SchematicTracePipelineSolver/colorAvailableNetOrientationLabels.ts

@@ -1,8 +1,8 @@
 import type { GraphicsObject } from "graphics-debug"
 import type { InputProblem } from "lib/types/InputProblem"
 
-const AVAILABLE_Y_PLUS_COLOR = "#93c5fd"
-const AVAILABLE_Y_MINUS_COLOR = "#fca5a5"
+const AVAILABLE_Y_PLUS_COLOR = "#ef4444"
+const AVAILABLE_Y_MINUS_COLOR = "#000000"
 const AVAILABLE_ORIENTATION_FILL_ALPHA = "66"
 
 export const colorAvailableNetOrientationLabels = (

package/lib/solvers/SchematicTracePipelineSolver/visualizeInputProblem.ts

@@ -2,6 +2,7 @@ import type { GraphicsObject } from "graphics-debug"
 import type { PinId, InputPin, InputProblem } from "lib/types/InputProblem"
 import { getColorFromString } from "lib/utils/getColorFromString"
 import { getPinDirection } from "../SchematicTraceLinesSolver/SchematicTraceSingleLineSolver/getPinDirection"
+import { arePinsInDifferentSchematicSections } from "../../utils/arePinsInDifferentSchematicSections"
 
 export const visualizeInputProblem = (
   inputProblem: InputProblem,
@@ -50,6 +51,9 @@ export const visualizeInputProblem = (
     const [pinId1, pinId2] = directConn.pinIds
     const pin1 = pinIdMap.get(pinId1)!
     const pin2 = pinIdMap.get(pinId2)!
+    if (arePinsInDifferentSchematicSections(inputProblem, pin1, pin2)) {
+      continue
+    }
     graphics.lines.push({
       points: [
         {
@@ -74,6 +78,9 @@ export const visualizeInputProblem = (
       for (let j = i + 1; j < pins.length; j++) {
         const pin1 = pins[i]!
         const pin2 = pins[j]!
+        if (arePinsInDifferentSchematicSections(inputProblem, pin1, pin2)) {
+          continue
+        }
         graphics.lines.push({
           points: [
             { x: pin1.x, y: pin1.y },

package/lib/types/InputProblem.ts

@@ -4,6 +4,7 @@ import type { FacingDirection } from "lib/utils/dir"
 export type ChipId = string
 export type PinId = string
 export type NetId = string
+export type SectionId = string
 
 export interface InputPin {
   pinId: PinId
@@ -18,6 +19,7 @@ export interface InputChip {
   width: number
   height: number
   pins: Array<InputPin>
+  sectionId?: SectionId
 }
 export interface InputDirectConnection {
   pinIds: [PinId, PinId]

package/lib/utils/arePinsInDifferentSchematicSections.ts

@@ -0,0 +1,39 @@
+import type { InputProblem, InputPin } from "lib/types/InputProblem"
+
+const getSectionNameForPin = (
+  sectionByChipId: Map<string, string>,
+  sectionByPinId: Map<string, string>,
+  pin: InputPin & { chipId?: string },
+) => {
+  if (pin.chipId) {
+    const chipSection = sectionByChipId.get(pin.chipId)
+    if (chipSection) return chipSection
+  }
+
+  return sectionByPinId.get(pin.pinId)
+}
+
+export const arePinsInDifferentSchematicSections = (
+  inputProblem: InputProblem,
+  p1: InputPin & { chipId?: string },
+  p2: InputPin & { chipId?: string },
+) => {
+  const sectionByChipId = new Map<string, string>()
+  const sectionByPinId = new Map<string, string>()
+
+  for (const chip of inputProblem.chips) {
+    if (!chip.sectionId) continue
+
+    sectionByChipId.set(chip.chipId, chip.sectionId)
+    for (const pin of chip.pins) {
+      sectionByPinId.set(pin.pinId, chip.sectionId)
+    }
+  }
+
+  if (sectionByChipId.size === 0) return false
+
+  const s1 = getSectionNameForPin(sectionByChipId, sectionByPinId, p1)
+  const s2 = getSectionNameForPin(sectionByChipId, sectionByPinId, p2)
+
+  return !!s1 && !!s2 && s1 !== s2
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/schematic-trace-solver",
   "main": "dist/index.js",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "type": "module",
   "scripts": {
     "start": "cosmos",

package/site/examples/example32.page.tsx

@@ -0,0 +1,4 @@
+import { PipelineDebugger } from "site/components/PipelineDebugger"
+import inputProblem from "../../tests/assets/example32.json"
+
+export default () => <PipelineDebugger inputProblem={inputProblem as any} />

package/tests/assets/example32.json

@@ -0,0 +1,148 @@
+{
+  "chips": [
+    {
+      "chipId": "schematic_component_0",
+      "center": { "x": -4, "y": 3 },
+      "width": 0.95,
+      "height": 0.29,
+      "sectionId": "power",
+      "pins": [
+        { "pinId": "B1.1", "x": -4.45, "y": 2.9699999999999998 },
+        { "pinId": "B1.2", "x": -3.55, "y": 2.9699999999999998 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_1",
+      "center": { "x": -2, "y": 3 },
+      "width": 0.76,
+      "height": 0.5,
+      "sectionId": "power",
+      "pins": [
+        { "pinId": "SW1.1", "x": -2.38, "y": 3 },
+        { "pinId": "SW1.2", "x": -1.62, "y": 3 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_2",
+      "center": { "x": -3, "y": 1.5 },
+      "width": 1.1,
+      "height": 0.84,
+      "sectionId": "power",
+      "pins": [
+        { "pinId": "C3.1", "x": -3.55, "y": 1.5 },
+        { "pinId": "C3.2", "x": -2.45, "y": 1.5 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_3",
+      "center": { "x": 1.5, "y": 2.5 },
+      "width": 1.6,
+      "height": 1,
+      "sectionId": "timer",
+      "pins": [
+        { "pinId": "U1.1", "x": 2.7, "y": 2.2 },
+        { "pinId": "U1.2", "x": 0.2999999999999998, "y": 2.2 },
+        { "pinId": "U1.3", "x": 2.7, "y": 2.6 },
+        { "pinId": "U1.4", "x": 0.2999999999999998, "y": 2.8 },
+        { "pinId": "U1.5", "x": 0.2999999999999998, "y": 2.6 },
+        { "pinId": "U1.6", "x": 0.2999999999999998, "y": 2.4 },
+        { "pinId": "U1.7", "x": 2.7, "y": 2.4 },
+        { "pinId": "U1.8", "x": 2.7, "y": 2.8 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_4",
+      "center": { "x": 4, "y": 1.5 },
+      "width": 1.1,
+      "height": 0.84,
+      "sectionId": "timer",
+      "pins": [
+        { "pinId": "C2.1", "x": 3.45, "y": 1.5 },
+        { "pinId": "C2.2", "x": 4.55, "y": 1.5 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_5",
+      "center": { "x": -4, "y": -1.5 },
+      "width": 1.1,
+      "height": 0.388910699999999,
+      "sectionId": "timing-network",
+      "pins": [
+        { "pinId": "R1.1", "x": -4.55, "y": -1.5 },
+        { "pinId": "R1.2", "x": -3.4499999999999997, "y": -1.5 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_6",
+      "center": { "x": -2, "y": -1.5 },
+      "width": 1.1,
+      "height": 0.388910699999999,
+      "sectionId": "timing-network",
+      "pins": [
+        { "pinId": "R2.1", "x": -2.55, "y": -1.5 },
+        { "pinId": "R2.2", "x": -1.4500000000000002, "y": -1.5 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_7",
+      "center": { "x": -3, "y": -3 },
+      "width": 1.1,
+      "height": 0.84,
+      "sectionId": "timing-network",
+      "pins": [
+        { "pinId": "C1.1", "x": -3.55, "y": -3 },
+        { "pinId": "C1.2", "x": -2.45, "y": -3 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_8",
+      "center": { "x": 2.5, "y": -1.5 },
+      "width": 1.1,
+      "height": 0.388910699999999,
+      "sectionId": "output",
+      "pins": [
+        { "pinId": "R3.1", "x": 1.95, "y": -1.5 },
+        { "pinId": "R3.2", "x": 3.05, "y": -1.5 }
+      ]
+    },
+    {
+      "chipId": "schematic_component_9",
+      "center": { "x": 4.5, "y": -1.5 },
+      "width": 1.13,
+      "height": 0.65,
+      "sectionId": "output",
+      "pins": [
+        { "pinId": "D1.1", "x": 3.96, "y": -1.5 },
+        { "pinId": "D1.2", "x": 5.04, "y": -1.5 }
+      ]
+    }
+  ],
+  "directConnections": [
+    { "pinIds": ["B1.1", "SW1.1"], "netId": ".B1 > .pin1 to .SW1 > .pin1" },
+    { "pinIds": ["U1.5", "C2.1"], "netId": ".U1 > .CTRL to .C2 > .pin1" },
+    { "pinIds": ["U1.6", "U1.2"], "netId": ".U1 > .THRES to .U1 > .TRIG" },
+    { "pinIds": ["R1.2", "U1.7"], "netId": ".R1 > .pin2 to .U1 > .DISCH" },
+    { "pinIds": ["U1.7", "R2.1"], "netId": ".U1 > .DISCH to .R2 > .pin1" },
+    { "pinIds": ["R2.2", "U1.6"], "netId": ".R2 > .pin2 to .U1 > .THRES" },
+    { "pinIds": ["U1.6", "C1.1"], "netId": ".U1 > .THRES to .C1 > .pin1" },
+    { "pinIds": ["U1.3", "R3.1"], "netId": ".U1 > .OUT to .R3 > .pin1" },
+    { "pinIds": ["R3.2", "D1.1"], "netId": ".R3 > .pin2 to .D1 > .pin1" }
+  ],
+  "netConnections": [
+    {
+      "netId": "GND",
+      "pinIds": ["B1.2", "C3.2", "U1.1", "C2.2", "C1.2", "D1.2"],
+      "netLabelWidth": 0.3
+    },
+    {
+      "netId": "VCC",
+      "pinIds": ["SW1.2", "C3.1", "U1.4", "U1.8", "R1.1"],
+      "netLabelWidth": 0.3
+    }
+  ],
+  "availableNetLabelOrientations": {
+    "VCC": ["y+"],
+    "GND": ["y-"]
+  },
+  "maxMspPairDistance": 2.4
+}

package/tests/examples/__snapshots__/example01.snap.svg

@@ -91,7 +91,7 @@ orientation: y-" data-x="-1.4" data-y="-0.7" cx="356.0396039603961" cy="378.2178
   <g>
     <rect data-type="rect" data-label="netId: VCC
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="-1.1" data-y="0.42500000000000016" x="378.21782178217825" y="228.51485148514848" width="22.178217821782198" height="49.9009900990099" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.009017857142857143" />
+available orientations: y+" data-x="-1.1" data-y="0.42500000000000016" x="378.21782178217825" y="228.51485148514848" width="22.178217821782198" height="49.9009900990099" fill="#ef444466" stroke="#ef4444" stroke-width="0.009017857142857143" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: EN
@@ -101,7 +101,7 @@ available orientations: x+, x-" data-x="-1.5" data-y="0" x="320" y="289.50495049
   <g>
     <rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net2
-available orientations: y-" data-x="-1.4" data-y="-0.9249999999999999" x="344.950495049505" y="378.2178217821782" width="22.178217821782198" height="49.9009900990099" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.009017857142857143" />
+available orientations: y-" data-x="-1.4" data-y="-0.9249999999999999" x="344.950495049505" y="378.2178217821782" width="22.178217821782198" height="49.9009900990099" fill="#00000066" stroke="#000000" stroke-width="0.009017857142857143" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />

package/tests/examples/__snapshots__/example02.snap.svg

@@ -197,22 +197,22 @@ orientation: y+" data-x="1.4571549750000001" data-y="0.29999999999999966" cx="53
   <g>
     <rect data-type="rect" data-label="netId: VSYS
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="-1.4574283249999997" data-y="1.5274186000000005" x="283.75416992460123" y="184.33736239143013" width="16.926952823252577" height="38.08564385231816" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.011815475714285715" />
+available orientations: y+" data-x="-1.4574283249999997" data-y="1.5274186000000005" x="283.75416992460123" y="184.33736239143013" width="16.926952823252577" height="38.08564385231816" fill="#ef444466" stroke="#ef4444" stroke-width="0.011815475714285715" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net1
-available orientations: y-" data-x="-3.0434765500000003" data-y="-0.4250000000000004" x="149.51935252470935" y="349.5798500586337" width="16.926952823252492" height="38.085643852318185" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.011815475714285715" />
+available orientations: y-" data-x="-3.0434765500000003" data-y="-0.4250000000000004" x="149.51935252470935" y="349.5798500586337" width="16.926952823252492" height="38.085643852318185" fill="#00000066" stroke="#000000" stroke-width="0.011815475714285715" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net1
-available orientations: y-" data-x="1.9148566499999995" data-y="-1.2284186000000008" x="569.1667133165424" y="417.5769937562517" width="16.926952823252577" height="38.08564385231813" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.011815475714285715" />
+available orientations: y-" data-x="1.9148566499999995" data-y="-1.2284186000000008" x="569.1667133165424" y="417.5769937562517" width="16.926952823252577" height="38.08564385231813" fill="#00000066" stroke="#000000" stroke-width="0.011815475714285715" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: V3_3
 globalConnNetId: connectivity_net2
-available orientations: y+" data-x="1.4571549750000001" data-y="0.5249999999999997" x="530.4292400172993" y="269.1768241481843" width="16.926952823252464" height="38.08564385231813" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.011815475714285715" />
+available orientations: y+" data-x="1.4571549750000001" data-y="0.5249999999999997" x="530.4292400172993" y="269.1768241481843" width="16.926952823252464" height="38.08564385231813" fill="#ef444466" stroke="#ef4444" stroke-width="0.011815475714285715" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />

package/tests/examples/__snapshots__/example04.snap.svg

@@ -29,12 +29,12 @@ orientation: y-" data-x="0.31067575550000137" data-y="-0.5800832909999993" cx="4
   <g>
     <rect data-type="rect" data-label="netId: V3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="0.30397715550000004" data-y="0.8060832909999993" x="375.3918427720889" y="40" width="54.311810198852356" height="122.20157294741779" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.003682440324999998" />
+available orientations: y+" data-x="0.30397715550000004" data-y="0.8060832909999993" x="375.3918427720889" y="40" width="54.311810198852356" height="122.20157294741779" fill="#ef444466" stroke="#ef4444" stroke-width="0.003682440324999998" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: V3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="0.31067575550000137" data-y="-0.8060832909999993" x="377.2109082310795" y="477.7984270525822" width="54.3118101988523" height="122.20157294741779" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.003682440324999998" />
+available orientations: y+" data-x="0.31067575550000137" data-y="-0.8060832909999993" x="377.2109082310795" y="477.7984270525822" width="54.3118101988523" height="122.20157294741779" fill="#ef444466" stroke="#ef4444" stroke-width="0.003682440324999998" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />

package/tests/examples/__snapshots__/example07.snap.svg

@@ -137,22 +137,22 @@ orientation: x+" data-x="1.757519574999999" data-y="0.85" cx="547.3539750075635"
   <g>
     <rect data-type="rect" data-label="netId: V3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="-1.8574283249999997" data-y="0.9762093000000004" x="112.7378861431207" y="270.2760341291854" width="23.398233329971788" height="52.64602499243642" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.00854765388392857" />
+available orientations: y+" data-x="-1.8574283249999997" data-y="0.9762093000000004" x="112.7378861431207" y="270.2760341291854" width="23.398233329971788" height="52.64602499243642" fill="#ef444466" stroke="#ef4444" stroke-width="0.00854765388392857" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: V3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="1.5999999999999999" data-y="-0.07499999999999998" x="517.2264594931378" y="393.2582365293668" width="23.39823332997173" height="52.64602499243648" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.00854765388392857" />
+available orientations: y+" data-x="1.5999999999999999" data-y="-0.07499999999999998" x="517.2264594931378" y="393.2582365293668" width="23.39823332997173" height="52.64602499243648" fill="#ef444466" stroke="#ef4444" stroke-width="0.00854765388392857" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: V3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="1.7580660749999977" data-y="2.5285814" x="535.7187940151516" y="88.66221107549416" width="23.39823332997173" height="52.64602499243642" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.00854765388392857" />
+available orientations: y+" data-x="1.7580660749999977" data-y="2.5285814" x="535.7187940151516" y="88.66221107549416" width="23.39823332997173" height="52.64602499243642" fill="#ef444466" stroke="#ef4444" stroke-width="0.00854765388392857" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net1
-available orientations: y-" data-x="-2.31430995" data-y="-0.9762093000000004" x="59.28677181348735" y="498.6917639320694" width="23.398233329971788" height="52.64602499243642" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.00854765388392857" />
+available orientations: y-" data-x="-2.31430995" data-y="-0.9762093000000004" x="59.28677181348735" y="498.6917639320694" width="23.398233329971788" height="52.64602499243642" fill="#00000066" stroke="#000000" stroke-width="0.00854765388392857" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: FLASH_N_CS

package/tests/examples/__snapshots__/example12.snap.svg

@@ -83,7 +83,7 @@ orientation: y-" data-x="3.511" data-y="-0.4310000000000001" cx="588.11292719167
   <g>
     <rect data-type="rect" data-label="netId: VCC
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="1.7049999999999998" data-y="0.42500000000000004" x="361.54531946508166" y="147.96699257057952" width="23.77414561664193" height="53.49182763744429" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.008412500000000002" />
+available orientations: y+" data-x="1.7049999999999998" data-y="0.42500000000000004" x="361.54531946508166" y="147.96699257057952" width="23.77414561664193" height="53.49182763744429" fill="#ef444466" stroke="#ef4444" stroke-width="0.008412500000000002" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: OUT
@@ -93,12 +93,12 @@ available orientations: any" data-x="1.5250000000000001" data-y="-0.448613837499
   <g>
     <rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net2
-available orientations: y-" data-x="1.8499999999999996" data-y="-2.0194553499999994" x="378.78157503714704" y="438.54117979197616" width="23.77414561664193" height="53.49182763744432" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.008412500000000002" />
+available orientations: y-" data-x="1.8499999999999996" data-y="-2.0194553499999994" x="378.78157503714704" y="438.54117979197616" width="23.77414561664193" height="53.49182763744432" fill="#00000066" stroke="#000000" stroke-width="0.008412500000000002" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: GND
 globalConnNetId: connectivity_net2
-available orientations: y-" data-x="3.511" data-y="-0.6560000000000001" x="576.2258543833581" y="276.466249628529" width="23.77414561664193" height="53.49182763744432" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.008412500000000002" />
+available orientations: y-" data-x="3.511" data-y="-0.6560000000000001" x="576.2258543833581" y="276.466249628529" width="23.77414561664193" height="53.49182763744432" fill="#00000066" stroke="#000000" stroke-width="0.008412500000000002" />
   </g>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />

package/tests/examples/__snapshots__/example13.snap.svg

@@ -252,22 +252,22 @@ orientation: y+" data-x="1.96375" data-y="3" cx="417.91062100986653" cy="157.492
   <g>
     <rect data-type="rect" data-label="netId: gnd
 globalConnNetId: connectivity_net3
-available orientations: y-" data-x="3.75" data-y="-1.725" x="527.5217643644805" y="450.0058038305282" width="13.000580383052807" height="29.251305861868843" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.015383928571428571" />
+available orientations: y-" data-x="3.75" data-y="-1.725" x="527.5217643644805" y="450.0058038305282" width="13.000580383052807" height="29.251305861868843" fill="#00000066" stroke="#000000" stroke-width="0.015383928571428571" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: gnd
 globalConnNetId: connectivity_net3
-available orientations: y-" data-x="-2.125" data-y="-2.2249999999999996" x="145.6297156123041" y="482.5072547881602" width="13.000580383052835" height="29.251305861868843" fill="#fca5a566" stroke="#fca5a5" stroke-width="0.015383928571428571" />
+available orientations: y-" data-x="-2.125" data-y="-2.2249999999999996" x="145.6297156123041" y="482.5072547881602" width="13.000580383052835" height="29.251305861868843" fill="#00000066" stroke="#000000" stroke-width="0.015383928571428571" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: v5
 globalConnNetId: connectivity_net4
-available orientations: y+" data-x="1.475" data-y="0.225" x="379.6401625072548" y="323.25014509576323" width="13.000580383052807" height="29.251305861868843" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.015383928571428571" />
+available orientations: y+" data-x="1.475" data-y="0.225" x="379.6401625072548" y="323.25014509576323" width="13.000580383052807" height="29.251305861868843" fill="#ef444466" stroke="#ef4444" stroke-width="0.015383928571428571" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: v5
 globalConnNetId: connectivity_net4
-available orientations: y+" data-x="-1.301" data-y="-0.8490000000000001" x="199.19210679048172" y="393.0632617527569" width="13.000580383052807" height="29.251305861868843" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.015383928571428571" />
+available orientations: y+" data-x="-1.301" data-y="-0.8490000000000001" x="199.19210679048172" y="393.0632617527569" width="13.000580383052807" height="29.251305861868843" fill="#ef444466" stroke="#ef4444" stroke-width="0.015383928571428571" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: .PWR1 &gt; .FB to .R6 &gt; .pin2
@@ -277,12 +277,12 @@ available orientations: any" data-x="-2.125" data-y="0.225" x="145.6297156123041
   <g>
     <rect data-type="rect" data-label="netId: v3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="-3.75" data-y="2.225" x="39.99999999999997" y="193.24434126523508" width="13.000580383052835" height="29.251305861868843" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.015383928571428571" />
+available orientations: y+" data-x="-3.75" data-y="2.225" x="39.99999999999997" y="193.24434126523508" width="13.000580383052835" height="29.251305861868843" fill="#ef444466" stroke="#ef4444" stroke-width="0.015383928571428571" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: v3_3
 globalConnNetId: connectivity_net0
-available orientations: y+" data-x="2.2990000000000004" data-y="0.276" x="433.20255368543235" y="319.93499709808475" width="13.000580383052863" height="29.251305861868843" fill="#93c5fd66" stroke="#93c5fd" stroke-width="0.015383928571428571" />
+available orientations: y+" data-x="2.2990000000000004" data-y="0.276" x="433.20255368543235" y="319.93499709808475" width="13.000580383052863" height="29.251305861868843" fill="#ef444466" stroke="#ef4444" stroke-width="0.015383928571428571" />
   </g>
   <g>
     <rect data-type="rect" data-label="netId: .LED1 &gt; .pos to .R8 &gt; .pin2