chore: remove axios in favor of fetch

xhr is not in the wave anymore

package.json

@@ -51,7 +51,6 @@
     "@commitlint/config-conventional": "6.1.3",
     "@commitlint/travis-cli": "6.1.3",
     "@verdaccio/types": "2.0.2",
-    "axios": "0.18.0",
     "babel-cli": "6.26.0",
     "babel-core": "6.26.0",
     "babel-eslint": "8.2.2",
@@ -129,7 +128,8 @@
     "verdaccio-memory": "0.0.6",
     "webpack": "3.10.0",
     "webpack-dev-server": "2.11.1",
-    "webpack-merge": "4.1.2"
+    "webpack-merge": "4.1.2",
+    "whatwg-fetch": "2.0.3"
   },
   "keywords": [
     "private",

src/webui/src/components/Header/index.js

@@ -7,11 +7,11 @@ import {Link} from 'react-router-dom';
 
 import API from '../../../utils/api';
 import storage from '../../../utils/storage';
-
+import {getRegistryURL} from '../../../utils/url';
 
 import classes from './header.scss';
 import './logo.png';
-import {getRegistryURL} from '../../../utils/url';
+
 
 export default class Header extends React.Component {
   state = {
@@ -43,9 +43,9 @@ export default class Header extends React.Component {
   }
 
   componentWillMount() {
-    API.get('logo')
+    API.request('logo')
     .then((response) => {
-      this.setState({logo: response.data});
+      this.setState({logo: response.url});
     })
     .catch((error) => {
       throw new Error(error);
@@ -62,15 +62,15 @@ export default class Header extends React.Component {
     }
 
     try {
-      let resp = await API.post(`login`, {
+      let resp = await API.request(`login`, 'POST', {
         data: {
           username: this.state.username,
           password: this.state.password
         }
-      });
+      }).then((response) => response.json());
 
-      storage.setItem('token', resp.data.token);
+      storage.setItem('token', resp.token);
-      storage.setItem('username', resp.data.username);
+      storage.setItem('username', resp.username);
       location.reload();
     } catch (e) {
       const errorObj = {
@@ -78,7 +78,7 @@ export default class Header extends React.Component {
         type: 'error'
       };
       if (get(e, 'response.status', 0) === 401) {
-        errorObj.description = e.response.data.error;
+        errorObj.description = e.response.error;
       } else {
         errorObj.description = e.message;
       }

src/webui/src/components/PackageSidebar/index.jsx

@@ -32,7 +32,7 @@ export default class PackageSidebar extends React.Component {
     let packageMeta;
 
     try {
-      packageMeta = (await API.get(`sidebar/${packageName}`)).data;
+      packageMeta = await API.request(`sidebar/${packageName}`, 'GET').then((response) => response.json());
     } catch (err) {
       this.setState({
         failed: true

src/webui/src/modules/detail/index.jsx

@@ -47,9 +47,9 @@ export default class Detail extends React.Component {
     });
 
     try {
-      const resp = await API.get(`package/readme/${packageName}`);
+      const resp = await API.request(`package/readme/${packageName}`, 'GET').then((response) => response.text());
       this.setState({
-        readMe: resp.data
+        readMe: resp
       });
     } catch (err) {
       this.setState({

src/webui/src/modules/home/index.js

@@ -52,11 +52,11 @@ export default class Home extends React.Component {
 
   async loadPackages() {
     try {
-      this.req = await API.get('packages');
+      this.req = await API.request('packages', 'GET').then((response) => response.json());
 
       if (this.state.query === '') {
         this.setState({
-          packages: this.req.data,
+          packages: this.req,
           loading: false
         });
       }
@@ -71,12 +71,12 @@ export default class Home extends React.Component {
 
   async searchPackage(query) {
    try {
-     this.req = await API.get(`/search/${query}`);
+     this.req = await API.request(`/search/${query}`, 'GET').then((response) => response.json());
 
      // Implement cancel feature later
      if (this.state.query === query) {
        this.setState({
-         packages: this.req.data,
+         packages: this.req,
          fistTime: false,
          loading: false
        });

src/webui/utils/api.js

@@ -1,34 +1,27 @@
 import storage from './storage';
-import axios from 'axios';
 
 class API {
-  constructor() {
+  request(url, method = 'GET', options = {}) {
-    ['get', 'delete', 'post', 'put', 'patch'].map((method) => {
+      if (!window.VERDACCIO_API_URL) {
-      this[method] = (url, options = {}) => {
+        throw new Error('VERDACCIO_API_URL is not defined!');
-        if (!window.VERDACCIO_API_URL) {
+      }
-          throw new Error('VERDACCIO_API_URL is not defined!');
-        }
 
-        const token = storage.getItem('token');
+      const token = storage.getItem('token');
-        if (token) {
+      if (token) {
-          if (!options.headers) options.headers = {};
+        if (!options.headers) options.headers = {};
 
-          options.headers.authorization = token;
+        options.headers.authorization = token;
-        }
+      }
 
-        if (!['http://', 'https://', '//'].some((prefix) => url.startsWith(prefix))) {
+      if (!['http://', 'https://', '//'].some((prefix) => url.startsWith(prefix))) {
-          url = window.VERDACCIO_API_URL + url;
+        url = window.VERDACCIO_API_URL + url;
-        }
+      }
 
-        return axios.request({
+      return fetch(url, {
-          method,
+        method,
-          url,
+        ...options
-          ...options
+      });
-        });
+    }
-      };
-    });
-  }
 }
 
-
 export default new API();

tools/webpack.dev.config.babel.js

@@ -10,6 +10,7 @@ export default {
   ...baseConfig,
   entry: {
     main: [
+      'whatwg-fetch',
       'react-hot-loader/patch',
       'webpack-dev-server/client?http://localhost:4872',
       'webpack/hot/only-dev-server',
@@ -22,6 +23,8 @@ export default {
     publicPath: '/',
   },
 
+  devtool: 'cheap-module-eval-source-map',
+
   plugins: [
     new webpack.DefinePlugin({
       __DEBUG__: true,

tools/webpack.prod.config.babel.js

@@ -9,7 +9,7 @@ import getPackageVersion from './getPackageVersion';
 
 const prodConf = {
   entry: {
-    main: ['babel-polyfill', `${env.SRC_ROOT}/webui/src/index.js`],
+    main: ['babel-polyfill', 'whatwg-fetch', `${env.SRC_ROOT}/webui/src/index.js`],
   },
 
   module: {