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

machine.js

  const defProcessed = {
    saving: {
      invoke: {
      src: 'saveEvent',
      onDone: {
        target: 'saved'
      },
      onError: {
        target: 'error'
      }
      }
    },
    saved: {
      type: 'final'
    },
    error: {
      on : {
        RETRY: 'saving'
      }
    }
  }
  const definition = {
    id: 'machine',
    initial: 'received',
    context: {
      retries: 0
    },
    states: {
      received: {
        always: [{
          target: 'processed',
          cond: 'isSuperseded'
        }, {
          target: 'processing'
        }]
      },
      processing: {
        invoke: {
          src: 'processEvent',
          onDone: {
            target: 'processed'
          },
          onError: {
            target: 'failure'
          }
        }
      },
      processed: {
        invoke: {
          // Go off and store the cursor
          'src': 'didProcessEvent'
        },
        type: 'final',
        states: defProcessed,
      },
      failure: {
        type: 'final'
      }
    }
  };
  const machine = Machine(definition);