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

machine.js

const fetchMachine = Machine({
  id: 'lightBulb',
  initial: 'lit',
	states: {
	  lit: {
	    exit: () => {
	      console.log('it is cold')
	    },
    	on: {
    	  BREAK: {
    	    target: 'broken',
    	    actions: () => {
    	      console.log('transition to broken')
    	    }
    	  },
    	  TOGGLE: 'unlit'
    	}
	  },

    unlit: {
    	on: {
    		BREAK: 'broken',
    		TOGGLE: 'lit'
    	}
    },
    

    broken:{
      entry: ['logBroken']
    }
	}

}, {
actions: {
  logBroken: (ctx, event) => {
    console.log(`yo i am broke in ${event.location}`)
  }
}})