@neurodyn/react-model-viewer 0.0.3 → 0.0.4

package/dist/index.js

@@ -6778,6 +6778,43 @@ function getModelViewerApiError(error) {
     if (402 === status) return 'payment-required';
     return null;
 }
+const RECOVERY_STORAGE_KEY = 'vizbl-model-viewer-blank-canvas-recovery';
+const RENDER_CHECK_DELAY_MS = 2000;
+const SAMPLE_SIZE = 64;
+const NON_ZERO_CHANNEL_THRESHOLD = 8;
+function scheduleBlankCanvasRecovery(modelViewerEl) {
+    window.setTimeout(()=>{
+        if (isCanvasBlank(modelViewerEl) && !hasAlreadyRecovered()) {
+            markRecovered();
+            window.location.reload();
+        }
+    }, RENDER_CHECK_DELAY_MS);
+}
+function hasAlreadyRecovered() {
+    try {
+        return '1' === window.sessionStorage.getItem(RECOVERY_STORAGE_KEY);
+    } catch  {
+        return false;
+    }
+}
+function markRecovered() {
+    try {
+        window.sessionStorage.setItem(RECOVERY_STORAGE_KEY, '1');
+    } catch  {}
+}
+function isCanvasBlank(modelViewerEl) {
+    const canvas = modelViewerEl.shadowRoot?.querySelector('canvas.show');
+    if (!canvas || 0 === canvas.width || 0 === canvas.height) return false;
+    const gl = canvas.getContext('webgl2') ?? canvas.getContext('webgl');
+    if (!gl) return false;
+    const size = Math.min(SAMPLE_SIZE, canvas.width, canvas.height);
+    const x = Math.max(0, Math.floor((canvas.width - size) / 2));
+    const y = Math.max(0, Math.floor((canvas.height - size) / 2));
+    const pixels = new Uint8Array(size * size * 4);
+    gl.readPixels(x, y, size, size, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
+    for(let i = 0; i < pixels.length; i += 4)if (pixels[i] > NON_ZERO_CHANNEL_THRESHOLD || pixels[i + 1] > NON_ZERO_CHANNEL_THRESHOLD || pixels[i + 2] > NON_ZERO_CHANNEL_THRESHOLD || pixels[i + 3] > NON_ZERO_CHANNEL_THRESHOLD) return false;
+    return true;
+}
 const ModelViewerContext = /*#__PURE__*/ createContext(null);
 function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExperience, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, hid, launchAr, layout, background, sizeType, viewerSurface }) {
     const { object, material, error, isLoading, setMaterialHid: setObjectMaterialHid, widgetSession } = useObjectData(tinuuid, hid, {
@@ -6865,6 +6902,7 @@ function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExp
         };
         const handleLoad = ()=>{
             setIsModelLoading(false);
+            scheduleBlankCanvasRecovery(modelViewerEl);
         };
         const handleError = ()=>{
             setIsModelLoading(false);
@@ -7799,6 +7837,7 @@ function ModelViewerContainer({ showDialogCloseButton = false }) {
                     arScale: "fixed",
                     shadowIntensity: 1,
                     interactionPromptThreshold: 100,
+                    loading: "eager",
                     children: [
                         /*#__PURE__*/ jsx("div", {
                             slot: "progress-bar"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-model-viewer",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },
@@ -36,7 +36,7 @@
     "radix-ui": "1.4.3",
     "react-shadow": "^20.6.0",
     "tailwind-merge": "3.4.0",
-    "three": "^0.185.1"
+    "three": "0.182.0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.58.0",