refactor: add Prettier, rxjs-tslint-rules

- fix lint builder config
- use NodeJS 14 by default
- set engines to NodeJS 12+ and NPM 6+

Author: Splaktar

.nvmrc

@@ -1 +1 @@
-12
+14

.prettierignore

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

README.md

@@ -15,12 +15,12 @@ Angular Material, the Angular Component Dev Kit (CDK), and the Angular Flex Layo
 Additionally, we provide guidance on using pure CSS Grid and Flexbox for layout, migration of
 theming features, services, typography, and more.
 
-Learn more in the [AngularJS Material Migration Guide](https://material.angularjs.org/latest/migration). 
+Learn more in the [AngularJS Material Migration Guide](https://material.angularjs.org/latest/migration).
 
 ## Caveats found so far
 
 - Different `selector` formatting and conversions between AngularJS and Angular. It depends on which
-    is referring to the component, not which the component is build for.
+  is referring to the component, not which the component is build for.
   - AngularJS referring to any component: `appComponent`
   - Angular referring to any component: `app-component`
 - ngUpgrade projects that work on StackBlitz, don’t work in the CLI and vice versa.
@@ -38,6 +38,7 @@ Learn more in the [AngularJS Material Migration Guide](https://material.angularj
   - [Example](https://github.com/Splaktar/angularjs-angular-material-hybrid-demo/blob/a77f0567b1795529c1859f1b70fafc5ab5e998be/src/angularjs/tabs.component.ts#L7-L11)
 
 ### AngularJS Components w/ templateUrl
+
 `templateUrl` in AngularJS components does not work out of the box with Angular CLI.
 The following steps will configure a module that loads `$templateCache` at build time:
 

angular.json

@@ -29,14 +29,8 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss",
-              "node_modules/angular-material/angular-material.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss", "node_modules/angular-material/angular-material.scss"],
             "scripts": []
           },
           "configurations": {
@@ -90,7 +84,7 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [],
+            "tsConfig": ["src/tsconfig.app.json"],
             "exclude": []
           }
         },

firebase.json

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

gulpfile.ts

@@ -3,8 +3,9 @@ const htmlmin = require('gulp-htmlmin');
 const templateCache = require('gulp-angular-templatecache');
 
 gulp.task('templates', () => {
-  return gulp.src('src/angularjs/**/*.html')
-  .pipe(htmlmin({collapseWhitespace: true}))
-  .pipe(templateCache('templates.js', {standalone: true}))
-  .pipe(gulp.dest('src/angularjs/templates'));
+  return gulp
+    .src('src/angularjs/**/*.html')
+    .pipe(htmlmin({ collapseWhitespace: true }))
+    .pipe(templateCache('templates.js', { standalone: true }))
+    .pipe(gulp.dest('src/angularjs/templates'));
 });