@tscircuit/pcb-viewer 1.11.401 → 1.11.402

package/dist/index.js

@@ -11047,7 +11047,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.400",
+  version: "1.11.401",
   main: "dist/index.js",
   type: "module",
   repository: {
@@ -12132,8 +12132,8 @@ var ToolbarOverlay = ({
   elements,
   onContextMenuOpenChange,
   getNetAtPoint,
-  xRayNetId,
-  onXRayNetChange
+  xRayNetIds = [],
+  onXRayNetsChange
 }) => {
   const isSmallScreen = useIsSmallScreen();
   const {
@@ -12359,8 +12359,8 @@ var ToolbarOverlay = ({
           return;
         const net = netAtEvent(event);
         if (!net) return;
-        if (net === xRayNetId) {
-          onXRayNetChange?.(null);
+        if (xRayNetIds.includes(net)) {
+          onXRayNetsChange?.(xRayNetIds.filter((id) => id !== net));
           closeContextMenu();
         } else {
           setContextNetId(net);
@@ -12369,7 +12369,7 @@ var ToolbarOverlay = ({
         }
       },
       onDoubleClick: () => {
-        onXRayNetChange?.(null);
+        onXRayNetsChange?.([]);
         closeContextMenu();
       },
       onContextMenu: (event) => {
@@ -12390,8 +12390,8 @@ var ToolbarOverlay = ({
           {
             position: contextMenuPosition,
             onClose: closeContextMenu,
-            onXRayNet: contextNetId && contextNetId !== xRayNetId ? () => onXRayNetChange?.(contextNetId) : void 0,
-            onExitXRayNet: xRayNetId ? () => onXRayNetChange?.(null) : void 0
+            onXRayNet: contextNetId && !xRayNetIds.includes(contextNetId) ? () => onXRayNetsChange?.([...xRayNetIds, contextNetId]) : void 0,
+            onExitXRayNet: xRayNetIds.length > 0 ? () => onXRayNetsChange?.([]) : void 0
           }
         ),
         /* @__PURE__ */ jsxs17(
@@ -12866,13 +12866,15 @@ var CanvasElementsRenderer = (props) => {
     () => getFullConnectivityMapFromCircuitJson(elements),
     [elements]
   );
-  const [xRayNetId, setXRayNetId] = useState13(null);
-  useEffect19(() => setXRayNetId(null), [connectivityMap]);
+  const [xRayNetIds, setXRayNetIds] = useState13([]);
+  useEffect19(() => setXRayNetIds([]), [connectivityMap]);
   const xRayElements = useMemo10(
-    () => xRayNetId ? elementsToRender.filter(
-      (element) => isXRayCopper(element) && getElementNetId(element, connectivityMap) === xRayNetId
+    () => xRayNetIds.length > 0 ? elementsToRender.filter(
+      (element) => isXRayCopper(element) && xRayNetIds.includes(
+        getElementNetId(element, connectivityMap) ?? ""
+      )
     ) : void 0,
-    [elementsToRender, connectivityMap, xRayNetId]
+    [elementsToRender, connectivityMap, xRayNetIds]
   );
   const getNetAtPoint = (point) => {
     if (!transform) return void 0;
@@ -12881,18 +12883,18 @@ var CanvasElementsRenderer = (props) => {
       applyToPoint19(inverse6(transform), point),
       transform,
       selectedLayer,
-      Boolean(xRayNetId)
+      xRayNetIds.length > 0
     );
     const copper = hits.filter(
       (p) => isXRayCopper(p._element) && p.layer !== "drill"
     );
-    if (xRayNetId && copper.some(
-      (p) => getElementNetId(p._element, connectivityMap) === xRayNetId
-    ))
-      return xRayNetId;
     copper.sort(
       (a, b) => Number(b.layer === selectedLayer) - Number(a.layer === selectedLayer)
     );
+    for (const primitive of copper) {
+      const net = getElementNetId(primitive._element, connectivityMap);
+      if (net && xRayNetIds.includes(net)) return net;
+    }
     for (const primitive of copper) {
       const net = getElementNetId(primitive._element, connectivityMap);
       if (net) return net;
@@ -12969,7 +12971,7 @@ var CanvasElementsRenderer = (props) => {
     props.width
   ]);
   const primitives = useMemo10(() => {
-    if (xRayNetId) return primitivesWithoutInteractionMetadata;
+    if (xRayNetIds.length > 0) return primitivesWithoutInteractionMetadata;
     const combinedPrimitiveIds = [
       ...hoverState.primitiveIdsInMousedOverNet,
       ...errorRelatedIds
@@ -12983,7 +12985,7 @@ var CanvasElementsRenderer = (props) => {
     primitivesWithoutInteractionMetadata,
     hoverState,
     errorRelatedIds,
-    xRayNetId
+    xRayNetIds
   ]);
   const onMouseOverPrimitives = useCallback11(
     (primitivesHoveredOver) => {
@@ -13025,7 +13027,7 @@ var CanvasElementsRenderer = (props) => {
       transform,
       primitives: primitivesWithoutInteractionMetadata,
       selectedLayer,
-      disableHoverHighlights: Boolean(xRayNetId),
+      disableHoverHighlights: xRayNetIds.length > 0,
       onMouseHoverOverPrimitives: onMouseOverPrimitives,
       children: /* @__PURE__ */ jsx25(
         EditPlacementOverlay,
@@ -13049,8 +13051,8 @@ var CanvasElementsRenderer = (props) => {
                 {
                   elements,
                   getNetAtPoint,
-                  xRayNetId,
-                  onXRayNetChange: setXRayNetId,
+                  xRayNetIds,
+                  onXRayNetsChange: setXRayNetIds,
                   onContextMenuOpenChange: props.onContextMenuOpenChange,
                   children: /* @__PURE__ */ jsx25(ErrorOverlay, { transform, elements, children: /* @__PURE__ */ jsx25(RatsNestOverlay, { transform, soup: elements, children: /* @__PURE__ */ jsx25(
                     PcbGroupOverlay,