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

machine.js

Machine({
  id: "resource",
  context: {
    params: {},
    data: null,
    meta: {}
  },
  initial: "idle",
  states: {
    idle: {},
    fetching: {
      entry: "resetData",
      invoke: {
        src: "fetch",
        onDone: {
          target: "success",
          actions: ["setData", "setMeta"]
        },
        onError: {
          target: "failure",
          actions: ["setData", "setMeta"]
        }
      }
    },
    debouncing: {
      after: {
        500: "refetching"
      }
    },
    refetching: {
      invoke: {
        src: "fetch",
        onDone: {
          target: "success",
          actions: ["setData", "setMeta"]
        },
        onError: {
          target: "failure",
          actions: ["setData", "setMeta"]
        }
      }
    },
    success: {
      entry: "notifySuccess"
    },
    failure: {
      entry: "notifyFailure",
      on: {
        RETRY: "fetching"
      }
    }
  },
  on: {
    FETCH: {
      target: "fetching",
      actions: "setParams"
    },
    REFETCH: {
      target: "debouncing",
      actions: "setParams"
    }
  }
})