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

machine.js

// Copied from:
// https://xstate-catalogue.com/machines/debounce
const fetchMachine = Machine({
  id: 'debounce',
  initial: 'idle',
  states: {
    idle: {
      on: {
        GO: {
          actions: 'assignActionToContext',
          target: 'debouncing',
        },
      },
    },
    debouncing: {
      on: {
        GO: {
          actions: 'assignActionToContext',
          target: 'debouncing',
        },
      },
      after: {
        2000: {
          target: 'idle',
          actions: 'performAction',
        },
      },
    },
  },
},
{
  actions: {
    clearAction: assign({
      action: undefined,
    }),
    assignActionToContext: assign((context, event) => {
      return {
        action: event.action,
      };
    }),
    performAction: (context) => {
      return context.action();
    },
  },
});