fix #11 Support eslint-config-airbnb

Signed-off-by: Bo-Yi Wu <[email protected]>

.babelrc

@@ -0,0 +1,3 @@
+{
+  "stage": 0
+}

.eslintrc

@@ -0,0 +1,10 @@
+{
+  "extends": "airbnb",
+  "globals": {
+    "grecaptcha": true,
+    "console": true
+  },
+  "rules": {
+    "no-console": 0
+  }
+}

example/main.js

@@ -3,18 +3,18 @@ import React from 'react';
 import Recaptcha from '../src';
 
 // site key
-let sitekey = 'xxxxxxxx';
+const sitekey = 'xxxxxxxx';
 
 // specifying your onload callback function
-let callback = () => {
+const callback = () => {
   console.log('Done!!!!');
 };
 
-let verifyCallback = (response) => {
+const verifyCallback = (response) => {
   console.log(response);
 };
 
-let App = React.createClass({
+class App extends React.Component {
   render() {
     return (
       <div>
@@ -27,6 +27,6 @@ let App = React.createClass({
       </div>
     );
   }
-});
+}
 
 React.render(<App />, document.getElementById('app'));

example/webpack.config.js

@@ -14,42 +14,42 @@ const port = process.env.PORT || 3000;
 module.exports = {
 
   // Efficiently evaluate modules with source maps
-  devtool: "eval",
+  devtool: 'eval',
 
   // Set entry point to ./example/main and include necessary files for hot load
-  entry:  [
+  entry: [
     `webpack-dev-server/client?http://localhost:${port}`,
-    "webpack/hot/only-dev-server",
-    "./example/main"
+    'webpack/hot/only-dev-server',
+    './example/main',
   ],
 
   // This will not actually create a bundle.js file in ./build. It is used
   // by the dev server for dynamic hot loading.
   output: {
     path: `${__dirname}/build/`,
-    filename: "app.js",
-    publicPath: `http://localhost:${port}/build/`
+    filename: 'app.js',
+    publicPath: `http://localhost:${port}/build/`,
   },
 
   // Necessary plugins for hot load
   plugins: [
     new webpack.HotModuleReplacementPlugin(),
-    new webpack.NoErrorsPlugin()
+    new webpack.NoErrorsPlugin(),
   ],
 
   // Transform source code using Babel and React Hot Loader
   module: {
     loaders: [{
       test: /\.jsx?$/,
       exclude: /node_modules/,
-      loaders: ["react-hot", "babel-loader"]
-    }]
+      loaders: ['react-hot', 'babel-loader'],
+    }],
   },
 
   // Automatically transform files with these extensions
   resolve: {
-    extensions: ['', '.js', '.jsx']
+    extensions: ['', '.js', '.jsx'],
   },
 
-  port: port
-}
+  port,
+};

package.json

@@ -7,6 +7,7 @@
     "start": "babel-node example/server.js",
     "prebuild": "rm -rf dist",
     "build": "webpack -p --config webpack.production.config.js",
+    "lint": "eslint src example",
     "test": "jest"
   },
   "repository": {
@@ -30,8 +31,12 @@
   },
   "devDependencies": {
     "babel-core": "^5.8.25",
+    "babel-eslint": "^4.1.3",
     "babel-jest": "^5.3.0",
     "babel-loader": "^5.3.2",
+    "eslint": "^1.6.0",
+    "eslint-config-airbnb": "^0.1.0",
+    "eslint-plugin-react": "^3.5.1",
     "jest": "^0.1.40",
     "jest-cli": "^0.5.4",
     "react-hot-loader": "^1.3.0",

src/index.js

@@ -1,5 +1,3 @@
-'use strict';
-
 import React from 'react';
 
 const propTypes = {
@@ -35,7 +33,7 @@ export default class Recaptcha extends React.Component {
           sitekey: this.props.sitekey,
           callback: (this.props.verifyCallback) ? this.props.verifyCallback : undefined,
           theme: this.props.theme,
-          type: this.props.type
+          type: this.props.type,
         });
 
         if (this.props.onloadCallback) {

webpack.production.config.js

@@ -4,27 +4,27 @@ var webpack = require('webpack');
  * This is the Webpack configuration file for production.
  */
 module.exports = {
-  entry: "./src/index",
+  entry: './src/index',
 
   output: {
     library: 'ReactRecaptcha',
     libraryTarget: 'umd',
-    path: __dirname + "/dist/",
-    filename: "react-recaptcha.js"
+    path: __dirname + '/dist/',
+    filename: 'react-recaptcha.js'
   },
 
   externals: [{
-    "react": {
-      root: "React",
-      commonjs2: "react",
-      commonjs: "react",
-      amd: "react"
+    'react': {
+      root: 'React',
+      commonjs2: 'react',
+      commonjs: 'react',
+      amd: 'react'
     }
   }],
 
   module: {
     loaders: [
-      { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader" }
+      { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader' }
     ]
   },