@xh/hoist 56.4.0 → 56.4.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## v56.4.1 - 2024-04-25
+
+### 🐞 Bug Fixes
+
+* Fixed over-eager error handler installed on window during preflight app initialization. This can
+  catch errors thrown by browser extensions unrelated to the app itself, which should not block
+  startup. Make opt-in via special query param `catchPreflightError=true`.
+
 ## v56.4.0 - 2023-05-10
 
 ### 🎁 New Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "56.4.0",
+  "version": "56.4.1",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",

package/static/preflight.js

@@ -21,18 +21,20 @@ window._xhLoadTimestamp = Date.now();
     }
 })(window);
 
-// Catch errors that occur before our in-app exception handling takes over.
-window.onerror = function(errorMsg, url, line, col, error) {
-    document.body.innerHTML = (
-        '<div style="margin: 60px auto; font-family: sans-serif; width: 450px; max-width: 80%; text-align: center; padding: 20px; border: 1px solid #ccc;">' +
-        '<strong>This application can not be loaded in your current browser</strong><br/><br/>' +
+// Use flag below to catch and stop on errors that occur before in-app exception handling active.
+if (window.location.search.toLowerCase().indexOf('catchpreflighterror=true') != -1) {
+    window.onerror = function (errorMsg, url, line, col, error) {
+        document.body.innerHTML = (
+            '<div style="margin: 60px auto; font-family: sans-serif; width: 450px; max-width: 80%; text-align: center; padding: 20px; border: 1px solid #ccc;">' +
+            '<strong>This application can not be loaded in your current browser</strong><br/><br/>' +
             '<div style="text-align: left">' +
-                    errorMsg + '<br/>' +
-                    '<div style="padding-left: 3em; overflow-wrap: anywhere;">' +
-                        'at ' + url + ':' + line + ':' + col +
-                    '</div>' + '<br/><br/>' +
-                    window.navigator.userAgent +
+            errorMsg + '<br/>' +
+            '<div style="padding-left: 3em; overflow-wrap: anywhere;">' +
+            'at ' + url + ':' + line + ':' + col +
+            '</div>' + '<br/><br/>' +
+            window.navigator.userAgent +
             '</div>' +
-        '</div>'
-    );
-};
+            '</div>'
+        );
+    };
+}