enhance(noscript): also detect when a key JS asset cannot be loaded

owid · Aug 6, 2024 · 1aafe96 · 1aafe96
1 parent 2696433
commit 1aafe96
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/site/SiteFooter.tsx b/site/SiteFooter.tsx
@@ -301,6 +301,18 @@ export const SiteFooter = (props: SiteFooterProps) => (
             </div>
             <div className="site-tools" />
             {viteAssetsForSite().forFooter}
+            <script
+                dangerouslySetInnerHTML={{
+                    __html: `
+document.querySelectorAll("script[data-attach-owid-error-handler]").forEach(script => {
+    script.onerror = () => {
+        console.log(new Error("Failed to load script: ", script.src));
+        document.documentElement.classList.add("js-disabled");
+        document.documentElement.classList.remove("js-enabled");
+    }
+})`,
+                }}
+            />
             <script
                 type="module"
                 dangerouslySetInnerHTML={{

diff --git a/site/viteUtils.tsx b/site/viteUtils.tsx
@@ -121,7 +121,12 @@ export const createTagsForManifestEntry = (
             if (manifestEntry?.isEntry) {
                 assets = [
                     ...assets,
-                    <script key={entry} type="module" src={assetUrl} />,
+                    <script
+                        key={entry}
+                        type="module"
+                        src={assetUrl}
+                        data-attach-owid-error-handler
+                    />,
                 ]
             }