@tscircuit/pcb-viewer 1.11.305 → 1.11.306

package/dist/index.js

@@ -8259,23 +8259,23 @@ var Drawer = class {
   }
   applyAperture() {
     const { transform, aperture } = this;
-    let { size, mode, color: color2, fontSize, layer } = aperture;
+    let { size, mode, color: color3, fontSize, layer } = aperture;
     if (!(layer in this.ctxLayerMap)) this.aperture.layer = "other";
     const ctx = this.getLayerCtx();
     if (!ctx) {
       throw new Error(`No context for layer "${this.foregroundLayer}"`);
     }
-    if (!color2) color2 = "undefined";
+    if (!color3) color3 = "undefined";
     ctx.lineWidth = scaleOnly(transform, size);
     ctx.lineCap = "round";
     if (mode === "add") {
       ctx.globalCompositeOperation = "source-over";
-      let colorString = LAYER_NAME_TO_COLOR[color2.toLowerCase()];
+      let colorString = LAYER_NAME_TO_COLOR[color3.toLowerCase()];
       if (!colorString)
         try {
-          colorString = colorParser(color2).rgb().toString();
+          colorString = colorParser(color3).rgb().toString();
         } catch (error) {
-          console.warn(`Invalid color format: '${color2}'`);
+          console.warn(`Invalid color format: '${color3}'`);
           colorString = "white";
         }
       ctx.fillStyle = colorString;
@@ -8890,6 +8890,66 @@ function drawPcbCutoutElementsForLayer(canvas, elements, layers, realToCanvasMat
   drawer.drawElements(cutoutElements, { layers });
 }
 
+// src/lib/draw-pcb-smtpad.ts
+import {
+  DEFAULT_PCB_COLOR_MAP as DEFAULT_PCB_COLOR_MAP4,
+  CircuitToCanvasDrawer as CircuitToCanvasDrawer8
+} from "circuit-to-canvas";
+import color2 from "color";
+var HOVER_COLOR_MAP = {
+  ...DEFAULT_PCB_COLOR_MAP4,
+  copper: {
+    ...DEFAULT_PCB_COLOR_MAP4.copper,
+    top: color2(colors_default.board.pad_front).lighten(0.5).toString(),
+    bottom: color2(colors_default.board.pad_back).lighten(0.5).toString()
+  }
+};
+function isPcbSmtPad(element) {
+  return element.type === "pcb_smtpad";
+}
+function drawPcbSmtPadElementsForLayer({
+  canvas,
+  elements,
+  layers,
+  realToCanvasMat,
+  primitives
+}) {
+  const smtPadElements = elements.filter(isPcbSmtPad).filter((element) => {
+    const elementLayer = element.layer;
+    return layers.some((layer) => {
+      if (layer === "top_copper" && elementLayer === "top") return true;
+      if (layer === "bottom_copper" && elementLayer === "bottom") return true;
+      return false;
+    });
+  });
+  if (smtPadElements.length === 0) return;
+  const highlightedElementIds = /* @__PURE__ */ new Set();
+  if (primitives) {
+    for (const primitive of primitives) {
+      if ((primitive.is_mouse_over || primitive.is_in_highlighted_net) && primitive._element?.type === "pcb_smtpad") {
+        highlightedElementIds.add(primitive._element.pcb_smtpad_id);
+      }
+    }
+  }
+  const highlightedElements = smtPadElements.filter(
+    (element) => highlightedElementIds.has(element.pcb_smtpad_id)
+  );
+  const nonHighlightedElements = smtPadElements.filter(
+    (element) => !highlightedElementIds.has(element.pcb_smtpad_id)
+  );
+  if (nonHighlightedElements.length > 0) {
+    const drawer = new CircuitToCanvasDrawer8(canvas);
+    drawer.realToCanvasMat = realToCanvasMat;
+    drawer.drawElements(nonHighlightedElements, { layers: [] });
+  }
+  if (highlightedElements.length > 0) {
+    const highlightDrawer = new CircuitToCanvasDrawer8(canvas);
+    highlightDrawer.configure({ colorOverrides: HOVER_COLOR_MAP });
+    highlightDrawer.realToCanvasMat = realToCanvasMat;
+    highlightDrawer.drawElements(highlightedElements, { layers: [] });
+  }
+}
+
 // src/components/CanvasPrimitiveRenderer.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var orderedLayers = [
@@ -8944,7 +9004,7 @@ var CanvasPrimitiveRenderer = ({
     if (transform) drawer.transform = transform;
     drawer.clear();
     drawer.foregroundLayer = selectedLayer;
-    const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter((p) => p.layer !== "board");
+    const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter((p) => p.layer !== "board").filter((p) => p._element?.type !== "pcb_smtpad");
     drawPrimitives(drawer, filteredPrimitives);
     if (transform) {
       const topCanvas = canvasRefs.current.top;
@@ -8955,6 +9015,24 @@ var CanvasPrimitiveRenderer = ({
       if (bottomCanvas) {
         drawPlatedHolePads(bottomCanvas, elements, ["bottom_copper"], transform);
       }
+      if (topCanvas) {
+        drawPcbSmtPadElementsForLayer({
+          canvas: topCanvas,
+          elements,
+          layers: ["top_copper"],
+          realToCanvasMat: transform,
+          primitives
+        });
+      }
+      if (bottomCanvas) {
+        drawPcbSmtPadElementsForLayer({
+          canvas: bottomCanvas,
+          elements,
+          layers: ["bottom_copper"],
+          realToCanvasMat: transform,
+          primitives
+        });
+      }
       const topSilkscreenCanvas = canvasRefs.current.top_silkscreen;
       if (topSilkscreenCanvas) {
         drawSilkscreenElementsForLayer(
@@ -11626,7 +11704,7 @@ var HighlightedPrimitiveBoxWithText = ({
   ];
   const si = primitive.same_space_index ?? 0;
   const sip = 26;
-  const color2 = layerColorHightlightMap[primitive?._element?.layer] ?? "red";
+  const color3 = layerColorHightlightMap[primitive?._element?.layer] ?? "red";
   let rotation = 0;
   if (primitiveElement.type === "pcb_smtpad" && primitiveElement?.shape === "rotated_rect") {
     rotation = primitiveElement?.ccw_rotation ?? 0;
@@ -11648,7 +11726,7 @@ var HighlightedPrimitiveBoxWithText = ({
           position: "absolute",
           left: mousePos.x,
           top: yOffset,
-          color: color2,
+          color: color3,
           pointerEvents: "none",
           transform: "translateX(-50%)"
         },
@@ -11688,7 +11766,7 @@ var HighlightedPrimitiveBoxWithText = ({
         top: y - h / 2 - 8,
         width: w + 16,
         height: h + 16,
-        color: color2,
+        color: color3,
         transform: `rotate(${-rotation}deg)`,
         transformOrigin: "center center"
       },
@@ -11704,7 +11782,7 @@ var HighlightedPrimitiveBoxWithText = ({
             height: finalState ? `calc(100% + ${sip * 2 * si}px)` : "100%",
             marginLeft: finalState ? `${-sip * si}px` : 0,
             marginTop: finalState ? `${-sip * si}px` : 0,
-            border: `1px solid ${color2}`,
+            border: `1px solid ${color3}`,
             opacity: finalState ? 1 : si === 0 ? 1 : 0,
             transition: "width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s, opacity 0.2s"
           },
@@ -13063,7 +13141,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.304",
+  version: "1.11.305",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",