From 00dd3c435db4f4ba7230dc74f30cc978e15556d9 Mon Sep 17 00:00:00 2001
From: Max Wofford <max@maxwofford.com>
Date: Sun, 7 May 2023 15:30:53 -0400
Subject: [PATCH] Alert user to reload page on failed asset loading

---
 Types/Assets.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/Types/Assets.js b/Types/Assets.js
index 1d5a17b7..e957c911 100644
--- a/Types/Assets.js
+++ b/Types/Assets.js
@@ -6,6 +6,7 @@ function Assets(spec) {
   let loadTotal = 0
   let loadCount = 0
   let loaded = false
+  let failed = false
 
   const imageExtensions = ['svg', 'png', 'jpg', 'jpeg', 'webp']
   const soundExtensions = ['m4a', 'mp3', 'ogg', 'wav']
@@ -50,13 +51,13 @@ function Assets(spec) {
       asset.loading = 'eager'
       asset.src = path
       asset.onload = () => assetLoaded(path)
-      asset.onerror = (error) => {console.error('Asset request failed', error, path)}
+      asset.onerror = (error) => handleFailure(error, path)
     } else if (isSound) {
       ;(assetSpec.src = path),
         (asset = new Howl({
           ...assetSpec,
           onload: () => assetLoaded(path),
-          onloaderror: (error) => {console.error('Asset request failed', error, path)}
+          onloaderror: (error) => handleFailure(error, path)
         }))
     } else if (isShader) {
       fetch(path)
@@ -64,7 +65,7 @@ function Assets(spec) {
         .then((text) => {
           object[key] = text
           assetLoaded(path)
-        }).catch((error) => {console.log('Asset request failed', error, path)})
+        }).catch((error) => handleFailure(error, path))
     } else {
       return
     }
@@ -93,6 +94,14 @@ function Assets(spec) {
     }
   }
 
+  function handleFailure(error, path) {
+    console.error('Asset request failed', error, path)
+    if (!failed) {
+      alert("Something failed to load. Try refreshing the page.")
+      failed = true
+    }
+  }
+
   return _.mixIn(self, {
     get loaded() {
       return loaded