circuit-json-to-gltf 0.0.3 → 0.0.5

package/README.md

@@ -2,6 +2,8 @@
 
 Converts circuit JSON to 3D GLTF files. Used for exporting circuits as 3D models.
 
+[Online Playground](https://circuit-json-to-gltf.vercel.app/renderer.html?fixtureId=%7B%22path%22%3A%22CircuitToGltfDemo.fixture.tsx%22%7D&locked=true)
+
 <img width="2424" height="1854" alt="image" src="https://github.com/user-attachments/assets/4ad8b607-e496-449c-88a3-8875b16c0a53" />
 
 ## Features

package/dist/index.js

@@ -520,7 +520,7 @@ async function convertSvgToPng(svgString, resolution, backgroundColor) {
   if (typeof window !== "undefined" && typeof document !== "undefined") {
     return convertSvgToCanvasBrowser(svgString, resolution, backgroundColor);
   } else {
-    const { svgToPngDataUrl } = await import("./svg-to-png-browser-2JB6D5DD.js");
+    const { svgToPngDataUrl } = await import("./svg-to-png-browser-ZI5PXAWS.js");
     return await svgToPngDataUrl(svgString, {
       width: resolution,
       background: backgroundColor
@@ -1139,7 +1139,11 @@ function createMeshFromOBJ(objMesh) {
     const baseIndex = targetMesh.positions.length / 3;
     for (const vertex of triangle.vertices) {
       targetMesh.positions.push(vertex.x, vertex.y, vertex.z);
-      targetMesh.normals.push(triangle.normal.x, triangle.normal.y, triangle.normal.z);
+      targetMesh.normals.push(
+        triangle.normal.x,
+        triangle.normal.y,
+        triangle.normal.z
+      );
       targetMesh.texcoords.push(vertex.x, vertex.z);
     }
     targetMesh.indices.push(baseIndex, baseIndex + 2, baseIndex + 1);
@@ -1332,7 +1336,12 @@ var GLTFBuilder = class {
       const alpha = 1 - dissolve;
       let baseColor = [0.3, 0.3, 0.3, alpha];
       if (objMaterial.color) {
-        const color = typeof objMaterial.color === "string" ? this.parseColorString(objMaterial.color) : [objMaterial.color[0] / 255, objMaterial.color[1] / 255, objMaterial.color[2] / 255, alpha];
+        const color = typeof objMaterial.color === "string" ? this.parseColorString(objMaterial.color) : [
+          objMaterial.color[0] / 255,
+          objMaterial.color[1] / 255,
+          objMaterial.color[2] / 255,
+          alpha
+        ];
         baseColor = [color[0], color[1], color[2], alpha];
       }
       const gltfMaterialIndex = this.addMaterial({
@@ -1349,7 +1358,11 @@ var GLTFBuilder = class {
     }
     const primitives = [];
     for (const { meshData, materialIndex } of meshDataArray) {
-      const transformedMeshData = transformMesh(meshData, box.center, box.rotation);
+      const transformedMeshData = transformMesh(
+        meshData,
+        box.center,
+        box.rotation
+      );
       const positionAccessorIndex = this.addAccessor(
         transformedMeshData.positions,
         "VEC3",
@@ -1464,7 +1477,11 @@ var GLTFBuilder = class {
     const meshIndex = this.meshes.length;
     const primitives = [];
     for (const [faceName, faceData] of Object.entries(faceMeshes)) {
-      const transformedFaceData = transformMesh(faceData, box.center, box.rotation);
+      const transformedFaceData = transformMesh(
+        faceData,
+        box.center,
+        box.rotation
+      );
       const positionAccessorIndex = this.addAccessor(
         transformedFaceData.positions,
         "VEC3",

package/dist/{svg-to-png-browser-2JB6D5DD.js → svg-to-png-browser-ZI5PXAWS.js}

@@ -6,10 +6,7 @@ async function ensureWasmInitialized() {
     try {
       if (typeof process !== "undefined" && process.versions?.node) {
         const { readFileSync } = await import("fs");
-        const { fileURLToPath } = await import("url");
-        const { dirname, join } = await import("path");
-        const currentDir = dirname(fileURLToPath(import.meta.url));
-        const wasmPath = join(currentDir, "../../node_modules/@resvg/resvg-wasm/index_bg.wasm");
+        const wasmPath = await import("@resvg/resvg-wasm/index_bg.wasm");
         const wasmBuffer = readFileSync(wasmPath);
         await initWasm(wasmBuffer);
       } else {
@@ -17,7 +14,9 @@ async function ensureWasmInitialized() {
           const wasmUrl = await import("@resvg/resvg-wasm/index_bg.wasm?url");
           await initWasm(fetch(wasmUrl.default));
         } catch {
-          await initWasm(fetch("https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm"));
+          await initWasm(
+            fetch("https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm")
+          );
         }
       }
       wasmInitialized = true;

package/package.json

@@ -2,7 +2,7 @@
   "name": "circuit-json-to-gltf",
   "main": "dist/index.js",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "scripts": {
     "test": "bun test tests/",
     "format": "biome format --write .",
@@ -35,7 +35,17 @@
     "vite": "^7.1.1"
   },
   "peerDependencies": {
-    "typescript": "^5"
+    "typescript": "^5",
+    "@resvg/resvg-wasm": "2",
+    "@resvg/resvg-js": "2",
+    "circuit-to-svg": "*",
+    "@tscircuit/circuit-json-util": "*",
+    "circuit-json": "*"
+  },
+  "peerDependenciesMeta": {
+    "@resvg/resvg-wasm": {
+      "optional": true
+    }
   },
   "dependencies": {}
 }