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 UPDATE_EVENT = {
  UPDATE_QUERY: {
    target: 'selected',
    actions: assign((_, evt) => ({
      q: evt.q || '',
    })),
  },
};

const RESET_EVENT = {
  RESET: {
    target: 'idle',
  },
};

const LOAD_EVENT = {
  LOAD: {
    target: 'success',
    actions: assign((_, evt) => ({
      q: evt.q || '',
      results: evt.results || [],
      error: null,
    })),
  },
};

const ERROR_EVENT = {
  ERROR: {
    target: 'failure',
    actions: assign((_, evt) => ({
      error: evt.message,
    })),
  },
};

const fetchMachine = Machine(
  {
    id: 'fetch-machine',
    initial: 'idle',
    context: {
      q: '',
      offset: 0,
      results: [],
      filters: {},
      error: '',
    },
    states: {
      idle: {
        on: {
          ...UPDATE_EVENT,
          ...LOAD_EVENT,
          ...ERROR_EVENT,
        },
      },
      selected: {
        on: {
          FETCH: 'pending',
          ...UPDATE_EVENT,
        },
      },
      pending: {
        on: {
          ...LOAD_EVENT,
          ...ERROR_EVENT,
        },
      },
      success: {
        on: {
          ...UPDATE_EVENT,
          ...RESET_EVENT,
        },
      },
      failure: {
        on: {
          ...UPDATE_EVENT,
          ...RESET_EVENT,
        },
      },
    },
  },
);