add draft of web app

web/app/fetcher.js

@@ -0,0 +1,62 @@
+import './promises';
+
+import axios from 'axios';
+
+import { baseUrl, apiBase, siteId } from './settings';
+
+const fetcher = {};
+const methods = ['get', 'post', 'put', 'patch', 'delete', 'head'];
+const basename = `${baseUrl}${apiBase}`;
+
+const { CancelToken } = axios;
+let cancelHandler = [];
+
+fetcher.cancel = (mask) => {
+  cancelHandler.forEach(req => {
+    if (req.url.includes(mask)) {
+      req.executor('Operation canceled by the user.');
+    }
+  });
+};
+
+methods.forEach(method => {
+  fetcher[method] = (url, body = {}, heads) => new Promise((resolve, reject) => {
+    const headers = Object.assign({
+      Accept: 'application/json',
+      'Content-Type': 'application/json',
+    }, heads);
+
+    const parameters = {
+      method,
+      headers,
+    };
+
+    // тут передаются данные не только в виде обычного js объекта но и в виде
+    // объекта formData у которого Object.keys(formData).length === 0
+    // if (Object.keys(body).length || body.toString().includes('FormData')) {
+    //   parameters.data = body;
+    // }
+
+    parameters.url = `${basename}${url}`;
+    parameters.url += (parameters.url.includes('?') ? '&' : '?') + `site=${siteId}`;
+    parameters.cancelToken = new CancelToken(executor => {
+      cancelHandler.push({
+        executor,
+        url: parameters.url,
+      });
+    });
+
+    axios(parameters)
+      .then(res => resolve(res.data))
+      .catch(error => {
+        if (!axios.isCancel(error)) {
+          reject(error);
+        }
+      })
+      .finally(() => {
+        cancelHandler = cancelHandler.filter(req => req.url !== parameters.url);
+      });
+  });
+});
+
+export default fetcher;