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 lit = {
  exit: () => {
    console.log('it is so dark and cold')
  },
  on: {
    BREAK:'broken',
    TOGGLE: "unlit"
  }
};
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
};

const lightBulbMachine = Machine(config, {
  actions: {
    logBroken: (context, event) => {
      console.log(`yo I am broke in the ${event.location}`)
    }
  }
});