@tscircuit/pcb-viewer 1.11.363 → 1.11.364

package/dist/index.js

@@ -12429,6 +12429,9 @@ var ErrorOverlay = ({
   const traceErrors = elements.filter(
     (el) => el.type === "pcb_trace_error"
   );
+  const viaClearanceErrors = elements.filter(
+    (el) => el.type === "pcb_via_clearance_error"
+  );
   const componentErrors = elements.filter(
     (el) => el.type === "pcb_trace_error" && el.message?.includes("Multiple components found with name")
   );
@@ -12445,7 +12448,7 @@ var ErrorOverlay = ({
       const port1 = pcb_port_ids?.[0] ? portsMap.get(pcb_port_ids[0]) : void 0;
       const port2 = pcb_port_ids?.[1] ? portsMap.get(pcb_port_ids[1]) : void 0;
       const trace = elements ? su(elements).pcb_trace.get(pcb_trace_id) : void 0;
-      const errorId = el.pcb_trace_error_id || `error_${index}_${el.error_type}_${el.message?.slice(0, 20)}`;
+      const errorId = el.pcb_trace_error_id;
       const isHighlighted = hoveredErrorId === errorId;
       if (port1 && port2) {
         const screenPort1 = applyToPoint11(transform, {
@@ -12459,12 +12462,12 @@ var ErrorOverlay = ({
         if (!isShowingDRCErrors) {
           return null;
         }
-        const canLineBeDrawn = !(isNaN(screenPort1.x) || isNaN(screenPort1.y) || isNaN(screenPort2.x) || isNaN(screenPort2.y));
+        const canLineBeDrawn = !(Number.isNaN(screenPort1.x) || Number.isNaN(screenPort1.y) || Number.isNaN(screenPort2.x) || Number.isNaN(screenPort2.y));
         const errorCenter = {
           x: (screenPort1.x + screenPort2.x) / 2,
           y: (screenPort1.y + screenPort2.y) / 2
         };
-        if (isNaN(errorCenter.x) || isNaN(errorCenter.y)) {
+        if (Number.isNaN(errorCenter.x) || Number.isNaN(errorCenter.y)) {
           return null;
         }
         const popupPosition = getPopupPosition(errorCenter, containerRef);
@@ -12551,7 +12554,8 @@ var ErrorOverlay = ({
         const screenPoints = trace.route.map(
           (pt) => applyToPoint11(transform, { x: pt.x, y: pt.y })
         );
-        if (screenPoints.some((pt) => isNaN(pt.x) || isNaN(pt.y))) return null;
+        if (screenPoints.some((pt) => Number.isNaN(pt.x) || Number.isNaN(pt.y)))
+          return null;
         const mid = Math.floor(screenPoints.length / 2);
         const errorCenter = screenPoints[mid];
         const popupPosition = getPopupPosition(errorCenter, containerRef);
@@ -12634,6 +12638,98 @@ var ErrorOverlay = ({
       }
       return null;
     }),
+    viaClearanceErrors.map((el, index) => {
+      if (!el.pcb_center) return null;
+      const errorId = el.pcb_via_ids;
+      const isHighlighted = hoveredErrorId === errorId[0];
+      if (!isHighlighted && !isShowingDRCErrors) return null;
+      const errorCenter = applyToPoint11(transform, {
+        x: el.pcb_center.x,
+        y: el.pcb_center.y
+      });
+      if (Number.isNaN(errorCenter.x) || Number.isNaN(errorCenter.y))
+        return null;
+      const popupPosition = getPopupPosition(
+        { x: errorCenter.x, y: errorCenter.y },
+        containerRef
+      );
+      return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+        /* @__PURE__ */ jsx10(
+          RouteSVG,
+          {
+            points: [],
+            errorCenter,
+            isHighlighted
+          }
+        ),
+        /* @__PURE__ */ jsx10(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: errorCenter.x - 15,
+              top: errorCenter.y - 15,
+              width: 30,
+              height: 30,
+              zIndex: zIndexMap.errorOverlay + 5,
+              cursor: "pointer",
+              borderRadius: "50%"
+            },
+            onMouseEnter: (e) => {
+              const popup = e.currentTarget.nextElementSibling;
+              if (popup) {
+                const msg = popup.querySelector(
+                  ".error-message"
+                );
+                if (msg) msg.style.opacity = "1";
+              }
+            },
+            onMouseLeave: (e) => {
+              if (!isHighlighted) {
+                const popup = e.currentTarget.nextElementSibling;
+                if (popup) {
+                  const msg = popup.querySelector(
+                    ".error-message"
+                  );
+                  if (msg) msg.style.opacity = "0";
+                }
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx10(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              zIndex: isHighlighted ? zIndexMap.errorOverlay + 10 : zIndexMap.errorOverlay + 1,
+              left: popupPosition.left,
+              top: popupPosition.top,
+              color: isHighlighted ? "#ff4444" : "red",
+              textAlign: "center",
+              fontFamily: "sans-serif",
+              fontSize: 12,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              pointerEvents: "none",
+              transform: popupPosition.transform
+            },
+            children: /* @__PURE__ */ jsx10(
+              "div",
+              {
+                className: `error-message ${errorMessageStyles}`,
+                style: {
+                  opacity: isHighlighted ? 1 : 0,
+                  border: `1px solid ${isHighlighted ? "#ff4444" : "red"}`
+                },
+                children: el.message
+              }
+            )
+          }
+        )
+      ] }, errorId[0]);
+    }),
     componentErrors.map((el, index) => {
       const componentName = el.component_name || el.message?.match(/name "([^"]+)"/)?.[1];
       if (!componentName) return null;
@@ -12642,7 +12738,7 @@ var ErrorOverlay = ({
           (src) => src.type === "source_component" && src.source_component_id === comp.source_component_id && src.name === componentName
         )
       ) || [];
-      const errorId = el.pcb_trace_error_id || `error_${index}_${el.error_type}_${el.message?.slice(0, 20)}`;
+      const errorId = el.error_id;
       const isHighlighted = hoveredErrorId === errorId;
       if (!isHighlighted && !isShowingDRCErrors) return null;
       return components.map((comp, compIndex) => {
@@ -12657,7 +12753,8 @@ var ErrorOverlay = ({
             center = pcbComp.center || { x: 0, y: 0 };
         }
         const screenCenter = applyToPoint11(transform, center);
-        if (isNaN(screenCenter.x) || isNaN(screenCenter.y)) return null;
+        if (Number.isNaN(screenCenter.x) || Number.isNaN(screenCenter.y))
+          return null;
         const scale6 = Math.abs(transform.a);
         const baseRadius = 0.5;
         const minRadius = 8;
@@ -12767,7 +12864,7 @@ var ErrorOverlay = ({
               )
             }
           )
-        ] }, `${errorId}_${compIndex}`);
+        ] }, errorId);
       });
     })
   ] });
