stack-chan

export type TouchPanelSample = number[]

export type TouchPanelGestureType = 'press' | 'release' | 'forwardSwipe' | 'backwardSwipe'

export type TouchPanelTap = {
  durationMs: number
  maxMovement: number
  position: number
}

export type TouchPanelGesture = {
  type: TouchPanelGestureType
  sample: TouchPanelSample
  ticks: number
  tap?: TouchPanelTap
}

export type TouchPanelGestureRecognizerOptions = {
  touchThreshold?: number
  swipeThreshold?: number
  tapMaxDuration?: number
  tapMaxMovement?: number
}

const TouchState = Object.freeze({
  IDLE: 0,
  TOUCHED: 1,
  SWIPING: 2,
} as const)

type TouchState = (typeof TouchState)[keyof typeof TouchState]

export class GestureRecognizer {
  #state: TouchState = TouchState.IDLE
  #initialPosition = 0
  #initialTicks = 0
  #maxMovement = 0
  #touchThreshold: number
  #swipeThreshold: number
  #tapMaxDuration: number
  #tapMaxMovement: number

  constructor(options: TouchPanelGestureRecognizerOptions = {}) {
    this.#touchThreshold = options.touchThreshold ?? 1
    this.#swipeThreshold = options.swipeThreshold ?? 60
    this.#tapMaxDuration = options.tapMaxDuration ?? 300
    this.#tapMaxMovement = options.tapMaxMovement ?? 15
  }

  reset(): void {
    this.#state = TouchState.IDLE
    this.#initialPosition = 0
    this.#initialTicks = 0
    this.#maxMovement = 0
  }

  update(sample: TouchPanelSample, ticks: number): TouchPanelGesture | undefined {
    switch (this.#state) {
      case TouchState.IDLE:
        if (this.#isTouched(sample)) {
          this.#state = TouchState.TOUCHED
          this.#initialPosition = this.getPosition(sample)
          this.#initialTicks = ticks
          this.#maxMovement = 0
          return { type: 'press', sample: [...sample], ticks }
        }
        break

      case TouchState.TOUCHED:
        if (!this.#isTouched(sample)) {
          this.#state = TouchState.IDLE
          const durationMs = Math.max(0, ticks - this.#initialTicks)
          const tap =
            durationMs <= this.#tapMaxDuration && this.#maxMovement <= this.#tapMaxMovement
              ? {
                  durationMs,
                  maxMovement: this.#maxMovement,
                  position: this.#initialPosition,
                }
              : undefined
          return { type: 'release', sample: [...sample], ticks, ...(tap ? { tap } : {}) }
        }

        {
          const delta = this.getPosition(sample) - this.#initialPosition
          this.#maxMovement = Math.max(this.#maxMovement, Math.abs(delta))
          if (delta > this.#swipeThreshold) {
            this.#state = TouchState.SWIPING
            return { type: 'forwardSwipe', sample: [...sample], ticks }
          }
          if (delta < -this.#swipeThreshold) {
            this.#state = TouchState.SWIPING
            return { type: 'backwardSwipe', sample: [...sample], ticks }
          }
        }
        break

      case TouchState.SWIPING:
        if (!this.#isTouched(sample)) {
          this.#state = TouchState.IDLE
          return { type: 'release', sample: [...sample], ticks }
        }
        break
    }

    return undefined
  }

  getPosition(sample: TouchPanelSample): number {
    const left = sample[0] ?? 0
    const center = sample[1] ?? 0
    const right = sample[2] ?? 0
    const total = left + center + right
    if (total === 0) return 0

    return Math.trunc((left * -100 + center * 0 + right * 100) / total)
  }

  #isTouched(sample: TouchPanelSample): boolean {
    // Si12T reports three intensity levels; any zone over the threshold is a touch.
    return Math.max(sample[0] ?? 0, sample[1] ?? 0, sample[2] ?? 0) >= this.#touchThreshold
  }
}