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

machine.js

  const fetchMachine = Machine({
    id: 'game',
    initial: 'initialize',
    context: {
        currentActor: undefined,
        enemy: undefined,
        player: undefined
    },
    states: {
        initialize: {
            entry: ['beginCombat'],
            on: {
                INITIALIZED: 'showMainMenu'
            }
        },
        showMainMenu: {
            on: {
                PLAY_BTN_CLICK: 'determineNextActor'
            }
        },
        determineNextActor: {
            entry: ['getNextActor'],
            on: {
                CHOOSE_PLAYER: 'playerTurn',
                CHOOSE_ENEMY: 'enemyTurn'
            }
        },
        playerTurn: {
            on: {
                COMPLETE: 'checkWinCondition'
            }
        },
        enemyTurn: {
            entry: ['runEnemyTurn'],
            on: {
                COMPLETE: 'checkWinCondition'
            }
        },
        checkWinCondition: {
            entry: ['checkForWinner'],
            on: {
                PLAYER_WIN: 'gameOver',
                ENEMY_WIN: 'gameOver',
                NONE: 'determineNextActor',
            }
        },
        gameOver: {
            on: {
                PLAY_BTN_CLICK: 'replay'
            }
        },
        replay: {
            entry: ['clearData', 'beginCombat'],
            on: {
                INITIALIZED: 'determineNextActor'
            }
        }
    }
}, {
    actions: {
        beginCombat: async () => {},
        clearData: async () => {},
        getNextActor: () => {},
        checkForWinner: () => {},
        runEnemyTurn: () => {}
    }
});