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

machine.js

const machine = Machine({
    id: 'backoffFetch',
    context: {
      status: 'green',
      retryCount: 0,
    },
    type: 'parallel',
    states: {
      health: {
        initial: 'healthy',
        states: {
          healthy: {
            id: 'healthy'
          },
          sick: {
            id: 'sick'
          },
          dead: {
            id: 'dead'
          },
        },
      },
      polling: {
        initial: 'fetching',
        states: {
          waiting: {
            after: {
              FETCH_INTERVAL: 'fetching'
            }
          },
          fetching: {
            invoke: {
              src: 'fetch',
              onDone: ['waiting', '#healthy'],
              onError: [
                {
                  target: ['waiting', '#dead'],
                  cond: 'networkIsDead',
                  actions: 'incrementRetryCount'
                },
                {
                  target: ['waiting', '#sick'],
                  actions: 'incrementRetryCount'
                }
              ],
            }
          }
        }
      },
    }
  }, {
    guards: {
      networkIsDead: (ctx) => ctx.retryCount > 3,
      incrementRetryCount: assign({
        retryCount: (ctx) => ctx.retryCount + 1
      })
    },
    
    delays: {
      FETCH_INTERVAL: (ctx, event) => ctx.retryCount + 1 * 1000
    }
  });