1. /**
  2. * Loads resources from an array of URLs, with fallback logic.
  3. * @param {Array<string>} urls An array of URLs to load resources from.
  4. * @param {number} retries The number of retries if a resource fails to load.
  5. * @returns {Promise<Array<any>>} A promise that resolves with an array of loaded resources.
  6. * Returns an empty array if all resources fail to load after retries.
  7. */
  8. async function loadResources(urls, retries = 3) {
  9. const loadedResources = [];
  11. for (const url of urls) {
  12. let resource;
  13. let success = false;
  15. for (let i = 0; i < retries; i++) {
  16. try {
  17. resource = await fetch(url); // Attempt to fetch the resource
  18. if (!resource.ok) {
  19. throw new Error(`HTTP error! Status: ${resource.status}`);
  20. }
  21. resource = await resource.json(); // Attempt to parse as JSON
  22. success = true;
  23. break; // Exit retry loop on success
  24. } catch (error) {
  25. console.error(`Failed to load ${url} (attempt ${i + 1}):`, error);
  26. if (i === retries - 1) {
  27. console.warn(`Failed to load ${url} after ${retries} retries.`);
  28. break; // Exit retry loop after all retries fail
  29. }
  30. }
  31. }
  33. if (success) {
  34. loadedResources.push(resource);
  35. }
  36. }
  38. return loadedResources;
  39. }

Add your comment