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: 'search',
  initial: 'idle',
  context: {
    result: {},
    totalCount: 0
  },
  on: {
    SEARCH: [
      {
        target: 'searching',
        cond: {
          type: 'search query has more than one character'
        }
      },
      {
        target: 'idle',
        actions: ['resetSearchResult']
      }
    ]
  },
  states: {
    idle: {},
    searching: {
      invoke: {
        id: 'searchService',
        src: 'searchService',
        onDone: {
          target: 'loaded',
          actions: ['storeResult']
        },
        onError: {
          target: 'failure',
          actions: assign({
            error: (_, e)=>console.log('onError', e.data)
          })
        }
      }
    },
    loaded: {},
    failure: {}
  }
});