Allow override in get(). Refactor.

fetch-mixin.js

@@ -5,40 +5,44 @@ export const fetchMixin = function(superClass) {
       this.__abortControllers = new Map();
     }
 
-    get(url) {
+    get(url, overwrite = true) {
-      return fetch(url).then(response => response.json());
+      return this.do('GET', url, null, overwrite);
     }
 
     head(url) {
       return fetch(url, { method: 'HEAD' });
     }
 
-    async post(url, data, overwrite = true) {
+    post(url, data, overwrite = true) {
-      this.__cancelRunningRequest(url);
+      return this.do('POST', url, data, overwrite);
+    }
+
+    async do(method, url, data, overwrite = true) {
+      this.__cancelRunningRequest(method, url);
 
       if (overwrite === true) {
         const ac = new AbortController();
-        this.__abortControllers.set(url, ac);
+        this.__abortControllers.set(`${method}:${url}`, ac);
       }
 
       try {
         const reqOptions = {
-          method: 'POST',
+          method,
-          signal: overwrite ? this.__abortControllers.get(url).signal : null,
+          signal: overwrite ? this.__abortControllers.get(`${method}:${url}`).signal : null,
           mode: 'cors',
           cache: 'no-cache',
           headers: {
             'Content-Type': 'application/json; charset=utf-8'
           },
           referrer: 'no-referrer',
-          body: JSON.stringify(data)
+          body: data ? JSON.stringify(data) : undefined
         };
 
         document.dispatchEvent(new CustomEvent('before-request', { detail: reqOptions, bubbles: true, composed: true }));
 
         const result = await fetch(url, reqOptions).then(response => response.json());
 
-        this.__abortControllers.delete(url);
+        this.__abortControllers.delete(`${method}:${url}`);
 
         if (result.statusCode === 500) {
           console.error(result);
@@ -49,22 +53,27 @@ export const fetchMixin = function(superClass) {
         if (err.name === 'AbortError') {
           return { statusCode: -1, error: err };
         } else {
-          this.__abortControllers.delete(url);
+          this.__abortControllers.delete(`${method}:${url}`);
           return { statusCode: null, error: err };
         }
       }
     }
 
-    isInFlight(url) {
+    isInFlight(method, url) {
-      return Boolean(this.__abortControllers.get(url));
+      if (url === undefined) {
+        console.error('Missing url parameter');
+        return false;
+      }
+
+      return Boolean(this.__abortControllers.get(`${method}:${url}`));
     }
 
-    __cancelRunningRequest(url) {
+    __cancelRunningRequest(method, url) {
-      if (this.__abortControllers.has(url)) {
+      if (this.__abortControllers.has(`${method}:${url}`)) {
         try {
-          this.__abortControllers.get(url).abort();
+          this.__abortControllers.get(`${method}:${url}`).abort();
         } catch (err) { }
-        this.__abortControllers.delete(url);
+        this.__abortControllers.delete(`${method}:${url}`);
       }
     }
   };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tp/helpers",
-  "version": "1.3.0",
+  "version": "2.1.0",
   "description": "",
   "main": "closest.js",
   "scripts": {