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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
  id: "lightBulb",
  initial: "unlit",
  states: {
    lit: {
      exit:()=>{
        console.log("It's so dark and cold")
      },
      on: {
        BREAK: {target: 'broken',actions: ()=>{
          console.log('transition to broken')
        }},
        TOGGLE: "unlit",
      },
    },
    unlit: {
      on: {
        BREAK: 'broken',
        TOGGLE: "lit",
      },
    },
    broken: { entry: ['logBroken'] },
  },
},{
  actions: {
    logBroken: (context,event)=>{console.log(`yo, i'm broken in the ${event.location}` )}
  }
});