Add onExecute callback

[nicotsx]

Purpose

Inspired by react-query's onMutate I added the callback onExecute to both hooks useAction and useOptimisticAction. This callback is useful to run code before any action and avoid creating an extra helper function. The input can be accessed aswell in order to perform different actions based on it

Before

const action = useAction(myAction)

const mutate = () => {
    console.log("I really want to print this on action execution");
    action.execute();
}

return <button onClick={mutate}>hello</button>

After

const action = useAction(myAction, {
    onExecute(input) {
        console.log("I really want to print this on action execution", input);
    }
})

return <button onClick={action.execute}>hello</button>

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
next-safe-action-example-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 1, 2023 3:24pm

[TheEdoRan]

Awesome work, this will be a nice addition to the lib! Just one thing though, can you please restore the original README_v2.md file and update README.md instead? v2 is for the old 2.x.x version of next-safe-action, README.md is for version 3 (the current one). Thank you very much!

[nicotsx]

Sure thing @TheEdoRan, I've updated the correct readme!

[github-actions]

🎉 This PR is included in version 3.4.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 4.0.0-experimental.8 🎉

The release is available on:

• npm package (@experimental dist-tag)
• GitHub release

Your semantic-release bot 📦🚀