Event handler playground

This example demonstrates the various events you can listen to and take action on:

The shorthand handler ids above all compile to absolute handler paths, such as:

Hover over each id/checkbox to see a description of the handler and the internal paths it generates.

The following grammar is available:

Format	Description
`alias`	Any single word that resolves to a namespaced-type alias, action or state name
`namespace.type`	A namespaced-type, for system, transition, action or state
`:type`	An event type, for action or state events
`@action`	An action name
`#state`	A state name (provided in case you need to disambiguate from a namespaced alias)
`(foo bar baz)`	Grouping for multiple grammars, which are expanded to multiple paths

Note that all assigned handlers operate independently of one another:

You can listen to global (all states, and all actions) as well as named events
You can mix and match all event handler types to both control and react to your flow