index.js

/* eslint-disable no-unused-vars */
/* eslint-disable  no-shadow */
/* eslint-disable no-param-reassign */
/* eslint-disable no-console */
import Vue from 'vue';
import axios from 'axios';

import ApiForm from './mixins/ApiForm';
import ApiList from './mixins/ApiList';

function addInterceptors(interceptors, api) {
  const {
    requests: requestInterceptors,
    responses: responseInterceptors,
  } = interceptors;
  if (requestInterceptors) {
    requestInterceptors.forEach((interceptor) => {
      if (Array.isArray(interceptor)) {
        api.interceptors.request.use(...interceptor);
      } else {
        const { fulfilled, rejected } = interceptor;
        api.interceptors.request.use(fulfilled, rejected);
      }
    });
  }
  if (responseInterceptors) {
    responseInterceptors.forEach((interceptor) => {
      if (Array.isArray(interceptor)) {
        api.interceptors.response.use(...interceptor);
      } else {
        const { fulfilled, rejected } = interceptor;
        api.interceptors.response.use(fulfilled, rejected);
      }
    });
  }
}

const VueRest = {
  install(Vue, options) {
    if (Vue.vueRestInstalled) {
      return;
    }

    Vue.vueRestInstall = true;

    let api = null;
    if (options && options.axiosOptions) {
      api = axios.create(options.axiosOptions);
      if (options.interceptors) {
        addInterceptors(options.interceptors, api);
      }
      if (options.axiosOptions.localStorageAuthorization) {
        const localStorageAuthorization =
          options.axiosOptions.localStorageAuthorization;
        api.interceptors.request.use((config) => {
          const token = localStorage.getItem(
            localStorageAuthorization.tokenItem,
          );
          const prefix = localStorageAuthorization.prefix;
          if (!localStorageAuthorization.tokenItem || !prefix) {
            console.error(
              '[ERR - VueRest]: Miss configuration at localStorageAuthorization.',
            );
          }
          if (token) {
            Object.assign(config.headers, {
              Authorization: `${prefix} ${token}`,
            });
          }
          return config;
        });
      }
    }
    if (!api) {
      api = axios.create();
    }
    Vue.api = api;
    Vue.prototype.$api = api;
  },
};

export { ApiList, ApiForm };

export default VueRest;