feat: update Angular packages to v14 RC (#91)

brandonroberts · web-flow · commit b1bff037e19c · 2022-05-30T13:17:31.000-05:00
BREAKING CHANGES:

The minimum version of Angular has been updated

BEFORE:

The minimum version of Angular required is 13.x

AFTER:

The minimum version of Angular required is 14.x
diff --git a/angular.json b/angular.json
@@ -75,7 +75,7 @@
         "test": {
           "builder": "@nrwl/jest:jest",
           "options": {
-            "jestConfig": "apps/example-app/jest.config.js",
+            "jestConfig": "apps/example-app/jest.config.ts",
             "passWithNoTests": true
           },
           "outputs": ["coverage/apps/example-app"]
@@ -179,7 +179,7 @@
         "test": {
           "builder": "@nrwl/jest:jest",
           "options": {
-            "jestConfig": "apps/recursive-routes/jest.config.js",
+            "jestConfig": "apps/recursive-routes/jest.config.ts",
             "passWithNoTests": true
           },
           "outputs": ["coverage/apps/recursive-routes"]
@@ -283,7 +283,7 @@
         "test": {
           "builder": "@nrwl/jest:jest",
           "options": {
-            "jestConfig": "apps/responsive-app/jest.config.js",
+            "jestConfig": "apps/responsive-app/jest.config.ts",
             "passWithNoTests": true
           },
           "outputs": ["coverage/apps/responsive-app"]
@@ -387,7 +387,7 @@
         "test": {
           "builder": "@nrwl/jest:jest",
           "options": {
-            "jestConfig": "apps/route-restrictions/jest.config.js",
+            "jestConfig": "apps/route-restrictions/jest.config.ts",
             "passWithNoTests": true
           },
           "outputs": ["coverage/apps/route-restrictions"]
@@ -456,7 +456,7 @@
         "test": {
           "builder": "@nrwl/jest:jest",
           "options": {
-            "jestConfig": "libs/router/jest.config.js",
+            "jestConfig": "libs/router/jest.config.ts",
             "setupFile": "libs/router/src/test-setup.ts",
             "passWithNoTests": true
           },
diff --git a/apps/example-app/jest.config.ts b/apps/example-app/jest.config.ts
@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   preset: '../../jest.preset.js',
   coverageDirectory: '../../coverage/apps/example-app',
 
diff --git a/apps/example-app/src/app/auth/components/login-form.component.ts b/apps/example-app/src/app/auth/components/login-form.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { FormGroup, FormControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 import { Credentials } from '@example-app/auth/models';
 
 @Component({
@@ -90,9 +90,9 @@ export class LoginFormComponent implements OnInit {
 
   @Output() submitted = new EventEmitter<Credentials>();
 
-  form: FormGroup = new FormGroup({
-    username: new FormControl('ngrx'),
-    password: new FormControl(''),
+  form: UntypedFormGroup = new UntypedFormGroup({
+    username: new UntypedFormControl('ngrx'),
+    password: new UntypedFormControl(''),
   });
 
   constructor() {}
diff --git a/apps/example-app/tsconfig.app.json b/apps/example-app/tsconfig.app.json
@@ -4,5 +4,6 @@
     "outDir": "../../dist/out-tsc",
     "types": []
   },
-  "files": ["src/main.ts", "src/polyfills.ts"]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/example-app/tsconfig.editor.json b/apps/example-app/tsconfig.editor.json
@@ -3,5 +3,6 @@
   "include": ["**/*.ts"],
   "compilerOptions": {
     "types": ["jest", "node"]
-  }
+  },
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/example-app/tsconfig.spec.json b/apps/example-app/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }
diff --git a/apps/recursive-routes/jest.config.ts b/apps/recursive-routes/jest.config.ts
@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   preset: '../../jest.preset.js',
   coverageDirectory: '../../coverage/apps/recursive-routes',
 
diff --git a/apps/recursive-routes/tsconfig.app.json b/apps/recursive-routes/tsconfig.app.json
@@ -4,5 +4,6 @@
     "outDir": "../../dist/out-tsc",
     "types": []
   },
-  "files": ["src/main.ts", "src/polyfills.ts"]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/recursive-routes/tsconfig.editor.json b/apps/recursive-routes/tsconfig.editor.json
@@ -3,5 +3,6 @@
   "include": ["**/*.ts"],
   "compilerOptions": {
     "types": ["jest", "node"]
-  }
+  },
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/recursive-routes/tsconfig.spec.json b/apps/recursive-routes/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }
diff --git a/apps/responsive-app/jest.config.ts b/apps/responsive-app/jest.config.ts
@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   preset: '../../jest.preset.js',
   coverageDirectory: '../../coverage/apps/responsive-app',
 
diff --git a/apps/responsive-app/tsconfig.app.json b/apps/responsive-app/tsconfig.app.json
@@ -4,5 +4,6 @@
     "outDir": "../../dist/out-tsc",
     "types": []
   },
-  "files": ["src/main.ts", "src/polyfills.ts"]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/responsive-app/tsconfig.editor.json b/apps/responsive-app/tsconfig.editor.json
@@ -3,5 +3,6 @@
   "include": ["**/*.ts"],
   "compilerOptions": {
     "types": ["jest", "node"]
-  }
+  },
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/responsive-app/tsconfig.spec.json b/apps/responsive-app/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }
diff --git a/apps/route-restrictions/jest.config.ts b/apps/route-restrictions/jest.config.ts
@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   preset: '../../jest.preset.js',
   coverageDirectory: '../../coverage/apps/route-restrictions',
 
diff --git a/apps/route-restrictions/tsconfig.app.json b/apps/route-restrictions/tsconfig.app.json
@@ -4,5 +4,6 @@
     "outDir": "../../dist/out-tsc",
     "types": []
   },
-  "files": ["src/main.ts", "src/polyfills.ts"]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/route-restrictions/tsconfig.editor.json b/apps/route-restrictions/tsconfig.editor.json
@@ -3,5 +3,6 @@
   "include": ["**/*.ts"],
   "compilerOptions": {
     "types": ["jest", "node"]
-  }
+  },
+  "exclude": ["jest.config.ts"]
 }
