@tscircuit/3d-viewer 0.0.443 → 0.0.445

package/dist/index.js

@@ -1073,13 +1073,13 @@ var require_rotateZ = __commonJS({
 var require_scale = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec3/scale.js"(exports, module) {
     "use strict";
-    var scale2 = (out, vector, amount) => {
+    var scale3 = (out, vector, amount) => {
       out[0] = vector[0] * amount;
       out[1] = vector[1] * amount;
       out[2] = vector[2] * amount;
       return out;
     };
-    module.exports = scale2;
+    module.exports = scale3;
   }
 });
 
@@ -1646,7 +1646,7 @@ var require_rotateZ2 = __commonJS({
 var require_scale2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/scale.js"(exports, module) {
     "use strict";
-    var scale2 = (out, matrix, dimensions) => {
+    var scale3 = (out, matrix, dimensions) => {
       const x = dimensions[0];
       const y = dimensions[1];
       const z135 = dimensions[2];
@@ -1668,7 +1668,7 @@ var require_scale2 = __commonJS({
       out[15] = matrix[15];
       return out;
     };
-    module.exports = scale2;
+    module.exports = scale3;
   }
 });
 
@@ -2153,12 +2153,12 @@ var require_normalize2 = __commonJS({
 var require_scale3 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec2/scale.js"(exports, module) {
     "use strict";
-    var scale2 = (out, vector, amount) => {
+    var scale3 = (out, vector, amount) => {
       out[0] = vector[0] * amount;
       out[1] = vector[1] * amount;
       return out;
     };
-    module.exports = scale2;
+    module.exports = scale3;
   }
 });
 
@@ -2914,7 +2914,7 @@ var require_Face = __commonJS({
     var dot = require_dot();
     var length2 = require_length();
     var normalize = require_normalize();
-    var scale2 = require_scale();
+    var scale3 = require_scale();
     var subtract6 = require_subtract();
     var HalfEdge = require_HalfEdge();
     var VISIBLE = 0;
@@ -2962,7 +2962,7 @@ var require_Face = __commonJS({
           this.nVertices += 1;
         }
         this.area = length2(this.normal);
-        this.normal = scale2(this.normal, this.normal, 1 / this.area);
+        this.normal = scale3(this.normal, this.normal, 1 / this.area);
       }
       computeNormalMinArea(minArea) {
         this.computeNormal();
@@ -2982,9 +2982,9 @@ var require_Face = __commonJS({
           const p2 = maxEdge.head().point;
           const maxVector = subtract6([], p2, p1);
           const maxLength = Math.sqrt(maxSquaredLength);
-          scale2(maxVector, maxVector, 1 / maxLength);
+          scale3(maxVector, maxVector, 1 / maxLength);
           const maxProjection = dot(this.normal, maxVector);
-          scale2(maxVector, maxVector, -maxProjection);
+          scale3(maxVector, maxVector, -maxProjection);
           add(this.normal, this.normal, maxVector);
           normalize(this.normal, this.normal);
         }
@@ -2996,7 +2996,7 @@ var require_Face = __commonJS({
           add(this.centroid, this.centroid, edge.head().point);
           edge = edge.next;
         } while (edge !== this.edge);
-        scale2(this.centroid, this.centroid, 1 / this.nVertices);
+        scale3(this.centroid, this.centroid, 1 / this.nVertices);
       }
       computeNormalAndCentroid(minArea) {
         if (typeof minArea !== "undefined") {
@@ -13656,7 +13656,7 @@ var require_scale4 = __commonJS({
     var geom2 = require_geom2();
     var geom3 = require_geom3();
     var path2 = require_path2();
-    var scale2 = (factors, ...objects) => {
+    var scale3 = (factors, ...objects) => {
       if (!Array.isArray(factors)) throw new Error("factors must be an array");
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
@@ -13672,11 +13672,11 @@ var require_scale4 = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    var scaleX = (factor, ...objects) => scale2([factor, 1, 1], objects);
-    var scaleY = (factor, ...objects) => scale2([1, factor, 1], objects);
-    var scaleZ = (factor, ...objects) => scale2([1, 1, factor], objects);
+    var scaleX = (factor, ...objects) => scale3([factor, 1, 1], objects);
+    var scaleY = (factor, ...objects) => scale3([1, factor, 1], objects);
+    var scaleZ = (factor, ...objects) => scale3([1, 1, factor], objects);
     module.exports = {
-      scale: scale2,
+      scale: scale3,
       scaleX,
       scaleY,
       scaleZ
@@ -14530,7 +14530,7 @@ function MixedStlModel({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale2
+  scale: scale3
 }) {
   const obj = useGlobalObjLoader(url);
   const { rootObject } = useThree();
@@ -14570,8 +14570,8 @@ function MixedStlModel({
         model.rotation.copy(rotation2);
       }
     }
-    if (scale2 !== void 0) {
-      model.scale.setScalar(scale2);
+    if (scale3 !== void 0) {
+      model.scale.setScalar(scale3);
     }
   }, [
     model,
@@ -14581,7 +14581,7 @@ function MixedStlModel({
     Array.isArray(rotation2) ? rotation2[0] : rotation2?.x,
     Array.isArray(rotation2) ? rotation2[1] : rotation2?.y,
     Array.isArray(rotation2) ? rotation2[2] : rotation2?.z,
-    scale2
+    scale3
   ]);
   if (obj instanceof Error) {
     throw obj;
@@ -14639,10 +14639,11 @@ function GltfModel({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale2
+  scale: scale3
 }) {
   const { renderer, rootObject } = useThree();
   const [model, setModel] = useState3(null);
+  const [loadError, setLoadError] = useState3(null);
   useEffect5(() => {
     if (!gltfUrl) return;
     const loader = new GLTFLoader();
@@ -14654,8 +14655,10 @@ function GltfModel({
       },
       void 0,
       (error) => {
-        if (isMounted)
-          console.error(`An error happened loading ${gltfUrl}`, error);
+        if (!isMounted) return;
+        console.error(`An error happened loading ${gltfUrl}`, error);
+        const err = error instanceof Error ? error : new Error(`Failed to load glTF model from ${gltfUrl}`);
+        setLoadError(err);
       }
     );
     return () => {
@@ -14666,7 +14669,7 @@ function GltfModel({
     if (!model) return;
     if (position) model.position.fromArray(position);
     if (rotation2) model.rotation.fromArray(rotation2);
-    if (scale2 !== void 0) model.scale.setScalar(scale2);
+    if (scale3 !== void 0) model.scale.setScalar(scale3);
   }, [
     model,
     position?.[0],
@@ -14675,7 +14678,7 @@ function GltfModel({
     rotation2?.[0],
     rotation2?.[1],
     rotation2?.[2],
-    scale2
+    scale3
   ]);
   useEffect5(() => {
     if (!rootObject || !model) return;
@@ -14734,6 +14737,9 @@ function GltfModel({
       }
     });
   }, [isHovered, model]);
+  if (loadError) {
+    throw loadError;
+  }
   if (!model) return null;
   return /* @__PURE__ */ jsx4(
     ContainerWithTooltip_default,
@@ -24828,9 +24834,9 @@ function getExpandedStroke(strokeInput, width10) {
       addPoint(current2, normalPrev, -1);
       addPoint(current2, normalNext, -1);
     } else {
-      const scale2 = 1 / miterLength;
-      addPoint(current2, { x: miterX * scale2, y: miterY * scale2 }, 1);
-      addPoint(current2, { x: miterX * scale2, y: miterY * scale2 }, -1);
+      const scale3 = 1 / miterLength;
+      addPoint(current2, { x: miterX * scale3, y: miterY * scale3 }, 1);
+      addPoint(current2, { x: miterX * scale3, y: miterY * scale3 }, -1);
     }
   }
   const lastNormal = getNormal(
@@ -27905,7 +27911,7 @@ var JscadModel = ({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale2
+  scale: scale3
 }) => {
   const { rootObject } = useThree();
   const { threeGeom, material } = useMemo4(() => {
@@ -27936,7 +27942,7 @@ var JscadModel = ({
     if (!mesh) return;
     if (positionOffset) mesh.position.fromArray(positionOffset);
     if (rotationOffset) mesh.rotation.fromArray(rotationOffset);
-    if (scale2 !== void 0) mesh.scale.setScalar(scale2);
+    if (scale3 !== void 0) mesh.scale.setScalar(scale3);
   }, [
     mesh,
     positionOffset?.[0],
@@ -27945,7 +27951,7 @@ var JscadModel = ({
     rotationOffset?.[0],
     rotationOffset?.[1],
     rotationOffset?.[2],
-    scale2
+    scale3
   ]);
   useMemo4(() => {
     if (!material) return;
@@ -27982,7 +27988,7 @@ var FootprinterModel = ({
   onHover,
   onUnhover,
   isHovered,
-  scale: scale2
+  scale: scale3
 }) => {
   const { rootObject } = useThree();
   const group = useMemo5(() => {
@@ -28018,7 +28024,7 @@ var FootprinterModel = ({
     if (!group) return;
     if (positionOffset) group.position.fromArray(positionOffset);
     if (rotationOffset) group.rotation.fromArray(rotationOffset);
-    if (scale2 !== void 0) group.scale.setScalar(scale2);
+    if (scale3 !== void 0) group.scale.setScalar(scale3);
   }, [
     group,
     positionOffset?.[0],
@@ -28027,7 +28033,7 @@ var FootprinterModel = ({
     rotationOffset?.[0],
     rotationOffset?.[1],
     rotationOffset?.[2],
-    scale2
+    scale3
   ]);
   useEffect7(() => {
     if (!group) return;
@@ -28318,7 +28324,7 @@ import * as THREE15 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.442",
+  version: "0.0.444",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -29617,7 +29623,7 @@ var createBoardGeomFromCircuitJson = (circuitJson, opts = {}) => {
 };
 
 // src/BoardGeomBuilder.ts
-var import_transforms8 = __toESM(require_transforms(), 1);
+var import_transforms9 = __toESM(require_transforms(), 1);
 var import_primitives10 = __toESM(require_primitives(), 1);
 var import_colors7 = __toESM(require_colors(), 1);
 var import_booleans6 = __toESM(require_booleans(), 1);
@@ -29627,8 +29633,9 @@ import { su as su3 } from "@tscircuit/circuit-json-util";
 var import_primitives4 = __toESM(require_primitives(), 1);
 var import_colors2 = __toESM(require_colors(), 1);
 var import_booleans2 = __toESM(require_booleans(), 1);
-var import_extrusions3 = __toESM(require_extrusions(), 1);
 var import_transforms3 = __toESM(require_transforms(), 1);
+var import_extrusions3 = __toESM(require_extrusions(), 1);
+var import_transforms4 = __toESM(require_transforms(), 1);
 
 // src/utils/rect-border-radius.ts
 function clampRectBorderRadius(width10, height10, rawRadius) {
@@ -29760,7 +29767,7 @@ var createRectPadGeom = ({
   });
   const extruded = (0, import_extrusions3.extrudeLinear)({ height: thickness }, rect2d);
   const offsetZ = center[2] - thickness / 2;
-  return (0, import_transforms3.translate)([center[0], center[1], offsetZ], extruded);
+  return (0, import_transforms4.translate)([center[0], center[1], offsetZ], extruded);
 };
 var platedHole = (plated_hole, ctx, options = {}) => {
   const { clipGeom } = options;
@@ -29785,6 +29792,39 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     });
     return (0, import_colors2.colorize)(colors.copper, (0, import_booleans2.subtract)(copperSolid, drill));
   }
+  if (plated_hole.shape === "oval") {
+    const outerWidth = plated_hole.outer_width || plated_hole.hole_width || 0;
+    const outerHeight = plated_hole.outer_height || plated_hole.hole_height || 0;
+    const holeWidth = plated_hole.hole_width || 0;
+    const holeHeight = plated_hole.hole_height || 0;
+    const copperBody = (() => {
+      const circle2 = (0, import_primitives4.cylinder)({
+        center: [0, 0, 0],
+        radius: 1,
+        height: copperSpan + 0.01,
+        segments: 64
+        // High segment count for smooth ellipse
+      });
+      const scaled = (0, import_transforms3.scale)([outerWidth / 2, outerHeight / 2, 1], circle2);
+      return (0, import_transforms4.translate)([plated_hole.x, plated_hole.y, 0], scaled);
+    })();
+    const copperSolid = maybeClip(copperBody, clipGeom);
+    const drill = (() => {
+      const circle2 = (0, import_primitives4.cylinder)({
+        center: [0, 0, 0],
+        radius: 1,
+        height: throughDrillHeight,
+        segments: 64
+        // High segment count for smooth ellipse
+      });
+      const scaled = (0, import_transforms3.scale)(
+        [Math.max(holeWidth / 2, 0.01), Math.max(holeHeight / 2, 0.01), 1],
+        circle2
+      );
+      return (0, import_transforms4.translate)([plated_hole.x, plated_hole.y, 0], scaled);
+    })();
+    return (0, import_colors2.colorize)(colors.copper, (0, import_booleans2.subtract)(copperSolid, drill));
+  }
   if (plated_hole.shape === "circular_hole_with_rect_pad") {
     const holeOffsetX = plated_hole.hole_offset_x || 0;
     const holeOffsetY = plated_hole.hole_offset_y || 0;
@@ -29823,7 +29863,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
             segments: RECT_PAD_SEGMENTS
           });
           const extruded = (0, import_extrusions3.extrudeLinear)({ height: height10 }, rect2d);
-          return (0, import_transforms3.translate)(
+          return (0, import_transforms4.translate)(
             [plated_hole.x, plated_hole.y, centerZ - height10 / 2],
             extruded
           );
@@ -29876,9 +29916,9 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     const rotationRadians = (plated_hole.ccw_rotation || 0) * Math.PI / 180;
     const rotateAroundCenter = (geom) => {
       if (!rotationRadians) return geom;
-      const toOrigin = (0, import_transforms3.translate)([-plated_hole.x, -plated_hole.y, 0], geom);
-      const rotated = (0, import_transforms3.rotate)([0, 0, rotationRadians], toOrigin);
-      return (0, import_transforms3.translate)([plated_hole.x, plated_hole.y, 0], rotated);
+      const toOrigin = (0, import_transforms4.translate)([-plated_hole.x, -plated_hole.y, 0], geom);
+      const rotated = (0, import_transforms4.rotate)([0, 0, rotationRadians], toOrigin);
+      return (0, import_transforms4.translate)([plated_hole.x, plated_hole.y, 0], rotated);
     };
     const shouldRotate = plated_hole.hole_height > plated_hole.hole_width;
     const holeWidth = shouldRotate ? plated_hole.hole_height : plated_hole.hole_width;
@@ -30049,7 +30089,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
         segments: RECT_PAD_SEGMENTS
       });
       const extruded = (0, import_extrusions3.extrudeLinear)({ height: height10 }, rect2d);
-      return (0, import_transforms3.translate)(
+      return (0, import_transforms4.translate)(
         [plated_hole.x, plated_hole.y, centerZ - height10 / 2],
         extruded
       );
@@ -30111,7 +30151,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     const createPolygonPad = (thickness, zCenter) => {
       const safeThickness = Math.max(thickness, M);
       const extruded = (0, import_extrusions3.extrudeLinear)({ height: safeThickness }, polygon2d);
-      return (0, import_transforms3.translate)(
+      return (0, import_transforms4.translate)(
         [plated_hole.x, plated_hole.y, zCenter - safeThickness / 2],
         extruded
       );
@@ -30449,7 +30489,7 @@ function createSilkscreenTextGeoms(silkscreenText) {
 var import_primitives5 = __toESM(require_primitives(), 1);
 var import_expansions2 = __toESM(require_expansions(), 1);
 var import_extrusions4 = __toESM(require_extrusions(), 1);
-var import_transforms4 = __toESM(require_transforms(), 1);
+var import_transforms5 = __toESM(require_transforms(), 1);
 var import_colors3 = __toESM(require_colors(), 1);
 
 // src/utils/units.ts
@@ -30512,7 +30552,7 @@ function createSilkscreenPathGeom(sp, ctx) {
   );
   const layerSign = sp.layer === "bottom" ? -1 : 1;
   const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  let pathGeom = (0, import_transforms4.translate)(
+  let pathGeom = (0, import_transforms5.translate)(
     [0, 0, zPos],
     (0, import_extrusions4.extrudeLinear)({ height: 0.012 }, expandedPath)
     // Standard silkscreen thickness
@@ -30525,7 +30565,7 @@ function createSilkscreenPathGeom(sp, ctx) {
 var import_primitives6 = __toESM(require_primitives(), 1);
 var import_expansions3 = __toESM(require_expansions(), 1);
 var import_extrusions5 = __toESM(require_extrusions(), 1);
-var import_transforms5 = __toESM(require_transforms(), 1);
+var import_transforms6 = __toESM(require_transforms(), 1);
 var import_colors4 = __toESM(require_colors(), 1);
 function createSilkscreenLineGeom(sl, ctx) {
   const x1 = parseDimensionToMm(sl.x1) ?? 0;
@@ -30545,7 +30585,7 @@ function createSilkscreenLineGeom(sl, ctx) {
   );
   const layerSign = sl.layer === "bottom" ? -1 : 1;
   const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  let lineGeom = (0, import_transforms5.translate)(
+  let lineGeom = (0, import_transforms6.translate)(
     [0, 0, zPos],
     (0, import_extrusions5.extrudeLinear)({ height: 0.012 }, expandedLine)
   );
@@ -30556,7 +30596,7 @@ function createSilkscreenLineGeom(sl, ctx) {
 // src/geoms/create-geoms-for-silkscreen-rect.ts
 var import_primitives7 = __toESM(require_primitives(), 1);
 var import_extrusions6 = __toESM(require_extrusions(), 1);
-var import_transforms6 = __toESM(require_transforms(), 1);
+var import_transforms7 = __toESM(require_transforms(), 1);
 var import_colors5 = __toESM(require_colors(), 1);
 var import_booleans3 = __toESM(require_booleans(), 1);
 var RECT_SEGMENTS = 64;
@@ -30611,14 +30651,14 @@ function createSilkscreenRectGeom(rect, ctx) {
   if (!rectGeom) return void 0;
   const layerSign = rect.layer === "bottom" ? -1 : 1;
   const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  rectGeom = (0, import_transforms6.translate)([centerX, centerY, zPos], rectGeom);
+  rectGeom = (0, import_transforms7.translate)([centerX, centerY, zPos], rectGeom);
   return (0, import_colors5.colorize)([1, 1, 1], rectGeom);
 }
 
 // src/geoms/create-geoms-for-silkscreen-circle.ts
 var import_primitives8 = __toESM(require_primitives(), 1);
 var import_extrusions7 = __toESM(require_extrusions(), 1);
-var import_transforms7 = __toESM(require_transforms(), 1);
+var import_transforms8 = __toESM(require_transforms(), 1);
 var import_colors6 = __toESM(require_colors(), 1);
 var import_booleans4 = __toESM(require_booleans(), 1);
 var CIRCLE_SEGMENTS = 64;
@@ -30654,7 +30694,7 @@ function createSilkscreenCircleGeom(circleEl, ctx) {
     const filledCircle2d = (0, import_primitives8.circle)({ radius, segments: CIRCLE_SEGMENTS });
     circleGeom = (0, import_extrusions7.extrudeLinear)({ height: baseHeight }, filledCircle2d);
   }
-  const translatedGeom = (0, import_transforms7.translate)([centerX, centerY, zPos], circleGeom);
+  const translatedGeom = (0, import_transforms8.translate)([centerX, centerY, zPos], circleGeom);
   return (0, import_colors6.colorize)([1, 1, 1], translatedGeom);
 }
 
@@ -30758,7 +30798,7 @@ var createCenteredRectPadGeom = (width10, height10, thickness, rectBorderRadius)
     segments: PAD_ROUNDED_SEGMENTS
   });
   const extruded = (0, import_extrusions8.extrudeLinear)({ height: thickness }, rect2d);
-  return (0, import_transforms8.translate)([0, 0, -thickness / 2], extruded);
+  return (0, import_transforms9.translate)([0, 0, -thickness / 2], extruded);
 };
 var buildStateOrder = [
   "initializing",
@@ -31037,8 +31077,8 @@ var BoardGeomBuilder = class {
             segments: PAD_ROUNDED_SEGMENTS
           });
           cutoutGeom = (0, import_extrusions8.extrudeLinear)({ height: cutoutHeight }, rect2d);
-          cutoutGeom = (0, import_transforms8.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
-          cutoutGeom = (0, import_transforms8.translate)(
+          cutoutGeom = (0, import_transforms9.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
+          cutoutGeom = (0, import_transforms9.translate)(
             [cutout.center.x, cutout.center.y, 0],
             cutoutGeom
           );
@@ -31047,14 +31087,14 @@ var BoardGeomBuilder = class {
             center: [0, 0, 0],
             size: [cutout.width, cutout.height, cutoutHeight]
           });
-          cutoutGeom = (0, import_transforms8.translate)(
+          cutoutGeom = (0, import_transforms9.translate)(
             [cutout.center.x, cutout.center.y, 0],
             baseCutoutGeom
           );
         }
         if (cutout.rotation) {
           const rotationRadians = cutout.rotation * Math.PI / 180;
-          cutoutGeom = (0, import_transforms8.rotateZ)(rotationRadians, cutoutGeom);
+          cutoutGeom = (0, import_transforms9.rotateZ)(rotationRadians, cutoutGeom);
         }
         break;
       case "circle":
@@ -31077,7 +31117,7 @@ var BoardGeomBuilder = class {
         }
         const polygon2d = (0, import_primitives10.polygon)({ points: pointsVec2 });
         cutoutGeom = (0, import_extrusions8.extrudeLinear)({ height: cutoutHeight }, polygon2d);
-        cutoutGeom = (0, import_transforms8.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
+        cutoutGeom = (0, import_transforms9.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
         break;
     }
     if (cutoutGeom) {
@@ -31096,15 +31136,15 @@ var BoardGeomBuilder = class {
       });
       if ("rotation" in pour && pour.rotation) {
         const rotationRadians = pour.rotation * Math.PI / 180;
-        baseGeom = (0, import_transforms8.rotateZ)(rotationRadians, baseGeom);
+        baseGeom = (0, import_transforms9.rotateZ)(rotationRadians, baseGeom);
       }
-      pourGeom = (0, import_transforms8.translate)([pour.center.x, pour.center.y, zPos], baseGeom);
+      pourGeom = (0, import_transforms9.translate)([pour.center.x, pour.center.y, zPos], baseGeom);
     } else if (pour.shape === "brep") {
       const brepShape = pour.brep_shape;
       if (brepShape && brepShape.outer_ring) {
         const pourGeom2 = createGeom2FromBRep(brepShape);
         pourGeom = (0, import_extrusions8.extrudeLinear)({ height: M }, pourGeom2);
-        pourGeom = (0, import_transforms8.translate)([0, 0, zPos], pourGeom);
+        pourGeom = (0, import_transforms9.translate)([0, 0, zPos], pourGeom);
       }
     } else if (pour.shape === "polygon") {
       let pointsVec2 = pour.points.map((p) => [p.x, p.y]);
@@ -31119,7 +31159,7 @@ var BoardGeomBuilder = class {
       }
       const polygon2d = (0, import_primitives10.polygon)({ points: pointsVec2 });
       pourGeom = (0, import_extrusions8.extrudeLinear)({ height: M }, polygon2d);
-      pourGeom = (0, import_transforms8.translate)([0, 0, zPos], pourGeom);
+      pourGeom = (0, import_transforms9.translate)([0, 0, zPos], pourGeom);
     }
     if (pourGeom) {
       if (this.boardClipGeom) {
@@ -31191,9 +31231,9 @@ var BoardGeomBuilder = class {
       );
       if (ph.ccw_rotation) {
         const rotationRadians = ph.ccw_rotation * Math.PI / 180;
-        pillHole = (0, import_transforms8.translate)(
+        pillHole = (0, import_transforms9.translate)(
           [ph.x, ph.y, 0],
-          (0, import_transforms8.rotateZ)(rotationRadians, (0, import_transforms8.translate)([-ph.x, -ph.y, 0], pillHole))
+          (0, import_transforms9.rotateZ)(rotationRadians, (0, import_transforms9.translate)([-ph.x, -ph.y, 0], pillHole))
         );
       }
       if (!opts.dontCutBoard) {
@@ -31343,7 +31383,7 @@ var BoardGeomBuilder = class {
       }
       if (isRotated) {
         const rotationRadians = hole.ccw_rotation * Math.PI / 180;
-        pillHole = (0, import_transforms8.rotateZ)(rotationRadians, pillHole);
+        pillHole = (0, import_transforms9.rotateZ)(rotationRadians, pillHole);
       }
       this.boardGeom = (0, import_booleans6.subtract)(this.boardGeom, pillHole);
       this.padGeoms = this.padGeoms.map(
@@ -31366,7 +31406,7 @@ var BoardGeomBuilder = class {
         M,
         rectBorderRadius
       );
-      const positionedPadGeom = (0, import_transforms8.translate)([pad2.x, pad2.y, zPos], basePadGeom);
+      const positionedPadGeom = (0, import_transforms9.translate)([pad2.x, pad2.y, zPos], basePadGeom);
       let finalPadGeom = positionedPadGeom;
       if (this.boardClipGeom) {
         finalPadGeom = (0, import_booleans6.intersect)(this.boardClipGeom, finalPadGeom);
@@ -31381,8 +31421,8 @@ var BoardGeomBuilder = class {
         rectBorderRadius
       );
       const rotationRadians = pad2.ccw_rotation * Math.PI / 180;
-      basePadGeom = (0, import_transforms8.rotateZ)(rotationRadians, basePadGeom);
-      const positionedPadGeom = (0, import_transforms8.translate)([pad2.x, pad2.y, zPos], basePadGeom);
+      basePadGeom = (0, import_transforms9.rotateZ)(rotationRadians, basePadGeom);
+      const positionedPadGeom = (0, import_transforms9.translate)([pad2.x, pad2.y, zPos], basePadGeom);
       let finalPadGeom = positionedPadGeom;
       if (this.boardClipGeom) {
         finalPadGeom = (0, import_booleans6.intersect)(this.boardClipGeom, finalPadGeom);
@@ -31417,7 +31457,7 @@ var BoardGeomBuilder = class {
           { delta: currentWidth / 2, corners: "round" },
           linePath
         );
-        let traceGeom = (0, import_transforms8.translate)(
+        let traceGeom = (0, import_transforms9.translate)(
           [0, 0, zCenter - M / 2],
           (0, import_extrusions8.extrudeLinear)({ height: M }, expandedPath)
         );
@@ -31527,13 +31567,13 @@ var BoardGeomBuilder = class {
       );
       let textGeom;
       if (st.layer === "bottom") {
-        textGeom = (0, import_transforms8.translate)(
+        textGeom = (0, import_transforms9.translate)(
           [0, 0, -this.ctx.pcbThickness / 2 - M],
           // Position above board
           (0, import_extrusions8.extrudeLinear)({ height: 0.012 }, expandedPath)
         );
       } else {
-        textGeom = (0, import_transforms8.translate)(
+        textGeom = (0, import_transforms9.translate)(
           [0, 0, this.ctx.pcbThickness / 2 + M],
           // Position above board
           (0, import_extrusions8.extrudeLinear)({ height: 0.012 }, expandedPath)
@@ -31653,7 +31693,7 @@ var Text = ({
   parent,
   position,
   rotation: rotation2,
-  scale: scale2,
+  scale: scale3,
   color,
   fontSize,
   anchorX,
@@ -31666,7 +31706,7 @@ var Text = ({
     textMesh.text = children;
     if (position) textMesh.position.fromArray(position);
     if (rotation2) textMesh.rotation.fromArray(rotation2);
-    if (scale2) textMesh.scale.fromArray(scale2);
+    if (scale3) textMesh.scale.fromArray(scale3);
     textMesh.color = color || "white";
     textMesh.fontSize = fontSize || 1;
     textMesh.anchorX = anchorX || "center";
@@ -31679,7 +31719,7 @@ var Text = ({
     children,
     position,
     rotation2,
-    scale2,
+    scale3,
     color,
     fontSize,
     anchorX,
@@ -33088,6 +33128,105 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
         geometry: threeGeom,
         color: COPPER_COLOR
       });
+    } else if (ph.shape === "oval") {
+      const holeW = ph.hole_width;
+      const holeH = ph.hole_height;
+      const outerW = ph.outer_width ?? holeW + 0.4;
+      const outerH = ph.outer_height ?? holeH + 0.4;
+      const drillW = holeW + 2 * MANIFOLD_Z_OFFSET;
+      const drillH = holeH + 2 * MANIFOLD_Z_OFFSET;
+      const drillDepth = pcbThickness * 1.2;
+      let boardDrillPoints = createEllipsePoints(
+        drillW,
+        drillH,
+        SMOOTH_CIRCLE_SEGMENTS
+      );
+      if (arePointsClockwise3(boardDrillPoints)) {
+        boardDrillPoints = boardDrillPoints.reverse();
+      }
+      const boardDrillCrossSection = CrossSection.ofPolygons([boardDrillPoints]);
+      manifoldInstancesForCleanup.push(boardDrillCrossSection);
+      let boardDrillOp = Manifold.extrude(
+        boardDrillCrossSection,
+        drillDepth,
+        0,
+        0,
+        [1, 1],
+        true
+      );
+      manifoldInstancesForCleanup.push(boardDrillOp);
+      if (ph.ccw_rotation) {
+        const rotatedDrill = boardDrillOp.rotate([0, 0, ph.ccw_rotation]);
+        manifoldInstancesForCleanup.push(rotatedDrill);
+        boardDrillOp = rotatedDrill;
+      }
+      const translatedDrill = boardDrillOp.translate([ph.x, ph.y, 0]);
+      manifoldInstancesForCleanup.push(translatedDrill);
+      platedHoleBoardDrills.push(translatedDrill);
+      const copperPartThickness = pcbThickness + 2 * MANIFOLD_Z_OFFSET;
+      let outerPoints = createEllipsePoints(
+        outerW,
+        outerH,
+        SMOOTH_CIRCLE_SEGMENTS
+      );
+      if (arePointsClockwise3(outerPoints)) {
+        outerPoints = outerPoints.reverse();
+      }
+      const outerCrossSection = CrossSection.ofPolygons([outerPoints]);
+      manifoldInstancesForCleanup.push(outerCrossSection);
+      let outerCopperOp = Manifold.extrude(
+        outerCrossSection,
+        copperPartThickness,
+        0,
+        0,
+        [1, 1],
+        true
+      );
+      manifoldInstancesForCleanup.push(outerCopperOp);
+      let innerPoints = createEllipsePoints(
+        holeW,
+        holeH,
+        SMOOTH_CIRCLE_SEGMENTS
+      );
+      if (arePointsClockwise3(innerPoints)) {
+        innerPoints = innerPoints.reverse();
+      }
+      const innerCrossSection = CrossSection.ofPolygons([innerPoints]);
+      manifoldInstancesForCleanup.push(innerCrossSection);
+      let innerDrillOp = Manifold.extrude(
+        innerCrossSection,
+        copperPartThickness * 1.05,
+        0,
+        0,
+        [1, 1],
+        true
+      );
+      manifoldInstancesForCleanup.push(innerDrillOp);
+      let finalPlatedPartOp = outerCopperOp.subtract(innerDrillOp);
+      manifoldInstancesForCleanup.push(finalPlatedPartOp);
+      if (ph.ccw_rotation) {
+        const rotatedOp = finalPlatedPartOp.rotate([0, 0, ph.ccw_rotation]);
+        manifoldInstancesForCleanup.push(rotatedOp);
+        finalPlatedPartOp = rotatedOp;
+      }
+      const translatedPlatedPart = finalPlatedPartOp.translate([ph.x, ph.y, 0]);
+      manifoldInstancesForCleanup.push(translatedPlatedPart);
+      let finalCopperOp = translatedPlatedPart;
+      if (boardClipVolume) {
+        const clipped = Manifold.intersection([
+          translatedPlatedPart,
+          boardClipVolume
+        ]);
+        manifoldInstancesForCleanup.push(clipped);
+        finalCopperOp = clipped;
+      }
+      platedHoleCopperOpsForSubtract.push(finalCopperOp);
+      const threeGeom = manifoldMeshToThreeGeometry(finalCopperOp.getMesh());
+      platedHoleCopperGeoms.push({
+        key: `ph-${ph.pcb_plated_hole_id || index2}`,
+        geometry: threeGeom,
+        color: COPPER_COLOR
+      });
     } else if (ph.shape === "circular_hole_with_rect_pad") {
       const holeOffsetX = ph.hole_offset_x || 0;
       const holeOffsetY = ph.hole_offset_y || 0;
@@ -36676,21 +36815,21 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale2 = createCoords(1);
+  let scale3 = createCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
-        scale2 = getScale(offsetParent);
+        scale3 = getScale(offsetParent);
       }
     } else {
-      scale2 = getScale(element);
+      scale3 = getScale(element);
     }
   }
   const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale2.x;
-  let y = (clientRect.top + visualOffsets.y) / scale2.y;
-  let width10 = clientRect.width / scale2.x;
-  let height10 = clientRect.height / scale2.y;
+  let x = (clientRect.left + visualOffsets.x) / scale3.x;
+  let y = (clientRect.top + visualOffsets.y) / scale3.y;
+  let width10 = clientRect.width / scale3.x;
+  let height10 = clientRect.height / scale3.y;
   if (domElement) {
     const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
@@ -36752,7 +36891,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale2 = createCoords(1);
+  let scale3 = createCoords(1);
   const offsets = createCoords(0);
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
@@ -36761,17 +36900,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     }
     if (isHTMLElement(offsetParent)) {
       const offsetRect = getBoundingClientRect(offsetParent);
-      scale2 = getScale(offsetParent);
+      scale3 = getScale(offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
   const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
-    width: rect.width * scale2.x,
-    height: rect.height * scale2.y,
-    x: rect.x * scale2.x - scroll.scrollLeft * scale2.x + offsets.x + htmlOffset.x,
-    y: rect.y * scale2.y - scroll.scrollTop * scale2.y + offsets.y + htmlOffset.y
+    width: rect.width * scale3.x,
+    height: rect.height * scale3.y,
+    x: rect.x * scale3.x - scroll.scrollLeft * scale3.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale3.y - scroll.scrollTop * scale3.y + offsets.y + htmlOffset.y
   };
 }
 function getClientRects(element) {
@@ -36838,11 +36977,11 @@ function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
   const left = clientRect.left + element.clientLeft;
-  const scale2 = isHTMLElement(element) ? getScale(element) : createCoords(1);
-  const width10 = element.clientWidth * scale2.x;
-  const height10 = element.clientHeight * scale2.y;
-  const x = left * scale2.x;
-  const y = top * scale2.y;
+  const scale3 = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width10 = element.clientWidth * scale3.x;
+  const height10 = element.clientHeight * scale3.y;
+  const x = left * scale3.x;
+  const y = top * scale3.y;
   return {
     width: width10,
     height: height10,
@@ -41440,8 +41579,8 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   scene.position.sub(center);
   const maxDim = Math.max(size5.x, size5.y, size5.z);
   if (maxDim > 0) {
-    const scale2 = (1 - padding / 100) / maxDim;
-    scene.scale.multiplyScalar(scale2 * 100);
+    const scale3 = (1 - padding / 100) / maxDim;
+    scene.scale.multiplyScalar(scale3 * 100);
   }
   camera.updateProjectionMatrix();
   renderer.render(scene, camera);

package/package.json

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