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 FULL_STOCK = 5;
  
  const machine = Machine({
    initial: 'normal',
    context: {
      supply: 5
    },
    states: {
      normal: {
        on: {
          "": [
            {
              target: 'empty',
              cond: 'isEmpty',
            },
            {
              target: 'full',
              cond: 'isFull'
            },
          ],
          DISPENSE: {
            target: 'normal',
            actions: 'dispense'
          },
          RESTOCK: {
            target: 'normal',
            actions: 'restock',
          }
        },
      },
      full: {
        on: {
          DISPENSE: {
            target: 'normal',
            actions: 'dispense'
          },
        }  
      },
      empty: {
        on: {
          RESTOCK: {
            target: 'normal',
            actions: 'restock'
          }
        }
      }
    }
  }, {
    actions: {
      dispense: assign({
        supply: (context, event) => context.supply - 1
      }),
      restock: assign({
        supply: (context, event) => FULL_STOCK
      })
    },
    guards: {
      isEmpty: (context, event) => {
        return context.supply === 0;
      },
      isFull: (context, event) => {
        return context.supply === FULL_STOCK;
      }
    }
  });