refactor: prettier everything

Author: Splaktar

.prettierignore

@@ -0,0 +1,2 @@
+package.json
+dist

README.md

@@ -20,9 +20,9 @@ Run `ng generate component component-name` to generate a new component. You can
 ## Build
 
 - Run `npm run build` to build the demo project.
-The build artifacts will be stored in the `dist/dev-demo` directory.
+  The build artifacts will be stored in the `dist/dev-demo` directory.
 - Run `npm run build:lib` to build the library project.
-The build artifacts will be stored in the `dist/dev` directory.
+  The build artifacts will be stored in the `dist/dev` directory.
 - Run `npm run build:schematics` to build the schematics project.
 
 ## Running unit tests

angular.json

@@ -23,13 +23,8 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": []
           },
           "configurations": {
@@ -86,26 +81,16 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
-            "styles": [
-              "src/styles.scss"
-            ],
+            "styles": ["src/styles.scss"],
             "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ]
+            "assets": ["src/favicon.ico", "src/assets"]
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
           }
         },
         "deploy": {
@@ -135,9 +120,7 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": "e2e/tsconfig.e2e.json",
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -176,13 +159,8 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "projects/dev/tsconfig.lib.json",
-              "projects/dev/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["projects/dev/tsconfig.lib.json", "projects/dev/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -192,4 +170,4 @@
   "cli": {
     "analytics": "a80bb417-2132-4b22-83a1-b4c8c0c0a0af"
   }
-}
+}

e2e/protractor.conf.js

@@ -5,24 +5,22 @@ const { SpecReporter } = require('jasmine-spec-reporter');
 
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   capabilities: {
-    'browserName': 'chrome'
+    browserName: 'chrome',
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
   framework: 'jasmine',
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.e2e.json')
+      project: require('path').join(__dirname, './tsconfig.e2e.json'),
     });
     jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
-};
+  },
+};

e2e/tsconfig.e2e.json

@@ -4,10 +4,6 @@
     "outDir": "../out-tsc/app",
     "module": "commonjs",
     "target": "es5",
-    "types": [
-      "jasmine",
-      "jasminewd2",
-      "node"
-    ]
+    "types": ["jasmine", "jasminewd2", "node"]
   }
-}
+}

firebase.json

@@ -3,11 +3,7 @@
     {
       "target": "dev-demo",
       "public": "dist/dev-demo",
-      "ignore": [
-        "firebase.json",
-        "**/.*",
-        "**/node_modules/**"
-      ],
+      "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
       "appAssociation": "AUTO",
       "rewrites": [
         {

prettier.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  printWidth: 140,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  jsxBracketSameLine: false,
+  arrowParens: 'avoid',
+  rangeStart: 0,
+  rangeEnd: Infinity,
+  requirePragma: false,
+  insertPragma: false,
+  proseWrap: 'preserve',
+};

projects/dev/README.md

@@ -23,12 +23,13 @@ Find the [demo here](https://devintent-dev.firebaseapp.com/button-bar). Resize t
 features.
 
 #### Button Bar Template ([example](https://github.com/DevIntent/dev/blob/master/src/app/button-bar-demo/button-bar-demo.component.html))
+
 ```html
-<dev-button-bar [navItems]="navItems" class="mat-elevation-z1"></dev-button-bar>
-<router-outlet></router-outlet>
+<dev-button-bar [navItems]="navItems" class="mat-elevation-z1"></dev-button-bar> <router-outlet></router-outlet>
 ```
 
 #### Button Bar Component ([example](https://github.com/DevIntent/dev/blob/master/src/app/button-bar-demo/button-bar-demo.component.ts))
+
 ```ts
 import {NavItem} from '@devintent/dev';
 ...
@@ -43,9 +44,11 @@ this.navItems = [
 ];
 ...
 ```
+
 Find icon names by searching the [Material Design Icons Tool](https://material.io/tools/icons/).
 
 #### Button Bar Module
+
 ```ts
 import {DevintentModule} from '@devintent/dev';
 ...
@@ -66,6 +69,7 @@ The component themes work with Angular Material [Custom Themes](https://material
 which are defined in `.scss` files.
 
 You should define your theme in a [SASS Partial](https://sass-lang.com/guide). For example, `_theme.scss`:
+
 ```scss
 // Custom Theming for Angular Material
 // For more information: https://material.angular.io/guide/theming
@@ -85,15 +89,16 @@ $demo-theme: mat-light-theme($demo-primary, $demo-accent, $demo-warn);
 
 $demo-typography: mat-typography-config(
   //$font-family: 'Roboto, monospace',
-  //$headline: mat-typography-level(32px, 48px, 700),
-  //$body-1: mat-typography-level(16px, 24px, 500)
+    //$headline: mat-typography-level(32px, 48px, 700),
+    //$body-1: mat-typography-level(16px, 24px, 500)
 );
 ```
 
 Then your primary SCSS entrypoint should import this theme file and pass the theme into both the Angular Material
 and DevIntent Dev components.
+
 ```scss
-@import "theme";
+@import 'theme';
 @import '~@devintent/dev/theming';
 
 // Include the common styles for Angular Material. We include this here so that you only
@@ -108,5 +113,6 @@ and DevIntent Dev components.
 // components know about your theme.
 @include dev-theme($demo-theme);
 ```
+
 Note: Custom typography is not yet implemented for these components, but you can use it with Angular Material components.
-See more in their [Typography Guide](https://material.angular.io/guide/typography). 
+See more in their [Typography Guide](https://material.angular.io/guide/typography).

projects/dev/karma.conf.js

@@ -1,7 +1,7 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
-module.exports = function(config) {
+module.exports = function (config) {
   config.set({
     basePath: '',
     frameworks: ['jasmine', '@angular-devkit/build-angular'],
@@ -10,22 +10,22 @@ module.exports = function(config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, '../../coverage'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: false,
     browsers: ['Chrome'],
-    singleRun: true
+    singleRun: true,
   });
 };

projects/dev/ng-package.json

@@ -4,4 +4,4 @@
   "lib": {
     "entryFile": "src/public_api.ts"
   }
-}
+}