react-tap-event-plugin - npm Package Compare versions

Comparing version 0.1.7 to 0.1.8

LICENSE

package.json

		{
		"name": "react-tap-event-plugin",
		"version": "0.1.7",
		"version": "0.1.8",
		"description": "Facebook's TapEventPlugin, temporarily available on npm until its made public in their repo",
		@@ -23,3 +23,5 @@ "main": "src/injectTapEventPlugin.js",
		"peerDependencies": {
		"react": "~0.13.x \|\| ~0.12.x"
		"fbjs": "^0.2.1",
		"react": "^0.14.0-0 \|\| ~0.13.x \|\| ~0.12.x",
		"react-dom": "^0.14.0-0"
		},
		@@ -26,0 +28,0 @@ "bugs": "https://github.com/zilverline/react-tap-event-plugin/issues",

README.md

		@@ -17,4 +17,7 @@ # Introduction

		See demo project for a complete working example.

		```js
		var React = require('react'),
		var React = require("react");
		var ReactDOM = require("react-dom");
		injectTapEventPlugin = require("react-tap-event-plugin");
		@@ -25,11 +28,26 @@ injectTapEventPlugin();
		render: function() {
		return <button onTouchTap={this._handleTouchTap}>Tap Me</button>
		return (
		<a
		href="#"
		onTouchTap={this.handleTouchTap}
		onClick={this.handleClick}>
		Tap Me
		</a>
		);
		},

		_handleTouchTap: function() {
		alert('Tap');
		handleClick: function(e) {
		console.log("click", e);
		},

		handleTouchTap: function(e) {
		console.log("touchTap", e);
		}
		});

		React.render(<Main />, document.body);
		```
		ReactDOM.render(<Main />, document.getElementById("container"));
		```

		## Build standalone version

		Use the demo project and it's README instructions to build a version of React with the tap event plugin included.

src/injectTapEventPlugin.js

		module.exports = function injectTapEventPlugin () {
		var React = require("react");
		React.initializeTouchEvents(true);

		require('react/lib/EventPluginHub').injection.injectEventPluginsByName({
		"ResponderEventPlugin": require('./ResponderEventPlugin.js'),
		"TapEventPlugin": require('./TapEventPlugin.js')
		});
		};

src/TapEventPlugin.js

		@@ -29,3 +29,3 @@ /**

		var keyOf = require('react/lib/keyOf');
		var keyOf = require('fbjs/lib/keyOf');
		var topLevelTypes = EventConstants.topLevelTypes;
		@@ -79,16 +79,15 @@

		var touchEvents = [
		topLevelTypes.topTouchStart,
		topLevelTypes.topTouchCancel,
		topLevelTypes.topTouchEnd,
		topLevelTypes.topTouchMove,
		];

		var dependencies = [
		topLevelTypes.topMouseDown,
		topLevelTypes.topMouseMove,
		topLevelTypes.topMouseUp
		];
		topLevelTypes.topMouseUp,
		].concat(touchEvents);

		if (EventPluginUtils.useTouchEvents) {
		dependencies.push(
		topLevelTypes.topTouchEnd,
		topLevelTypes.topTouchStart,
		topLevelTypes.topTouchMove
		);
		}

		var eventTypes = {
		@@ -104,10 +103,12 @@ touchTap: {

		var now = function() {
		var now = (function() {
		if (Date.now) {
		return Date.now();
		return Date.now;
		} else {
		// IE8 support: http://stackoverflow.com/questions/9430357/please-explain-why-and-how-new-date-works-as-workaround-for-date-now-in
		return +new Date;
		return function () {
		return +new Date;
		}
		}
		}
		})();

		@@ -134,3 +135,4 @@ var TapEventPlugin = {
		topLevelTargetID,
		nativeEvent) {
		nativeEvent,
		nativeEventTarget) {

		@@ -154,3 +156,4 @@ if (isTouch(topLevelType)) {
		topLevelTargetID,
		nativeEvent
		nativeEvent,
		nativeEventTarget
		);
		@@ -157,0 +160,0 @@ }

src/ResponderEventPlugin.js

New alerts