@tscircuit/pcb-viewer 1.11.402 → 1.11.404

package/dist/index.js

@@ -4258,6 +4258,52 @@ var animateTransform = ({
 import { useCallback as useCallback11, useEffect as useEffect19, useMemo as useMemo10, useRef as useRef16, useState as useState13 } from "react";
 import { applyToPoint as applyToPoint19, inverse as inverse6 } from "transformation-matrix";
 
+// src/lib/get-trace-overlay-text.ts
+var getNonEmptyName = (name) => name?.trim() || null;
+function getAssociatedTraceName({
+  primitiveElement,
+  elements
+}) {
+  const sourceElementId = primitiveElement.source_trace_id;
+  if (!sourceElementId) return null;
+  const circuitJson = su(elements);
+  const sourceTrace = circuitJson.source_trace.get(sourceElementId);
+  const sourceTraceName = getNonEmptyName(sourceTrace?.name);
+  if (sourceTraceName) return sourceTraceName;
+  const sourceNet = circuitJson.source_net.get(sourceElementId);
+  const sourceNetName = getNonEmptyName(sourceNet?.name);
+  if (sourceNetName) return sourceNetName;
+  for (const sourceNetId of sourceTrace?.connected_source_net_ids ?? []) {
+    const connectedSourceNetName = getNonEmptyName(
+      circuitJson.source_net.get(sourceNetId)?.name
+    );
+    if (connectedSourceNetName) return connectedSourceNetName;
+  }
+  return null;
+}
+function getTraceOverlayInfo({
+  primitiveElement,
+  elements
+}) {
+  const trace = su(elements).source_trace.get(
+    primitiveElement?.source_trace_id
+  );
+  const traceLength = primitiveElement.trace_length;
+  const hasTraceLength = typeof traceLength === "number";
+  const maxLength = trace?.max_length;
+  const text = hasTraceLength ? `${traceLength.toFixed(3)}${typeof maxLength === "number" ? ` / ${maxLength}` : ""} mm` : "";
+  const name = getAssociatedTraceName({ primitiveElement, elements }) ?? getNonEmptyName(trace?.display_name);
+  if (!text && !name) return null;
+  const isOverLength = Boolean(
+    hasTraceLength && typeof maxLength === "number" && traceLength > maxLength
+  );
+  return {
+    text,
+    name,
+    isOverLength
+  };
+}
+
 // src/lib/x-ray-net.ts
 function getElementNetId(element, connectivityMap) {
   if (!element) return;
@@ -4282,6 +4328,53 @@ function isXRayCopper(element) {
     element.type
   );
 }
+function getXRayDisplayName(element, elements, connectivityMap) {
+  const directName = element.type === "pcb_trace" ? getAssociatedTraceName({ primitiveElement: element, elements }) : null;
+  if (directName) return directName;
+  const netId = getElementNetId(element, connectivityMap);
+  const connected = netId ? elements.filter(
+    (candidate) => getElementNetId(candidate, connectivityMap) === netId
+  ) : [];
+  for (const type of ["source_net", "source_trace"]) {
+    for (const candidate of connected) {
+      if (candidate.type === type && "name" in candidate && typeof candidate.name === "string" && candidate.name.trim())
+        return candidate.name.trim();
+    }
+  }
+  if (element.type === "pcb_trace") {
+    const label = getTraceOverlayInfo({
+      primitiveElement: element,
+      elements
+    })?.name;
+    if (label) return label;
+  }
+  for (const candidate of connected) {
+    if (candidate.type === "source_trace" && candidate.display_name?.trim())
+      return candidate.display_name.trim();
+  }
+  return "Net";
+}
+function getXRayGroups(netId, elements, connectivityMap) {
+  return elements.flatMap((element) => {
+    if (element.type !== "source_bus") return [];
+    const netIds = [
+      ...new Set(
+        element.source_trace_ids.flatMap((id) => {
+          const net = connectivityMap.getNetConnectedToId(id);
+          return net ? [net] : [];
+        })
+      )
+    ];
+    if (!netIds.includes(netId)) return [];
+    return [
+      {
+        id: element.source_bus_id,
+        name: element.name?.trim() || "Bus",
+        netIds
+      }
+    ];
+  });
+}
 
 // src/lib/webgpu/create-worker.ts
 var createWebGpuWorker = async () => {
@@ -10073,52 +10166,6 @@ var PanelAnchorOffsetOverlay = ({
   );
 };
 
-// src/lib/get-trace-overlay-text.ts
-var getNonEmptyName = (name) => name?.trim() || null;
-function getAssociatedTraceName({
-  primitiveElement,
-  elements
-}) {
-  const sourceElementId = primitiveElement.source_trace_id;
-  if (!sourceElementId) return null;
-  const circuitJson = su(elements);
-  const sourceTrace = circuitJson.source_trace.get(sourceElementId);
-  const sourceTraceName = getNonEmptyName(sourceTrace?.name);
-  if (sourceTraceName) return sourceTraceName;
-  const sourceNet = circuitJson.source_net.get(sourceElementId);
-  const sourceNetName = getNonEmptyName(sourceNet?.name);
-  if (sourceNetName) return sourceNetName;
-  for (const sourceNetId of sourceTrace?.connected_source_net_ids ?? []) {
-    const connectedSourceNetName = getNonEmptyName(
-      circuitJson.source_net.get(sourceNetId)?.name
-    );
-    if (connectedSourceNetName) return connectedSourceNetName;
-  }
-  return null;
-}
-function getTraceOverlayInfo({
-  primitiveElement,
-  elements
-}) {
-  const trace = su(elements).source_trace.get(
-    primitiveElement?.source_trace_id
-  );
-  const traceLength = primitiveElement.trace_length;
-  const hasTraceLength = typeof traceLength === "number";
-  const maxLength = trace?.max_length;
-  const text = hasTraceLength ? `${traceLength.toFixed(3)}${typeof maxLength === "number" ? ` / ${maxLength}` : ""} mm` : "";
-  const name = getAssociatedTraceName({ primitiveElement, elements }) ?? getNonEmptyName(trace?.display_name);
-  if (!text && !name) return null;
-  const isOverLength = Boolean(
-    hasTraceLength && typeof maxLength === "number" && traceLength > maxLength
-  );
-  return {
-    text,
-    name,
-    isOverLength
-  };
-}
-
 // src/lib/filter-traces-if-multiple.ts
 function filterTracesIfMultiple(filterTraces) {
   const { primitives, is_showing_multiple_traces_length, elements } = filterTraces;
@@ -11047,7 +11094,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.401",
+  version: "1.11.403",
   main: "dist/index.js",
   type: "module",
   repository: {
@@ -11244,6 +11291,9 @@ var VisibilityContextMenu = ({
   position,
   onClose,
   onXRayNet,
+  xRayGroups = [],
+  onXRayGroup,
+  xRayDisplayName = "Net",
   onExitXRayNet
 }) => {
   const engine = useRenderingEngine();
@@ -11348,19 +11398,41 @@ var VisibilityContextMenu = ({
           ...stacked ? { overflowY: "auto" } : {}
         },
         children: [
-          onXRayNet && /* @__PURE__ */ jsx20(
+          onXRayNet && /* @__PURE__ */ jsxs15(
             "button",
             {
               type: "button",
               role: "menuitem",
               className: itemStyle,
+              style: { whiteSpace: "normal", overflowWrap: "anywhere" },
               onClick: () => {
                 onXRayNet();
                 onClose();
               },
-              children: "X-Ray Net"
+              children: [
+                "X-Ray ",
+                xRayDisplayName
+              ]
             }
           ),
+          onXRayGroup && xRayGroups.map((group) => /* @__PURE__ */ jsxs15(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: itemStyle,
+              style: { whiteSpace: "normal", overflowWrap: "anywhere" },
+              onClick: () => {
+                onXRayGroup(group);
+                onClose();
+              },
+              children: [
+                "X-Ray ",
+                group.name
+              ]
+            },
+            group.id
+          )),
           onExitXRayNet && /* @__PURE__ */ jsx20(
             "button",
             {
@@ -12197,7 +12269,9 @@ var ToolbarOverlay = ({
     setFocusedErrorId: s.setFocusedErrorId
   }));
   const [contextMenuPosition, setContextMenuPosition] = useState12(null);
+  const [contextGroups, setContextGroups] = useState12([]);
   const [contextNetId, setContextNetId] = useState12();
+  const [contextNetDisplayName, setContextNetDisplayName] = useState12("Net");
   const pointerStart = useRef14(null);
   const inEditMode = useGlobalStore((s) => s.in_edit_mode);
   const netAtEvent = (event) => {
@@ -12357,13 +12431,16 @@ var ToolbarOverlay = ({
         const start = pointerStart.current;
         if (!start || Math.hypot(event.clientX - start.x, event.clientY - start.y) > 4)
           return;
-        const net = netAtEvent(event);
-        if (!net) return;
+        const hit = netAtEvent(event);
+        if (!hit) return;
+        const net = hit.netId;
         if (xRayNetIds.includes(net)) {
           onXRayNetsChange?.(xRayNetIds.filter((id) => id !== net));
           closeContextMenu();
         } else {
           setContextNetId(net);
+          setContextNetDisplayName(hit.displayName);
+          setContextGroups(hit.groups);
           onContextMenuOpenChange?.(true);
           setContextMenuPosition({ x: event.clientX, y: event.clientY });
         }
@@ -12375,7 +12452,10 @@ var ToolbarOverlay = ({
       onContextMenu: (event) => {
         event.preventDefault();
         event.stopPropagation();
-        setContextNetId(netAtEvent(event));
+        const hit = netAtEvent(event);
+        setContextNetId(hit?.netId);
+        setContextNetDisplayName(hit?.displayName ?? "Net");
+        setContextGroups(hit?.groups ?? []);
         onContextMenuOpenChange?.(true);
         setContextMenuPosition({ x: event.clientX, y: event.clientY });
       },
@@ -12390,6 +12470,11 @@ var ToolbarOverlay = ({
           {
             position: contextMenuPosition,
             onClose: closeContextMenu,
+            xRayDisplayName: contextNetDisplayName,
+            xRayGroups: contextGroups.filter(
+              (group) => group.netIds.some((id) => !xRayNetIds.includes(id))
+            ),
+            onXRayGroup: (group) => onXRayNetsChange?.([.../* @__PURE__ */ new Set([...xRayNetIds, ...group.netIds])]),
             onXRayNet: contextNetId && !xRayNetIds.includes(contextNetId) ? () => onXRayNetsChange?.([...xRayNetIds, contextNetId]) : void 0,
             onExitXRayNet: xRayNetIds.length > 0 ? () => onXRayNetsChange?.([]) : void 0
           }
@@ -12878,6 +12963,11 @@ var CanvasElementsRenderer = (props) => {
   );
   const getNetAtPoint = (point) => {
     if (!transform) return void 0;
+    const describeNet = (netId, element) => ({
+      netId,
+      displayName: getXRayDisplayName(element, elements, connectivityMap),
+      groups: getXRayGroups(netId, elements, connectivityMap)
+    });
     const hits = getPrimitivesUnderPoint(
       primitivesWithoutInteractionMetadata,
       applyToPoint19(inverse6(transform), point),
@@ -12893,11 +12983,12 @@ var CanvasElementsRenderer = (props) => {
     );
     for (const primitive of copper) {
       const net = getElementNetId(primitive._element, connectivityMap);
-      if (net && xRayNetIds.includes(net)) return net;
+      if (net && xRayNetIds.includes(net))
+        return describeNet(net, primitive._element);
     }
     for (const primitive of copper) {
       const net = getElementNetId(primitive._element, connectivityMap);
-      if (net) return net;
+      if (net) return describeNet(net, primitive._element);
     }
   };
   const [hoverState, setHoverState] = useState13({