Update app.js

js/app.js

@@ -544,18 +544,38 @@ document.addEventListener("DOMContentLoaded", () => {
 
 
 
+let chatcommands = {
+    "Twitch" : [
+        { "name" : "/me", "usage" : "[message]"  },
+        { "name" : "/announce", "usage" : "[message]"  },
+        { "name" : "/clear", "usage" : ""  },
+        { "name" : "/slow", "usage" : "[duration]"  },
+        { "name" : "/slowoff", "usage" : ""  },
+        { "name" : "/subscribers", "usage" : ""  },
+        { "name" : "/subscribersoff", "usage" : ""  },
+        { "name" : "/commercial", "usage" : "[duration]"  },
+        { "name" : "/timeout", "usage" : "[user] [duration] [reason]"  },
+        { "name" : "/untimeout", "usage" : "[user]"  },
+        { "name" : "/ban", "usage" : "[user] [duration] [reason]"  },
+        { "name" : "/unban", "usage" : "[user]"  },
+        { "name" : "/mod", "usage" : "[user]"  },
+        { "name" : "/unmod", "usage" : "[user]"  },
+        { "name" : "/vip", "usage" : "[user]"  },
+        { "name" : "/unvip", "usage" : "[user]"  },
+        { "name" : "/shoutout", "usage" : "[user]"  },
+        { "name" : "/raid", "usage" : "[user]"  },
+        { "name" : "/unraid", "usage" : ""  }
+    ],
+    "YouTube" : [
+        { "name" : "/yt/title", "usage" : "[title]"  },
+        { "name" : "/yt/description", "usage" : "[description]"  },
+        { "name" : "/yt/timeout", "usage" : "[user] [duration]"  },
+        { "name" : "/yt/ban", "usage" : "[user]"  }
+    ]
+};
 
-
-
-let chatcommands = {};
 let chatcurrentFocus = -1;
 
-fetch('js/commands.json')
-.then(response => response.json())
-.then(data => {
-    chatcommands = data;
-});
-
 const chatcommandslist = document.getElementById('chat-autocomplete-list');
 
 chatInput.addEventListener('input', function () {
@@ -626,4 +646,4 @@ document.addEventListener('click', function (e) {
     if (e.target !== chatcommandslist) {
         chatcommandslist.innerHTML = '';
     }
-});
+});