Error mitigation on fetch requests.

ChatboxBot.html

@@ -61,7 +61,7 @@
   <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" defer></script>
   <script src="js/js-yaml-bundle.js" defer></script>
   <script src="https://github.com/tmijs/tmi.js/releases/download/v1.8.5/tmi.min.js" defer></script>
-  <script src="js/youtube-chat-bundle.js" defer></script>
+  <!--<script src="js/youtube-chat-bundle.js" defer></script>-->
   <script src="js/twitchapi.js" defer></script>
   <script src="js/tmi-emote-parse-bundle.js" defer></script>
   <script src="js/cache.js" defer></script>

js/chat.js

@@ -141,8 +141,19 @@
           if(settings.options.pfpCircle){
             pfpImg.style.borderRadius = "50%";
           }
+          try{
           pfpImg.src = await getPFP(displayname);
           nameNode.appendChild(pfpImg);
+          }
+          catch{
+            try{//retry just in case something silly happened
+              pfpImg.src = await getPFP(displayname);
+              nameNode.appendChild(pfpImg);
+            }
+            catch{
+              console.error(`Failed to load PFP for ${context['display-name']} continuing on without one.`)
+            }
+          }
         }
 
         /*

js/twitchapi.js

@@ -109,7 +109,7 @@ class API {
 		TwitchAPIEvents.emit('authorize');
 	}
 
-	static async fetch({url, responseHandler, paramobj = {}, headerobj = {}, method = "GET", mode = 'cors', cache = 'default', credentials = 'same-origin', redirect = 'follow', referrerpolicy = 'no-referrer-when-downgrade', urlencode = false, authorizing = false}) {//And so it begins
+	static async fetch({url, responseHandler, paramobj = {}, headerobj = {}, method = "GET", mode = 'cors', cache = 'default', credentials = 'omit', redirect = 'follow', referrerpolicy = 'no-referrer', urlencode = false, authorizing = false}) {//And so it begins
 		if (urlencode) {
 
 			headerobj['Content-Type'] = 'application/x-www-form-urlencoded';