Move actions to separate dir, fix demo image

src/utils/event.js

@@ -1,33 +1,3 @@
-// start event
-export function addStartEventListener(source, cb) {
-  source.addEventListener('mousedown', cb)
-  source.addEventListener('touchstart', cb)
-}
-export function removeStartEventListener(source, cb) {
-  source.removeEventListener('mousedown', cb)
-  source.removeEventListener('touchstart', cb)
-}
-
-// end event
-export function addEndEventListener(source, cb) {
-  source.addEventListener('mouseup', cb)
-  source.addEventListener('touchend', cb)
-}
-export function removeEndEventListener(source, cb) {
-  source.removeEventListener('mouseup', cb)
-  source.removeEventListener('touchend', cb)
-}
-
-// move event
-export function addMoveEventListener(source, cb) {
-  source.addEventListener('mousemove', cb)
-  source.addEventListener('touchmove', cb)
-}
-export function removeMoveEventListener(source, cb) {
-  source.removeEventListener('mousemove', cb)
-  source.removeEventListener('touchmove', cb)
-}
-
 // resize event
 export function addResizeEventListener(cb) {
   window.addEventListener('resize', cb)
@@ -38,9 +8,11 @@ export function removeResizeEventListener(cb) {
 
 export function createDispatcher(source) {
   function dispatch(event, data) {
-    source.dispatchEvent(new CustomEvent(event, {
-      detail: data
-    }))
+    source.dispatchEvent(
+      new CustomEvent(event, {
+        detail: data,
+      })
+    )
   }
   return dispatch
-}
+}

src/utils/swipeable.js

@@ -1,76 +0,0 @@
-import { NEXT, PREV } from '../direction'
-import {
-  addStartEventListener,
-  removeStartEventListener,
-  addMoveEventListener,
-  removeMoveEventListener,
-  addEndEventListener,
-  removeEndEventListener,
-  createDispatcher
-} from './event'
-
-function getCoords(event) {
-  if (event instanceof TouchEvent) {
-    const touch = event.touches[0]
-    return {
-      x: touch ? touch.clientX : 0,
-      y: touch ? touch.clientY : 0
-    }
-  }
-  return {
-    x: event.clientX,
-    y: event.clientY
-  }
-}
-
-export function swipeable(node, { thresholdProvider }) {
-  const dispatch = createDispatcher(node)
-  let x
-  let y
-  let moved = 0
-
-  function handleMousedown(event) {
-    moved = 0
-    const coords = getCoords(event)
-    x = coords.x
-    y = coords.y
-    dispatch('start', { x, y })
-    addMoveEventListener(window, handleMousemove)
-    addEndEventListener(window, handleMouseup)
-  }
-
-  function handleMousemove(event) {
-    const coords = getCoords(event)
-    const dx = coords.x - x
-    const dy = coords.y - y
-    x = coords.x
-    y = coords.y
-    dispatch('move', { x, y, dx, dy })
-
-    if (dx !== 0 && Math.sign(dx) !== Math.sign(moved)) {
-      moved = 0
-    }
-    moved += dx
-    if (Math.abs(moved) > thresholdProvider()) {
-      dispatch('threshold', { direction: moved > 0 ? PREV : NEXT })
-      removeEndEventListener(window, handleMouseup)
-      removeMoveEventListener(window, handleMousemove)
-    } 
-  }
-
-  function handleMouseup(event) {
-    const coords = getCoords(event)
-    x = coords.x
-    y = coords.y
-    dispatch('end', { x, y })
-    removeEndEventListener(window, handleMouseup)
-    removeMoveEventListener(window, handleMousemove)
-  }
-
-  addStartEventListener(node, handleMousedown)
-  return {
-    destroy() {
-      removeStartEventListener(node, handleMousedown)
-    }
-  }
-}