http util using fetch

http.js

// add fetch import here.
const baseUrl = `http://localhost:8888/api/`;

class ResponseError extends Error {
  constructor(messages) {
    super();
    this.messages = messages;
  }
}

async function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    return response;
  }

  // extract error(s) and throw
  let body;
  if (response.status === 422) {
    body = (await response.json()).errors;
  } else {
    body = await response.text();
  }
  throw new ResponseError(body);
}

export async function get(resource) {
  const response = await fetch(baseUrl + resource);
  await checkStatus(response);
  return response.json();
}

export async function post(resource, body) {
  const options = {
    method: 'post',
    headers: {
      'Content-Type': 'application/json'
    }
  };
  if (body) {
    options.body = JSON.stringify(body);
  }
  const response = await fetch(baseUrl + resource, options);
  await checkStatus(response);
  const text = await response.text();
  return text && JSON.parse(text);
}