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

machine.js

const lightMachine = Machine({
  id:'trafficLight',
  initial:'red',
  context:{
    rushHourMultiplier:1
  },
  on:{
    INC_RUSH_HOUR:{
      actions:['incRushHour']
      
    }
  },
  states:{
    green:{
      after:{
        GREEN_TIMER:'yellow',
      }
    },
    yellow:{
      after:{
        YELLOW_TIMER:'red'
      }
    },
    red:{
      after:{
        RED_TIMER:'green'
      }
    }
  }
},


{
  actions:{
  incRushHour:assign({
    rushHourMultiplier: ctx => ctx.rushHourMultiplier + 1
    
  })
},
  delays:{
    GREEN_TIMER:ctx => ctx.rushHourMultiplier * 3000,
    YELLOW_TIMER:ctx => ctx.rushHourMultiplier * 1000,
    RED_TIMER:ctx => ctx.rushHourMultiplier * 4000
    
  }
})