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 displayMachine = Machine({
    id: 'display',
    initial: 'clock',
    context: {
    },
    states: {
      clock: {
        on: {
          MAIN_BUTTON: 'menu'
        }
      },
      menu: {
        states: {
          lights: {
            on: {
              MAIN_BUTTON: '#display.lightsSettings',
              DIAL_INCREMENT: 'nest',
              DIAL_DECREMENT: 'alarm'
            }
          },
          nest: {
            on: {
              MAIN_BUTTON: '#display.nestSettings',
              DIAL_INCREMENT: 'alarm',
              DIAL_DECREMENT: 'lights'
            }
          },
          alarm: {
            on: {
              MAIN_BUTTON: '#display.alarmSettings',
              DIAL_INCREMENT: 'lights',
              DIAL_DECREMENT: 'nest'
            }
          }
        }
      },
      lightsSettings: {
        on: {
          MAIN_BUTTON: 'menu'
        }
      },
      nestSettings: {
        on: {
          MAIN_BUTTON: 'menu'
        }
      },
      alarmSettings: {
        on: {
          MAIN_BUTTON: 'menu'
        }
      },
      alarmRinging: {
        on: {
          MAIN_BUTTON: 'morningRoutine'
        }
      },
      morningRoutine: {
        states: {
          showWeather: {
            after: {
              5000: 'clock'
            },
            on: {
              MAIN_BUTTON: '#display.clock'
            }
          }
        }
      }
    },
    on: {
      ACTIVITY_IDLE: {
        target: 'clock',
        cond: (_, __, meta) => meta.state !== 'alarmRinging',
      },
      ALARM_TRIGGERED: {
        target: 'alarmRinging'
      }
    }
  });