project-level-fetch-api.js

export const fetch = (url, options = {}) => {
  let { fetch = globalThis.fetch, ...restOptions } = options;

  if (typeof fetch !== 'function') {
    throw new Error(`Expected fetch to be a function, but received ${fetch}`);
  }

  let finalUrl = url;
  
  let finalOptions = {
    credentials: 'include',
    ...restOptions
  }

  return fetch(finalUrl, finalOptions);
};

export const post = (url, body, options) => {
  return fetch(url, {
    ...options,
    method: 'POST',
    body: body,
  });
};

export const get = (url, query, options) => {
  let separator = url.includes('?') ? '&' : '?';
  let finalUrl = url + separator + querystring.stringify(query);

  return fetch(finalUrl, {
    ...options,
    method: 'GET',
  });
};

const toJSON = (response, debug) => {
  let text = await response.text();

  try {
    return JSON.parse(text);
  } catch (error) {
    if (debug || process.env.NODE_ENV === 'development') {
      console.log(`JSON parse failed, source: \n${text}`);
    }
    throw error;
  }
}

export const getJSON = async (url, query, options = {}) => {
  let { debug, ...restOptions } = options;
  let response = await get(url, query, restOptions);

  return toJSON(response, debug)
};

export const postJSON = async (url, data, options = {}) => {
  let { debug, ...restOptions } = options;
  let finlaOptions = {
    ...restOptions,
    headers: {
      'Content-Type': 'application/json',
      ...restOptions.headers
    }
  }
  let response = await post(url, JSON.stringify(data), finlaOptions)

  return toJSON(response, debug)
}