touchable.js

const LONG_PRESS_MS = 400,
      LONG_PRESS_TOLERANCE = 20,
      NUDGE_MS = 400,
      NUDGE_THRESHOLD = 20,
      SWIPE_THRESHOLD = 70;
      
function Touchable() {
  this.after('initialize', function () {

    let touches = [],
        longPressTimer,
        nudgeTimer,
        longPressing,
        swipedDistance,
        nudged;

    let touchDistance = (axis = 'x', frm = 0, end = (touches.length - 1)) => touches[frm][axis] - touches[end][axis];

    this.on('touchstart', ({originalEvent: { touches: eventTouches }}) => {
      longPressing = false;
      swipedDistance = 0;
      nudged = false;

      touches.length = 0;
      touches.push({
        x: eventTouches[0].pageX,
        y: eventTouches[0].pageY,
        at: Date.now()
      });

      clearTimeout(longPressTimer);

      longPressTimer = setTimeout(() => {
        let distance = touchDistance();
        if (distance > (LONG_PRESS_TOLERANCE * -1) && distance < LONG_PRESS_TOLERANCE) {
          longPressing = true;
          this.trigger('uiLongPressDown');
        }
      }, LONG_PRESS_MS);
    });

    this.on('touchmove', ({originalEvent: { touches: eventTouches }}) => {
      touches.push({
        x: eventTouches[0].pageX,
        y: eventTouches[0].pageY,
        at: Date.now()
      });

      let distance = touchDistance(),
          absDistance = Math.abs(distance);

      if (absDistance > SWIPE_THRESHOLD && swipedDistance < absDistance) {
        swipedDistance = absDistance;
        this.trigger('uiSwipe', {
          distance: absDistance,
          direction: distance > 0 ? 'LEFT' : 'RIGHT'
        });
      }

      clearTimeout(nudgeTimer);

      nudgeTimer = setTimeout(() => {
        let distance = touchDistance(),
            absDistance = Math.abs(distance);

        if (distance > NUDGE_THRESHOLD && distance < SWIPE_THRESHOLD && !nudged) {
          nudged = true;
          this.trigger('uiNudge', {
            distance: absDistance,
            direction: distance > 0 ? 'LEFT' : 'RIGHT'
          });
        }
      }, NUDGE_MS);
    });

    this.on('touchend', (event) => {
      clearTimeout(nudgeTimer);
      clearTimeout(longPressTimer);

      if (longPressing) {
        this.trigger('uiLongPressUp');
      }
    });
  });
}

export default Touchable;