gistfile1.js

var sub = function(fn) {
  return function(action) {
    return [fn, {action: action}]
  }
}

var throttledEvent = function(name) {}

var rawEvent = function(name) {
  return sub(function(dispatch, props) {
    var listener = function(event) {
      dispatch(props.action, event)
    }
    addEventListener(name, listener)
    return function() {
      removeEventListener(name, listener)
    }
  })
}

// Mouse
export var onMouseEnter = rawEvent("mouseenter")
export var onMouseLeave = rawEvent("mouseleave")
export var onMouseMove = rawEvent("mousemove")
export var onMouseOut = rawEvent("mouseout")
export var onMouseOver = rawEvent("mouseover")
export var onMouseDown = rawEvent("mousedown")
export var onMouseUp = rawEvent("mouseup")

// Touch
export var onTouchStart = rawEvent("touchstart")
export var onTouchMove = rawEvent("touchmove")
export var onTouchEnd = rawEvent("touchend")

// Keyboard
export var onKeyDown = rawEvent("keydown")
export var onKeyUp = rawEvent("keyup")

// Window
export var onFocus = rawEvent("focus")
export var onBlur = rawEvent("blur")

// AnimationFrame
export var onAnimationFrame = sub(function(dispatch, props) {
  var id = requestAnimationFrame(function frame(timestamp) {
    id = requestAnimationFrame(frame)
    dispatch(props.action, timestamp)
  })
  return function() {
    cancelAnimationFrame(id)
  }
})

// Other
export var eventKey = function(event) {
  return event.key
}
export var targetChecked = function(event) {
  return event.target.checked
}
export var targetValue = function(event) {
  return event.target.value
}

export var eventOptions = fx(function(dispatch, props) {
  if (props.preventDefault) props.event.preventDefault()
  if (props.stopPropagation) props.event.stopPropagation()
  if (props.action != undefined) dispatch(props.action, props.event)
})

export var preventDefault = function(action) {
  return function(state, event) {
    return [
      state,
      eventOptions({ preventDefault: true, action: action, event: event })
    ]
  }
}
export var stopPropagation = function(action) {
  return function(state, event) {
    return [
      state,
      eventOptions({ stopPropagation: true, action: action, event: event })
    ]
  }
}