circuit-json-to-gltf 0.0.15 → 0.0.17

package/dist/index.js

@@ -1100,37 +1100,39 @@ async function convertCircuitJsonTo3D(circuitJson, options = {}) {
   } = options;
   const db = cju(circuitJson);
   const boxes = [];
-  const pcbBoard = db.pcb_board.list()[0];
-  if (!pcbBoard) {
-    throw new Error("No pcb_board found in circuit JSON");
-  }
-  const boardBox = {
-    center: {
-      x: pcbBoard.center.x,
-      y: 0,
-      z: pcbBoard.center.y
-    },
-    size: {
-      x: pcbBoard.width,
-      y: boardThickness,
-      z: pcbBoard.height
-    }
-  };
-  if (shouldRenderTextures && textureResolution > 0) {
-    try {
-      const textures = await renderBoardTextures(circuitJson, textureResolution);
-      boardBox.texture = {
-        top: textures.top,
-        bottom: textures.bottom
-      };
-    } catch (error) {
-      console.warn("Failed to render board textures:", error);
+  const pcbBoard = db.pcb_board?.list?.()[0];
+  if (pcbBoard) {
+    const boardBox = {
+      center: {
+        x: pcbBoard.center.x,
+        y: 0,
+        z: pcbBoard.center.y
+      },
+      size: {
+        x: pcbBoard.width,
+        y: boardThickness,
+        z: pcbBoard.height
+      }
+    };
+    if (shouldRenderTextures && textureResolution > 0) {
+      try {
+        const textures = await renderBoardTextures(
+          circuitJson,
+          textureResolution
+        );
+        boardBox.texture = {
+          top: textures.top,
+          bottom: textures.bottom
+        };
+      } catch (error) {
+        console.warn("Failed to render board textures:", error);
+        boardBox.color = pcbColor;
+      }
+    } else {
       boardBox.color = pcbColor;
     }
-  } else {
-    boardBox.color = pcbColor;
+    boxes.push(boardBox);
   }
-  boxes.push(boardBox);
   const cadComponents = db.cad_component?.list?.() ?? [];
   const pcbComponentIdsWith3D = /* @__PURE__ */ new Set();
   for (const cad of cadComponents) {
@@ -1239,26 +1241,72 @@ async function convertCircuitJsonTo3D(circuitJson, options = {}) {
       labelColor: "white"
     });
   }
-  const boardDiagonal = Math.sqrt(
-    pcbBoard.width * pcbBoard.width + pcbBoard.height * pcbBoard.height
-  );
-  const cameraDistance = boardDiagonal * 1.5;
-  const camera = {
-    position: {
-      x: pcbBoard.center.x + cameraDistance * 0.5,
-      y: cameraDistance * 0.7,
-      z: pcbBoard.center.y + cameraDistance * 0.5
-    },
-    target: {
-      x: pcbBoard.center.x,
-      y: 0,
-      z: pcbBoard.center.y
-    },
-    up: { x: 0, y: 1, z: 0 },
-    fov: 50,
-    near: 0.1,
-    far: cameraDistance * 4
-  };
+  let camera;
+  if (pcbBoard) {
+    const boardDiagonal = Math.sqrt(
+      pcbBoard.width * pcbBoard.width + pcbBoard.height * pcbBoard.height
+    );
+    const cameraDistance = boardDiagonal * 1.5;
+    camera = {
+      position: {
+        x: pcbBoard.center.x + cameraDistance * 0.5,
+        y: cameraDistance * 0.7,
+        z: pcbBoard.center.y + cameraDistance * 0.5
+      },
+      target: {
+        x: pcbBoard.center.x,
+        y: 0,
+        z: pcbBoard.center.y
+      },
+      up: { x: 0, y: 1, z: 0 },
+      fov: 50,
+      near: 0.1,
+      far: cameraDistance * 4
+    };
+  } else {
+    const hasBoxes = boxes.length > 0;
+    if (hasBoxes) {
+      let minX = Infinity;
+      let minZ = Infinity;
+      let maxX = -Infinity;
+      let maxZ = -Infinity;
+      for (const box of boxes) {
+        const halfX = (box.size?.x ?? 0) / 2;
+        const halfZ = (box.size?.z ?? 0) / 2;
+        minX = Math.min(minX, box.center.x - halfX);
+        maxX = Math.max(maxX, box.center.x + halfX);
+        minZ = Math.min(minZ, box.center.z - halfZ);
+        maxZ = Math.max(maxZ, box.center.z + halfZ);
+      }
+      const width = Math.max(maxX - minX, 1);
+      const height = Math.max(maxZ - minZ, 1);
+      const diagonal = Math.sqrt(width * width + height * height);
+      const distance = diagonal * 1.5;
+      const centerX = (minX + maxX) / 2;
+      const centerZ = (minZ + maxZ) / 2;
+      camera = {
+        position: {
+          x: centerX + distance * 0.5,
+          y: distance * 0.7,
+          z: centerZ + distance * 0.5
+        },
+        target: { x: centerX, y: 0, z: centerZ },
+        up: { x: 0, y: 1, z: 0 },
+        fov: 50,
+        near: 0.1,
+        far: distance * 4
+      };
+    } else {
+      camera = {
+        position: { x: 30, y: 30, z: 25 },
+        target: { x: 0, y: 0, z: 0 },
+        up: { x: 0, y: 1, z: 0 },
+        fov: 50,
+        near: 0.1,
+        far: 120
+      };
+    }
+  }
   const lights = [
     {
       type: "ambient",

package/package.json

@@ -2,7 +2,7 @@
   "name": "circuit-json-to-gltf",
   "main": "dist/index.js",
   "type": "module",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "scripts": {
     "test": "bun test tests/",
     "format": "biome format --write .",
@@ -27,15 +27,16 @@
     "bun-match-svg": "^0.0.12",
     "circuit-json": "^0.0.267",
     "circuit-to-svg": "^0.0.175",
+    "graphics-debug": "^0.0.65",
     "looks-same": "^9.0.1",
     "poppygl": "^0.0.9",
     "react": "^19.1.1",
     "react-cosmos": "^7.0.0",
     "react-cosmos-plugin-vite": "^7.0.0",
     "react-dom": "^19.1.1",
+    "tscircuit": "^0.0.701",
     "tsup": "^8.5.0",
-    "vite": "^7.1.1",
-    "tscircuit": "^0.0.701"
+    "vite": "^7.1.1"
   },
   "peerDependencies": {
     "typescript": "^5",
@@ -48,6 +49,9 @@
   "peerDependenciesMeta": {
     "@resvg/resvg-wasm": {
       "optional": true
+    },
+    "@resvg/resvg-js": {
+      "optional": true
     }
   }
 }