import * as types from "constants/action_types";
import {
  selectPageTitle,
  selectCurrentPage,
  selectCurrentParams,
  selectHistoryStack,
  selectHistoryIndex,
} from "selectors/navigation";
import { doSearch } from "actions/search";
import { toQueryString } from "util/query_params";

export function doNavigate(path, params = {}, options = {}) {
  return function(dispatch, getState) {
    if (!path) {
      return;
    }

    let url = path;
    if (params && Object.values(params).length) {
      url += "?" + toQueryString(params);
    }

    dispatch(doChangePath(url, options));

    const pageTitle = selectPageTitle(getState()) + " - LBRY";

    dispatch({
      type: types.HISTORY_NAVIGATE,
      data: { url, index: options.index },
    });
  };
}

export function doAuthNavigate(pathAfterAuth = null, params = {}) {
  return function(dispatch, getState) {
    if (pathAfterAuth) {
      dispatch({
        type: types.CHANGE_AFTER_AUTH_PATH,
        data: {
          path: `${pathAfterAuth}?${toQueryString(params)}`,
        },
      });
    }
    dispatch(doNavigate("/auth"));
  };
}

export function doChangePath(path, options = {}) {
  return function(dispatch, getState) {
    dispatch({
      type: types.CHANGE_PATH,
      data: {
        path,
      },
    });

    const state = getState();
    const scrollY = options.scrollY;

    //I wasn't seeing it scroll to the proper position without this -- possibly because the page isn't fully rendered? Not sure - Jeremy
    setTimeout(() => {
      window.scrollTo(0, scrollY ? scrollY : 0);
    }, 100);

    const currentPage = selectCurrentPage(state);
    if (currentPage === "search") {
      const params = selectCurrentParams(state);
      dispatch(doSearch(params.query));
    }
  };
}

export function doHistoryTraverse(dispatch, state, modifier) {
  const stack = selectHistoryStack(state),
    index = selectHistoryIndex(state) + modifier;

  if (index >= 0 && index < stack.length) {
    const historyItem = stack[index];
    return dispatch(
      doNavigate(historyItem.path, {}, { scrollY: historyItem.scrollY, index })
    );
  }
}

export function doHistoryBack() {
  return function(dispatch, getState) {
    return doHistoryTraverse(dispatch, getState(), -1);
  };
}

export function doHistoryForward() {
  return function(dispatch, getState) {
    return doHistoryTraverse(dispatch, getState(), 1);
  };
}

export function doRecordScroll(scroll) {
  return function(dispatch, getState) {
    dispatch({
      type: types.WINDOW_SCROLLED,
      data: { scrollY: scroll },
    });
  };
}