export default class TouchController {
	x: number
	y: number

	threshold: number

	leftSwipe: Function
	rightSwipe: Function
	upSwipe: Function
	downSwipe: Function

	constructor() {
		document.addEventListener("touchstart", evt => this.handleTouchStart(evt), false)
		document.addEventListener("touchmove", evt => this.handleTouchMove(evt), false)

		this.downSwipe = this.upSwipe = this.rightSwipe = this.leftSwipe = () => null
		this.threshold = 3
		this.x = -1
		this.y = -1
	}

	handleTouchStart(evt) {
		this.x = evt.touches[0].clientX
		this.y = evt.touches[0].clientY
	}

	handleTouchMove(evt) {
		if(this.x === -1 || this.y === -1) {
			return
		}

		let xUp = evt.touches[0].clientX
		let yUp = evt.touches[0].clientY

		let xDiff = this.x - xUp
		let yDiff = this.y - yUp

		if(Math.abs(xDiff) > Math.abs(yDiff)) {
			if(xDiff > this.threshold) {
				this.leftSwipe()
			} else if(xDiff < -this.threshold) {
				this.rightSwipe()
			}
		} else {
			if(yDiff > this.threshold) {
				this.upSwipe()
			} else if(yDiff < -this.threshold) {
				this.downSwipe()
			}
		}

		this.x = -1
		this.y = -1
	}
}