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 fetchMachine = Machine({
    id: 'fetch-machine',
    initial: 'idle',
    context: {
      q: '',
      offset: 0,
      size: 10,
    },
    states: {
      idle: {
        on: {
          SEARCH: {
            target: 'pending',
          },
        },
      },
      pending: {
        invoke: {
          id: 'fetch-results',
          src: 'invokeFetchResults',
          onDone: 'success',
          onError: 'failure',
        },
      },
      success: {
          on: {SEARCH: {
            target: 'pending',
          },
          FILTER: {
            
            target: 'pending'
          },
          RESET: {
            target: 'idle',
          },},
      },
      failure: {
          on: {SEARCH: {
            target: 'pending',
          },
            RESET: {
            target: 'idle',
          }
          },
      },
    },
  })