circuit-json-to-gltf 0.0.52 → 0.0.56

package/dist/index.d.ts

@@ -79,6 +79,7 @@ interface Box3D {
     meshType?: "stl" | "obj" | "glb";
     label?: string;
     labelColor?: Color;
+    isTranslucent?: boolean;
 }
 interface Scene3D {
     boxes: Box3D[];

package/dist/index.js

@@ -14678,7 +14678,7 @@ async function renderBoardLayer(circuitJson, options) {
 }
 async function convertSvgToPng(svgString, resolution, backgroundColor) {
   if (typeof window !== "undefined" && typeof document !== "undefined") {
-    const { svgToPngDataUrl } = await import("./svg-to-png-browser-VH734VGT.js");
+    const { svgToPngDataUrl } = await import("./svg-to-png-browser-MXUWCXAZ.js");
     return await svgToPngDataUrl(svgString, {
       width: resolution,
       background: backgroundColor
@@ -15148,7 +15148,8 @@ async function convertCircuitJsonTo3D(circuitJson, options = {}) {
     const meshType = model_stl_url ? "stl" : model_obj_url ? "obj" : model_gltf_url ? "gltf" : model_glb_url ? "glb" : hasFootprinterModel ? "glb" : void 0;
     const box = {
       center,
-      size
+      size,
+      isTranslucent: cad.show_as_translucent_model
     };
     if (model_stl_url || model_obj_url || model_glb_url || model_gltf_url) {
       box.meshUrl = model_stl_url || model_obj_url || model_glb_url || model_gltf_url;
@@ -15936,16 +15937,22 @@ var GLTFBuilder = class {
     meshData = convertMeshToGLTFOrientation(meshData);
     let materialIndex = defaultMaterialIndex;
     if (box.color) {
-      materialIndex = this.addMaterialFromColor(box.color, !box.mesh);
+      materialIndex = this.addMaterialFromColor({
+        color: box.color,
+        makeTransparent: !box.mesh,
+        isTranslucent: box.isTranslucent
+      });
     } else if (box.mesh) {
+      const opacity = box.isTranslucent ? 0.5 : 1;
       materialIndex = this.addMaterial({
         name: `MeshMaterial_${this.materials.length}`,
         pbrMetallicRoughness: {
-          baseColorFactor: [0.7, 0.7, 0.7, 1],
+          baseColorFactor: [0.7, 0.7, 0.7, opacity],
           metallicFactor: 0.1,
           roughnessFactor: 0.9
         },
-        alphaMode: "OPAQUE"
+        alphaMode: box.isTranslucent ? "BLEND" : "OPAQUE",
+        doubleSided: box.isTranslucent ? true : void 0
       });
     }
     const meshIndex = this.addMesh(meshData, materialIndex, box.label);
@@ -15971,7 +15978,10 @@ var GLTFBuilder = class {
         ];
         baseColor = [color[0], color[1], color[2], color[3]];
       }
-      const alpha = objMaterial.dissolve !== void 0 ? 1 - objMaterial.dissolve : baseColor[3];
+      let alpha = objMaterial.dissolve !== void 0 ? 1 - objMaterial.dissolve : baseColor[3];
+      if (box.isTranslucent) {
+        alpha = 0.5;
+      }
       baseColor[3] = alpha;
       const gltfMaterialIndex = this.addMaterial({
         name: `OBJ_${name}`,
@@ -15980,7 +15990,8 @@ var GLTFBuilder = class {
           metallicFactor: 0.05,
           roughnessFactor: 0.95
         },
-        alphaMode: alpha < 1 ? "BLEND" : "OPAQUE"
+        alphaMode: alpha < 1 ? "BLEND" : "OPAQUE",
+        doubleSided: box.isTranslucent ? true : void 0
       });
       const materialIndex = objMesh.materialIndexMap?.get(name) ?? -1;
       objMaterialIndices.set(materialIndex, gltfMaterialIndex);
@@ -16426,7 +16437,8 @@ var GLTFBuilder = class {
     this.materials.push(material);
     return index;
   }
-  addMaterialFromColor(color, makeTransparent = false) {
+  addMaterialFromColor(opts) {
+    const { color, makeTransparent = false, isTranslucent = false } = opts;
     const baseColor = typeof color === "string" ? this.parseColorString(color) : [color[0] / 255, color[1] / 255, color[2] / 255, color[3]];
     if (makeTransparent) {
       baseColor[3] = 0.5;
@@ -16438,7 +16450,8 @@ var GLTFBuilder = class {
         metallicFactor: 0.05,
         roughnessFactor: 0.95
       },
-      alphaMode: makeTransparent ? "BLEND" : "OPAQUE"
+      alphaMode: makeTransparent || isTranslucent ? "BLEND" : "OPAQUE",
+      doubleSided: isTranslucent ? true : void 0
     });
   }
   parseColorString(color) {

package/dist/{svg-to-png-browser-VH734VGT.js → svg-to-png-browser-MXUWCXAZ.js}

@@ -6,14 +6,18 @@ import {
 } from "./chunk-QGM4M3NI.js";
 
 // lib/utils/svg-to-png-browser.ts
-import { Resvg, initWasm } from "@resvg/resvg-wasm";
 var wasmInitialized = false;
+var Resvg;
+var initWasm;
 async function ensureWasmInitialized() {
   if (!wasmInitialized) {
     try {
       if (typeof process !== "undefined" && process.versions?.node) {
         const { readFileSync } = await import("fs");
         const { dirname, join } = await import("path");
+        const resvgModule = await import("@resvg/resvg-wasm");
+        Resvg = resvgModule.Resvg;
+        initWasm = resvgModule.initWasm;
         try {
           const packagePath = __require.resolve("@resvg/resvg-wasm/package.json");
           const wasmPath = join(dirname(packagePath), "index_bg.wasm");
@@ -33,12 +37,28 @@ async function ensureWasmInitialized() {
         }
       } else {
         try {
+          const resvgModule = await import("@resvg/resvg-wasm");
+          Resvg = resvgModule.Resvg;
+          initWasm = resvgModule.initWasm;
           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")
-          );
+          try {
+            const cdnUrl = "https://cdn.jsdelivr.net/npm/@resvg/resvg-wasm@2.6.2/+esm";
+            const resvgModule = await import(
+              /* @vite-ignore */
+              cdnUrl
+            );
+            Resvg = resvgModule.Resvg;
+            initWasm = resvgModule.initWasm;
+            await initWasm(
+              fetch("https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm")
+            );
+          } catch (cdnError) {
+            throw new Error(
+              `Failed to load resvg-wasm from CDN: ${cdnError.message}`
+            );
+          }
         }
       }
       wasmInitialized = true;

package/package.json

@@ -2,7 +2,7 @@
   "name": "circuit-json-to-gltf",
   "main": "dist/index.js",
   "type": "module",
-  "version": "0.0.52",
+  "version": "0.0.56",
   "scripts": {
     "test": "bun test tests/",
     "format": "biome format --write .",
@@ -32,7 +32,7 @@
     "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react": "^5.0.0",
     "bun-match-svg": "^0.0.12",
-    "circuit-json": "^0.0.312",
+    "circuit-json": "^0.0.327",
     "circuit-to-svg": "0.0.283",
     "graphics-debug": "^0.0.65",
     "looks-same": "^9.0.1",
@@ -41,7 +41,7 @@
     "react-cosmos": "^7.0.0",
     "react-cosmos-plugin-vite": "^7.0.0",
     "react-dom": "^19.1.1",
-    "tscircuit": "^0.0.800",
+    "tscircuit": "^0.0.1020",
     "tsup": "^8.5.0",
     "vite": "^7.1.1"
   },