@tscircuit/3d-viewer 0.0.458 → 0.0.460

package/dist/index.js

@@ -28509,7 +28509,7 @@ import * as THREE15 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.457",
+  version: "0.0.459",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -34040,10 +34040,22 @@ function createSoldermaskTextureForLayer({
     ctx.translate(0, canvasHeight);
     ctx.scale(1, -1);
   }
-  ctx.fillStyle = soldermaskColor;
-  ctx.fillRect(0, 0, canvasWidth, canvasHeight);
   const canvasXFromPcb = (pcbX) => (pcbX - boardData.center.x + boardData.width / 2) * traceTextureResolution;
   const canvasYFromPcb = (pcbY) => (-(pcbY - boardData.center.y) + boardData.height / 2) * traceTextureResolution;
+  ctx.fillStyle = soldermaskColor;
+  if (boardData.outline && boardData.outline.length >= 3) {
+    ctx.beginPath();
+    const firstPoint = boardData.outline[0];
+    ctx.moveTo(canvasXFromPcb(firstPoint.x), canvasYFromPcb(firstPoint.y));
+    for (let i = 1; i < boardData.outline.length; i++) {
+      const point2 = boardData.outline[i];
+      ctx.lineTo(canvasXFromPcb(point2.x), canvasYFromPcb(point2.y));
+    }
+    ctx.closePath();
+    ctx.fill();
+  } else {
+    ctx.fillRect(0, 0, canvasWidth, canvasHeight);
+  }
   ctx.globalCompositeOperation = "destination-out";
   ctx.fillStyle = "black";
   const pcbSmtPads = su13(circuitJson).pcb_smtpad.list();
@@ -34065,6 +34077,12 @@ function createSoldermaskTextureForLayer({
       return;
     }
     if (pad2.x === void 0 || pad2.y === void 0) return;
+    if (Number.isNaN(pad2.x) || Number.isNaN(pad2.y)) {
+      console.warn(
+        `[soldermask-texture] Skipping pad ${pad2.pcb_smtpad_id} with NaN coordinates`
+      );
+      return;
+    }
     const x = pad2.x;
     const y = pad2.y;
     const canvasX = canvasXFromPcb(x);
@@ -34072,25 +34090,67 @@ function createSoldermaskTextureForLayer({
     if (pad2.shape === "rect") {
       const width10 = pad2.width * traceTextureResolution;
       const height10 = pad2.height * traceTextureResolution;
-      ctx.fillRect(canvasX - width10 / 2, canvasY - height10 / 2, width10, height10);
+      const rawRadius = extractRectBorderRadius(pad2);
+      const borderRadius = clampRectBorderRadius(
+        pad2.width,
+        pad2.height,
+        rawRadius
+      ) * traceTextureResolution;
+      if (borderRadius > 0) {
+        ctx.beginPath();
+        ctx.roundRect(
+          canvasX - width10 / 2,
+          canvasY - height10 / 2,
+          width10,
+          height10,
+          borderRadius
+        );
+        ctx.fill();
+      } else {
+        ctx.fillRect(canvasX - width10 / 2, canvasY - height10 / 2, width10, height10);
+      }
     } else if (pad2.shape === "circle") {
       const radius = (pad2.radius ?? pad2.width / 2) * traceTextureResolution;
       ctx.beginPath();
       ctx.arc(canvasX, canvasY, radius, 0, 2 * Math.PI);
       ctx.fill();
-    } else if (pad2.shape === "pill" || pad2.shape === "rotated_rect") {
+    } else if (pad2.shape === "pill") {
       const width10 = pad2.width * traceTextureResolution;
       const height10 = pad2.height * traceTextureResolution;
-      const radius = Math.min(width10, height10) / 2;
+      const rawRadius = extractRectBorderRadius(pad2);
+      const borderRadius = clampRectBorderRadius(
+        pad2.width,
+        pad2.height,
+        rawRadius
+      ) * traceTextureResolution;
       ctx.beginPath();
       ctx.roundRect(
         canvasX - width10 / 2,
         canvasY - height10 / 2,
         width10,
         height10,
-        radius
+        borderRadius
       );
       ctx.fill();
+    } else if (pad2.shape === "rotated_rect") {
+      const width10 = pad2.width * traceTextureResolution;
+      const height10 = pad2.height * traceTextureResolution;
+      const rawRadius = extractRectBorderRadius(pad2);
+      const borderRadius = clampRectBorderRadius(
+        pad2.width,
+        pad2.height,
+        rawRadius
+      ) * traceTextureResolution;
+      const ccwRotation = pad2.ccw_rotation || 0;
+      const rotationRadians = ccwRotation * (Math.PI / 180);
+      const rotation2 = layer === "bottom" ? -rotationRadians : rotationRadians;
+      ctx.save();
+      ctx.translate(canvasX, canvasY);
+      ctx.rotate(rotation2);
+      ctx.beginPath();
+      ctx.roundRect(-width10 / 2, -height10 / 2, width10, height10, borderRadius);
+      ctx.fill();
+      ctx.restore();
     }
   });
   const pcbVias = su13(circuitJson).pcb_via.list();
@@ -34234,6 +34294,71 @@ function createSoldermaskTextureForLayer({
         ctx.arc(adjustedCanvasX, adjustedCanvasY, canvasRadius, 0, 2 * Math.PI);
         ctx.fill();
       }
+    } else if (hole.shape === "circular_hole_with_rect_pad") {
+      const padWidth = (hole.rect_pad_width ?? hole.hole_diameter ?? 0) * traceTextureResolution;
+      const padHeight = (hole.rect_pad_height ?? hole.hole_diameter ?? 0) * traceTextureResolution;
+      const rawRadius = extractRectBorderRadius(hole);
+      const borderRadius = clampRectBorderRadius(
+        hole.rect_pad_width ?? hole.hole_diameter ?? 0,
+        hole.rect_pad_height ?? hole.hole_diameter ?? 0,
+        rawRadius
+      ) * traceTextureResolution;
+      if (borderRadius > 0) {
+        ctx.beginPath();
+        ctx.roundRect(
+          canvasX - padWidth / 2,
+          canvasY - padHeight / 2,
+          padWidth,
+          padHeight,
+          borderRadius
+        );
+        ctx.fill();
+      } else {
+        ctx.fillRect(
+          canvasX - padWidth / 2,
+          canvasY - padHeight / 2,
+          padWidth,
+          padHeight
+        );
+      }
+    } else if (hole.shape === "pill_hole_with_rect_pad") {
+      const padWidth = (hole.rect_pad_width ?? hole.hole_width ?? 0) * traceTextureResolution;
+      const padHeight = (hole.rect_pad_height ?? hole.hole_height ?? 0) * traceTextureResolution;
+      const rawRadius = extractRectBorderRadius(hole);
+      const borderRadius = clampRectBorderRadius(
+        hole.rect_pad_width ?? hole.hole_width ?? 0,
+        hole.rect_pad_height ?? hole.hole_height ?? 0,
+        rawRadius
+      ) * traceTextureResolution;
+      let rotation2 = hole.ccw_rotation || 0;
+      if (layer === "bottom") {
+        rotation2 = -rotation2;
+      }
+      if (rotation2) {
+        ctx.save();
+        ctx.translate(canvasX, canvasY);
+        ctx.rotate(rotation2 * Math.PI / 180);
+        ctx.beginPath();
+        ctx.roundRect(
+          -padWidth / 2,
+          -padHeight / 2,
+          padWidth,
+          padHeight,
+          borderRadius
+        );
+        ctx.fill();
+        ctx.restore();
+      } else {
+        ctx.beginPath();
+        ctx.roundRect(
+          canvasX - padWidth / 2,
+          canvasY - padHeight / 2,
+          padWidth,
+          padHeight,
+          borderRadius
+        );
+        ctx.fill();
+      }
     }
   });
   const pcbHoles = su13(circuitJson).pcb_hole.list();
