@tscircuit/3d-viewer 0.0.509 → 0.0.511

package/README.md

@@ -122,6 +122,7 @@ Props:
 
 - `circuit-json`: (optional) An array of AnyCircuitElement objects representing the PCB layout.
 - `children`: (optional) React children elements describing the PCB layout (alternative to using `circuit-json`).
+- `resolveStaticAsset`: (optional) Function that receives each component model URL (`obj`, `wrl`, `stl`, `gltf`, `glb`, `step`) and returns the resolved URL to load.
 
 ### `<board>`
 

package/dist/index.js

@@ -28263,6 +28263,12 @@ var StepModel = ({
   );
 };
 
+// src/utils/resolve-model-url.ts
+var resolveModelUrl = (modelUrl, resolveStaticAsset) => {
+  if (!modelUrl) return void 0;
+  return resolveStaticAsset ? resolveStaticAsset(modelUrl) : modelUrl;
+};
+
 // src/utils/tuple.ts
 var tuple = (...args) => args;
 
@@ -28270,7 +28276,8 @@ var tuple = (...args) => args;
 import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 var AnyCadComponent = ({
   cad_component,
-  circuitJson
+  circuitJson,
+  resolveStaticAsset
 }) => {
   const pcbThickness = usePcbThickness(circuitJson);
   const [isHovered, setIsHovered] = useState7(false);
@@ -28300,9 +28307,19 @@ var AnyCadComponent = ({
     );
     return platedHoles.length > 0;
   }, [circuitJson, cad_component.pcb_component_id]);
-  const url = cad_component.model_obj_url ?? cad_component.model_wrl_url ?? cad_component.model_stl_url;
-  const gltfUrl = cad_component.model_glb_url ?? cad_component.model_gltf_url;
-  const stepUrl = cad_component.model_step_url;
+  const resolveModelUrlWithStaticResolver = useCallback3(
+    (modelUrl) => resolveModelUrl(modelUrl, resolveStaticAsset),
+    [resolveStaticAsset]
+  );
+  const url = resolveModelUrlWithStaticResolver(
+    cad_component.model_obj_url ?? cad_component.model_wrl_url ?? cad_component.model_stl_url
+  );
+  const gltfUrl = resolveModelUrlWithStaticResolver(
+    cad_component.model_glb_url ?? cad_component.model_gltf_url
+  );
+  const stepUrl = resolveModelUrlWithStaticResolver(
+    cad_component.model_step_url
+  );
   const pcbComponent = circuitJson.find(
     (elm) => elm.type === "pcb_component" && elm.source_component_id === cad_component.source_component_id
   );
@@ -28447,7 +28464,7 @@ import * as THREE16 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.508",
+  version: "0.0.510",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -34184,7 +34201,8 @@ var CadViewerJscad = forwardRef3(
     autoRotateDisabled,
     clickToInteractEnabled,
     onUserInteraction,
-    onCameraControllerReady
+    onCameraControllerReady,
+    resolveStaticAsset
   }, ref) => {
     const childrenSoup = useConvertChildrenToCircuitJson(children);
     const internalCircuitJson = useMemo20(() => {
@@ -34291,7 +34309,8 @@ var CadViewerJscad = forwardRef3(
                 AnyCadComponent,
                 {
                   cad_component,
-                  circuitJson: internalCircuitJson
+                  circuitJson: internalCircuitJson,
+                  resolveStaticAsset
                 },
                 cad_component.cad_component_id
               )
@@ -36097,7 +36116,8 @@ var CadViewerManifold = ({
   clickToInteractEnabled,
   onUserInteraction,
   children,
-  onCameraControllerReady
+  onCameraControllerReady,
+  resolveStaticAsset
 }) => {
   const childrenCircuitJson = useConvertChildrenToCircuitJson(children);
   const circuitJson = useMemo22(() => {
@@ -36278,7 +36298,8 @@ try {
               AnyCadComponent,
               {
                 cad_component,
-                circuitJson
+                circuitJson,
+                resolveStaticAsset
               }
             )
           },

package/package.json

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