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

machine.js

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

const queue = Machine(
  {
    id: 'pushQueue',
    initial: 'working',
    context: {
      changes: []
    },
    states: {
      working: {
        invoke: {
          src: 'pushingService',
          onDone: 'cleared',
          onError: 'failed'
        },
        on: {
          '': {
            target: 'cleared',
            cond: 'isQueueEmpty'
          }
        }
      },
      failed: {
        type: 'final',
        entry: [send('SYNC_FAILURE'), sendParent('SYNC_FAILURE')],
        on: {
          '': 'cleared'
        },
        data: {
          remainingChanges: ctx => ctx.changes
        }
      },
      cleared: {
        type: 'final',
        data: {
          remainingChanges: ctx => ctx.changes
        }
      }
    }
  },
  {
    guards: {
      isQueueEmpty: ctx => ctx.changes.length === 0
    },
    services: {
      pushingService: ctx => {
        // TODO
        return Promise.resolve()
      },
    }
  }
)