requestify module

requestify.js

import { BASE_URL } from 'api'

let abortableRequests = {}

const createRequest = (
  method,
  path,
  { body, successStatus, abortableKey } = {}
) => {
  let request = new XMLHttpRequest()
  if (abortableKey) {
    if (abortableRequests[abortableKey]) {
      abortableRequests[abortableKey].abort()
      delete abortableRequests[abortableKey]
    }
    abortableRequests[abortableKey] = request
  }
  //   promise.cancel = () => request.abort()

  return new Promise((resolve, reject) => {
    request.withCredentials = true
    request.onreadystatechange = () => {
      if (request.readyState === 4) {
        if (request.status === (successStatus || 200)) {
          try {
            const data = JSON.parse(request.responseText)
            resolve(data)
          } catch (e) {
            reject(e)
          }
        } else {
          reject(request.statusText)
        }
        request = null
        if (abortableKey) {
          delete abortableRequests[abortableKey]
        }
      }
    }
    request.open(method.toUpperCase(), `${BASE_URL}${path}`, true)
    if (body) {
      if (typeof body === 'object') {
        request.setRequestHeader(
          'Content-Type',
          'application/json;charset=UTF-8'
        )
        request.send(JSON.stringify(body))
      }
      request.send(body)
    } else {
      request.send()
    }
  })
}

const requestify = {
  get: (path, options) => createRequest('get', path, options),
  post: (path, options) => createRequest('post', path, options),
  put: (path, options) => createRequest('put', path, options),
  patсh: (path, options) => createRequest('patсh', path, options),
}

export default requestify