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

machine.js

// Action to increment the context amount
const incrementCount = assign({
  count: (context, _) => context.count + 1
});

const lightBulbMachine = Machine(
  {
    id: 'lightBulb',
    initial: 'unlit',
    context: {
      count: 0
    },
    states: {
      lit: {
        on: {
          BREAK: 'broken',
          TOGGLE: {
            target: 'unlit',
            actions: 'incrementCount'
          }
        }
      },
      unlit: {
        on: {
          BREAK: 'broken',
          TOGGLE: {
            target: 'lit',
            actions: 'incrementCount'
          }
        }
      },
      broken: {
        on: {
          BREAK: {
            target: 'lit',
            actions: 'incrementCount'
          }
        }
      }
    }
  },
  {
    actions: {
      incrementCount
    }
  }
);