build: update Angular, CLI, Material, CDK to v10

- silence build warnings with `allowedCommonJsDependencies`

Author: Splaktar

angular.json

@@ -31,7 +31,16 @@
             "tsConfig": "src/tsconfig.app.json",
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles.scss", "node_modules/angular-material/angular-material.scss"],
-            "scripts": []
+            "scripts": [],
+            "allowedCommonJsDependencies": [
+              "angular",
+              "angular-animate",
+              "angular-aria",
+              "angular-material",
+              "angular-messages",
+              "zone.js/dist/zone-error",
+              "zone.js/dist/zone"
+            ]
           },
           "configurations": {
             "production": {

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angularjs-angular-material-hybrid-demo",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "private": true,
   "scripts": {
     "ng": "ng",
@@ -17,54 +17,54 @@
     "update": "npm-check -u"
   },
   "dependencies": {
-    "@angular/animations": "9.1.9",
-    "@angular/cdk": "9.2.4",
-    "@angular/common": "9.1.9",
-    "@angular/compiler": "9.1.9",
-    "@angular/core": "9.1.9",
-    "@angular/fire": "^6.0.0",
-    "@angular/forms": "9.1.9",
-    "@angular/material": "9.2.4",
-    "@angular/platform-browser": "9.1.9",
-    "@angular/platform-browser-dynamic": "9.1.9",
-    "@angular/upgrade": "9.1.9",
+    "@angular/animations": "10.0.1",
+    "@angular/cdk": "10.0.0",
+    "@angular/common": "10.0.1",
+    "@angular/compiler": "10.0.1",
+    "@angular/core": "10.0.1",
+    "@angular/fire": "^6.0.2",
+    "@angular/forms": "10.0.1",
+    "@angular/material": "10.0.0",
+    "@angular/platform-browser": "10.0.1",
+    "@angular/platform-browser-dynamic": "10.0.1",
+    "@angular/upgrade": "10.0.1",
     "@schuchard/prettier": "^3.1.0",
-    "@types/angular": "^1.7.0",
+    "@types/angular": "^1.7.2",
     "@types/angular-material": "^1.1.71",
     "angular": "^1.8.0",
     "angular-animate": "^1.8.0",
     "angular-aria": "^1.8.0",
-    "angular-material": "^1.1.22",
+    "angular-material": "^1.1.23",
     "angular-messages": "^1.8.0",
-    "firebase": "^7.15.0",
+    "firebase": "^7.15.5",
     "rxjs": "^6.5.5",
-    "tslib": "^1.11.2",
+    "tslib": "^2.0.0",
     "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "^0.901.7",
-    "@angular-devkit/build-angular": "~0.901.7",
-    "@angular/cli": "~9.1.7",
-    "@angular/compiler-cli": "~9.1.9",
-    "@angular/language-service": "~9.1.9",
+    "@angular-devkit/architect": "^0.1000.0",
+    "@angular-devkit/build-angular": "~0.1000.0",
+    "@angular/cli": "~10.0.0",
+    "@angular/compiler-cli": "~10.0.1",
+    "@angular/language-service": "~10.0.1",
     "@types/gulp": "^4.0.6",
-    "@types/node": "^14.0.11",
-    "codelyzer": "^5.2.2",
-    "firebase-tools": "^8.4.2",
+    "@types/node": "^14.0.14",
+    "codelyzer": "^6.0.0-next.1",
+    "firebase-tools": "^8.4.3",
     "gulp": "^4.0.2",
     "gulp-angular-templatecache": "^3.0.0",
     "gulp-htmlmin": "^5.0.1",
     "husky": "4.2.5",
-    "lint-staged": "^10.2.9",
+    "lint-staged": "^10.2.11",
     "npm-check": "^5.9.2",
     "prettier": "2.0.5",
-    "rxjs-tslint-rules": "^4.33.1",
+    "rxjs-tslint-rules": "^4.33.3",
     "source-map-explorer": "^2.4.2",
     "ts-node": "^8.10.2",
-    "tslint": "^6.1.2",
+    "tslint": "~6.1.0",
     "tslint-config-prettier": "1.18.0",
     "tsutils": "^3.17.1",
-    "typescript": "~3.8.3"
+    "typescript": "~3.9.5"
   },
   "husky": {
     "hooks": {

package.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "types": []

src/browserslist renamed to src/.browserslistrc

@@ -0,0 +1,17 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "es2015",
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2018", "dom"]
+  }
+}

src/tsconfig.app.json

@@ -1,17 +1,14 @@
+/*
+  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
+  It is not intended to be used to perform a compilation.
+
+  To learn more about this file see: https://angular.io/config/solution-tsconfig.
+*/
 {
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "es2015",
-    "typeRoots": ["node_modules/@types"],
-    "lib": ["es2018", "dom"]
-  }
+  "files": [],
+  "references": [
+    {
+      "path": "./src/tsconfig.app.json"
+    }
+  ]
 }

tsconfig.base.json

@@ -6,6 +6,9 @@
     "class-name": true,
     "comment-format": [true, "check-space"],
     "curly": true,
+    "deprecation": {
+      "severity": "warning"
+    },
     "eofline": true,
     "forin": true,
     "import-blacklist": [true],