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

machine.js

const connectionCheckerMachine = Machine({
  id: 'networkConnection',
  initial: 'offline',
  states: {
    offline: {
      after: {
        3000: 'connecting'
      },
      on: {
        ESTABLISH_CONNECTION: 'connecting'
      }
    },
    connecting: {
      on: {
        CONNECTION_CREATED: 'online',
        COULD_NOT_CREATE_CONNECTION: 'offline'
      }
    },
    online: {
      on: {
        QUIT_APP: 'teardown',
        CONNECTION_DROPPED: 'offline'
      }
    },
    teardown: { type: 'final' }
  }
});


// const applicationMachine = Machine({
//     id: 'applicationMachine',
//     context: {},
//     initial: 'whatever',
//   states: {
//         whatever: {
//             on: { MEKKER: 'whatever' },
//             ...connectionCheckerMachine
//         }
//     }
// });