upgraded to react-0.14.0, upped to v1.0, rewrote in es6

Author: erikras

.babelrc

@@ -0,0 +1,4 @@
+{
+  "stage": 0,
+  "loose": "all"
+}

.eslintignore

@@ -0,0 +1,2 @@
+webpack.config*.js
+node_modules

.eslintrc

@@ -0,0 +1,23 @@
+{
+  "extends": "eslint-config-airbnb",
+  "env": {
+    "browser": true,
+    "mocha": true,
+    "node": true
+  },
+  "rules": {
+    "react/jsx-uses-react": 2,
+    "react/jsx-uses-vars": 2,
+    "react/react-in-jsx-scope": 2,
+    "comma-dangle": 0,  // not sure why airbnb turned this on. gross!
+    "indent": [2, 2, {"SwitchCase": 1}],
+
+    //Temporarirly disabled due to a possible bug in babel-eslint (todomvc example)
+    "block-scoped-var": 0,
+    // Temporarily disabled for test/* until babel/babel-eslint#33 is resolved
+    "padded-blocks": 0
+  },
+  "plugins": [
+    "react"
+  ]
+}

.gitignore

@@ -1,2 +1,6 @@
+.idea
 node_modules
-*.iml
+dist
+lib
+npm-debug.log
+.DS_Store

.npmignore

@@ -0,0 +1,9 @@
+src
+examples
+test
+.babelrc
+.eslint*
+.idea
+.npmignore
+.travis.yml
+webpack.*

.travis.yml

@@ -0,0 +1,9 @@
+language: node_js
+
+node_js:
+  - "0.12"
+  - "4.0"
+  - "4"
+
+script:
+  - npm run lint

AUTHORS

@@ -1,4 +1,4 @@
-Copyright (c) 2014 Erik Rasmussen
+Copyright (c) 2015 Erik Rasmussen
 
 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation

LICENSE-MIT renamed to LICENSE

@@ -4,7 +4,8 @@
 
 ## THIS IS UNRELATED TO react-native!
 
-Please don't confuse this library with anything to do with [React Native](https://facebook.github.io/react-native/). This library is for dealing directly with _**browser**_ native events.
+Please don't confuse this library with anything to do with [React Native](https://facebook.github.io/react-native/).
+This library is for dealing directly with _**browser**_ native events.
 
 ## Why?
 
