@webspatial/react-sdk 0.0.8 → 0.0.10

package/dist/default/index.js

@@ -3251,15 +3251,18 @@ function parseChildren(child) {
   }
   const gltfSources = sourceElements.filter((node) => {
     const type = node.props?.type.trim();
-    return type.startsWith("model/gltf-binary") || type.startsWith("model/gltf+json");
+    const source = node.props?.src.trim().toLowerCase();
+    const isGLFT = source.endsWith(".gltf");
+    const isGLB = source.endsWith(".glb");
+    return type.startsWith("model/gltf-binary") && isGLB || type.startsWith("model/gltf+json") && isGLFT;
   });
   const usdzSources = sourceElements.filter(
     (node) => node.props?.type.trim().startsWith("model/vnd.usdz+zip")
   );
   let lastChild = children[children.length - 1];
   const placeHolder = sourceElements.indexOf(lastChild) < 0 ? lastChild : void 0;
-  const gltfSourceURL = gltfSources.length > 0 && gltfSources[0].props?.src;
-  const usdzSourceURL = usdzSources.length > 0 && usdzSources[0].props?.src;
+  const gltfSourceURL = gltfSources.length > 0 ? gltfSources[0].props?.src : "";
+  const usdzSourceURL = usdzSources.length > 0 ? usdzSources[0].props?.src : "";
   return {
     placeHolder,
     gltfSourceURL: getAbsoluteURL(gltfSourceURL),
@@ -3286,6 +3289,15 @@ function ModelBase(inProps, ref) {
       if (!modelViewerExists) {
         return;
       }
+      myModelViewer.current.addEventListener("error", (event) => {
+        if (event.detail.type == "loadfailure") {
+          if (props2.onLoad) {
+            props2.onLoad({
+              target: { ready: false, currentSrc: gltfSourceURL }
+            });
+          }
+        }
+      });
       myModelViewer.current.addEventListener("load", (event) => {
         if (props2.onLoad) {
           props2.onLoad({