@@ -34248,35 +34373,33 @@ function createSoldermaskTextureForLayer({
       ctx.beginPath();
       ctx.arc(canvasX, canvasY, canvasRadius, 0, 2 * Math.PI);
       ctx.fill();
-    } else if (holeShape === "pill" && typeof hole.hole_width === "number" && typeof hole.hole_height === "number") {
+    } else if ((holeShape === "pill" || holeShape === "rotated_pill") && typeof hole.hole_width === "number" && typeof hole.hole_height === "number") {
       const width10 = hole.hole_width * traceTextureResolution;
       const height10 = hole.hole_height * traceTextureResolution;
       const radius = Math.min(width10, height10) / 2;
-      ctx.beginPath();
-      ctx.roundRect(
-        canvasX - width10 / 2,
-        canvasY - height10 / 2,
-        width10,
-        height10,
-        radius
-      );
-      ctx.fill();
-    } else if (holeShape === "rotated_pill" && typeof hole.hole_width === "number" && typeof hole.hole_height === "number") {
-      const width10 = hole.hole_width * traceTextureResolution;
-      const height10 = hole.hole_height * traceTextureResolution;
-      const radius = Math.min(width10, height10) / 2;
-      const rotation2 = (hole.ccw_rotation || 0) * (Math.PI / 180);
-      ctx.save();
-      ctx.translate(canvasX, canvasY);
+      let rotation2 = (hole.ccw_rotation || 0) * (Math.PI / 180);
       if (layer === "bottom") {
-        ctx.rotate(-rotation2);
-      } else {
+        rotation2 = -rotation2;
+      }
+      if (rotation2) {
+        ctx.save();
+        ctx.translate(canvasX, canvasY);
         ctx.rotate(rotation2);
+        ctx.beginPath();
+        ctx.roundRect(-width10 / 2, -height10 / 2, width10, height10, radius);
+        ctx.fill();
+        ctx.restore();
+      } else {
+        ctx.beginPath();
+        ctx.roundRect(
+          canvasX - width10 / 2,
+          canvasY - height10 / 2,
+          width10,
+          height10,
+          radius
+        );
+        ctx.fill();
       }
-      ctx.beginPath();
-      ctx.roundRect(-width10 / 2, -height10 / 2, width10, height10, radius);
-      ctx.fill();
-      ctx.restore();
     }
   });
   const pcbCopperPours = su13(circuitJson).pcb_copper_pour.list();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.458",
+  "version": "0.0.460",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",