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)
  function establishConnection() {}
  function sendHeartbeat() {}
  
  const fetchMachine = Machine({
    initial: 'disconnected',
    states: {
      disconnected: {
        on: {
          CONNECT: 'connecting'
        }
      },
      connecting: {
        invoke: {
          id: 'establishingConnection',
          src: establishConnection,
          onDone: 'connected',
          onError: 'error'
        }
      },
      connected: {
        initial: 'idle',
        states: {
          idle: {
            after: [
              {
                delay: 5000,
                target: 'beating'
              }
            ]
          },
          beating: {
            invoke: {
              src: 'sendHeartbeat',
              onDone: 'idle',
              onError: '#error'
            }
          }
        }
      },
      error: {
        id: 'error',
        on: {
          '': [
            {
              target: 'connecting',
              cond: 'shouldRetryConnection',
              actions: [
                assign({
                  connectionRetries: ({ connectionRetries }) => connectionRetries + 1
                })
              ]
            },
            {
              actions: ['showReconnectDialog']
            }
          ],
          RECONNECT: {
            target: 'connecting',
            actions: [
              assign({
                connectionRetries: 0
              })
            ]
          }
        }
      }
    }
  });