diff --git a/apps/route-restrictions/tsconfig.spec.json b/apps/route-restrictions/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }
diff --git a/jest.config.ts b/jest.config.ts
@@ -1,3 +1,3 @@
 const { getJestProjects } = require('@nrwl/jest');
 
-module.exports = { projects: getJestProjects() };
+export default { projects: getJestProjects() };
diff --git a/jest.preset.js b/jest.preset.js
@@ -1,4 +1,4 @@
-const nxPreset = require('@nrwl/jest/preset');
+const nxPreset = require('@nrwl/jest/preset').default;
 module.exports = {
   ...nxPreset,
 };
diff --git a/libs/router/jest.config.ts b/libs/router/jest.config.ts
@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   displayName: 'router',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
diff --git a/libs/router/tsconfig.lib.json b/libs/router/tsconfig.lib.json
@@ -13,6 +13,11 @@
     "strictMetadataEmit": true,
     "enableResourceInlining": true
   },
-  "exclude": ["src/test-setup.ts", "**/*.spec.ts", "**/*.test.ts"],
+  "exclude": [
+    "src/test-setup.ts",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "jest.config.ts"
+  ],
   "include": ["**/*.ts"]
 }
diff --git a/libs/router/tsconfig.spec.json b/libs/router/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }
diff --git a/migrations.json b/migrations.json
diff --git a/nx.json b/nx.json
diff --git a/package.json b/package.json
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -4,5 +4,6 @@`
`4`	`4`	`"outDir": "../../dist/out-tsc",`
`5`	`5`	`"types": []`
`6`	`6`	`},`
`7`		`- "files": ["src/main.ts", "src/polyfills.ts"]`
	`7`	`+ "files": ["src/main.ts", "src/polyfills.ts"],`
	`8`	`+ "exclude": ["jest.config.ts"]`
`8`	`9`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,5 +3,6 @@`
`3`	`3`	`"include": ["*/.ts"],`
`4`	`4`	`"compilerOptions": {`
`5`	`5`	`"types": ["jest", "node"]`
`6`		`- }`
	`6`	`+ },`
	`7`	`+ "exclude": ["jest.config.ts"]`
`7`	`8`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@`
`6`	`6`	`"types": ["jest", "node"]`
`7`	`7`	`},`
`8`	`8`	`"files": ["src/test-setup.ts"],`
`9`		`- "include": ["*/.spec.ts", "*/.test.ts", "*/.d.ts"]`
	`9`	`+ "include": ["*/.spec.ts", "*/.test.ts", "*/.d.ts", "jest.config.ts"]`
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`const { getJestProjects } = require('@nrwl/jest');`
`2`	`2`
`3`		`-module.exports = { projects: getJestProjects() };`
	`3`	`+export default { projects: getJestProjects() };`