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

machine.js

const machine = Machine({
    id: 'backoffFetch',
    context: {
      status: 'green',
      retryCount: 0,
    },
    initial: 'fetching',
    states: {
      waiting: {
        initial: 'success',
        states: {
          healthy: {},
          sick: {},
          dead: {},
        },
        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 * 1000
    }
  });