@tscircuit/3d-viewer 0.0.459 → 0.0.461

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.458",
+  version: "0.0.460",
   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);
@@ -34124,8 +34142,7 @@ function createSoldermaskTextureForLayer({
         rawRadius
       ) * traceTextureResolution;
       const ccwRotation = pad2.ccw_rotation || 0;
-      const rotationRadians = ccwRotation * (Math.PI / 180);
-      const rotation2 = layer === "bottom" ? -rotationRadians : rotationRadians;
+      const rotation2 = -ccwRotation * (Math.PI / 180);
       ctx.save();
       ctx.translate(canvasX, canvasY);
       ctx.rotate(rotation2);
@@ -34161,10 +34178,8 @@ function createSoldermaskTextureForLayer({
       const width10 = (hole.outer_width ?? hole.outer_diameter ?? hole.hole_width) * traceTextureResolution;
       const height10 = (hole.outer_height ?? hole.outer_diameter ?? hole.hole_height) * traceTextureResolution;
       const radius = Math.min(width10, height10) / 2;
-      let rotation2 = hole.ccw_rotation || 0;
-      if (layer === "bottom") {
-        rotation2 = -rotation2;
-      }
+      const ccwRotationDeg = hole.ccw_rotation || 0;
+      const rotation2 = -ccwRotationDeg;
       if (rotation2) {
         ctx.save();
         ctx.translate(canvasX, canvasY);
@@ -34189,10 +34204,8 @@ function createSoldermaskTextureForLayer({
       const height10 = (hole.outer_height ?? hole.outer_diameter ?? hole.hole_height) * traceTextureResolution;
       const radiusX = width10 / 2;
       const radiusY = height10 / 2;
-      let rotation2 = hole.ccw_rotation || 0;
-      if (layer === "bottom") {
-        rotation2 = -rotation2;
-      }
+      const ccwRotationDeg = hole.ccw_rotation || 0;
+      const rotation2 = -ccwRotationDeg;
       if (rotation2) {
         ctx.save();
         ctx.translate(canvasX, canvasY);
@@ -34216,10 +34229,8 @@ function createSoldermaskTextureForLayer({
         const width10 = (hole.outer_width ?? hole.outer_diameter ?? hole.hole_width) * traceTextureResolution;
         const height10 = (hole.outer_height ?? hole.outer_diameter ?? hole.hole_height) * traceTextureResolution;
         const radius = Math.min(width10, height10) / 2;
-        let rotation2 = hole.ccw_rotation || 0;
-        if (layer === "bottom") {
-          rotation2 = -rotation2;
-        }
+        const ccwRotationDeg = hole.ccw_rotation || 0;
+        const rotation2 = -ccwRotationDeg;
         if (rotation2) {
           ctx.save();
           ctx.translate(adjustedCanvasX, adjustedCanvasY);
@@ -34244,10 +34255,8 @@ function createSoldermaskTextureForLayer({
         const height10 = (hole.outer_height ?? hole.outer_diameter ?? hole.hole_height) * traceTextureResolution;
         const radiusX = width10 / 2;
         const radiusY = height10 / 2;
-        let rotation2 = hole.ccw_rotation || 0;
-        if (rotation2) {
-          rotation2 = -rotation2;
-        }
+        const ccwRotationDeg = hole.ccw_rotation || 0;
+        const rotation2 = -ccwRotationDeg;
         if (rotation2) {
           ctx.save();
           ctx.translate(adjustedCanvasX, adjustedCanvasY);
@@ -34312,10 +34321,8 @@ function createSoldermaskTextureForLayer({
         hole.rect_pad_height ?? hole.hole_height ?? 0,
         rawRadius
       ) * traceTextureResolution;
-      let rotation2 = hole.ccw_rotation || 0;
-      if (layer === "bottom") {
-        rotation2 = -rotation2;
-      }
+      const ccwRotationDeg = hole.ccw_rotation || 0;
+      const rotation2 = -ccwRotationDeg;
       if (rotation2) {
         ctx.save();
         ctx.translate(canvasX, canvasY);
@@ -34359,10 +34366,8 @@ function createSoldermaskTextureForLayer({
       const width10 = hole.hole_width * traceTextureResolution;
       const height10 = hole.hole_height * traceTextureResolution;
       const radius = Math.min(width10, height10) / 2;
-      let rotation2 = (hole.ccw_rotation || 0) * (Math.PI / 180);
-      if (layer === "bottom") {
-        rotation2 = -rotation2;
-      }
+      const ccwRotationDeg = hole.ccw_rotation || 0;
+      const rotation2 = -ccwRotationDeg * (Math.PI / 180);
       if (rotation2) {
         ctx.save();
         ctx.translate(canvasX, canvasY);
@@ -34426,7 +34431,7 @@ function createSoldermaskTextureForLayer({
         if (cutout.rotation) {
           ctx.save();
           ctx.translate(canvasX, canvasY);
-          const rotation2 = layer === "bottom" ? -cutout.rotation * (Math.PI / 180) : cutout.rotation * (Math.PI / 180);
+          const rotation2 = -cutout.rotation * (Math.PI / 180);
           ctx.rotate(rotation2);
           if (borderRadius > 0) {
             ctx.beginPath();

package/package.json

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