Add eslint

Author: aitherios

.editorconfig

@@ -0,0 +1,12 @@
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+# Indentation
+[src/**.{js,jsx,css,sass,scss}]
+indent_style = space
+indent_size = 2

.eslintignore

@@ -0,0 +1,3 @@
+**/*.md
+**/*.json
+**fixtures**

.eslintrc

@@ -0,0 +1,24 @@
+{
+  "extends": "airbnb",
+  "env": {
+    "browser": true,
+    "node": true,
+    "jasmine": true,
+    "jest": true
+  },
+  "parser": "babel-eslint",
+  "rules": {
+    "quotes": 0,
+    "no-var": 0,
+    "vars-on-top": 0,
+    "func-names": 0,
+    "eqeqeq": 0,
+    "consistent-return": 0,
+    "no-multi-spaces": 0,
+    "key-spacing": 0,
+    "new-cap": 0,
+    "jsx-quotes": 0,
+    "semi": 0,
+    "comma-dangle": 0
+  }
+}

package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "test": "jest",
     "build": "webpack --config webpack.config.js",
-    "prepublish": "npm run build"
+    "prepublish": "npm run build",
+    "lint": "eslint ./src"
   },
   "repository": {
     "type": "git",
@@ -34,12 +35,18 @@
   "devDependencies": {
     "babel-cli": "^6.6.5",
     "babel-core": "^6.7.4",
+    "babel-eslint": "^6.0.4",
     "babel-jest": "^12.0.0",
     "babel-loader": "^6.2.4",
     "babel-preset-es2015": "^6.6.0",
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-0": "^6.5.0",
     "enzyme": "^2.2.0",
+    "eslint": "^2.9.0",
+    "eslint-config-airbnb": "^9.0.1",
+    "eslint-plugin-import": "^1.7.0",
+    "eslint-plugin-jsx-a11y": "^1.2.0",
+    "eslint-plugin-react": "^5.0.1",
     "jest-cli": "^12.0.0",
     "react": "^15.0.0",
     "react-addons-test-utils": "^15.0.0",

src/__tests__/with-theme-test.js

@@ -6,6 +6,8 @@ import { render } from 'enzyme'
 
 describe('WithTheme()', () => {
   const Header = ({ style }) => (<h1 style={style}>Header</h1>)
+  Header.propTypes = { style: React.PropTypes.object }
+
   const themes = {
     default: {
       primaryColor: 'transparent',
@@ -25,7 +27,10 @@ describe('WithTheme()', () => {
     let lutalica
     let klexos
 
-    const Decorated = WithTheme(themes)(Header, (theme) => ({ style: { color: theme.primaryColor} }) )
+    const Decorated = WithTheme(themes)(
+      Header,
+      (theme) => ({ style: { color: theme.primaryColor } })
+    )
 
     beforeEach(() => {
       lutalica = render(<Decorated theme={'lutalica'} />)
@@ -42,7 +47,10 @@ describe('WithTheme()', () => {
     let noTheme
     let wrongTheme
 
-    const Decorated = WithTheme(themes)(Header, (theme) => ({ style: { color: theme.primaryColor} }) )
+    const Decorated = WithTheme(themes)(
+      Header,
+      (theme) => ({ style: { color: theme.primaryColor } })
+    )
 
     beforeEach(() => {
       noTheme = render(<Decorated />)

src/with-theme.js

@@ -1,9 +1,12 @@
-import React from 'react'
-import { mapProps, wrapDisplayName } from 'recompose'
+import { mapProps } from 'recompose'
 
 const withTheme = (themes) => (BaseComponent, transform) =>
   mapProps(
-    (props) => Object.assign({}, props, transform(themes[props.theme] || themes['default']))
+    (props) => Object.assign(
+      {},
+      props,
+      transform(themes[props.theme] || themes.default)
+    )
   )(BaseComponent)
 
 export default withTheme