Nested Update/Effects

Have you considered this:

app({
	update: {
		example: {
			attempt: () => alert(1)
		}
	}
})

It should then be possible to call msg.example.attempt().

---

Meanwhile I ended up using this

const convert = (actions, prefix = '') => Object
	.keys(actions)
	.map(name => typeof actions[name] === 'function'
		? ({[`${prefix[0].toLowerCase()}${prefix.slice(1)}${name[0].toUpperCase()}${name.slice(1)}`]: actions[name]})
		: (convert(actions[name], `${prefix}${name[0].toUpperCase()}${name.slice(1)}`))
	)
	.reduce((a, b) => Object.assign(a, b), {})

app({
	update: convert({
		example: {
			attempt: () => alert(1)
		}
	})
})

This maps example.attempt to exampleAttempt.

[FlorianWendelborn]

@selfup This is possible though:

app({
	update: {
		...red,
		...blue,
		...yellow
	}
})

[selfup]

const red = require("./red-effects")
const blue = require("./blue-effects")
const yellow = require("./yellow-effects")

app({
  update: { red, blue, yellow }
})

Now there is no naming conflict but it is no longer flat 🤔