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 invokeMidiAccessRequest = () => {
  return new Promise((resolve, reject) => {
    navigator.requestMIDIAccess({ sysex: true }).then(
      (midiAccess) => { resolve(midiAccess); },
      (error) => { reject(error); }
    )
  });
}
  
  
  const midiMachine = Machine({
    id: 'midiAccess',
    initial: 'init',
    context: {
      midiAccess: null,
      midiRequestError: null
    },
    states: {
      init: {
        on: {
          '': [
            { target: 'requestAccess', cond: 'hasMIDISupport' },
            { target: 'nosupport' },
          ]
        }
      },
      requestAccess: {
        src: invokeMidiAccessRequest,
        onError: {
          target: 'midiAccessFailed',
          actions: assign({ midiRequestError: (context, event) => event.data })
        },
        onDone: {
          target: 'started',
          actions: assign({ midiAccess: (context, event) => event.data })
        },
      },
      started: {
        
      },
      midiAccessFailed: {
        on: {
          REQUEST_ACCESS: 'requestAccess',
        }
      },
      nosupport: {
        
      },
    }
  },
  {
    guards: {
      hasMIDISupport: () => ('requestMIDIAccess' in navigator)
    }
  });