import { Location, History, createHashHistory } from "history";

import { ApplicationStore } from "../store/applicationStore";
import { Dispatch } from '../flux/store';

import { LocationChanged, NavigateToApplication } from "../actions/navigationActions";
import { PushAction, ReplaceAction, GoAction, GoBackAction, GoForwardeAction } from '../actions/navigationActions';

import applicationManager from "../services/applicationManager";

const routerMiddlewareCreator = (history: History) => () => (next: Dispatch): Dispatch => (action) => {
  
  if (action instanceof NavigateToApplication) {
    const application = applicationManager.applications && applicationManager.applications[action.applicationName];
    if (application) {
      const href = `/${ application.path || application.name }${ action.href ? '/' + action.href : '' }`.replace(/\/{2,}/i, '/');
      if (action.replace) {
        history.replace(href, action.state);
      } else {
        history.push(href, action.state);
      }
    }
  } else if (action instanceof PushAction) {
    history.push(action.href, action.state);
  } else if (action instanceof ReplaceAction) {
    history.replace(action.href, action.state);
  } else if (action instanceof GoAction) {
    history.go(action.index);
  } else if (action instanceof GoBackAction) {
    history.goBack();
  } else if (action instanceof GoForwardeAction) {
    history.goForward();
  } else {
    return next(action);
  }
  return action;
};

function startListener(history: History, store: ApplicationStore) {
  store.dispatch(new LocationChanged(history.location.pathname, history.location.search, history.location.hash));
  history.listen((location: Location) => {
    store.dispatch(new LocationChanged(location.pathname, location.search, location.hash));
  });
}

const history = createHashHistory();

export function startHistoryListener(store: ApplicationStore) {
  startListener(history, store);
}

export const routerMiddleware = routerMiddlewareCreator(history);
export default routerMiddleware;