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

machine.js

// DEMO: History State (Shallow)


const poweredOnStates = {
   lowHeat: {
    on: { TOGGLE_HEAT: 'highHeat' }
  },
  highHeat: {
    on: { TOGGLE_HEAT: 'lowHeat' }
  },
  // When this state node is activated
  // It returns the previous state of
  // poweredOnStates
  // A state that remembers :)
  hist: {
    type: 'history'
  }
}


const spaceHeaterMachine = Machine({
  id: 'spaceHeater',
  initial: 'poweredOff',
  states: {
    poweredOff: {
      on: { TOGGLE_POWER: 'poweredOn.hist' }
    },
    poweredOn: {
      on: { TOGGLE_POWER: 'poweredOff' },
      
      initial: 'lowHeat',
      states: poweredOnStates
    }
  }
})