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 pingStates = {
    id: 'ping',
    initial: 'idle',
    states: {
      idle: {
        on: { 
          START: 'pinging'
        }
      },
      pinging: {
        on: {
          STOP: 'idle'
        }
      }
    }
  }
  
  const connectionMachine = Machine({
    id: 'connection',
    initial: 'disconnected',
    context: {},
    states: {
      disconnected: {
        on: {
          CONNECT: { target: 'connected' }
        },
        ...pingStates
      },
      connected: {
        on: {
          AUTHENTICATE: 'authenticated',
          DISCONNECT: 'disconnected'
        },
        ...pingStates
      },
      authenticated: {
        on: {
          DISCONNECT: 'disconnected',
          UNAUTHENTICATE: 'connected'
        },
        ...pingStates
      }
    }
  });