import api from '~/api';
import * as types from './mutation_types';
import { getCurrentHoverElement, setCurrentHoverElement, addInteractionClass } from '../utils';

export default {
  setInitialData({ commit }, data) {
    commit(types.SET_INITIAL_DATA, data);
  },
  requestDataError({ commit }) {
    commit(types.REQUEST_DATA_ERROR);
  },
  fetchData({ commit, dispatch, state }) {
    commit(types.REQUEST_DATA);

    api
      .lsifData(state.projectPath, state.commitId, [state.blobPath])
      .then(({ data }) => {
        const dataForPath = data[state.blobPath];
        const normalizedData = dataForPath.reduce((acc, d) => {
          if (d.hover) {
            acc[`${d.start_line}:${d.start_char}`] = d;
            addInteractionClass(d);
          }
          return acc;
        }, {});

        commit(types.REQUEST_DATA_SUCCESS, normalizedData);
      })
      .catch(() => dispatch('requestDataError'));
  },
  showDefinition({ commit, state }, { target: el }) {
    let definition;
    let position;

    if (!state.data) return;

    const isCurrentElementPopoverOpen = el.classList.contains('hll');

    if (getCurrentHoverElement()) {
      getCurrentHoverElement().classList.remove('hll');
    }

    if (el.classList.contains('js-code-navigation') && !isCurrentElementPopoverOpen) {
      const { lineIndex, charIndex } = el.dataset;

      position = {
        x: el.offsetLeft,
        y: el.offsetTop,
        height: el.offsetHeight,
      };
      definition = state.data[`${lineIndex}:${charIndex}`];

      el.classList.add('hll');

      setCurrentHoverElement(el);
    }

    commit(types.SET_CURRENT_DEFINITION, { definition, position });
  },
};