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 dragMachine = Machine({
  id: 'dragMachine',
  initial: 'idle',
  states: {
    idle: {
      entry: 'onIdle',
      on: {
        DOWN: 'down'
      }
    },
    down: {
      entry: 'onDown',
      on: {
        UP: 'idle',
        MOVE: 'drag'
      }
    },
    drag: {
      entry: 'onDragStart',
      exit: 'onDragEnd',
      on: {
        UP: 'idle'
      }
    }
  }
}, {
  actions: {
    onDragStart () {
      console.log('DRAG!')
    },
    onDragEnd () {
      console.log('DRAG END!')
    },
    onDown () {
      console.log('DOWN!')
    },
    onIdle () {
      console.log('IDLE!')
    }
  }
})