initial commit

Author: glepur

.eslintrc.json

@@ -0,0 +1,13 @@
+{
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true,
+            "experimentalObjectRestSpread": true
+        }
+    },
+    "rules": {
+        "semi": 2
+    }
+}

.gitignore

@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release/lib
+
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Goran Lepur
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1 @@
+# react-native-swipe-gestures

index.js

@@ -0,0 +1,104 @@
+'use strict';
+
+import React, {Component} from 'react';
+import {View, PanResponder} from 'react-native';
+
+export const swipeDirections = {
+  SWIPE_UP: 'SWIPE_UP',
+  SWIPE_DOWN: 'SWIPE_DOWN',
+  SWIPE_LEFT: 'SWIPE_LEFT',
+  SWIPE_RIGHT: 'SWIPE_RIGHT'
+};
+
+const swipeConfig = {
+  velocityThreshold: 0.5,
+  directionalOffsetThreshold: 40
+};
+
+function isValidSwipe(velocity, velocityThreshold, directionalOffset, directionalOffsetThreshold) {
+  return Math.abs(velocity) > velocityThreshold && Math.abs(directionalOffset) < directionalOffsetThreshold;
+}
+
+class GestureRecognizer extends Component {
+
+  constructor(props, context) {
+    super(props, context);
+    this.swipeConfig = Object.assign(swipeConfig, props.config);
+  }
+
+  componentWillReceiveProps(props) {
+    this.swipeConfig = Object.assign(swipeConfig, props.config);
+  }
+
+  componentWillMount() {
+    const responderEnd = this._handlePanResponderEnd.bind(this);
+    this._panResponder = PanResponder.create({ //stop JS beautify collapse
+      onStartShouldSetPanResponder: this._handleShouldSetPanResponder,
+      onMoveShouldSetPanResponder: this._handleShouldSetPanResponder,
+      onPanResponderRelease: responderEnd,
+      onPanResponderTerminate: responderEnd
+    });
+  }
+
+  _handleShouldSetPanResponder(evt) {
+    return evt.nativeEvent.touches.length === 1;
+  }
+
+  _handlePanResponderEnd(evt, gestureState) {
+    const swipeDirection = this._getSwipeDirection(gestureState);
+    this._triggerSwipeHandlers(swipeDirection, gestureState);
+  }
+
+  _triggerSwipeHandlers(swipeDirection, gestureState) {
+    const {onSwipe, onSwipeUp, onSwipeDown, onSwipeLeft, onSwipeRight} = this.props;
+    const {SWIPE_LEFT, SWIPE_RIGHT, SWIPE_UP, SWIPE_DOWN} = swipeDirections;
+    onSwipe && onSwipe(swipeDirection, gestureState);
+    switch (swipeDirection) {
+      case SWIPE_LEFT:
+        onSwipeLeft && onSwipeLeft(gestureState);
+        break;
+      case SWIPE_RIGHT:
+        onSwipeRight && onSwipeRight(gestureState);
+        break;
+      case SWIPE_UP:
+        onSwipeUp && onSwipeUp(gestureState);
+        break;
+      case SWIPE_DOWN:
+        onSwipeDown && onSwipeDown(gestureState);
+        break;
+    }
+  }
+
+  _getSwipeDirection(gestureState) {
+    const {SWIPE_LEFT, SWIPE_RIGHT, SWIPE_UP, SWIPE_DOWN} = swipeDirections;
+    const {dx, dy} = gestureState;
+    if (this._isValidHorizontalSwipe(gestureState)) {
+      return (dx > 0)
+        ? SWIPE_RIGHT
+        : SWIPE_LEFT;
+    } else if (this._isValidVerticalSwipe(gestureState)) {
+      return (dy > 0)
+        ? SWIPE_DOWN
+        : SWIPE_UP;
+    }
+    return null;
+  }
+
+  _isValidHorizontalSwipe(gestureState) {
+    const {vx, dy} = gestureState;
+    const {velocityThreshold, directionalOffsetThreshold} = this.swipeConfig;
+    return isValidSwipe(vx, velocityThreshold, dy, directionalOffsetThreshold);
+  }
+
+  _isValidVerticalSwipe(gestureState) {
+    const {vy, dx} = gestureState;
+    const {velocityThreshold, directionalOffsetThreshold} = this.swipeConfig;
+    return isValidSwipe(vy, velocityThreshold, dx, directionalOffsetThreshold);
+  }
+
+  render() {
+    return (<View {...this.props} {...this._panResponder.panHandlers}/>);
+  }
+};
+
+export default GestureRecognizer;

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "react-native-swipe-gestures",
+  "version": "1.0.0",
+  "description": "4-directional swipe gestures for react-native",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "react-native",
+    "swipe",
+    "gesture"
+  ],
+  "author": "Goran Lepur <[email protected]>",
+  "license": "MIT"
+}