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

machine.js

const lit = {
  on: {
    BREAK:  {
      target: 'broken',
      actions: () => console.warn('transition to onBreak')
    },
    TOGGLE: 'unlit',
  },
  exit: () => console.warn("it's dark and cold")

}
const unlit = {
  on: {
    BREAK: 'broken',
    TOGGLE: 'lit'
  },
  
}
const broken = {
  entry: ['logBroken']
}

const states = { lit, unlit, broken }

const initial = 'unlit'

const config = {
  id: 'lightBulb',
  initial,
  states,
  strict: true,
  devTools: true,
}

const lightBulbMachine = Machine(config, {
  actions: {
     logBroken: (context, event) => console.warn(`yo I'm broken in the ${event.location}`)
  }
})