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

machine.js

const checkGlobalAPI = (context, event) => {
  return new Promise((resolve, reject) => {
    let condition = Math.round(Math.random() * 10) > 8;
    console.log(condition);
    if (condition) {
      resolve(42)
    } else {
      reject('foo')
    }
  });
}

const checkInternet = (context, event) => {
  return new Promise((resolve, reject) => {
    let condition = Math.round(Math.random() * 10) > 8;
    console.log(condition);
    if (condition) {
      resolve(42)
    } else {
      reject('foo')
    }
  });
}

const retryAPIAllowed = (context, event) => {
  return context.apiRetries < 3;
}

const retryInternetAllowed = (context, event) => {
  return context.internetRetries < 3;
}

const globalAPIMachine = Machine({
  id: 'global-api',
  initial: 'checking',
  context: {
    apiRetries: 0
  },
  states: {
    checking: {
      invoke: {
        src: checkGlobalAPI,
        onDone: {
          target: 'done',
          actions: [
            sendParent('API.ONLINE')
          ]
        },
        onError: [
          {
            target: 'checking',
            actions: [
              assign({ apiRetries: context => context.apiRetries + 1 })
            ],
            cond: retryAPIAllowed
          },
          {
            target: 'done',
            actions: sendParent('API.OFFLINE')
          }
        ]
      }
    },
    done: {
      type: 'final'
    }
  }
});

const internetMachine = Machine({
  id: 'internet',
  initial: 'checking',
  context: {
    internetRetries: 0
  },
  states: {
    checking: {
      invoke: {
        src: checkInternet,
        onDone: {
          target: 'done',
          actions: [
            sendParent('INTERNET.ONLINE')
          ]
        },
        onError: [
          {
            target: 'checking',
            actions: [
              assign({ internetRetries: context => context.internetRetries + 1 })
            ],
            cond: retryInternetAllowed
          },
          {
            target: 'done',
            actions: sendParent('INTERNET.OFFLINE')
          }
        ]
      }
    },
    done: {
      type: 'final'
    }
  }
});


const modeMachine = Machine({
  id: 'mode',
  initial: 'appOffline',
  context: {
    apiOffline: true,
    internetOffline: true
  },
  states: {
    appOffline: {
      invoke: {
        id: 'global-api',
        src: globalAPIMachine
      },
      on: {
        'API.ONLINE': {
          target: 'online',
          actions: assign({
            apiOffline: false,
            internetOffline: false
          })
        },
        'API.OFFLINE': {
          target: 'apiOffline',
          actions: assign({
            apiOffline: true
          })
        }
      }
    },
    apiOffline: {
      invoke: {
        id: 'internet',
        src: internetMachine
      },
      on: {
        'INTERNET.ONLINE': {
          target: 'online',
          actions: assign({
            internetOffline: false
          })
        },
        'INTERNET.OFFLINE': {
          target: 'offline',
          actions: assign({
            apiOffline: true,
            internetOffline: true
          })
        }
      }
    },
    online: {
      type: 'final'
    },
    offline: {
      type: 'final'
    }
  }
});