import {
  default as Axios,
  AxiosError,
  AxiosRequestConfig,
  AxiosResponse
} from "axios";
import { default as VueRouter } from "vue-router";
import { TokenHelper } from "./token-helper";

let initialized: boolean = false;

interface IRequestConfig extends AxiosRequestConfig {
  ignore: number[];
}

function handle(status: number, exclude: number[]) {
  if (exclude.length === 0) return true;
  else return exclude.find(o => o === status) === undefined;
}

export function UseAxios(router: VueRouter) {
  if (!initialized) {
    Axios.interceptors.request.use((config: IRequestConfig) => {
      if (!config.headers["Authorization"]) {
        // append authorization header
        let bearerToken = TokenHelper.getBearerToken();

        if (bearerToken.Authorization)
          Object.assign(config.headers, bearerToken);
      }

      if (!config.maxRedirects || config.maxRedirects === 5)
        // ensure axios does not follow redirects, so custom response interceptor below can push to app login page
        config.maxRedirects = 0;

      return config;
    });

    Axios.interceptors.response.use(undefined, (config: AxiosError) => {
      let response: AxiosResponse = config.response;
      let exclude = (<IRequestConfig>config.config).ignore || [];

      if (response.status === 401 && handle(response.status, exclude)) {
        let location: string =
          response.headers["location"] || response.headers["Location"];

        if (location) {
          let redirectTo = "/" + location;
          window.setTimeout(() => router.replace(redirectTo), 200);
        }
      }

      if (response.status === 403 && handle(response.status, exclude)) {
        window.setTimeout(() => router.replace("/forbidden"), 200);
      }

      return config;
    });

    initialized = true;
  }
}