Fetch multiple endpoints in parallel

parallel-fetch.js

const fetcher = async (path, options = {}) => {
  const response = await fetch(path, options);

  if (!response.ok) {
    throw new Error(`HTTP error! status: ${response.status}`);
  }

  const data = await response.json();

  return data;
};

const parallelFetcher = async (paths) => {
  const promises = Object.entries(paths).map(async ([key, promise]) => {
    try {
      const result = await promise;
      return { [key]: result };
    } catch (error) {
      return { [key]: { error: error.message } };
    }
  });

  const results = await Promise.allSettled(promises);

  return results.reduce((acc, curr) => {
    const [key, value] = Object.entries(curr.value)[0];
    acc[key] = value;
    return acc;
  }, {});
};

// Usage example
const data = await parallelFetcher({
  ditto: fetcher("https://pokeapi.co/api/v2/pokemon/ditto"),
  pikachu: fetcher("https://pokeapi.co/api/v2/pokemon/pikachu"),
  charmander: fetcher("https://pokeapi.co/api/v2/pokemon/charmander"),
  notFound: fetcher("https://foo.com/api/not-found"),
});

console.log(data);