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 myMachine = Machine({
  id: 'slide',
  initial: 'ground',
  states: {
    ground: {
      on: {
        CLIMB_UP: 'ladder'
      }
    },
    ladder: {
      type: 'parallel',
      onDone: 'topOfSlide',
      states: {
        leftLeg: {
          initial: 'down',
          states: {
            down: {
              on: {
                LIFT_LEFT_LEG: 'up'
              }
            },
            up: {
              type: 'final'
            }
          }
        },
        rightLeg: {
          initial: 'down',
          states: {
            down: {
              on: {
                LIFT_RIGHT_LEG: 'up'
              }
            },
            up: {
              type: 'final'
            }
          }
        }
      }
    },
    topOfSlide: {
      on: {
        CLIMB_DOWN: 'ladder',
        SLIDE: 'ground'
      }
    },
  }
})

// Make ladder a parallel state
// Give it subStates for leftLeg and rightLeg
// LIFT_LEFT_LEG and LIFT_RIGHT_LEG should move leftLeg and rightLeg from down to up states
// When both leftLeg and rightLeg are `up`, you should transition to topOfSlide