v1/UI/src/components/role-editor/actions.js

import { OrderedMap, Set } from 'immutable'
import * as UIActions from '../../actions/ui'
import { getViewMap, setup } from '../role-picker/actions'
import uuidv4 from 'uuid/v4'
import superagent from 'superagent'

export const constructView = (id) => async (dispatch, getState) => {
  await setup(id)(dispatch)
  const server = getState().servers.get(id)

  let { viewMap, hasSafeRoles } = getViewMap(server)
  viewMap = viewMap.map((c, idx) => c.set('mode', Symbol.for('drop')))

  dispatch({
    type: Symbol.for('re: setup'),
    data: {
      hasSafeRoles,
      viewMap,
      originalSnapshot: viewMap,
    },
  })

  dispatch(UIActions.fadeIn)
}

export const addRoleToCategory = (id, oldId, role, flip = true) => (dispatch) => {
  dispatch({
    type: Symbol.for('re: add role to category'),
    data: {
      id,
      role,
    },
  })

  if (flip) {
    dispatch(removeRoleFromCategory(oldId, id, role, false))
  }
}

export const removeRoleFromCategory = (id, oldId, role, flip = true) => (dispatch) => {
  dispatch({
    type: Symbol.for('re: remove role from category'),
    data: {
      id,
      role,
    },
  })

  if (flip) {
    dispatch(addRoleToCategory(oldId, id, role, false))
  }
}

export const editCategory = ({ id, key, value }) => (dispatch) => {
  dispatch({
    type: Symbol.for('re: edit category'),
    data: {
      id,
      key,
      value,
    },
  })
}

export const saveCategory = (id, category) => (dispatch) => {
  if (category.get('name') === '') {
    return
  }

  dispatch({
    type: Symbol.for('re: switch category mode'),
    data: {
      id,
      mode: Symbol.for('drop'),
    },
  })
}

export const openEditor = (id) => ({
  type: Symbol.for('re: switch category mode'),
  data: {
    id,
    mode: Symbol.for('edit'),
  },
})

export const deleteCategory = (id, category) => (dispatch, getState) => {
  const roles = category.get('roles')
  const rolesMap = category.get('roles_map')

  let uncategorized = getState().roleEditor.getIn(['viewMap', 'Uncategorized'])

  dispatch({
    type: Symbol.for('re: set category'),
    data: {
      id: 'Uncategorized',
      name: '',
      roles: uncategorized.get('roles').union(roles),
      roles_map: uncategorized.get('roles_map').union(rolesMap),
      hidden: true,
      type: 'multi',
      mode: null,
    },
  })

  dispatch({
    type: Symbol.for('re: delete category'),
    data: id,
  })
}

export const createCategory = (dispatch, getState) => {
  const { roleEditor } = getState()
  const vm = roleEditor.get('viewMap')

  let name = 'New Category'
  let idx = 1
  const pred = (c) => c.get('name') === name
  while (vm.find(pred) !== undefined) {
    idx++
    name = `New Category ${idx}`
  }

  const id = uuidv4()

  dispatch({
    type: Symbol.for('re: set category'),
    data: {
      id,
      name,
      roles: Set([]),
      roles_map: Set([]),
      hidden: false,
      type: 'multi',
      position: idx,
      mode: Symbol.for('edit'),
    },
  })
}

export const bumpCategory = (category, id) => (move) => async (dispatch, getState) => {
  console.log({ category, id, move })
  const { roleEditor } = getState()
  const vm = roleEditor.get('viewMap')
  const vmSeq = vm.valueSeq().filterNot((item) => item.get('name') === 'Uncategorized')
  console.log({ vm, vmSeq })

  const oldPosition = vmSeq.findKey((item) => item.get('id') === id)
  const newPosition = Math.max(0, Math.min(vm.size - 1, oldPosition + move))
  console.log({ oldPosition, newPosition })

  const vmSeqExcludingBump = vmSeq.splice(oldPosition, 1)

  console.log({ vmSeqExcludingBump: vmSeqExcludingBump.toJS() })
  const vmSeqWithBump = vmSeqExcludingBump
    .slice(0, newPosition)
    .concat([category])
    .concat(vmSeqExcludingBump.slice(newPosition))

  console.log({ vmSeqWithBump: vmSeqWithBump.toJS() })
  const vmSeqNewOrdering = vmSeqWithBump
    .map((item, idx) => item.set('position', idx))
    .sortBy((item) => item.get('position'))

  console.log({ vmSeqNewOrdering: vmSeqNewOrdering.toJS() })
  const newVm = vmSeqNewOrdering
    // .add(vm.find((item) => item.get('name') === 'Uncategorized'))
    .reduce((acc, item) => acc.set(item.get('id'), item), OrderedMap())
    .set('Uncategorized', vm.get('Uncategorized'))

  dispatch({
    type: Symbol.for('re: replace viewmap'),
    data: newVm,
  })
}

export const saveServer = (id) => async (dispatch, getState) => {
  const viewMap = getState()
    .roleEditor.get('viewMap')
    .filterNot((_, k) => k === 'Uncategorized')
    .map((v) => v.delete('roles_map').delete('mode').delete('id'))

  viewMap.map((v, idx) => {
    if (v.has('position')) {
      return v
    }

    console.warn('category position wasnt set, so fake ones are being made', {
      cat: v.toJS(),
      idx,
      position: viewMap.count() + idx,
    })
    return v.set('position', viewMap.count() + idx)
  })

  await superagent.patch(`/api/server/${id}`).send({ categories: viewMap.toJS() })
  dispatch({ type: Symbol.for('re: swap original state') })
}