Logging unhandled actions

[leonp-s]

I was just wondering if there is currently a way to log actions that are called but not handled/don't exist?

[albertogasparin]

You mean like:

const Component = () => {
  const [state, actions] = useCounter();
  useEffect(() => { 
    actions.nonExistentAction();
  })
}

In that case you will get the standard js error undefined is not a function.
Different case if you are talking about async actions that you forget to catch, but cannot think of a solution for that on the library side

[leonp-s]

Hmm, was really talking async actions. Guessing its not too possible then?

[albertogasparin]

Not at the moment. To support that we should expose an API to add enhancers, like Redux, so you can wrap actions (and, for instance, add a .catch if the mutator returns a promise).

Sweet-state core is already kind of build with that in mind (see how devtools support is implemented) but never really had the need to add a public API and a dynamic set of enhancers.
In theory, we could expose something like the middleware API: we collect functions into a Set, then create an applyEnhancers (sibling of applyMiddlewares) and change the default export of create-state.js to be the version with all the enhancers applied. So when a store is created you have control over the actions.

If you feel up for the challenge, PRs are welcome, otherwise next time I'll have some spare time I'll give it a go.