basic fetch utils

fetch-utils.js

/**
 * Makes fetch call to API
 * @param url
 * @throws {ApiError}
 */
export const fetchApi = async (url: string) => {
  const response = await fetch(url, {
    headers: {
      Accept: 'application/json',
      'Content-Type': 'application/json',
    },
  });

  if (!response.ok) {
    throw new ApiError(response);
  }
  
  return await response.json();
};

/**
 * Generic ApiError that uses Response from generic fetch to build a meaningful error message
 */
export class ApiError extends Error {
  constructor(response: Response) {
    super(`Failed fetching URL: ${response.url}`);
    this.name = 'ApiError';
    this.status = response.status;
    this.response = response;
  }
  status: number;
  response: Response;
}