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

machine.js

    const fetchMachine = Machine(
         {
            id: 'ws_machine',
            initial: 'disconnected',
            strict: true,
            context: {
               retries: 0,
            },
            states: {
               disconnected: {
                  on: {
                     CONNECT: 'connecting',
                  },
               },
               connecting: {
                  invoke: {
                     src: 'connect',
                     onError: {
                        target: 'disconnected',
                        actions: 'incRetry',
                     },
                     onDone: {
                        target: 'connected',
                        actions: 'clearRetry',
                     },
                  },
                  on: {
                     CONNECT: undefined,
                     DISCONNECT: 'disconnecting',
                  },
               },
               connected: {
                  initial: 'waiting',
                  states: {
                     waiting: {
                        after: {
                           HEARTBEAT_TIMEOUT: {target: '#disconnecting'},
                        },
                        on: {
                           // reset the waiting count back
                           RESET_TIMER: {
                              internal: false,
                              target: 'waiting',
                           },
                        },
                     },
                  },
                  on: {
                     DISCONNECT: '#disconnecting',
                  },
               },
               disconnecting: {
                  id: 'disconnecting',
                  entry: 'disconnect',
                  on: {
                     '': 'disconnected',
                  },
               },
            },
         },
         {
           delays: {
             HEARTBEAT_TIMEOUT: 10000
           }
         }
         );