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"
      }
    }
  });