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

machine.js

const stateMachine = Machine(
  {
    id: 'stateMachine',
    initial: 'idle',
    context: {
      file: undefined,
      svg: undefined,
      error: undefined
    },

    states: {
      idle: {
        on: {
          click: {
            target: 'idle',
          },
          change: {
            target: 'filePicked',
          }
        }
      },
      
      filePicked: {
        
      },
      
      readFile: {
        
      },
      
      wrongFileType: {
        
      },
      
      fileLoaded: {
        
      },
      
      loadFailed: {

      }
    }
  }
);