@tscircuit/3d-viewer 0.0.355 → 0.0.356

package/dist/index.js

@@ -25583,7 +25583,7 @@ import * as THREE10 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.354",
+  version: "0.0.355",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -26299,16 +26299,6 @@ var useConvertChildrenToSoup = (children) => {
 // src/hooks/use-stls-from-geom.ts
 import { useState as useState7, useEffect as useEffect15 } from "react";
 import stlSerializer from "@jscad/stl-serializer";
-function blobToBase64Url(blob) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-      resolve(reader.result);
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  });
-}
 var useStlsFromGeom = (geom) => {
   const [stls, setStls] = useState7([]);
   const [loading, setLoading] = useState7(true);
@@ -26318,10 +26308,10 @@ var useStlsFromGeom = (geom) => {
       setLoading(true);
       const geometries2 = Array.isArray(geom) ? geom : [geom];
       const stlPromises = geometries2.map(async (g) => {
-        const rawData = stlSerializer.serialize({ binary: true }, [g]);
-        const blobData = new Blob(rawData);
-        const stlUrl = await blobToBase64Url(blobData);
-        return { stlUrl, color: g.color };
+        const rawParts = stlSerializer.serialize({ binary: true }, [g]);
+        const blob = new Blob(rawParts);
+        const stlData = await blob.arrayBuffer();
+        return { stlData, color: g.color };
       });
       try {
         const generatedStls = await Promise.all(stlPromises);
@@ -27621,6 +27611,7 @@ import * as THREE12 from "three";
 import { STLLoader } from "three-stdlib";
 function STLModel({
   stlUrl,
+  stlData,
   mtlUrl,
   color,
   opacity = 1
@@ -27629,10 +27620,22 @@ function STLModel({
   const [geom, setGeom] = useState10(null);
   useEffect18(() => {
     const loader = new STLLoader();
-    loader.load(stlUrl, (geometry) => {
-      setGeom(geometry);
-    });
-  }, [stlUrl]);
+    if (stlData) {
+      try {
+        const geometry = loader.parse(stlData);
+        setGeom(geometry);
+      } catch (e) {
+        console.error("Failed to parse STL data", e);
+        setGeom(null);
+      }
+      return;
+    }
+    if (stlUrl) {
+      loader.load(stlUrl, (geometry) => {
+        setGeom(geometry);
+      });
+    }
+  }, [stlUrl, stlData]);
   const mesh = useMemo15(() => {
     if (!geom) return null;
     const material = new THREE12.MeshStandardMaterial({
@@ -27735,14 +27738,14 @@ var CadViewerJscad = forwardRef3(
         boardDimensions,
         onUserInteraction,
         children: [
-          boardStls.map(({ stlUrl, color }, index) => /* @__PURE__ */ jsx12(
+          boardStls.map(({ stlData, color }, index) => /* @__PURE__ */ jsx12(
             STLModel,
             {
-              stlUrl,
+              stlData,
               color,
               opacity: index === 0 ? 0.95 : 1
             },
-            stlUrl
+            `board-${index - boardStls.length}`
           )),
           cad_components.map((cad_component2) => /* @__PURE__ */ jsx12(
             ThreeErrorBoundary,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.355",
+  "version": "0.0.356",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",