Add prettier (nfl#295)

- Add prettier
- Apply prettier formatting to the project

Author: ldeavila

.eslintrc

@@ -1,5 +1,5 @@
 {
-    "extends": "nfl",
+    "extends": ["nfl", "prettier"],
     "env": {
         "browser": true,
         "mocha": true,
@@ -8,5 +8,22 @@
     "globals": {
         "expect": false,
         "sinon": false
+    },
+    "plugins": [
+        "prettier"
+    ],
+    "rules": {
+        "prettier/prettier": ["error", {
+                "printWidth": 80,
+                "tabWidth": 4,
+                "singleQuote": false,
+                "trailingComma": "none",
+                "bracketSpacing": false,
+                "semi": true,
+                "useTabs": false,
+                "parser": "babylon",
+                "jsxBracketSameLine": false
+            }
+        ]
     }
 }

karma.config.js

@@ -1,6 +1,6 @@
 // Karma configuration
 
-module.exports = function (config) {
+module.exports = function(config) {
     function normalizationBrowserName(browser) {
         return browser.toLowerCase().split(/[ /-]/)[0];
     }
@@ -20,14 +20,9 @@ module.exports = function (config) {
         },
 
         // frameworks to use
-        frameworks: [
-            "chai-sinon",
-            "mocha"
-        ],
+        frameworks: ["chai-sinon", "mocha"],
 
-        files: [
-            "./test/test.js"
-        ],
+        files: ["./test/test.js"],
 
         preprocessors: {
             // add webpack as preprocessor
@@ -37,21 +32,25 @@ module.exports = function (config) {
         coverageReporter: {
             dir: "coverage/json",
             includeAllSources: true,
-            reporters: [{
-                type: "json",
-                subdir: normalizationBrowserName
-            }]
+            reporters: [
+                {
+                    type: "json",
+                    subdir: normalizationBrowserName
+                }
+            ]
         },
 
         webpack: {
             devtool: "inline-source-map",
             module: {
-                rules: [{
-                    test: /\.js$/,
-                    // exclude this dirs from coverage
-                    exclude: [/node_modules/],
-                    loader: "babel-loader"
-                }]
+                rules: [
+                    {
+                        test: /\.js$/,
+                        // exclude this dirs from coverage
+                        exclude: [/node_modules/],
+                        loader: "babel-loader"
+                    }
+                ]
             },
             watch: true
         },
@@ -62,10 +61,7 @@ module.exports = function (config) {
 
         // test results reporter to use
         // possible values: "dots", "progress", "junit", "growl", "coverage"
-        reporters: [
-            "coverage",
-            "spec"
-        ],
+        reporters: ["coverage", "spec"],
 
         // web server port
         port: 9876,

package.json

@@ -55,9 +55,11 @@
     "cz-conventional-changelog": "^2.0.0",
     "eslint": "^3.18.0",
     "eslint-config-nfl": "^11.1.0",
+    "eslint-config-prettier": "^2.2.0",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^4.0.0",
     "eslint-plugin-mocha": "^4.9.0",
+    "eslint-plugin-prettier": "^2.1.2",
     "eslint-plugin-react": "^6.10.2",
     "istanbul": "^0.4.5",
     "karma": "^1.5.0",
@@ -76,6 +78,7 @@
     "karma-webpack": "^2.0.3",
     "mocha": "^3.2.0",
     "phantomjs-prebuilt": "^2.1.14",
+    "prettier": "^1.4.4",
     "react": "^15.x",
     "react-dom": "^15.x",
     "rimraf": "^2.6.1",
@@ -86,7 +89,7 @@
   "scripts": {
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "clean": "rimraf lib coverage es",
-    "lint": "eslint --ignore-path .gitignore -- .",
+    "lint": "eslint --ignore-path .gitignore --fix -- .",
     "test": "cross-env BABEL_ENV=test karma start karma.config.js",
     "posttest": "istanbul report lcov text",
     "pretest": "npm run clean && npm run lint",