Abortable fetch (js fetch abort / cancel fetch / stop request )

request.es5-style.js

/*
As you may know fetch requests can be aborted only with AbortController
https://developer.mozilla.org/ru/docs/Web/API/AbortController
The 'request helper' is exposing abort method into promise, 
allowing aborting from outside of the promise, for example:
```
import { request } from 'helpers'
request('https://some/path')
  .then(response => response.json())
  .catch(e => console.log(e))
  .abort() // to immediately abort request
```
`request` signature is the same as for `fetch` method
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch 
Enjoy!
*/

// ES5 Old School with with some ES6 features

export const request = (source, init) => {
  const controller = Reflect.construct(AbortController,[])
  const { signal } = controller

  function PromiseController(){
    return Reflect.construct(Promise, arguments, PromiseController)
  }
  Object.defineProperty(PromiseController, Symbol.species, {
    get: () => PromiseController
  })
  PromiseController.prototype = Object.create(Promise.prototype, {
    constructor: { value: PromiseController },
    abort: { value: () => controller.abort() }
  })

  return PromiseController((res, rej) => {
    fetch(source, { signal, ...init }).then(res, rej)
  })
}

request.es6.js

// ES6

export const request = (source, init) => {
  const controller = new AbortController()
  const { signal } = controller
  class PromiseController extends Promise {
    static get [Symbol.species](){
      return PromiseController
    }
    abort(){
      controller.abort()
    }
  }
  return new PromiseController((res, rej) => {
    fetch(source, { signal, ...init }).then(res, rej)
  })
}