import axios from '~/lib/utils/axios_utils'; 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); state.blobs.forEach(({ path, codeNavigationPath }) => { axios .get(codeNavigationPath) .then(({ data }) => { const normalizedData = data.reduce((acc, d) => { if (d.hover) { acc[`${d.start_line}:${d.start_char}`] = d; addInteractionClass(path, d); } return acc; }, {}); commit(types.REQUEST_DATA_SUCCESS, { path, normalizedData }); }) .catch(() => dispatch('requestDataError')); }); }, showBlobInteractionZones({ state }, path) { if (state.data && state.data[path]) { Object.values(state.data[path]).forEach(d => addInteractionClass(path, d)); } }, 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'); } const blobEl = el.closest('[data-path]'); if (!blobEl) { commit(types.SET_CURRENT_DEFINITION, { definition, position }); return; } const blobPath = blobEl.dataset.path; const data = state.data[blobPath]; if (!data) return; if (el.closest('.js-code-navigation') && !isCurrentElementPopoverOpen) { const { lineIndex, charIndex } = el.dataset; const { x, y } = el.getBoundingClientRect(); position = { x: x || 0, y: y + window.scrollY || 0, height: el.offsetHeight, }; definition = data[`${lineIndex}:${charIndex}`]; el.classList.add('hll'); setCurrentHoverElement(el); } commit(types.SET_CURRENT_DEFINITION, { definition, position, blobPath }); }, };