@tscircuit/3d-viewer 0.0.444 → 0.0.446

package/dist/index.js

@@ -14643,6 +14643,7 @@ function GltfModel({
 }) {
   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 () => {
@@ -14734,6 +14737,9 @@ function GltfModel({
       }
     });
   }, [isHovered, model]);
+  if (loadError) {
+    throw loadError;
+  }
   if (!model) return null;
   return /* @__PURE__ */ jsx4(
     ContainerWithTooltip_default,
@@ -27095,38 +27101,65 @@ var LQFP = ({
     )
   ] });
 };
-var getCcwSot723Coords2 = (pn) => {
-  if (pn === 1) {
-    return { x: 0, y: 0 };
-  } else if (pn === 2) {
-    return { x: 1, y: -0.4 };
-  } else {
-    return { x: 1, y: 0.4 };
-  }
-};
 var SOT723 = () => {
-  const bodyWidth = 0.8;
+  const bodyWidth = 0.85;
   const bodyLength10 = 1.2;
-  const bodyHeight = 0.5;
-  const leadWidth = 0.32;
-  const leadLength = 0.3;
-  const leadHeight = 0.1;
-  const centerLeadWidth = 0.42;
+  const bodyHeight = 0.38;
+  const straightHeight = bodyHeight * 0.55;
+  const taperOffset = 0.1;
+  const padLength = 0.3;
+  const padThickness = 0.1;
+  const leftPadWidth = 0.2;
+  const rightPadWidth = 0.25;
+  const rightPadCenterX = 0.55;
+  const rightPadCenterY = 0;
+  const leftTopPadCenterX = -0.55;
+  const leftTopPadCenterY = 0.4;
+  const leftBottomPadCenterX = -0.55;
+  const leftBottomPadCenterY = -0.4;
   return /* @__PURE__ */ jsxs(Fragment22, { children: [
-    /* @__PURE__ */ jsx5(Rotate, { rotation: [45 * Math.PI, 0, 0], children: /* @__PURE__ */ jsx5(Translate, { center: [0.475, leadHeight / 2, -0.25], children: /* @__PURE__ */ jsx5(Colorize, { color: "grey", children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, bodyHeight] }) }) }) }),
-    [1, 2, 3].map((pn) => {
-      const { x, y } = getCcwSot723Coords2(pn);
-      return /* @__PURE__ */ jsx5(Translate, { center: [x, y, 0.05], children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsxs(Union, { children: [
+      /* @__PURE__ */ jsx5(
         Cuboid,
         {
-          size: [
-            leadLength,
-            pn === 1 ? centerLeadWidth : leadWidth,
-            leadHeight
-          ]
+          size: [bodyWidth, bodyLength10, straightHeight],
+          center: [0, 0, straightHeight / 2]
         }
-      ) }, `lead-${pn}`);
-    })
+      ),
+      /* @__PURE__ */ jsxs(Hull, { children: [
+        /* @__PURE__ */ jsx5(Translate, { z: straightHeight, children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyWidth, bodyLength10, 0.01] }) }),
+        /* @__PURE__ */ jsx5(Translate, { z: bodyHeight, children: /* @__PURE__ */ jsx5(
+          Cuboid,
+          {
+            size: [bodyWidth - taperOffset, bodyLength10 - taperOffset, 0.01]
+          }
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, rightPadWidth, padThickness],
+        center: [rightPadCenterX, rightPadCenterY, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, leftPadWidth, padThickness],
+        center: [leftTopPadCenterX, leftTopPadCenterY, padThickness / 2]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Cuboid,
+      {
+        color: "#ccc",
+        size: [padLength, leftPadWidth, padThickness],
+        center: [leftBottomPadCenterX, leftBottomPadCenterY, padThickness / 2]
+      }
+    )
   ] });
 };
 var DFN = ({
@@ -27464,6 +27497,79 @@ var MS012 = ({
     )
   ] });
 };
