Generated by XState Viz: https://xstate.js.org/viz

machine.js

const testStateMachine = Machine({
    id: 'testState',
    initial: 'preload',
    states: {
        preload: {
            on: {
                LOAD: {
                    target: 'ready',
                },
            },
        },
        ready: {
            on: {
                START: {
                    target: 'started',
                },
            }
        },
        started: {
            on: {
                END: {
                    target: 'ended',
                }
            }
        },
        ended: {
            initial: 'overview',
            on: {
                RESTART: {
                    target: 'preload',
                },
            },
            states: {
                overview: {
                    on: {
                        DETAILS: {
                            target: 'details'
                        }
                    },
                },
                details: {
                    on: {
                        OVERVIEW: {
                            target: 'overview'
                        }
                    }
                },
            }
        },
    }
})