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 querying = {
  initial: 'fetchingPeriod',
  states: {
    fetchingPeriod: {
      invoke: {
        id: 'fetchperiod',
        src: 'fetchperiod',
        onDone: { target: 'scoring' },
        onError: { target: '#topStories.sendError' }
      },
    },
    scoring: {
      on: {
        'scored': 'drafting'
      }
    },
    drafting: {
      on: {
        'drafted': 'fetchingEntities'
      }
    },
    fetchingEntities: {
      invoke: {
        id: 'fetchEntities',
        src: 'fetchEntities',
        onDone: { target: '#topStories.ready', actions: ['sendQueryResult'] },
        onError: { target: '#topStories.ready', actions: ['sendErrorResult'] },
      },
    },
  }
};

const fetchMachine = Machine({
  id: 'topStories',
  initial: 'boot',
  context: {
  },
  states: {
    boot: {
      on: {
        receiveLenses: 'ready',
        errorLenses: 'dead',
      }
    },
    dead: {
      type: 'final'
    },
    sendError: {
      on: {
        '': { target: 'ready', actions: ['sendErrorResult']
            }
      }
    },
    ready: {
      on: {
        query: [
          { target: 'ready', cond: 'cached' },
          {target: 'querying'}
        ]
      }
    },
    querying
  }
},  {
  guards: {
    cached: () => false
  }
}
);