@@ -14368,7 +14465,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.362",
+  version: "1.11.363",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14616,12 +14713,6 @@ var ToolbarErrorDropdown = ({
     [elements]
   );
   const errorCount = errorElements.length;
-  const getErrorId = useCallback8(
-    (error, index) => {
-      return error.pcb_trace_error_id || `error_${index}_${error.error_type}_${error.message?.slice(0, 20)}`;
-    },
-    []
-  );
   const groupedErrorElements = useMemo7(() => {
     const groups = /* @__PURE__ */ new Map();
     errorElements.forEach((error, index) => {
@@ -14630,7 +14721,7 @@ var ToolbarErrorDropdown = ({
       existingGroup.push({
         error,
         index,
-        errorId: getErrorId(error, index)
+        errorId: error.pcb_trace_error_id
       });
       groups.set(errorType, existingGroup);
     });
@@ -14638,7 +14729,7 @@ var ToolbarErrorDropdown = ({
       errorType,
       errors
     }));
-  }, [errorElements, getErrorId]);
+  }, [errorElements]);
   const toggleErrorGroup = useCallback8((errorType) => {
     setCollapsedErrorGroups((prev) => {
       const next = new Set(prev);
@@ -15577,9 +15668,8 @@ var CanvasElementsRenderer = (props) => {
     const errorElements = elements.filter(
       (el) => el.type.includes("error")
     );
-    const hoveredError = errorElements.find((el, index) => {
-      const errorId = el.pcb_trace_error_id || `error_${index}_${el.error_type}_${el.message?.slice(0, 20)}`;
-      return errorId === hoveredErrorId;
+    const hoveredError = errorElements.find((el) => {
+      return el.error_id === hoveredErrorId;
     });
     if (!hoveredError) return [];
     const relatedIds = [];
@@ -15589,6 +15679,9 @@ var CanvasElementsRenderer = (props) => {
     if (hoveredError.pcb_port_ids) {
       relatedIds.push(...hoveredError.pcb_port_ids);
     }
+    if (hoveredError.pcb_via_ids) {
+      relatedIds.push(...hoveredError.pcb_via_ids);
+    }
     return relatedIds;
   }, [hoveredErrorId, elements]);
   const primitives = useMemo8(() => {