Generic API fetching

api.ts

// generic API fetching
const BASE_URL = '/api/';

const handleResponse = async (r: Response) => {
  try {
    if (r.ok) {
      return r.json();
    }
    return Promise.reject(await r.json());
  } catch (e) {
    return Promise.reject(new Error(`received an error from ${r.url}`));
  }
};

const defaultOptions: {
  credentials: RequestCredentials | undefined,
  headers: { [key: string]: string },
} = {
  credentials: 'same-origin',
  headers: { 'Content-Type': 'application/json' },
};

export function get(endpoint: string) {
  return fetch(`${BASE_URL}${endpoint}`, {
    ...defaultOptions,
    method: 'GET',
  }).then(handleResponse);
}

/* eslint-disable @typescript-eslint/no-explicit-any */
export function put(endpoint: string, body: any) { 
  return fetch(`${BASE_URL}${endpoint}`, {
    method: 'PUT',
    body: JSON.stringify(body),
    ...defaultOptions,
  }).then(handleResponse);
}

export function post(endpoint: string, body: any) {
  return fetch(`${BASE_URL}${endpoint}`, {
    method: 'POST',
    body: JSON.stringify(body),
    ...defaultOptions,
  }).then(handleResponse);
}

export function fetchDelete(endpoint: string, body: any = {}) {
  return fetch(`${BASE_URL}${endpoint}`, {
    method: 'DELETE',
    body: JSON.stringify(body),
    ...defaultOptions,
  }).then(handleResponse);
}