import { pick } from 'lodash'; import boardListsQuery from 'ee_else_ce/boards/queries/board_lists.query.graphql'; import createGqClient, { fetchPolicies } from '~/lib/graphql'; import { getIdFromGraphQLId } from '~/graphql_shared/utils'; import { BoardType, ListType, inactiveId, DEFAULT_LABELS } from '~/boards/constants'; import * as types from './mutation_types'; import { formatBoardLists, formatListIssues, fullBoardId, formatListsPageInfo, formatIssue, } from '../boards_util'; import boardStore from '~/boards/stores/boards_store'; import updateAssignees from '~/vue_shared/components/sidebar/queries/updateAssignees.mutation.graphql'; import listsIssuesQuery from '../queries/lists_issues.query.graphql'; import boardLabelsQuery from '../queries/board_labels.query.graphql'; import createBoardListMutation from '../queries/board_list_create.mutation.graphql'; import updateBoardListMutation from '../queries/board_list_update.mutation.graphql'; import issueMoveListMutation from '../queries/issue_move_list.mutation.graphql'; import destroyBoardListMutation from '../queries/board_list_destroy.mutation.graphql'; import issueCreateMutation from '../queries/issue_create.mutation.graphql'; import issueSetLabels from '../queries/issue_set_labels.mutation.graphql'; import issueSetDueDate from '../queries/issue_set_due_date.mutation.graphql'; import issueSetSubscriptionMutation from '../graphql/mutations/issue_set_subscription.mutation.graphql'; const notImplemented = () => { /* eslint-disable-next-line @gitlab/require-i18n-strings */ throw new Error('Not implemented!'); }; export const gqlClient = createGqClient( {}, { fetchPolicy: fetchPolicies.NO_CACHE, }, ); export default { setInitialBoardData: ({ commit }, data) => { commit(types.SET_INITIAL_BOARD_DATA, data); }, setActiveId({ commit }, { id, sidebarType }) { commit(types.SET_ACTIVE_ID, { id, sidebarType }); }, unsetActiveId({ dispatch }) { dispatch('setActiveId', { id: inactiveId, sidebarType: '' }); }, setFilters: ({ commit }, filters) => { const filterParams = pick(filters, [ 'assigneeUsername', 'authorUsername', 'labelName', 'milestoneTitle', 'releaseTag', 'search', ]); commit(types.SET_FILTERS, filterParams); }, fetchLists: ({ commit, state, dispatch }) => { const { endpoints, boardType, filterParams } = state; const { fullPath, boardId } = endpoints; const variables = { fullPath, boardId: fullBoardId(boardId), filters: filterParams, isGroup: boardType === BoardType.group, isProject: boardType === BoardType.project, }; return gqlClient .query({ query: boardListsQuery, variables, }) .then(({ data }) => { const { lists, hideBacklogList } = data[boardType]?.board; commit(types.RECEIVE_BOARD_LISTS_SUCCESS, formatBoardLists(lists)); // Backlog list needs to be created if it doesn't exist and it's not hidden if (!lists.nodes.find(l => l.listType === ListType.backlog) && !hideBacklogList) { dispatch('createList', { backlog: true }); } dispatch('generateDefaultLists'); }) .catch(() => commit(types.RECEIVE_BOARD_LISTS_FAILURE)); }, createList: ({ state, commit, dispatch }, { backlog, labelId, milestoneId, assigneeId }) => { const { boardId } = state.endpoints; gqlClient .mutate({ mutation: createBoardListMutation, variables: { boardId: fullBoardId(boardId), backlog, labelId, milestoneId, assigneeId, }, }) .then(({ data }) => { if (data?.boardListCreate?.errors.length) { commit(types.CREATE_LIST_FAILURE); } else { const list = data.boardListCreate?.list; dispatch('addList', list); } }) .catch(() => commit(types.CREATE_LIST_FAILURE)); }, addList: ({ commit }, list) => { // Temporarily using positioning logic from boardStore commit( types.RECEIVE_ADD_LIST_SUCCESS, boardStore.updateListPosition({ ...list, doNotFetchIssues: true }), ); }, showPromotionList: () => {}, fetchLabels: ({ state, commit }, searchTerm) => { const { endpoints, boardType } = state; const { fullPath } = endpoints; const variables = { fullPath, searchTerm, isGroup: boardType === BoardType.group, isProject: boardType === BoardType.project, }; return gqlClient .query({ query: boardLabelsQuery, variables, }) .then(({ data }) => { const labels = data[boardType]?.labels; return labels.nodes; }) .catch(() => commit(types.RECEIVE_LABELS_FAILURE)); }, generateDefaultLists: async ({ state, commit, dispatch }) => { if (state.disabled) { return; } if ( Object.entries(state.boardLists).find( ([, list]) => list.type !== ListType.backlog && list.type !== ListType.closed, ) ) { return; } const fetchLabelsAndCreateList = label => { return dispatch('fetchLabels', label) .then(res => { if (res.length > 0) { dispatch('createList', { labelId: res[0].id }); } }) .catch(() => commit(types.GENERATE_DEFAULT_LISTS_FAILURE)); }; await Promise.all(DEFAULT_LABELS.map(fetchLabelsAndCreateList)); }, moveList: ( { state, commit, dispatch }, { listId, replacedListId, newIndex, adjustmentValue }, ) => { const { boardLists } = state; const backupList = { ...boardLists }; const movedList = boardLists[listId]; const newPosition = newIndex - 1; const listAtNewIndex = boardLists[replacedListId]; movedList.position = newPosition; listAtNewIndex.position += adjustmentValue; commit(types.MOVE_LIST, { movedList, listAtNewIndex, }); dispatch('updateList', { listId, position: newPosition, backupList }); }, updateList: ({ commit }, { listId, position, collapsed, backupList }) => { gqlClient .mutate({ mutation: updateBoardListMutation, variables: { listId, position, collapsed, }, }) .then(({ data }) => { if (data?.updateBoardList?.errors.length) { commit(types.UPDATE_LIST_FAILURE, backupList); } }) .catch(() => { commit(types.UPDATE_LIST_FAILURE, backupList); }); }, removeList: ({ state, commit }, listId) => { const listsBackup = { ...state.boardLists }; commit(types.REMOVE_LIST, listId); return gqlClient .mutate({ mutation: destroyBoardListMutation, variables: { listId, }, }) .then(({ data: { destroyBoardList: { errors } } }) => { if (errors.length > 0) { commit(types.REMOVE_LIST_FAILURE, listsBackup); } }) .catch(() => { commit(types.REMOVE_LIST_FAILURE, listsBackup); }); }, fetchIssuesForList: ({ state, commit }, { listId, fetchNext = false }) => { commit(types.REQUEST_ISSUES_FOR_LIST, { listId, fetchNext }); const { endpoints, boardType, filterParams } = state; const { fullPath, boardId } = endpoints; const variables = { fullPath, boardId: fullBoardId(boardId), id: listId, filters: filterParams, isGroup: boardType === BoardType.group, isProject: boardType === BoardType.project, first: 20, after: fetchNext ? state.pageInfoByListId[listId].endCursor : undefined, }; return gqlClient .query({ query: listsIssuesQuery, context: { isSingleRequest: true, }, variables, }) .then(({ data }) => { const { lists } = data[boardType]?.board; const listIssues = formatListIssues(lists); const listPageInfo = formatListsPageInfo(lists); commit(types.RECEIVE_ISSUES_FOR_LIST_SUCCESS, { listIssues, listPageInfo, listId }); }) .catch(() => commit(types.RECEIVE_ISSUES_FOR_LIST_FAILURE, listId)); }, resetIssues: ({ commit }) => { commit(types.RESET_ISSUES); }, moveIssue: ( { state, commit }, { issueId, issueIid, issuePath, fromListId, toListId, moveBeforeId, moveAfterId }, ) => { const originalIssue = state.issues[issueId]; const fromList = state.issuesByListId[fromListId]; const originalIndex = fromList.indexOf(Number(issueId)); commit(types.MOVE_ISSUE, { originalIssue, fromListId, toListId, moveBeforeId, moveAfterId }); const { boardId } = state.endpoints; const [fullProjectPath] = issuePath.split(/[#]/); gqlClient .mutate({ mutation: issueMoveListMutation, variables: { projectPath: fullProjectPath, boardId: fullBoardId(boardId), iid: issueIid, fromListId: getIdFromGraphQLId(fromListId), toListId: getIdFromGraphQLId(toListId), moveBeforeId, moveAfterId, }, }) .then(({ data }) => { if (data?.issueMoveList?.errors.length) { commit(types.MOVE_ISSUE_FAILURE, { originalIssue, fromListId, toListId, originalIndex }); } else { const issue = data.issueMoveList?.issue; commit(types.MOVE_ISSUE_SUCCESS, { issue }); } }) .catch(() => commit(types.MOVE_ISSUE_FAILURE, { originalIssue, fromListId, toListId, originalIndex }), ); }, setAssignees: ({ commit, getters }, assigneeUsernames) => { return gqlClient .mutate({ mutation: updateAssignees, variables: { iid: getters.activeIssue.iid, projectPath: getters.activeIssue.referencePath.split('#')[0], assigneeUsernames, }, }) .then(({ data }) => { commit('UPDATE_ISSUE_BY_ID', { issueId: getters.activeIssue.id, prop: 'assignees', value: data.issueSetAssignees.issue.assignees.nodes, }); }); }, createNewIssue: ({ commit, state }, issueInput) => { const input = issueInput; const { boardType, endpoints } = state; if (boardType === BoardType.project) { input.projectPath = endpoints.fullPath; } return gqlClient .mutate({ mutation: issueCreateMutation, variables: { input }, }) .then(({ data }) => { if (data.createIssue.errors.length) { commit(types.CREATE_ISSUE_FAILURE); } else { return data.createIssue?.issue; } return null; }) .catch(() => commit(types.CREATE_ISSUE_FAILURE)); }, addListIssue: ({ commit }, { list, issue, position }) => { commit(types.ADD_ISSUE_TO_LIST, { list, issue, position }); }, addListNewIssue: ({ commit, dispatch }, { issueInput, list }) => { const issue = formatIssue({ ...issueInput, id: 'tmp' }); commit(types.ADD_ISSUE_TO_LIST, { list, issue, position: 0 }); dispatch('createNewIssue', issueInput) .then(res => { commit(types.ADD_ISSUE_TO_LIST, { list, issue: formatIssue({ ...res, id: getIdFromGraphQLId(res.id) }), }); commit(types.REMOVE_ISSUE_FROM_LIST, { list, issue }); }) .catch(() => commit(types.ADD_ISSUE_TO_LIST_FAILURE, { list, issueId: issueInput.id })); }, setActiveIssueLabels: async ({ commit, getters }, input) => { const { activeIssue } = getters; const { data } = await gqlClient.mutate({ mutation: issueSetLabels, variables: { input: { iid: String(activeIssue.iid), addLabelIds: input.addLabelIds ?? [], removeLabelIds: input.removeLabelIds ?? [], projectPath: input.projectPath, }, }, }); if (data.updateIssue?.errors?.length > 0) { throw new Error(data.updateIssue.errors); } commit(types.UPDATE_ISSUE_BY_ID, { issueId: activeIssue.id, prop: 'labels', value: data.updateIssue.issue.labels.nodes, }); }, setActiveIssueDueDate: async ({ commit, getters }, input) => { const { activeIssue } = getters; const { data } = await gqlClient.mutate({ mutation: issueSetDueDate, variables: { input: { iid: String(activeIssue.iid), projectPath: input.projectPath, dueDate: input.dueDate, }, }, }); if (data.updateIssue?.errors?.length > 0) { throw new Error(data.updateIssue.errors); } commit(types.UPDATE_ISSUE_BY_ID, { issueId: activeIssue.id, prop: 'dueDate', value: data.updateIssue.issue.dueDate, }); }, setActiveIssueSubscribed: async ({ commit, getters }, input) => { const { data } = await gqlClient.mutate({ mutation: issueSetSubscriptionMutation, variables: { input: { iid: String(getters.activeIssue.iid), projectPath: input.projectPath, subscribedState: input.subscribed, }, }, }); if (data.issueSetSubscription?.errors?.length > 0) { throw new Error(data.issueSetSubscription.errors); } commit(types.UPDATE_ISSUE_BY_ID, { issueId: getters.activeIssue.id, prop: 'subscribed', value: data.issueSetSubscription.issue.subscribed, }); }, fetchBacklog: () => { notImplemented(); }, bulkUpdateIssues: () => { notImplemented(); }, fetchIssue: () => { notImplemented(); }, toggleIssueSubscription: () => { notImplemented(); }, showPage: () => { notImplemented(); }, toggleEmptyState: () => { notImplemented(); }, };