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 timelineMachine = Machine({
    id: 'timeline',
    initial: 'idle',
    context: {
      retries: 0
    },
    states: {
      idle: {
        on: {
          CLOCK_START: 'running'
        }
      },
      running: {
        invoke: [
          {
            src: 'ticker',
          },
        ],
        on: {
          CLOCK_STOP: 'idle',
          MATCH_END: 'finish',
        },
      },
      finish: {
        type: 'final'
      },
    }
  }, {
    services: {
      ticker: (context) => (callback) => {
        const id = setInterval(() => callback('TICK'), context.TICK_INTERVAL);

        return () => clearInterval(id);
      },
    },
  });