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 fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
      retries: 0
    },
    states: {
      idle: {
        on: {
          START: 'magic'
        }
      },
      magic: {
        type: 'parallel',
        on: {
          STOP: 'idle'
        },
        states: {
          rainbow: {
            initial:"visible",
            states: {
              visible: {
                on: {
                  "PAUSE": {
                    target: 'notVisible', actions: send('CPAUSE')
                  }
                }
              },
              notVisible: {
                on: {
                  "PAUSE": {
                    target: 'visible', actions: send('CPAUSE')
                  }
                }
              },
            }
          },
          confetti: {
            initial:"raining",
            states: {
              raining: {
                on: {
                  CPAUSE: 'notRaining'
                }
              },
              notRaining: {
                on: {
                  CPAUSE: 'raining'
                }
              }
            }
          }
        },
      }
    }
  });