@@ -33,40 +34,44 @@ put your event listener properties (e.g. `onClick`, `onKeyDown`) on `<NativeList
 
 So, instead of this...
 
-```jsx
-/** @jsx React.DOM */
-var MyComponent = React.createClass({
-  onButtonClick: function(event) {
+```javascript
+import React, {Component} from 'react';
+
+export default class MyComponent extends Component {
+  handleButtonClick(event) {
     // do something (event is React's SyntheticEvent)
-  },
-  render: function() {
+  }
+  
+  render() {
     return (
       <div>
-        <button onClick={this.onButtonClick}>Click Me!</button>
+        <button onClick={this.handleButtonClick.bind(this)}>Click Me!</button>
       </div>
       );
   }
-});
+}
 ```
 ...do this:
 
-```jsx
-/** @jsx React.DOM */
-var NativeListener = require('react-native-listener');
-var MyComponent = React.createClass({
-  onButtonClick: function(event) {
+```javascript
+import React, {Component} from 'react';
+import NativeListener from 'react-native-listener';
+
+export default class MyComponent extends Component {
+  handleButtonClick(event) {
     // do something (event is native browser event)
-  },
-  render: function() {
+  }
+  
+  render() {
     return (
       <div>
-        <NativeListener onClick={this.onButtonClick}>
+        <NativeListener onClick={this.handleButtonClick.bind(this)}>
           <button>Click Me!</button>
         </NativeListener>
       </div>
       );
   }
-});
+}
 ```
 
 **IMPORTANT:** The event passed to your function is the native browser event, _NOT
@@ -78,11 +83,12 @@ If all you want to do is stop the propagation of an event, there are convenience
 `stopClick`, `stopKeyDown`. For example, say you wanted to allow normal hyperlinks to work, but your
 component is inside some element that JQuery is calling `event.preventDefault()` for clicks...
 
-```jsx
-/** @jsx React.DOM */
-var NativeListener = require('react-native-listener');
-var MyComponent = React.createClass({
-  render: function() {
+```javascript
+import React, {Component} from 'react';
+import NativeListener from 'react-native-listener';
+
+export default class MyComponent extends Component {
+  render() {
     return (
       <div>
         <NativeListener stopClick>
@@ -108,4 +114,4 @@ e.g. `onClickCapture`, `onKeyDownCapture`.
 
 ---
 
-Module submitted by [Erik Rasmussen](https://www.npmjs.org/~erikras) [@erikras](https://twitter.com/erikras)
+Module written by [Erik Rasmussen](https://www.npmjs.org/~erikras) [@erikras](https://twitter.com/erikras)

NativeListener.js

@@ -1,43 +1,56 @@
 {
   "name": "react-native-listener",
   "description": "A utility component to allow easy access to browser native events",
-  "version": "0.0.6",
+  "version": "1.0.0",
   "homepage": "https://github.com/erikras/react-native-listener",
-  "author": {
-    "name": "Erik Rasmussen",
-    "url": "http://erikras.com/"
-  },
   "repository": {
     "type": "git",
     "url": "git://github.com/erikras/react-native-listener.git"
   },
+  "scripts": {
+    "build": "npm run build:lib && npm run build:umd && npm run build:umd:min",
+    "build:lib": "babel src --out-dir lib",
+    "build:umd": "webpack src/index.js dist/react-native-listener.js --config webpack.config.development.js",
+    "build:umd:min": "webpack src/index.js dist/react-native-listener.min.js --config webpack.config.production.js",
+    "clean": "rimraf dist lib",
+    "lint": "eslint src",
+    "prepublish": "npm run lint && npm run test && npm run clean && npm run build"
+  },
+  "author": "Erik Rasmussen <[email protected]> (http://github.com/erikras)",
+  "license": "MIT",
   "bugs": {
     "url": "git://github.com/erikras/react-native-listener/issues"
   },
-  "licenses": [
-    {
-      "type": "MIT",
-      "url": "https://github.com/erikras/react-native-listener/blob/master/LICENSE-MIT"
-    }
-  ],
   "engines": {
     "node": ">= 0.10.0"
   },
   "main": "index.js",
-  "dependencies": {
-    "react": "~0.13.0"
-  },
   "keywords": [
     "react",
     "event",
     "listener",
     "native",
-    "reactjs"
+    "reactjs",
+    "browser"
   ],
-  "files": [
-    "index.js",
-    "NativeListener.js",
-    "README.md",
-    "LICENSE-MIT"
-  ]
+  "devDependencies": {
+    "babel": "^5.8.23",
+    "babel-eslint": "^4.1.3",
+    "babel-loader": "^5.3.2",
+    "eslint": "^1.6.0",
+    "eslint-config-airbnb": "^0.1.0",
+    "eslint-plugin-react": "^3.5.1",
+    "react": "^0.14.0",
+    "react-dom": "^0.14.0",
+    "webpack": "^1.12.2"
+  },
+  "npmName": "react-native-listener",
+   "npmFileMap": [
+     {
+       "basePath": "/dist/",
+       "files": [
+         "*.js"
+       ]
+     }
+   ]
 }

README.md

@@ -0,0 +1,72 @@
+import {Component, PropTypes} from 'react';
+import ReactDOM from 'react-dom';
+const events = [
+  'KeyDown',
+  'KeyPress',
+  'KeyUp',
+  'Click',
+  'ContextMenu',
+  'DoubleClick',
+  'Drag',
+  'DragEnd',
+  'DragEnter',
+  'DragExit',
+  'DragLeave',
+  'DragOver',
+  'DragStart',
+  'Drop',
+  'MouseDown',
+  'MouseEnter',
+  'MouseLeave',
+  'MouseMove',
+  'MouseOut',
+  'MouseOver',
+  'MouseUp'
+];
+
+const aliases = {
+  'DoubleClick': 'dblclick'
+};
+
+const toEventName = event =>
+  (aliases[event] || event).toLowerCase();
+
+export default class NativeListener extends Component {
+  static displayName = 'NativeListener';
+  static propTypes = {
+    children: (props, propName) => {
+      if (props[propName].length) {
+        return new Error('NativeListener can only wrap one element');
+      }
+    },
+    ...events.reduce((accumulator, event) => ({
+      ...accumulator,
+      [`on${event}`]: PropTypes.func,
+      [`on${event}Capture`]: PropTypes.func,
+      [`stop${event}`]: PropTypes.bool
+    }), {})
+  };
+
+  componentDidMount() {
+    const props = this.props;
+    const element = ReactDOM.findDOMNode(this);
+    events.forEach(event => {
+      const capture = props['on' + event + 'Capture'];
+      const bubble = props['on' + event];
+      const stop = props['stop' + event];
+      if (capture && typeof capture === 'function') {
+        element.addEventListener(toEventName(event), capture, true);
+      }
+      if (bubble && typeof bubble === 'function') {
+        element.addEventListener(toEventName(event), bubble, false);
+      }
+      if (stop === true) {
+        element.addEventListener(toEventName(event), nativeEvent => nativeEvent.stopPropagation(), false);
+      }
+    });
+  }
+
+  render() {
+    return this.props.children;
+  }
+}

index.js

@@ -0,0 +1,2 @@
+import NativeListener from './NativeListener';
+export default NativeListener;