http-client

http-client.js

import useSWR from 'swr'

enum HttpVerb {
  Get = 'GET',
  Post = 'POST',
  Put = 'PUT',
  Patch = 'PATCH',
  Delete = 'DELETE',
}

class HttpClient {
  constructor(args = {}) {
    this.host = args.host;
    this.namespace = args.namespace || '';
    this.headers = {
      'content-type': 'application/json',
      ...args.headers,
    };
  }

  extractResponseHeaders(response){
    const object = {};
    response.headers.forEach((value, key) => {
      object[key] = value;
    });
    return object;
  }

  request(method, url, data) {
    const endpoint = this.host + this.namespace + url;
    const options = {
      method,
      headers: this.headers,
    };
    if (data) {
      options.body = JSON.stringify(data);
    }
    return fetch(endpoint, options).then((response) => {
      const payload = {
        status: response.status,
        statusText: response.statusText,
        headers: this.extractResponseHeaders(response),
      };
      return response.text().then((text) => {
        try {
          payload.data = JSON.parse(text);
        } catch (err) {
          payload.data = undefined;
        } finally {
          if (response.ok) {
            return payload;
          }
          throw payload;
        }
      });
    });
  }

  get(url) {
    return useSWR(url, this.request)
  }

  post(url, data) {
    return this.request(HttpVerb.Post, url, data);
  }

  put(url, data) {
    return this.request(HttpVerb.Put, url, data);
  }

  patch(url, data) {
    return this.request(HttpVerb.Patch, url, data);
  }

  delete(url) {
    return this.request(HttpVerb.Delete, url);
  }
}

export default HttpClient;