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

machine.js

const lightBulbMachine = Machine({
  id: 'light',
  initial: 'unlit',
  context: {
    color: "blue"
  },
  states: {
    lit: {
      on: {
        TOGGLE:'unlit',
        BREAK:'broken'
      }
    },
    unlit: {
      on: {
        TOGGLE:'lit',
        BREAK:'broken'
      }   
    },
    broken: {
      entry: [
        () => {
          alert('ya basic')
          window.location.refresh();
        }
      ],
      type: 'final'
    }
  },
  on: {
    CHANGE_COLOR: {
      actions: [
        assign({
          color: (ctx, e) => e.color || 'green'
        })
      ]
    }
  }
})