@exodus/ui-config 2.0.0 → 3.1.0

package/index.js

@@ -1,14 +1,18 @@
 import { createStorageAtomFactory } from '@exodus/atoms'
+
 import createUiConfigApiDefinition from './api'
 import createUiConfigPluginDefinition from './plugin'
+import { getAtomId } from './utils'
+
+export { getConfigReduxEvents, getEventReduxMap } from './utils'
 
 const createUiConfigFeatureDefinition = ({ config }) => {
-  const getAtomId = (id) => `${id}Atom`
-  const configAtomMap = Object.fromEntries(config.map(({ id }) => [id, getAtomId(id)]))
+  const configValues = Object.values(config)
+  const configAtomMap = Object.fromEntries(configValues.map(({ id }) => [id, getAtomId(id)]))
   const atomConfigMap = Object.fromEntries(
     Object.keys(configAtomMap).map((configId) => [configAtomMap[configId], configId])
   )
-  const atoms = config.map(({ id }) => ({
+  const atoms = configValues.map(({ id }) => ({
     definition: {
       id: configAtomMap[id],
       type: 'atom',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exodus/ui-config",
-  "version": "2.0.0",
+  "version": "3.1.0",
   "description": "Helper for storing various UI-specific settings/config.",
   "author": "Exodus Movement Inc.",
   "license": "UNLICENSED",
@@ -17,19 +17,27 @@
     "README.md",
     "utils.js",
     "plugin",
-    "api"
+    "api",
+    "utils",
+    "redux",
+    "!**/__tests__/**"
   ],
   "scripts": {
     "lint": "eslint . --ignore-path ../../.gitignore",
-    "lint:fix": "yarn lint --fix"
+    "lint:fix": "yarn lint --fix",
+    "test": "jest"
   },
   "dependencies": {
-    "@exodus/atoms": "^5.4.0",
+    "@exodus/atoms": "^5.6.0",
     "@exodus/basic-utils": "^2.1.0",
+    "@exodus/formatting": "^1.1.1",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "eslint": "^8.44.0"
+    "@exodus/redux-dependency-injection": "^3.0.0",
+    "eslint": "^8.44.0",
+    "jest": "^29.1.2",
+    "redux": "^4.2.1"
   },
-  "gitHead": "77f9575942b25e8cd2229c79889264c5994b7bb6"
+  "gitHead": "6971e131f985a06823cca580d424122f53e7f93a"
 }

package/redux/id.js

@@ -0,0 +1 @@
+export default 'uiConfig'

package/redux/index.js

@@ -0,0 +1,26 @@
+import id from './id'
+import { getAtomId } from '../utils'
+
+const createUiConfigReduxDefinition = (config) => {
+  const configValues = Object.values(config)
+  const configAtomMap = configValues.map(({ id }) => [id, getAtomId(id)])
+  const initialState = Object.fromEntries(configValues.map(({ id }) => [id, undefined]))
+  const eventReducers = Object.fromEntries(
+    configAtomMap.map(([configId, atomId]) => [
+      atomId,
+      (state, payload) => {
+        return { ...state, [configId]: payload }
+      },
+    ])
+  )
+
+  return {
+    id,
+    type: 'redux-module',
+    initialState,
+    eventReducers,
+    selectorDefinitions: [],
+  }
+}
+
+export default createUiConfigReduxDefinition

package/utils.js

@@ -0,0 +1,14 @@
+import { toUpperSnakeCase } from '@exodus/formatting'
+
+export const getAtomId = (id) => `${id}ConfigAtom`
+
+const toReduxEvent = (type) => `EVENT_${toUpperSnakeCase(type.replace(/configatom$/i, ''))}_CONFIG`
+const getConfigReduxEventName = (id) => toReduxEvent(getAtomId(id))
+
+export const getEventReduxMap = (config) =>
+  Object.fromEntries(
+    Object.values(config).map(({ id }) => [getAtomId(id), getConfigReduxEventName(id)])
+  )
+
+export const getConfigReduxEvents = (config) =>
+  new Map(Object.values(config).map(({ id }) => [getConfigReduxEventName(id), id]))