+var TO220 = () => {
+  const fullLength10 = 20;
+  const bodyLength10 = 9.9;
+  const bodyHeight = 4.5;
+  const zOffset = 1;
+  const padWidth = 9.9;
+  const padLength = 6.5;
+  const padThickness = 1.3;
+  const padHoleDiameter = 3;
+  const prongWidth = 0.81;
+  const prongLength = 16;
+  const prongHeight = 0.5;
+  const prongPitch = 2.7;
+  const bodyWidth = padWidth;
+  const bodyFrontX = fullLength10 - bodyLength10 / 2;
+  const bodyBackX = fullLength10 + bodyLength10 / 2;
+  const prongCenterX = bodyFrontX - prongLength / 2;
+  const padCenterX = bodyBackX + padLength / 2;
+  return /* @__PURE__ */ jsx5(Translate, { center: [0, 0, zOffset], children: /* @__PURE__ */ jsxs(Fragment22, { children: [
+    /* @__PURE__ */ jsxs(Rotate, { rotation: [0, 55, -55], children: [
+      /* @__PURE__ */ jsxs(Subtract, { children: [
+        /* @__PURE__ */ jsx5(
+          Cuboid,
+          {
+            color: "#ccc",
+            size: [padLength + 0.1, padWidth, padThickness],
+            center: [padCenterX, 0, padThickness - 2]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Cylinder,
+          {
+            color: "black",
+            center: [padCenterX, 0, padThickness - 2],
+            radius: padHoleDiameter / 2,
+            height: padThickness * 1.2
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx5(Colorize, { color: "#222", children: /* @__PURE__ */ jsx5(
+        ChipBody,
+        {
+          width: bodyWidth,
+          length: bodyLength10,
+          height: bodyHeight,
+          center: { x: fullLength10, y: 0, z: -2.4 },
+          includeNotch: false,
+          straightHeightRatio: 0.3,
+          taperRatio: 0.04,
+          heightAboveSurface: 1
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx5(Rotate, { rotation: [0, 55, 55], children: Array.from({ length: 3 }).map((_, i) => {
+      const x = prongCenterX;
+      const y = (i - 1) * prongPitch;
+      const z135 = -prongHeight - 0.6;
+      return /* @__PURE__ */ jsxs(Colorize, { color: "gold", children: [
+        /* @__PURE__ */ jsxs(Hull, { children: [
+          /* @__PURE__ */ jsx5(Translate, { center: [bodyFrontX - bodyHeight / 2 + 0.1, y, z135], children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyHeight, prongWidth + 1, prongHeight] }) }),
+          /* @__PURE__ */ jsx5(
+            Translate,
+            {
+              center: [bodyFrontX - bodyHeight / 2 - 1 + 0.1, y, z135],
+              children: /* @__PURE__ */ jsx5(Cuboid, { size: [bodyHeight, prongWidth, prongHeight] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx5(Translate, { center: [x, y, z135], children: /* @__PURE__ */ jsx5(Cuboid, { size: [prongLength + 0.1, prongWidth, prongHeight] }) })
+      ] }, `prong-${i}`);
+    }) })
+  ] }) });
+};
 var Footprinter3d = ({ footprint }) => {
   const fpJson = fp.string(footprint).json();
   switch (fpJson.fn) {
@@ -27645,6 +27751,8 @@ var Footprinter3d = ({ footprint }) => {
       );
     case "sot723":
       return /* @__PURE__ */ jsx5(SOT723, {});
+    case "to220":
+      return /* @__PURE__ */ jsx5(TO220, {});
   }
   const colorMatch = footprint.match(/_color\(([^)]+)\)/);
   const color = colorMatch ? colorMatch[1] : void 0;
@@ -27708,7 +27816,7 @@ function renderNode(node, colorCtx, renderCtx) {
   }
   if (type === Translate) {
     const off = toVec3(
-      props?.offset ?? { x: props?.x, y: props?.y, z: props?.z }
+      props?.offset ?? props?.center ?? { x: props?.x, y: props?.y, z: props?.z }
     );
     const geoms = (children ?? []).flatMap(
       (c) => renderNode(c, colorCtx, renderCtx)
@@ -28318,7 +28426,7 @@ import * as THREE15 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.443",
+  version: "0.0.445",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -28383,7 +28491,7 @@ var package_default = {
     "circuit-json": "0.0.320",
     "circuit-to-svg": "^0.0.179",
     debug: "^4.4.0",
-    "jscad-electronics": "^0.0.89",
+    "jscad-electronics": "^0.0.91",
     "jscad-planner": "^0.0.13",
     jsdom: "^26.0.0",
     "manifold-3d": "^3.2.1",
@@ -34134,8 +34242,11 @@ function createGeometryMeshes(geoms) {
           new THREE27.MeshStandardMaterial({
             color: comp.color,
             side: THREE27.DoubleSide,
-            flatShading: true
+            flatShading: true,
             // Consistent with board
+            polygonOffset: true,
+            polygonOffsetFactor: -1,
+            polygonOffsetUnits: -1
           })
         );
         mesh.name = comp.key;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.444",
+  "version": "0.0.446",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",
@@ -65,7 +65,7 @@
     "circuit-json": "0.0.320",
     "circuit-to-svg": "^0.0.179",
     "debug": "^4.4.0",
-    "jscad-electronics": "^0.0.89",
+    "jscad-electronics": "^0.0.91",
     "jscad-planner": "^0.0.13",
     "jsdom": "^26.0.0",
     "manifold-3d": "^3.2.1",