infra - Add prettier as a pre-commit hook and verify in CI

Author: blainekasten

.travis.yml

@@ -35,6 +35,8 @@ script:
   # Output useful info for debugging.
   - node --version
   - yarn --version
+  # Make sure prettier has ran on all files.
+  - yarn format-check
   # Make sure we can actually build the examples.
   - yarn run build-examples
   # Run tests

package.json

@@ -34,6 +34,8 @@
     "examples": "webpack-dev-server --config examples/webpack.config.js --no-info --content-base examples",
     "examples-server": "babel-node examples/server.js",
     "flow": "flow check",
+    "format": "prettier --write \"{src,examples}/**/*.js\"",
+    "format-check": "prettier --list-different \"{src,examples}/**/*.js\"",
     "eslint": "eslint .",
     "fixlint": "npm run eslint -- --fix",
     "lint": "builder concurrent --buffer eslint flow",
@@ -63,7 +65,9 @@
     "babel-preset-stage-1": "^6.22.0",
     "builder": "^3.2.3",
     "exenv": "^1.2.1",
+    "husky": "^1.2.0",
     "inline-style-prefixer": "^4.0.0",
+    "lint-staged": "^8.1.0",
     "prop-types": "^15.5.8",
     "publishr": "^1.0.0",
     "rimraf": "^2.6.1",
@@ -105,7 +109,7 @@
     "node-libs-browser": "^2.0.0",
     "nodemon": "^1.11.0",
     "object-assign": "^4.1.1",
-    "prettier": "^0.22.0",
+    "prettier": "^1.15.3",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-test-renderer": "^16.2.0",
@@ -127,5 +131,17 @@
     "scripts": {
       "postinstall": ""
     }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.js": [
+      "yarn format",
+      "yarn fixlint",
+      "git add"
+    ]
   }
 }