@tscircuit/3d-viewer 0.0.344 → 0.0.345

package/dist/index.js

@@ -25291,6 +25291,9 @@ var JscadModel = ({
   const { rootObject } = useThree();
   const { threeGeom, material } = useMemo3(() => {
     const jscadObject = (0, import_jscad_planner.executeJscadOperations)(import_modeling2.default, jscadPlan);
+    if (!jscadObject || !jscadObject.polygons && !jscadObject.sides) {
+      return { threeGeom: null, material: null };
+    }
     const threeGeom2 = convertCSGToThreeGeom(jscadObject);
     const material2 = new THREE3.MeshStandardMaterial({
       vertexColors: true,
@@ -25363,8 +25366,15 @@ var FootprinterModel = ({
     if (!footprint) return null;
     const { geometries: geometries2 } = getJscadModelForFootprint(footprint);
     const group2 = new THREE4.Group();
-    for (const geom of geometries2) {
-      const threeGeom = convertCSGToThreeGeom(geom);
+    for (const geomInfo of geometries2.flat(Infinity)) {
+      const geom = geomInfo.geom;
+      if (!geom || !geom.polygons && !geom.sides) {
+        continue;
+      }
+      const color = new THREE4.Color(geomInfo.color);
+      color.convertLinearToSRGB();
+      const geomWithColor = { ...geom, color: [color.r, color.g, color.b] };
+      const threeGeom = convertCSGToThreeGeom(geomWithColor);
       const material = new THREE4.MeshStandardMaterial({
         vertexColors: true,
         side: THREE4.DoubleSide
@@ -25572,7 +25582,7 @@ import * as THREE10 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.343",
+  version: "0.0.344",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -29407,39 +29417,48 @@ async function renderComponent(component, scene) {
       import_modeling3.default,
       component.model_jscad
     );
-    const threeGeom = convertCSGToThreeGeom(jscadObject);
-    const material2 = new THREE24.MeshStandardMaterial({
-      color: 8947848,
-      metalness: 0.5,
-      roughness: 0.5,
-      side: THREE24.DoubleSide
-    });
-    const mesh2 = new THREE24.Mesh(threeGeom, material2);
-    if (component.position) {
-      mesh2.position.set(
-        component.position.x ?? 0,
-        component.position.y ?? 0,
-        (component.position.z ?? 0) + 0.5
-      );
-    }
-    if (component.rotation) {
-      mesh2.rotation.set(
-        THREE24.MathUtils.degToRad(component.rotation.x ?? 0),
-        THREE24.MathUtils.degToRad(component.rotation.y ?? 0),
-        THREE24.MathUtils.degToRad(component.rotation.z ?? 0)
-      );
+    if (jscadObject && (jscadObject.polygons || jscadObject.sides)) {
+      const threeGeom = convertCSGToThreeGeom(jscadObject);
+      const material2 = new THREE24.MeshStandardMaterial({
+        color: 8947848,
+        metalness: 0.5,
+        roughness: 0.5,
+        side: THREE24.DoubleSide
+      });
+      const mesh2 = new THREE24.Mesh(threeGeom, material2);
+      if (component.position) {
+        mesh2.position.set(
+          component.position.x ?? 0,
+          component.position.y ?? 0,
+          (component.position.z ?? 0) + 0.5
+        );
+      }
+      if (component.rotation) {
+        mesh2.rotation.set(
+          THREE24.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE24.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE24.MathUtils.degToRad(component.rotation.z ?? 0)
+        );
+      }
+      scene.add(mesh2);
     }
-    scene.add(mesh2);
     return;
   }
   if (component.footprinter_string) {
     const { geometries: geometries2 } = getJscadModelForFootprint(
       component.footprinter_string
     );
-    for (const geom of geometries2) {
-      const threeGeom = convertCSGToThreeGeom(geom);
+    for (const geomInfo of geometries2.flat(Infinity)) {
+      const geom = geomInfo.geom;
+      if (!geom || !geom.polygons && !geom.sides) {
+        continue;
+      }
+      const color = new THREE24.Color(geomInfo.color);
+      color.convertLinearToSRGB();
+      const geomWithColor = { ...geom, color: [color.r, color.g, color.b] };
+      const threeGeom = convertCSGToThreeGeom(geomWithColor);
       const material2 = new THREE24.MeshStandardMaterial({
-        color: 4473924,
+        vertexColors: true,
         metalness: 0.2,
         roughness: 0.8,
         side: THREE24.DoubleSide
@@ -29522,12 +29541,14 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   const boardGeom = createBoardGeomFromCircuitJson(circuitJson);
   if (boardGeom) {
     for (const geom of boardGeom) {
-      const geometry = createGeometryFromPolygons(geom.polygons);
+      const g = geom;
+      if (!g.polygons || g.polygons.length === 0) continue;
+      const geometry = createGeometryFromPolygons(g.polygons);
       const material = new THREE25.MeshStandardMaterial({
         color: new THREE25.Color(
-          geom.color?.[0] ?? 0,
-          geom.color?.[1] ?? 0,
-          geom.color?.[2] ?? 0
+          g.color?.[0] ?? 0,
+          g.color?.[1] ?? 0,
+          g.color?.[2] ?? 0
         ),
         metalness: 0.1,
         roughness: 0.8,

package/package.json

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