1. /**
  2. * Loads resources from HTTP responses for non-production use with verbose logging.
  3. *
  4. * @param {string} url The URL to load.
  5. * @param {object} options Optional configuration.
  6. * @param {boolean} options.production Whether this is a production environment (default: false).
  7. */
  8. async function loadResource(url, options = {}) {
  9. const { production = false } = options;
  11. if (production) {
  12. console.warn(`Skipping resource load for ${url} in production environment.`);
  13. return;
  14. }
  16. console.debug(`Loading resource from ${url}...`);
  18. try {
  19. const response = await fetch(url);
  21. if (!response.ok) {
  22. console.error(`HTTP error! Status: ${response.status} for ${url}`);
  23. return;
  24. }
  26. const contentType = response.headers.get('content-type');
  27. console.debug(`Content type: ${contentType}`);
  29. const data = await response.text(); // Or response.json(), response.blob(), etc. depending on the resource
  31. console.debug(`Successfully loaded resource from ${url}.`);
  32. return data;
  34. } catch (error) {
  35. console.error(`Error loading resource from ${url}:`, error);
  36. }
  37. }
  39. export default loadResource;

Add your comment