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

machine.js

const toastMachine = Machine({
  id: 'toast',
  initial: 'poweredOff',
  states: {
    poweredOff: {
      on: { POWER_ON: 'poweredOn.hist' }
    },
    poweredOn: {
      on: { POWER_OFF: 'poweredOff' },
      type: 'parallel',
      states: {
        hist: {
          type: 'history',
          history: 'deep'
        },
        heatLevel: {
          initial: 'light',
          states: {
            light: {
              on: { HOTTER: 'medium' }
            },
            medium: {
              on: {
                COOLER: 'light',
                HOTTER: 'high'
              }
            },
            high: {
              on: { COOLER: 'medium' }
            }
          }
        },
        duration: {
          initial: 'short',
          states: {
            short: {
              on: { LONGER: 'long' }
            },
            long: {
              on: { SHORTER: 'short' }
            }
          }
        },
      }
    }
  }
})