@tscircuit/pcb-viewer 1.11.366 → 1.11.368

package/dist/index.js

@@ -12751,12 +12751,9 @@ var FocusMarkerSVG = ({
 );
 
 // src/components/ErrorOverlay.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var ErrorSVG = ({
-  screenPort1,
-  screenPort2,
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var ErrorMarkerSVG = ({
   errorCenter,
-  canLineBeDrawn,
   isHighlighted = false
 }) => /* @__PURE__ */ jsx11(
   "svg",
@@ -12771,85 +12768,19 @@ var ErrorSVG = ({
     },
     width: "100%",
     height: "100%",
-    children: canLineBeDrawn && /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx11(
-        "line",
-        {
-          x1: screenPort1.x,
-          y1: screenPort1.y,
-          x2: errorCenter.x,
-          y2: errorCenter.y,
-          strokeWidth: isHighlighted ? 3 : 1.5,
-          strokeDasharray: "2,2",
-          stroke: isHighlighted ? "#ff4444" : "red"
-        }
-      ),
-      /* @__PURE__ */ jsx11(
-        "line",
-        {
-          x1: errorCenter.x,
-          y1: errorCenter.y,
-          x2: screenPort2.x,
-          y2: screenPort2.y,
-          strokeWidth: isHighlighted ? 3 : 1.5,
-          strokeDasharray: "2,2",
-          stroke: isHighlighted ? "#ff4444" : "red"
-        }
-      ),
-      isHighlighted ? /* @__PURE__ */ jsx11(
-        "rect",
-        {
-          x: errorCenter.x - 7,
-          y: errorCenter.y - 7,
-          width: 14,
-          height: 14,
-          transform: `rotate(45 ${errorCenter.x} ${errorCenter.y})`,
-          fill: "#ff4444"
-        }
-      ) : /* @__PURE__ */ jsx11("circle", { cx: errorCenter.x, cy: errorCenter.y, r: 5, fill: "red" })
-    ] })
-  }
-);
-var RouteSVG = ({
-  points,
-  errorCenter,
-  isHighlighted = false
-}) => /* @__PURE__ */ jsxs9(
-  "svg",
-  {
-    style: {
-      position: "absolute",
-      left: 0,
-      top: 0,
-      pointerEvents: "none",
-      mixBlendMode: "difference",
-      zIndex: zIndexMap.errorOverlay
-    },
-    width: "100%",
-    height: "100%",
-    children: [
-      points.length > 1 && /* @__PURE__ */ jsx11(
-        "polyline",
-        {
-          points: points.map((pt) => `${pt.x},${pt.y}`).join(" "),
-          fill: "none",
-          stroke: isHighlighted ? "#ff4444" : "red",
-          strokeWidth: isHighlighted ? 3 : 1.5,
-          strokeDasharray: "2,2"
-        }
-      ),
-      isHighlighted ? /* @__PURE__ */ jsx11(
-        "rect",
-        {
-          x: errorCenter.x - 7,
-          y: errorCenter.y - 7,
-          width: 14,
-          height: 14,
-          transform: `rotate(45 ${errorCenter.x} ${errorCenter.y})`,
-          fill: "#ff4444"
-        }
-      ) : /* @__PURE__ */ jsx11("circle", { cx: errorCenter.x, cy: errorCenter.y, r: 5, fill: "red" })
-    ]
+    children: /* @__PURE__ */ jsx11(
+      "rect",
+      {
+        x: errorCenter.x - 7,
+        y: errorCenter.y - 7,
+        width: 14,
+        height: 14,
+        transform: `rotate(45 ${errorCenter.x} ${errorCenter.y})`,
+        fill: isHighlighted ? "#ff4444" : "transparent",
+        stroke: isHighlighted ? "#ff4444" : "red",
+        strokeWidth: isHighlighted ? 2.5 : 1.5
+      }
+    )
   }
 );
 var errorMessageStyles = css2`
@@ -12884,7 +12815,7 @@ var ErrorOverlay = ({
     return /* @__PURE__ */ jsx11("div", { style: { position: "relative" }, ref: containerRef, children });
   }
   const traceErrors = elements.filter(
-    (el) => el.type === "pcb_trace_error"
+    (el) => el.type === "pcb_trace_error" && !el.message?.includes("Multiple components found with name")
   );
   const viaClearanceErrors = elements.filter(
     (el) => el.type === "pcb_via_clearance_error"
@@ -12894,238 +12825,125 @@ var ErrorOverlay = ({
   );
   const elementIndexes = buildErrorPreviewElementIndexes(elements);
   const focusedErrorElement = findErrorElementById(elements, activeErrorId);
-  let focusScreenCenter = null;
-  if (focusedErrorElement) {
+  const getScreenErrorCenter = (error) => {
     const focusCenter = getErrorFocusPoint({
-      error: focusedErrorElement,
+      error,
       indexes: elementIndexes
     });
-    if (focusCenter && typeof focusCenter.x === "number" && typeof focusCenter.y === "number") {
-      const screenCenter = applyToPoint11(transform, focusCenter);
-      if (!isNaN(screenCenter.x) && !isNaN(screenCenter.y)) {
-        focusScreenCenter = screenCenter;
-      }
+    if (!focusCenter || typeof focusCenter.x !== "number" || typeof focusCenter.y !== "number") {
+      return null;
+    }
+    const screenCenter = applyToPoint11(transform, focusCenter);
+    if (Number.isNaN(screenCenter.x) || Number.isNaN(screenCenter.y)) {
+      return null;
     }
+    return screenCenter;
+  };
+  let focusScreenCenter = null;
+  if (focusedErrorElement) {
+    focusScreenCenter = getScreenErrorCenter(
+      focusedErrorElement
+    );
   }
   return /* @__PURE__ */ jsxs9("div", { style: { position: "relative" }, ref: containerRef, children: [
     children,
     traceErrors.map((el, index) => {
-      const { pcb_port_ids, pcb_trace_id } = el;
-      const port1 = pcb_port_ids?.[0] ? elementIndexes.portsById.get(pcb_port_ids[0]) : void 0;
-      const port2 = pcb_port_ids?.[1] ? elementIndexes.portsById.get(pcb_port_ids[1]) : void 0;
-      const trace = pcb_trace_id ? elementIndexes.tracesById.get(pcb_trace_id) : void 0;
       const errorId = getErrorId(el, index);
       const isHighlighted = activeErrorId === errorId;
-      if (port1 && port2) {
-        const screenPort1 = applyToPoint11(transform, {
-          x: port1.x,
-          y: port1.y
-        });
-        const screenPort2 = applyToPoint11(transform, {
-          x: port2.x,
-          y: port2.y
-        });
-        if (!isShowingDRCErrors) {
-          return null;
-        }
-        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 (Number.isNaN(errorCenter.x) || Number.isNaN(errorCenter.y)) {
-          return null;
-        }
-        const popupPosition = getPopupPosition(errorCenter, containerRef);
-        return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-          /* @__PURE__ */ jsx11(
-            ErrorSVG,
-            {
-              screenPort1,
-              screenPort2,
-              errorCenter,
-              canLineBeDrawn,
-              isHighlighted
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            "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";
-                  }
-                }
+      if (!isHighlighted && !isShowingDRCErrors) return null;
+      const errorCenter = getScreenErrorCenter(el);
+      if (!errorCenter) return null;
+      const popupPosition = getPopupPosition(errorCenter, containerRef);
+      return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+        /* @__PURE__ */ jsx11(
+          ErrorMarkerSVG,
+          {
+            errorCenter,
+            isHighlighted
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          "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";
               }
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            "div",
-            {
-              style: {
-                position: "absolute",
-                zIndex: isHighlighted ? 200 : 100,
-                left: popupPosition.left,
-                top: popupPosition.top,
-                color: isHighlighted ? "#ff4444" : "red",
-                textAlign: "center",
-                fontFamily: "sans-serif",
-                fontSize: 12,
-                display: isShowingDRCErrors || isHighlighted ? "flex" : "none",
-                flexDirection: "column",
-                alignItems: "center",
-                pointerEvents: "none",
-                transform: popupPosition.transform
-              },
-              children: /* @__PURE__ */ jsx11(
-                "div",
-                {
-                  className: `error-message ${errorMessageStyles}`,
-                  style: {
-                    opacity: isHighlighted ? 1 : 0,
-                    border: `1px solid ${isHighlighted ? "#ff4444" : "red"}`
-                  },
-                  children: el.message
-                }
-              )
-            }
-          )
-        ] }, errorId);
-      }
-      if (trace?.route && (isShowingDRCErrors || isHighlighted)) {
-        const screenPoints = trace.route.map(
-          (pt) => applyToPoint11(transform, { x: pt.x, y: pt.y })
-        );
-        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);
-        return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-          /* @__PURE__ */ jsx11(
-            RouteSVG,
-            {
-              points: screenPoints,
-              errorCenter,
-              isHighlighted
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            "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) => {
+            },
+            onMouseLeave: (e) => {
+              if (!isHighlighted) {
                 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";
-                  }
+                  if (msg) msg.style.opacity = "0";
                 }
               }
             }
-          ),
-          /* @__PURE__ */ jsx11(
-            "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__ */ jsx11(
-                "div",
-                {
-                  className: `error-message ${errorMessageStyles}`,
-                  style: {
-                    opacity: isHighlighted ? 1 : 0,
-                    border: `1px solid ${isHighlighted ? "#ff4444" : "red"}`
-                  },
-                  children: el.message
-                }
-              )
-            }
-          )
-        ] }, errorId);
-      }
-      return null;
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              zIndex: isHighlighted ? 200 : 100,
+              left: popupPosition.left,
+              top: popupPosition.top,
+              color: isHighlighted ? "#ff4444" : "red",
+              textAlign: "center",
+              fontFamily: "sans-serif",
+              fontSize: 12,
+              display: isShowingDRCErrors || isHighlighted ? "flex" : "none",
+              flexDirection: "column",
+              alignItems: "center",
+              pointerEvents: "none",
+              transform: popupPosition.transform
+            },
+            children: /* @__PURE__ */ jsx11(
+              "div",
+              {
+                className: `error-message ${errorMessageStyles}`,
+                style: {
+                  opacity: isHighlighted ? 1 : 0,
+                  border: `1px solid ${isHighlighted ? "#ff4444" : "red"}`
+                },
+                children: el.message
+              }
+            )
+          }
+        )
+      ] }, errorId);
     }),
     viaClearanceErrors.map((el, index) => {
-      if (!el.pcb_center) return null;
       const errorId = getErrorId(el, index);
       const isHighlighted = activeErrorId === errorId;
       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 errorCenter = getScreenErrorCenter(el);
+      if (!errorCenter) return null;
       const popupPosition = getPopupPosition(
         { x: errorCenter.x, y: errorCenter.y },
         containerRef
       );
       return /* @__PURE__ */ jsxs9(Fragment3, { children: [
         /* @__PURE__ */ jsx11(
-          RouteSVG,
+          ErrorMarkerSVG,
           {
-            points: [],
             errorCenter,
             isHighlighted
           }
@@ -13661,7 +13479,7 @@ var COLORS = {
 };
 
 // src/components/AnchorOffsetOverlay/AnchorOffsetOverlay.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var AnchorOffsetOverlay = ({
   targets,
   transform,
@@ -13764,7 +13582,7 @@ var AnchorOffsetOverlay = ({
                   }
                 ) : (
                   // assumes "group"
-                  /* @__PURE__ */ jsxs10(Fragment5, { children: [
+                  /* @__PURE__ */ jsxs10(Fragment4, { children: [
                     /* @__PURE__ */ jsx13(
                       "line",
                       {
@@ -14286,7 +14104,7 @@ var PanelAnchorOffsetOverlay = ({
 };
 
 // src/components/MouseElementTracker.tsx
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var getPolygonBoundingBox = (points) => {
   if (points.length === 0) return null;
   let minX = points[0].x;
@@ -14505,7 +14323,7 @@ var MouseElementTracker = ({
             highlightedPrimitives
           }
         ),
-        transform && /* @__PURE__ */ jsxs12(Fragment6, { children: [
+        transform && /* @__PURE__ */ jsxs12(Fragment5, { children: [
           /* @__PURE__ */ jsx18(
             BoardAnchorOffsetOverlay,
             {
@@ -14934,7 +14752,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.365",
+  version: "1.11.367",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14987,7 +14805,7 @@ var package_default = {
     "@tscircuit/alphabet": "^0.0.23",
     "@tscircuit/math-utils": "^0.0.29",
     "@vitejs/plugin-react": "^5.0.2",
-    "circuit-json": "^0.0.403",
+    "circuit-json": "^0.0.421",
     "circuit-to-canvas": "^0.0.98",
     "circuit-to-svg": "^0.0.337",
     color: "^4.2.3",