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

machine.js

  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'initialising',
    context: {
      retries: 0
    },
    states: {
      initialising: {
        on: {
          ASK_FOR_PERMISSIONS: 'awaitingPermissions'
        }
      },
      awaitingPermissions: {
        on: {
          ALLOWED: 'previewing',
          DENIED: 'deniedPermissions'
        }
      },
      deniedPermissions:{
        on: {
           ASK_FOR_PERMISSIONS: 'awaitingPermissions'
        }
      
      },
      previewing: {
        on: {
          START: 'startingBroadcast'
        }
       
      },
      startingBroadcast: {
        on: {
          ERROR:'error',
          SUCCESS: 'live'
        }
      },
      live: {
        on: {
          ERROR: 'error',
          END: 'ended'
        }
      },
      ended: {
        on: {
          START: 'live'
        }
      },
      error:{
        on:{
          RETRY: 'initialising'
        }
      }
    }
  });