chore!: migrate to Angular 14 (#276)

# Bug fixes
- Fixes #272 by building the package using Angular 14. Standalone components and applications are now fully supported, including in component tests.

BREAKING CHANGE:
- Require Angular 14.0
- Require `@ngrx/component-store` 14.0
- Require RxJS 7.4
- Require TypeScript 4.6

Author: LayZeeDK

.eslintrc.json

@@ -1,13 +1,7 @@
 {
   "root": true,
   "ignorePatterns": ["**/*"],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaVersion": 2019,
-    "project": "./tsconfig.base.json",
-    "sourceType": "module"
-  },
-  "plugins": ["@nrwl/nx", "ngrx"],
+  "plugins": ["@nrwl/nx", "@ngrx"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
@@ -34,7 +28,7 @@
     },
     {
       "files": ["*.ts"],
-      "extends": ["plugin:ngrx/component-store-strict"]
+      "extends": ["plugin:@ngrx/component-store-strict"]
     },
     {
       "files": ["*.js", "*.jsx"],

.gitignore

@@ -25,7 +25,7 @@
 !.vscode/extensions.json
 
 # misc
-/.angular/cache
+.angular/
 /.sass-cache
 /connect.lock
 /coverage

.nvmrc

@@ -1 +1 @@
-14.20.1
+16.18.0

README.md

@@ -8,10 +8,10 @@ An Angular Router-connecting NgRx component store.
 
 Required peer dependencies:
 
-- Angular >=12.2
-- NgRx Component Store >=12.0
-- RxJS >=7.2
-- TypeScript >=4.3
+- Angular >=14.0
+- NgRx Component Store >=14.0
+- RxJS >=7.4
+- TypeScript >=4.6
 
 Published with partial Ivy compilation.
 

decorate-angular-cli.js

@@ -68,14 +68,13 @@ function symlinkNgCLItoNxCLI() {
 
 try {
   symlinkNgCLItoNxCLI();
-  require('@nrwl/cli/lib/decorate-cli').decorateCli();
+  require('nx/src/adapter/decorate-cli').decorateCli();
   output.log({
     title: 'Angular CLI has been decorated to enable computation caching.',
   });
 } catch (e) {
   output.error({
-    title:
-      'Decoration of the Angular CLI did not complete successfully:' +
-      e.message,
+    title: 'Decoration of the Angular CLI did not complete successfully',
+    bodyLines: [e.message],
   });
 }

jest.config.js renamed to jest.config.ts

@@ -1,5 +1,5 @@
 const { getJestProjects } = require('@nrwl/jest');
 
-module.exports = {
+export default {
   projects: getJestProjects(),
 };

jest.preset.js

@@ -1,3 +1,3 @@
-const nxPreset = require('@nrwl/jest/preset');
+const nxPreset = require('@nrwl/jest/preset').default;
 
 module.exports = { ...nxPreset };

nx.json

@@ -1,11 +1,11 @@
 {
-  "extends": "@nrwl/workspace/presets/npm.json",
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "extends": "nx/presets/npm.json",
   "npmScope": "ngworker",
   "affected": {
     "defaultBase": "main"
   },
   "cli": {
-    "defaultCollection": "@nrwl/angular",
     "packageManager": "yarn"
   },
   "implicitDependencies": {
@@ -17,19 +17,16 @@
   },
   "tasksRunnerOptions": {
     "default": {
-      "runner": "@nrwl/workspace/tasks-runners/default",
+      "runner": "nx/tasks-runners/default",
       "options": {
         "cacheableOperations": ["build", "lint", "test", "e2e"]
       }
     }
   },
-  "targetDependencies": {
-    "build": [
-      {
-        "target": "build",
-        "projects": "dependencies"
-      }
-    ]
+  "targetDefaults": {
+    "build": {
+      "dependsOn": ["^build"]
+    }
   },
   "generators": {
     "@nrwl/angular:application": {
@@ -39,7 +36,6 @@
       "e2eTestRunner": "cypress"
     },
     "@nrwl/angular:library": {
-      "style": "css",
       "linter": "eslint",
       "unitTestRunner": "jest"
     },

package.json

@@ -2,68 +2,70 @@
   "name": "workspace",
   "private": true,
   "scripts": {
-    "postinstall": "node ./decorate-angular-cli.js && ngcc --properties es2015 browser module main",
+    "postinstall": "node ./decorate-angular-cli.js && ngcc --properties es2020 browser module main",
     "build": "nx run-many --target=build --all",
     "ci": "yarn lint && yarn test && yarn build",
     "lint": "nx workspace-lint && nx run-many --target=lint --all --max-warnings=0",
     "nx": "nx",
     "test": "nx run-many --target=test --all"
   },
   "engines": {
-    "node": "14.20.1",
+    "node": "16.18.0",
     "yarn": "1.22.19"
   },
   "volta": {
-    "node": "14.20.1",
+    "node": "16.18.0",
     "yarn": "1.22.19"
   },
   "dependencies": {
-    "@angular/common": "12.2.0",
-    "@angular/compiler": "12.2.0",
-    "@angular/core": "12.2.0",
-    "@angular/platform-browser": "12.2.0",
-    "@angular/platform-browser-dynamic": "12.2.0",
-    "@angular/router": "12.2.0",
-    "@ngrx/component-store": "12.0.0",
-    "@ngrx/router-store": "12.0.0",
-    "@ngrx/store": "12.0.0",
-    "@nrwl/angular": "13.1.4",
-    "rxjs": "7.2.0",
+    "@angular/common": "14.0.7",
+    "@angular/compiler": "14.0.7",
+    "@angular/core": "14.0.7",
+    "@angular/platform-browser": "14.0.7",
+    "@angular/platform-browser-dynamic": "14.0.7",
+    "@angular/router": "14.0.7",
+    "@ngrx/component-store": "14.0.2",
+    "@ngrx/router-store": "14.0.2",
+    "@ngrx/store": "14.0.2",
+    "@nrwl/angular": "14.4.3",
+    "rxjs": "7.4.0",
     "tslib": "2.3.1",
-    "zone.js": "0.11.4"
+    "zone.js": "0.11.8"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "12.2.0",
-    "@angular-eslint/eslint-plugin": "12.3.0",
-    "@angular-eslint/eslint-plugin-template": "12.3.0",
-    "@angular-eslint/template-parser": "12.3.0",
-    "@angular/cli": "12.2.0",
-    "@angular/compiler-cli": "12.2.0",
-    "@angular/language-service": "12.2.0",
-    "@nrwl/cli": "13.1.4",
-    "@nrwl/cypress": "13.1.4",
-    "@nrwl/eslint-plugin-nx": "13.1.4",
-    "@nrwl/jest": "13.1.4",
-    "@nrwl/linter": "13.1.4",
-    "@nrwl/tao": "13.1.4",
-    "@nrwl/workspace": "13.1.4",
-    "@types/jest": "27.0.2",
-    "@types/node": "14.14.33",
-    "@typescript-eslint/eslint-plugin": "4.33.0",
-    "@typescript-eslint/parser": "4.33.0",
-    "cypress": "8.7.0",
-    "eslint": "7.32.0",
+    "@angular-devkit/build-angular": "14.0.7",
+    "@angular-eslint/eslint-plugin": "14.0.4",
+    "@angular-eslint/eslint-plugin-template": "14.0.4",
+    "@angular-eslint/template-parser": "14.0.4",
+    "@angular/cli": "14.0.7",
+    "@angular/compiler-cli": "14.0.7",
+    "@angular/language-service": "14.0.7",
+    "@ngrx/eslint-plugin": "14.0.2",
+    "@nrwl/cli": "14.4.3",
+    "@nrwl/cypress": "14.4.3",
+    "@nrwl/eslint-plugin-nx": "14.4.3",
+    "@nrwl/jest": "14.4.3",
+    "@nrwl/linter": "14.4.3",
+    "@nrwl/workspace": "14.4.3",
+    "@types/jest": "27.4.1",
+    "@types/node": "16.11.7",
+    "@typescript-eslint/eslint-plugin": "5.40.1",
+    "@typescript-eslint/parser": "5.40.1",
+    "cypress": "9.7.0",
+    "eslint": "8.15.0",
     "eslint-config-prettier": "8.1.0",
-    "eslint-plugin-ngrx": "^1.46.3",
-    "jest": "27.2.3",
-    "jest-preset-angular": "10.0.1",
-    "ng-packagr": "12.2.7",
+    "eslint-plugin-cypress": "2.12.1",
+    "jest": "27.5.1",
+    "jest-preset-angular": "11.1.2",
+    "ng-packagr": "14.0.4",
+    "nx": "14.4.3",
     "postcss": "8.4.18",
     "postcss-import": "14.1.0",
-    "postcss-preset-env": "6.7.0",
+    "postcss-preset-env": "7.5.0",
     "postcss-url": "10.1.3",
     "prettier": "2.7.1",
-    "ts-jest": "27.0.5",
-    "typescript": "4.3.5"
+    "ts-jest": "27.1.4",
+    "ts-node": "10.8.2",
+    "typescript": "4.7.4"
   }
 }

packages/router-component-store/jest.config.js renamed to packages/router-component-store/jest.config.ts

@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   displayName: 'router-component-store',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],