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 runningEffect = assign({
    start: context => Date.now(),
  });
  
  const beeping = () => {
    console.log('Starting Beeping')
    // Start the beeping activity
    const interval = setInterval(() => console.log('BEEP!'), 1000);

    // Return a function that stops the beeping activity
    return () => clearInterval(interval);
  }
  
  
  const fetchMachine = Machine({
    id: 'pomodoro',
    initial: 'idle',
    context: {
      start: null,
      duration: 25 * 60 * 1000,
    },
    states: {
      idle: {
        on: {
          START: 'running',
        },
      },
      running: {
        entry: [
          runningEffect,
        ],
        activities: ['beeping'],
        on: {
          STOP: 'cancelled',
          DONE: 'finished',
        },
      },
      cancelled: {
        on: {
          START: 'running',
          RESET: 'idle',
        },
      },
      finished: {
        on: {
          START: 'running',
          RESET: 'idle',
        }
      }
    },
  },
    {
    activities: {
      beeping: (ctx) => {
        // Start the beeping activity
        const interval = setInterval(() => {
          assing
          console.log('BEEP!');
        }, 1000);

        // Return a function that stops the beeping activity
        return () => clearInterval(interval);
      }
    }
  });