\n If you are looking for help in getting up and running or want a better\n understanding of the issue, please feel free to reach out to me:\n
\n\n For more information about how Keymap Editor layouts are defined, you can\n read {GitHubWikiLayoutsLink}, and if you need an environment to quickly test\n changes to a layout try {layoutToolsLink}.\n
\n)\n","import { createSlice } from '@reduxjs/toolkit'\nimport { layerIndexChanged, makeLayerIndexChangeReducer } from '../Layers/layer-index-change-action'\n\nexport const selectBehaviors = state => state.keyboard.keymap.behaviors\n\nconst selectNodeCompatible = node => (\n node.properties.compatible?.parsed ||\n node.properties.compatible?.raw?.replace(/\"/g, '')\n)\n\nconst selectNodePhandleArrays = (node, behaviors, schemas) => {\n const compatible = selectNodeCompatible(node)\n const schema = schemas[compatible]\n\n if (!schema) {\n return []\n }\n\n return Object.keys(schema.properties).reduce((phandleArrays, prop) => {\n const propSchema = schema.properties[prop]\n const propValues = node.properties[prop]\n if (propSchema.type === 'phandle-array' && propValues) {\n phandleArrays.push(propValues.parsed)\n }\n\n return phandleArrays\n }, [])\n}\n\nconst behaviorsSlice = createSlice({\n name: 'behaviors',\n initialState: [],\n reducers: {\n addBehavior (state, action) {\n state.push(action.payload.behavior)\n },\n updateBehavior (state, action) {\n state[action.payload.behaviorIndex] = action.payload.behavior\n },\n deleteBehavior (state, action) {\n state.splice(action.payload.behaviorIndex, 1)\n }\n },\n extraReducers: builder => {\n builder.addCase(\n layerIndexChanged,\n makeLayerIndexChangeReducer(\n selectNodePhandleArrays\n )\n )\n }\n})\n\nexport const {\n addBehavior,\n updateBehavior,\n deleteBehavior\n} = behaviorsSlice.actions\n\nexport default behaviorsSlice.reducer\n","import { createSlice } from '@reduxjs/toolkit'\nimport { layerIndexChanged, makeLayerIndexChangeReducer } from '../Layers/layer-index-change-action'\n\nexport const selectCombos = state => state.keyboard.keymap.combos\n\nconst combosSlice = createSlice({\n name: 'combos',\n initialState: [],\n reducers: {\n updateComboBinding (state, action) {\n state[action.payload.comboIndex].properties.bindings = { parsed: action.payload.bindings }\n },\n updateComboKeypositions (state, action) {\n state[action.payload.comboIndex].properties['key-positions'] = {\n parsed: action.payload.keyPositions\n }\n },\n createCombo (state) {\n state.push({\n name: 'new_combo',\n labels: [],\n properties: {\n bindings: {\n parsed: [{ value: '&trans', params: [] }]\n },\n 'key-positions': {\n parsed: []\n }\n }\n })\n },\n renameCombo (state, action) {\n state[action.payload.index].name = action.payload.name\n },\n deleteCombo (state, action) {\n state.splice(action.payload.index, 1)\n },\n customizeCombo (state, action) {\n const { index, combo } = action.payload\n state[index] = combo\n }\n },\n extraReducers: builder => {\n const comboBindingsReducer = makeLayerIndexChangeReducer()\n\n builder.addCase(\n layerIndexChanged,\n function reducer (state, action) {\n const { positionMapping } = action.payload\n comboBindingsReducer(state, action)\n for (const { properties } of state) {\n if (!properties.layers?.parsed?.length) {\n continue\n }\n\n properties.layers.parsed = properties.layers.parsed.reduce((layers, index) => {\n const newIndex = positionMapping[index]\n if (newIndex !== null) {\n layers.push(newIndex)\n }\n\n return layers\n }, [])\n }\n }\n )\n }\n})\n\nexport const {\n updateComboBinding,\n updateComboKeypositions,\n createCombo,\n renameCombo,\n deleteCombo,\n customizeCombo\n} = combosSlice.actions\n\nexport default combosSlice.reducer\n","import get from 'lodash/get'\nimport { createAction } from '@reduxjs/toolkit'\n\nimport { getBindingSlots } from '../../keymap'\n\nexport function selectLayerParamsFromBinding (binding, behaviorParameters) {\n const behaviorParams = getBindingSlots(binding, behaviorParameters)\n\n return behaviorParams.reduce((layerParams, param, i) => {\n if (param === 'layer') {\n layerParams.push(binding.params[i])\n }\n\n return layerParams\n }, [])\n}\n\nexport const layerIndexChanged = createAction(\n 'layers/indexChanged',\n function prepare (currentIndex, targetIndex, layers, searchContext, definitionsContext) {\n const positionMapping = createLayerIndexMapping(currentIndex, targetIndex, layers)\n const { sources, behaviorParameters } = searchContext\n const { behaviors: behaviorSchemas } = definitionsContext\n\n return {\n payload: {\n currentIndex,\n targetIndex,\n sources,\n behaviorSchemas,\n behaviorParameters,\n positionMapping\n }\n }\n }\n)\n\nconst defaultSelectPhandleArrays = node => [node.properties.bindings.parsed]\n\n/**\n * Create a reducer to update layer index binding cells after a layer shift.\n * @param {Function} selectPhandleArrays - callback to return parsed phandle-array values from any relevant property in a node\n * @returns {Function} reducer\n */\nexport function makeLayerIndexChangeReducer (selectPhandleArrays = defaultSelectPhandleArrays) {\n return function reducer (state, action) {\n const { sources, behaviorSchemas, behaviorParameters, positionMapping } = action.payload\n const { behaviours: behaviors, defines } = sources\n const layerParamsIterator = makeLayerParamsIterator(\n state, behaviors, behaviorSchemas, behaviorParameters, selectPhandleArrays\n )\n\n for (const param of layerParamsIterator) {\n let selectedIndex = get(defines, param.value, param.value)\n if (!Number.isNaN(Number(selectedIndex))) {\n selectedIndex = Number(selectedIndex)\n }\n\n param.value = positionMapping[selectedIndex]?.toString()\n if (param.value === undefined) {\n param.value = '0'\n param._isPlaceholder = true\n }\n }\n }\n}\n\nfunction createLayerIndexMapping (currentIndex, targetIndex, layers) {\n const layerIndices = [...layers.keys()]\n\n // Deleted layer means references to currentIndex are nulled,\n // and referencs > currentIndex are decremented\n if (targetIndex === null) {\n return layerIndices.map(i => {\n if (i === currentIndex) {\n return null\n }\n\n return i > currentIndex ? i - 1 : i\n })\n }\n\n return layerIndices.map(i => {\n const sameIndex = i === currentIndex\n const bothBefore = i > currentIndex && i > targetIndex\n const bothAfter = i < currentIndex && i < targetIndex\n const betweenOldAndNew = currentIndex < i && i < targetIndex\n\n if (sameIndex) {\n // Normally the \"target\" is another layer whose position is being taken,\n // but in the case of targetting the end of the list this isn't a valid\n // array index.\n if (targetIndex === layers.length) {\n return targetIndex - 1\n }\n\n return targetIndex\n } else if (bothBefore || bothAfter) {\n return i\n } else if (betweenOldAndNew) {\n return i - 1\n }\n\n return i + 1\n })\n}\n\n/**\n * Create iterator for all layer-related binding cells in a state slice.\n * This reducer is used with state slices that represent a collection of nodes\n * each of which have one or more properties representing phandle arrays which\n * may have parameters binding to layer indices. This iterator abstracts that\n * so we can just loop through layer parameters.\n * @param {Array