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

machine.js

  const multiPitchMachine = Machine({
    id: 'multi-pitch',
    initial: 'idle',
    context: {
      pitches: 0
    },
    states: {
      idle: {
        on: {
          BELAY: 'belaying',
          CLIMB: 'climbing',
          RAPPEL: 'rappelling'
        }
      },
      
      belaying: {
        on: {
          TAKE: 'taking',
          SAFE: 'climbing'
        }
      },
      taking: {
        on: {
          BELAY: 'belaying'
        }
      },
      climbing: {
        on: {
          TAKE: 'hanging',
          TOP: {
            target: 'idle',
            actions: assign({
              pitches: (context, event) => context.pitches + 1
            })
          },
          TOPOUT: {
            target: 'success',
            actions: assign({
              pitches: (context, event) =>
                context.pitches + 1
            })
          }
        }
      },
      hanging: {
        on: {
          CLIMB: 'climbing',
          LOWER: 'lowering'
        }
      },
      lowering: {
        on: {
          GROUND: 'idle'
        }
      },
       rappelling: {
        on: {
          GROUND: 'bailed'
        }
      },
      success: {
        type: 'final'
      },
      bailed: {
        type: 'final'
      }
    }
  });