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

machine.js

// A very cool visualisation machine
// Allows you to see what the state machine does
// And how it transitions from one state to the next
const toggleMachine = new Machine({
  id: 'toggleMachine', 
  initial: 'inactive',
  states: {
    inactive: {
      // Tell it which events the state should listen for. 
      // And you do that by defining an on property. 
      on: {
        TOGGLE: 'active'
      }
    },
    active: {
      on: {
        TOGGLE: 'inactive'
      }
    }
  }
})