create-expo-cljs-app/template/node_modules/@egjs/hammerjs/src/recognizers/press.js

Create a react native application with Expo and Shadow-CLJS!

import Recognizer from '../recognizerjs/recognizer-constructor';
import {
    STATE_RECOGNIZED,
    STATE_FAILED
} from '../recognizerjs/recognizer-consts';
import { now } from '../utils/utils-consts';
import { TOUCH_ACTION_AUTO } from '../touchactionjs/touchaction-Consts';
import {
    INPUT_START,
    INPUT_END,
    INPUT_CANCEL
} from '../inputjs/input-consts';

/**
 * @private
 * Press
 * Recognized when the pointer is down for x ms without any movement.
 * @constructor
 * @extends Recognizer
 */
export default class PressRecognizer extends Recognizer {
  constructor(options = {}) {
    super({
      event: 'press',
      pointers: 1,
      time: 251, // minimal time of the pointer to be pressed
      threshold: 9, // a minimal movement is ok, but keep it low
      ...options,
    });
    this._timer = null;
    this._input = null;
  }

  getTouchAction() {
    return [TOUCH_ACTION_AUTO];
  }

  process(input) {
    let { options } = this;
    let validPointers = input.pointers.length === options.pointers;
    let validMovement = input.distance < options.threshold;
    let validTime = input.deltaTime > options.time;

    this._input = input;

    // we only allow little movement
    // and we've reached an end event, so a tap is possible
    if (!validMovement || !validPointers || (input.eventType & (INPUT_END | INPUT_CANCEL) && !validTime)) {
      this.reset();
    } else if (input.eventType & INPUT_START) {
      this.reset();
      this._timer = setTimeout(() => {
        this.state = STATE_RECOGNIZED;
        this.tryEmit();
      }, options.time);
    } else if (input.eventType & INPUT_END) {
      return STATE_RECOGNIZED;
    }
    return STATE_FAILED;
  }

  reset() {
    clearTimeout(this._timer);
  }

  emit(input) {
    if (this.state !== STATE_RECOGNIZED) {
      return;
    }

    if (input && (input.eventType & INPUT_END)) {
      this.manager.emit(`${this.options.event}up`, input);
    } else {
      this._input.timeStamp = now();
      this.manager.emit(this.options.event, this._input);
    }
  }
}