@webspatial/react-sdk 0.1.1 → 0.1.2

package/dist/default/index.js

@@ -3400,9 +3400,23 @@ function ModelBase(inProps, ref) {
     const isDragging = useRef12(false);
     let [modelViewerExists, setModelViewerExists] = useState6(false);
     useEffect16(() => {
+      var modelViewerFound = false;
       customElements.whenDefined("model-viewer").then(function() {
-        setModelViewerExists(true);
+        modelViewerFound = true;
+        setModelViewerExists(modelViewerFound);
       });
+      setTimeout(() => {
+        if (!modelViewerFound) {
+          console.warn(
+            'model-viewer element not loaded yet, if you want to fallback to webGL model loading, you must include the model-viewer library manually in your html file eg. \n\n <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>'
+          );
+          if (props2.onLoad) {
+            props2.onLoad({
+              target: { ready: false, currentSrc: gltfSourceURL }
+            });
+          }
+        }
+      }, 500);
     }, []);
     useEffect16(() => {
       if (!modelViewerExists) {
@@ -3493,7 +3507,14 @@ function ModelBase(inProps, ref) {
         "touch-action": "pan-y",
         poster: props2.poster
       }
-    ) : /* @__PURE__ */ jsx16(Fragment5, {}) });
+    ) : /* @__PURE__ */ jsx16(Fragment5, { children: props2.poster ? /* @__PURE__ */ jsx16(
+      "img",
+      {
+        className,
+        style: Object.assign(style, { objectFit: "contain" }),
+        src: props2.poster
+      }
+    ) : /* @__PURE__ */ jsx16(Fragment5, {}) }) });
   } else {
     return renderInModel3D(props, ref, usdzSourceURL, placeHolder);
   }