chore: add prettier to workspace (#26)

Add prettier to workspace and enable the precommit hook and linter

closes #3

Author: smithad15

.gitignore

@@ -1,4 +1,5 @@
 node_modules
 dist
 lerna-debug.log
-yarn-debug.log
+yarn-debug.log
+yarn-error.log

.prettierignore

@@ -0,0 +1,2 @@
+dist
+coverage

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}

.yarnrc

@@ -1 +1 @@
---install.exact true
+--add.exact true

CONTRIBUTING.md

@@ -6,4 +6,4 @@ This repo utilizes [Yarn Workspaces](https://yarnpkg.com/lang/en/docs/workspaces
 
 ## Commit Message Guidelines
 
-We follow the [Conventional Commits](https://conventionalcommits.org/) guidelines. These are enforced through the use of [commitlint](http://marionebl.github.io/commitlint). If you would like a more interactive way of formatting your commit messages, run `yarn commit` once your changes are staged.
+We follow the [Conventional Commits](https://conventionalcommits.org/) guidelines. These are enforced through the use of [commitlint](http://marionebl.github.io/commitlint). If you would like a more interactive way of formatting your commit messages, run `yarn commit` once your changes are staged.

README.md

@@ -1,4 +1,5 @@
 # @angular-redux
+
 [![CircleCI](https://circleci.com/gh/angular-redux/platform/tree/master.svg?style=svg)](https://circleci.com/gh/angular-redux/platform/tree/master)
 
 [Redux](https://redux.js.org/) bindings for [Angular](https://angular.io/) applications.

package.json

@@ -7,13 +7,23 @@
     "build": "lerna run build",
     "lint": "lerna run lint",
     "commit": "commit",
-    "commitmsg": "commitlint -E GIT_PARAMS"
+    "prettier": "prettier --write \"**/*.*(ts|js|css|scss|json|md)\"",
+    "pre-commit": "lint-staged",
+    "commit-msg": "commitlint -E GIT_PARAMS"
+  },
+  "lint-staged": {
+    "*.{ts,js,css,scss,json,md}": [
+      "prettier --write",
+      "git add"
+    ]
   },
   "devDependencies": {
-    "@commitlint/cli": "^7.0.0",
-    "@commitlint/config-conventional": "^7.0.1",
-    "@commitlint/prompt-cli": "^7.0.0",
-    "husky": "^0.14.3",
-    "lerna": "2.11.0"
+    "@commitlint/cli": "7.0.0",
+    "@commitlint/config-conventional": "7.0.1",
+    "@commitlint/prompt-cli": "7.0.0",
+    "husky": "0.14.3",
+    "lerna": "2.11.0",
+    "lint-staged": "7.2.0",
+    "prettier": "1.13.7"
   }
 }

packages/example-app/.angular-cli.json

@@ -7,20 +7,15 @@
     {
       "root": "src",
       "outDir": "dist",
-      "assets": [
-        "assets",
-        "favicon.ico"
-      ],
+      "assets": ["assets", "favicon.ico"],
       "index": "index.html",
       "main": "main.ts",
       "polyfills": "polyfills.ts",
       "test": "test.ts",
       "tsconfig": "tsconfig.app.json",
       "testTsconfig": "tsconfig.spec.json",
       "prefix": "zoo",
-      "styles": [
-        "styles.css"
-      ],
+      "styles": ["styles.css"],
       "scripts": [],
       "environmentSource": "environments/environment.ts",
       "environments": {

packages/example-app/README.md

@@ -5,16 +5,17 @@
 This is a sample project showing how the following packages work together to make a simple
 application.
 
-* [redux](https://github.com/reactjs/redux) Predictable state container for Javascript.
-* [redux-observable](https://github.com/redux-observable/redux-observable) Side-effect handling with Observables
-* [@angular-redux/store](https://github.com/angular-redux/store) Redux + Angular bindings
-* [@angular-redux/router](https://github.com/angular-redux/router) Time travel with the Angular router
-* [@angular-redux/form](https://github.com/angular-redux/form) Time travel with Angular forms
-* [Redux DevTools Chrome Extension](https://github.com/zalmoxisus/redux-devtools-extension)
+- [redux](https://github.com/reactjs/redux) Predictable state container for Javascript.
+- [redux-observable](https://github.com/redux-observable/redux-observable) Side-effect handling with Observables
+- [@angular-redux/store](https://github.com/angular-redux/store) Redux + Angular bindings
+- [@angular-redux/router](https://github.com/angular-redux/router) Time travel with the Angular router
+- [@angular-redux/form](https://github.com/angular-redux/form) Time travel with Angular forms
+- [Redux DevTools Chrome Extension](https://github.com/zalmoxisus/redux-devtools-extension)
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0-rc.0.
 
 ## Development server
+
 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
 ## Code scaffolding

packages/example-app/karma.conf.js

@@ -1,7 +1,7 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/0.13/config/configuration-file.html
 
-module.exports = function (config) {
+module.exports = function(config) {
   config.set({
     basePath: '',
     frameworks: ['jasmine', '@angular/cli'],
@@ -10,35 +10,34 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular/cli/plugins/karma')
+      require('@angular/cli/plugins/karma'),
     ],
-    client:{
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
-    files: [
-      { pattern: './src/test.ts', watched: false }
-    ],
+    files: [{ pattern: './src/test.ts', watched: false }],
     preprocessors: {
-      './src/test.ts': ['@angular/cli']
+      './src/test.ts': ['@angular/cli'],
     },
     mime: {
-      'text/x-typescript': ['ts','tsx']
+      'text/x-typescript': ['ts', 'tsx'],
     },
     coverageIstanbulReporter: {
-      reports: [ 'html', 'lcovonly' ],
-      fixWebpackSourcePaths: true
+      reports: ['html', 'lcovonly'],
+      fixWebpackSourcePaths: true,
     },
     angularCli: {
-      environment: 'dev'
+      environment: 'dev',
     },
-    reporters: config.angularCli && config.angularCli.codeCoverage
-              ? ['progress', 'coverage-istanbul']
-              : ['progress', 'kjhtml'],
+    reporters:
+      config.angularCli && config.angularCli.codeCoverage
+        ? ['progress', 'coverage-istanbul']
+        : ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
     browsers: ['Chrome'],
-    singleRun: false
+    singleRun: false,
   });
 };