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 recipeMachine = Machine({
    id: 'recipe',
    initial: 'init',
    context: {
      currentStep: 0,
      steps: [1,2,3]
    },
    states: {
      init: {
        on: {
          CONTINUE: 'present plan'
        }
      },
      "present plan": {
        entry: ['incrementStep'],
        on: {
          APPLY: 'applying step',
        }
      },
      "applying step": {
        on: {
          FINISH: [
            {
              target: 'present plan',
              // The 'searchValid' guard implementation details are
              // specified in the machine config
              cond: 'hasNextStep'
            },
            {
              target: 'done',
              // The 'searchValid' guard implementation details are
              // specified in the machine config
              cond: 'atLastStep'
            },
          ],
        }
      },
      "done": {
        type: 'final'
      },
    },
  },{
    actions: {
      incrementStep: assign((context, event) => {
        return {
          currentStep: context.currentStep + 1
        }
      }), 
    },
    guards: {
      hasNextStep: (context, event) => {
        return context.currentStep < context.steps.length
      },
      atLastStep: (context, event) => {
        return context.currentStep === context.steps.length
      }
    }
  });