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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const gameMachine = Machine({
    id: 'game',
    initial: 'idle',
    context: {
      retries: 0
    },
    states: {
      idle: {
        on: {
          START_GAME: 'running'
        }
      },
      running:{
        initial: 'setup',
        states: {
          setup: {
            on: {
              '': {
                actions: ['setPlayers', 'selectStartingPlayer'],
                target: 'playerTurn'
              }
            }
          },
          playerTurn: {
            initial: 'awaitingRoll',
            states: {
              awaitingRoll: {
                on: {
                  ROLL_DICE: 'rolling'
                }
              },
              rolling: {
                entry: 'rollDice',
                after: {
                  1500: {
                    target: 'selectMarble'
                  }
                }
              },
              selectMarble: {
                on: {
                  SELECT: {
                    actions: ['selectMarble'],
                    target: 'findingMoves'
                  }
                }
              },
              findingMoves: {
                entry: ['findAvailableSpots'],
                on: {
                  '': [{
                    cond: 'hasAvailableMoves',
                    target: 'movingMarble'
                  }, {
                    action: 'showNoMovesMessage',
                    target: 'selectMarble'
                  }]
                }
              },
              movingMarble: {
                on: {
                  MOVE: {
                    actions: ['moveMarble'],
                    target: '#game.running.playerTurn.finishMove'
                  }
                }
              },
              finishMove: {
                entry: ['checkForWinner', 'checkMarbleOvertake'],
                on: {
                  '': [{
                    cond: 'hasWinner',
                    target: '#game.finish'
                  },{
                    action: ['resetPlayerState', 'selectNextPlayer'],
                    target: '#game.running.playerTurn.awaitingRoll'
                  }]
                }
              },
            }
          }
        }
      },
      finish: {
        type: 'final'
      }
    }
  },{
    guards: {
      hasAvailableMoves: (ctx, evt) => true,
      hasWinner: (ctx, evt) => false,
    }
  });