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

machine.js

const networkStatusMachine = Machine({
  id: 'networkStatus',
  initial: 'uninitialized',
  states: {
    uninitialized: {
      on: {
        // NETWORK_REQUEST_SUCCESS: 'online',
        // NETWORK_REQUEST_ERROR: 'offline',
        WEBSOCKET_MESSAGE_RECEIVED: 'online',
      },
    },
    online: {
      id: 'online',
      on: {
        // NETWORK_REQUEST_ERROR: 'offline',
        WEBSOCKET_HEARTBEAT_MISSED: 'offline',
        WEBSOCKET_CLOSED: 'offline',
      },
    },
    offline: {
      initial: 'WAITING',
      states: {
        WAITING: {
          on: {
            '*': { actions: 'buffer_messages_received_during_waiting_period' },
          },
          after: {
            10000: 'ACCEPTING_EVENTS',
          },
        },
        ACCEPTING_EVENTS: {
          on: {
            // NETWORK_REQUEST_SUCCESS: 'online',
            WEBSOCKET_MESSAGE_RECEIVED: '#online',
          },
        },
      },
    },
  },
});