jscad-electronics 0.0.35 → 0.0.37

package/dist/vanilla.js

@@ -1478,7 +1478,6 @@ var VSSOP = ({
 // lib/Footprinter3d.tsx
 var Footprinter3d = ({ footprint }) => {
   const fpJson = fp.string(footprint).json();
-  console.log(footprint, fpJson);
   switch (fpJson.fn) {
     case "dip":
       return /* @__PURE__ */ jsx(Dip, { numPins: fpJson.num_pins, pitch: fpJson.p, bodyWidth: fpJson.w });
@@ -1638,17 +1637,17 @@ function renderNode(node, colorCtx) {
   if (!isVNode(node)) return [];
   const { type, props, children } = node;
   if (type === Fragment) {
-    return children.flatMap((c) => renderNode(c, colorCtx));
+    return (children ?? []).flatMap((c) => renderNode(c, colorCtx));
   }
   if (type === Colorize) {
     const newColor = props?.color;
-    return children.flatMap((c) => renderNode(c, newColor ?? colorCtx));
+    return (children ?? []).flatMap((c) => renderNode(c, newColor ?? colorCtx));
   }
   if (type === Translate) {
     const off = toVec3(
       props?.offset ?? { x: props?.x, y: props?.y, z: props?.z }
     );
-    const geoms = children.flatMap((c) => renderNode(c, colorCtx));
+    const geoms = (children ?? []).flatMap((c) => renderNode(c, colorCtx));
     return geoms.map(({ geom, color }) => ({
       geom: transforms.translate(off, geom),
       color: color ?? colorCtx
@@ -1664,7 +1663,7 @@ function renderNode(node, colorCtx) {
       degToRad(props?.y ?? 0),
       degToRad(props?.z ?? 0)
     ];
-    const geoms = children.flatMap((c) => renderNode(c, colorCtx));
+    const geoms = (children ?? []).flatMap((c) => renderNode(c, colorCtx));
     return geoms.map(({ geom, color }) => ({
       geom: transforms.rotateZ(
         rot[2],
@@ -1674,7 +1673,7 @@ function renderNode(node, colorCtx) {
     }));
   }
   if (type === Union || type === Subtract || type === Hull) {
-    const geoms = children.flatMap((c) => renderNode(c, colorCtx)).map((g) => g.geom);
+    const geoms = (children ?? []).flatMap((c) => renderNode(c, colorCtx)).map((g) => g.geom);
     if (geoms.length === 0) return [];
     let geom;
     if (type === Union) geom = booleans.union(geoms);
@@ -1689,7 +1688,7 @@ function renderNode(node, colorCtx) {
     return [{ geom: g2, color: colorCtx ?? props?.color }];
   }
   if (type === ExtrudeLinear) {
-    const geoms2 = children.flatMap((c) => renderNode(c, colorCtx)).map((g) => g.geom);
+    const geoms2 = (children ?? []).flatMap((c) => renderNode(c, colorCtx)).map((g) => g.geom);
     if (geoms2.length === 0) return [];
     const base2 = geoms2.length > 1 ? booleans.union(geoms2) : geoms2[0];
     const height10 = props?.height ?? props?.h ?? 1;
@@ -1729,19 +1728,117 @@ function renderNode(node, colorCtx) {
     const out = type(props ?? {});
     return renderNode(out, colorCtx);
   }
-  return children.flatMap((c) => renderNode(c, colorCtx));
+  return (children ?? []).flatMap((c) => renderNode(c, colorCtx));
 }
 function render(root) {
   const geometries2 = renderNode(root);
   return { geometries: geometries2 };
 }
 
+// lib/vanilla/convertCSGToThreeGeom.ts
+import {
+  BufferAttribute,
+  BufferGeometry,
+  Matrix4
+} from "three";
+function convertCSGToThreeGeom(csg) {
+  if (csg.polygons) {
+    const vertices = [];
+    const indices = [];
+    const colors = [];
+    let idx = 0;
+    for (const polygon of csg.polygons) {
+      for (const vertex of polygon.vertices) {
+        vertex.index = idx;
+        vertices.push(vertex[0], vertex[1], vertex[2]);
+        if (csg.color && csg.color.length >= 3) {
+          colors.push(csg.color[0], csg.color[1], csg.color[2]);
+        } else {
+          colors.push(1, 1, 1);
+        }
+        idx++;
+      }
+      const first = polygon.vertices[0].index;
+      for (let i = 2; i < polygon.vertices.length; i++) {
+        const second = polygon.vertices[i - 1].index;
+        const third = polygon.vertices[i].index;
+        indices.push(first, second, third);
+      }
+    }
+    const geo = new BufferGeometry();
+    geo.setAttribute(
+      "position",
+      new BufferAttribute(new Float32Array(vertices), 3)
+    );
+    geo.setIndex(indices);
+    if (colors.length > 0) {
+      geo.setAttribute(
+        "color",
+        new BufferAttribute(new Float32Array(colors), 3)
+      );
+    }
+    if (csg.transforms) {
+      const transforms2 = new Matrix4();
+      transforms2.fromArray(csg.transforms);
+      geo.applyMatrix4(transforms2);
+    }
+    geo.computeVertexNormals();
+    return geo;
+  }
+  if (csg.sides) {
+    const vertices = [];
+    const colors = [];
+    for (const side of csg.sides) {
+      vertices.push(side[0][0], side[0][1], 0);
+      if (csg.color && csg.color.length >= 3) {
+        colors.push(csg.color[0], csg.color[1], csg.color[2]);
+      } else {
+        colors.push(1, 1, 1);
+      }
+    }
+    const geo = new BufferGeometry();
+    geo.setAttribute(
+      "position",
+      new BufferAttribute(new Float32Array(vertices), 3)
+    );
+    if (colors.length > 0) {
+      geo.setAttribute(
+        "color",
+        new BufferAttribute(new Float32Array(colors), 3)
+      );
+    }
+    if (csg.transforms) {
+      const transforms2 = new Matrix4();
+      transforms2.fromArray(csg.transforms);
+      geo.applyMatrix4(transforms2);
+    }
+    return geo;
+  }
+  console.error("Invalid CSG object: neither polygons nor sides found");
+  return new BufferGeometry();
+}
+
 // lib/vanilla/index.ts
 function getJscadModelForFootprint(footprint) {
   const vnode = h(Footprinter3d, { footprint });
   return render(vnode);
 }
+function createJSCADRenderer(_jscad) {
+  function createJSCADRoot(container) {
+    return {
+      render(element) {
+        const { geometries: geometries2 } = render(element);
+        container.splice(0, container.length, ...geometries2);
+      }
+    };
+  }
+  return { createJSCADRoot };
+}
 export {
-  getJscadModelForFootprint
+  Fragment,
+  convertCSGToThreeGeom,
+  createJSCADRenderer,
+  getJscadModelForFootprint,
+  h
 };
 //# sourceMappingURL=vanilla.js.map