From 25394c9b7c84ebeb4c85945c656e2556d6d27802 Mon Sep 17 00:00:00 2001
From: DaInfLoop <github@dainfloop.is-a.dev>
Date: Tue, 30 Apr 2024 11:24:37 +0000
Subject: [PATCH] Add error handling

Also just known as not rendering if said item doesn't exist
---
 utils.ts | 122 +++++++++++++++++++++++++++++++++----------------------
 1 file changed, 73 insertions(+), 49 deletions(-)

diff --git a/utils.ts b/utils.ts
index b6f363e..096d8c0 100644
--- a/utils.ts
+++ b/utils.ts
@@ -21,80 +21,104 @@ export async function generateBattler(
   // Load + draw the necessary images
 
   // [Glow]
-  if (opts.glow && opts.glow !== "None") {
-    const glow = await loadImage(`./assets/glows/${opts.glow}.png`);
-    context.drawImage(glow, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.glow && opts.glow !== "None") {
+      const glow = await loadImage(`./assets/glows/${opts.glow}.png`);
+      context.drawImage(glow, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Back]
-  if (opts.back && opts.back !== "None") {
-    const back = await loadImage(`./assets/backs/${opts.back}.png`)
-    context.drawImage(back, 0, 0, canvas.width, canvas.height)
-  }
+  try {
+    if (opts.back && opts.back !== "None") {
+      const back = await loadImage(`./assets/backs/${opts.back}.png`)
+      context.drawImage(back, 0, 0, canvas.width, canvas.height)
+    }
+  } catch (err) { }
 
   // [Base]
   const base = await loadImage(`./assets/bases/${opts.colour || "Black"}.png`);
   context.drawImage(base, 0, 0, canvas.width, canvas.height);
 
   // [Upper Bottom]
-  if (opts.upperBottom && opts.upperBottom !== "None") {
-    const face = await loadImage(`./assets/upperBottom/${opts.face}.png`);
-    context.drawImage(face, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.upperBottom && opts.upperBottom !== "None") {
+      const face = await loadImage(`./assets/upperBottom/${opts.face}.png`);
+      context.drawImage(face, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Bottom]
-  if (opts.bottom && opts.bottom !== "None") {
-    const bottom = await loadImage(`./assets/bottoms/${opts.bottom}.png`);
-    context.drawImage(bottom, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.bottom && opts.bottom !== "None") {
+      const bottom = await loadImage(`./assets/bottoms/${opts.bottom}.png`);
+      context.drawImage(bottom, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Top]
-  if (opts.top && opts.top !== "None") {
-    const top = await loadImage(`./assets/tops/${opts.top}.png`);
-    context.drawImage(top, 0, 0, canvas.width, canvas.height);
-  }
-  
+  try {
+    if (opts.top && opts.top !== "None") {
+      const top = await loadImage(`./assets/tops/${opts.top}.png`);
+      context.drawImage(top, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
+
   // [Face]
-  if (opts.face && opts.face !== "None") {
-    const face = await loadImage(`./assets/faces/${opts.face}.png`);
-    context.drawImage(face, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.face && opts.face !== "None") {
+      const face = await loadImage(`./assets/faces/${opts.face}.png`);
+      context.drawImage(face, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Hair]
-  if (opts.hair && opts.hair !== "None") {
-    const face = await loadImage(`./assets/hair/${opts.hair}.png`);
-    context.drawImage(face, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.hair && opts.hair !== "None") {
+      const face = await loadImage(`./assets/hair/${opts.hair}.png`);
+      context.drawImage(face, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Hat]
-  if (opts.hat && opts.hat !== "None") {
-    const hat = await loadImage(`./assets/hats/${opts.hat}.png`);
-    context.drawImage(hat, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.hat && opts.hat !== "None") {
+      const hat = await loadImage(`./assets/hats/${opts.hat}.png`);
+      context.drawImage(hat, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Eyes]
-  if (opts.eye && opts.eye !== "None") {
-    const eye = await loadImage(`./assets/eyes/${opts.eye}.png`);
-    context.drawImage(eye, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.eye && opts.eye !== "None") {
+      const eye = await loadImage(`./assets/eyes/${opts.eye}.png`);
+      context.drawImage(eye, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Upper Top]
-  if (opts.upperTop && opts.upperTop !== "None") {
-    const eye = await loadImage(`./assets/upperTop/${opts.upperTop}.png`);
-    context.drawImage(eye, 0, 0, canvas.width, canvas.height);
-  }
+  try {
+    if (opts.upperTop && opts.upperTop !== "None") {
+      const eye = await loadImage(`./assets/upperTop/${opts.upperTop}.png`);
+      context.drawImage(eye, 0, 0, canvas.width, canvas.height);
+    }
+  } catch (err) { }
 
   // [Neck]
-  if (opts.neck && opts.neck !== "None") {
-    const neck = await loadImage(`./assets/necks/${opts.neck}.png`)
-    context.drawImage(neck, 0, 0, canvas.width, canvas.height)
-  }
+  try {
+    if (opts.neck && opts.neck !== "None") {
+      const neck = await loadImage(`./assets/necks/${opts.neck}.png`)
+      context.drawImage(neck, 0, 0, canvas.width, canvas.height)
+    }
+  } catch (err) { }
 
   // [Buddy]
-  if (opts.buddy && opts.buddy !== "None") {
-    const buddy = await loadImage(`./assets/buddies/${opts.buddy}.png`)
-    context.drawImage(buddy, 0, 0, canvas.width, canvas.height)
-  }
+  try {
+    if (opts.buddy && opts.buddy !== "None") {
+      const buddy = await loadImage(`./assets/buddies/${opts.buddy}.png`)
+      context.drawImage(buddy, 0, 0, canvas.width, canvas.height)
+    }
+  } catch (err) { }
 
   if (opts.direction && opts.direction == "left") {
     let flipped = createCanvas(1280, 1280);