circuit-json-to-gltf 0.0.52 → 0.0.53

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

@@ -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/package.json

@@ -2,7 +2,7 @@
   "name": "circuit-json-to-gltf",
   "main": "dist/index.js",
   "type": "module",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "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"
   },