fetch my games in parallel

Author: lostmsu

my.html

@@ -312,17 +312,19 @@ <h3 style="display: inline-block;"><a href="/about">© Borg Queen, LLC 2024</a><
         async function reloadGameList() {
             gameList.innerHTML = '';
             gameList.size = 0;
+            My.resetGames();
 
             const response = await OneDrive.makeRequest('special/approot:/PCs:/children');
             if (!response.ok) {
                 throw new Error(`HTTP ${response.status}: ${response.statusText}`);
             }
             const json = await response.json();
             const items = json.value;
-            for (const item of items) {
-                if (!item.hasOwnProperty('folder')) continue;
-                await My.getGames(item.name, gameList);
-            }
+            const pcs = items
+                .filter((item) => item.hasOwnProperty('folder'))
+                .map((item) => item.name);
+
+            await Promise.all(pcs.map((pc) => My.getGames(pc, gameList)));
 
             const noPCs = document.getElementById('no-pcs');
             if (items.length === 0) {

ts/my.ts

@@ -9,6 +9,12 @@ interface IMyGame {
 export class Games {
     static games: Record<string, IMyGame> = {};
 }
+
+export function resetGames() {
+    for (const key of Object.keys(Games.games)) {
+        delete Games.games[key];
+    }
+}
 export async function getGames(pc: string, list: HTMLSelectElement) {
     let json = null;
     try {