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 stoplightMachine = Machine(
  {
    id: 'stoplight',
    initial: 'red',
    states: {
      green: {
        // 'on'  s이 사용되지 않은 것을 주목
        after: {
          GREEN_TIMER: 'yellow',
        },
      },
      yellow: {
        after: {
          YELLO_TIMER: 'red',
        },
      },
      red: {
        after: {
          RED_TIMER: 'green',
        },
      },
    },
  },
  {
    delays: {
      GREEN_TIMER: 3000,
      YELLO_TIMER: 1000,
      RED_TIMER: 4000,
    },
  }
)