chore(lint): add eslint

Author: abhiaiyer91

.eslintignore

@@ -0,0 +1,2 @@
+lib/
+node_modules

.eslintrc.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@workpop/eslint-config-workpop",
+  "rules": {
+    "react/jsx-filename-extension": 0,
+    "react/prop-types": 0,
+    "import/no-extraneous-dependencies": 0,
+    "import/no-unresolved": 0,
+    "import/extensions": 0
+  }
+}

package.json

@@ -13,7 +13,8 @@
   "scripts": {
     "build": "rollup -c rollup.config.js",
     "prepublish": "npm run build",
-    "release": "standard-version"
+    "release": "standard-version",
+    "lint:fix": "eslint . --fix"
   },
   "bundlesize": [
     {
@@ -31,6 +32,8 @@
     "react"
   ],
   "devDependencies": {
+    "@workpop/eslint-config-workpop": "^1.0.0",
+    "eslint": "^3.3.1",
     "babel-plugin-transform-export-extensions": "^6.22.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-env": "^1.6.1",

rollup.config.js

@@ -1,59 +1,59 @@
-import babel from "rollup-plugin-babel";
+import babel from 'rollup-plugin-babel';
 import minify from 'rollup-plugin-babel-minify';
 
 export default [
   {
-    input: "src/index.js",
+    input: 'src/index.js',
     output: {
-      file: "lib/umd/recompose-apollo.js",
-      format: "umd",
-      name: "recompose-apollo",
-      sourcemap: true
+      file: 'lib/umd/recompose-apollo.js',
+      format: 'umd',
+      name: 'recompose-apollo',
+      sourcemap: true,
     },
     plugins: [
       minify(),
       babel({
-        exclude: "node_modules/**"
-      })
+        exclude: 'node_modules/**',
+      }),
     ],
-    onwarn
+    onwarn,
   },
   {
-    input: "src/index.js",
+    input: 'src/index.js',
     output: {
-      file: "lib/index.js",
-      format: "cjs",
-      sourcemap: true
+      file: 'lib/index.js',
+      format: 'cjs',
+      sourcemap: true,
     },
     plugins: [
       minify(),
       babel({
-        exclude: "node_modules/**"
-      })
+        exclude: 'node_modules/**',
+      }),
     ],
-    onwarn
+    onwarn,
   },
   {
-    input: "src/index.js",
+    input: 'src/index.js',
     output: {
-      file: "lib/es/index.js",
-      format: "es",
-      sourcemap: true
+      file: 'lib/es/index.js',
+      format: 'es',
+      sourcemap: true,
     },
     plugins: [
       minify(),
       babel({
-        exclude: "node_modules/**"
-      })
+        exclude: 'node_modules/**',
+      }),
     ],
-    onwarn
-  }
+    onwarn,
+  },
 ];
 
 function onwarn(message) {
-  const suppressed = ["UNRESOLVED_IMPORT", "THIS_IS_UNDEFINED"];
+  const suppressed = ['UNRESOLVED_IMPORT', 'THIS_IS_UNDEFINED'];
 
-  if (!suppressed.find(code => message.code === code)) {
-    return console.warn(message.message);
+  if (!suppressed.find((code) => { return message.code === code; })) {
+    return console.warn(message.message); // eslint-disable-line no-console
   }
 }

src/withLoadingState.js

@@ -1,26 +1,25 @@
-import { branch, renderComponent, withPropsOnChange } from "recompose";
+import { branch, renderComponent, withPropsOnChange } from 'recompose';
 
 // Loading States
-const initialLoading = networkStatus => networkStatus === 1;
-const activelyRefetching = networkStatus => networkStatus === 4;
-const passivelyRefetching = networkStatus =>
-  networkStatus === 2 || networkStatus === 6;
-const fetchingMore = networkStatus => networkStatus === 3;
+const initialLoading = (networkStatus) => { return networkStatus === 1; };
+const activelyRefetching = (networkStatus) => { return networkStatus === 4; };
+const passivelyRefetching = (networkStatus) =>  { return networkStatus === 2 || networkStatus === 6; };
+const fetchingMore = (networkStatus) => { return networkStatus === 3; };
 
 // Error States
-const hasErrored = networkStatus => networkStatus === 8;
+const hasErrored = (networkStatus) => { return networkStatus === 8; };
 
 export function withLoadingState(Component) {
   return branch(
     ({ networkStatus }) => {
       return initialLoading(networkStatus);
     },
     renderComponent(Component),
-    withPropsOnChange(["networkStatus"], ({ networkStatus }) => {
+    withPropsOnChange(['networkStatus'], ({ networkStatus }) => {
       return {
         activelyRefetching: activelyRefetching(networkStatus),
         passivelyRefetching: passivelyRefetching(networkStatus),
-        fetchingMore: fetchingMore(networkStatus)
+        fetchingMore: fetchingMore(networkStatus),
       };
     })
   );