chore: upgrade to latest Nx version supporting Angular 19

rainerhahnekamp · web-flow · commit f3e3b5f6b90d · 2025-07-31T10:36:50.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -41,3 +41,5 @@ Thumbs.db
 .nx
 .angular
 /versions.txt
+.cursor/rules/nx-rules.mdc
+.github/instructions/nx.instructions.md
diff --git a/apps/demo/project.json b/apps/demo/project.json
@@ -56,7 +56,8 @@
           "buildTarget": "demo:build:development"
         }
       },
-      "defaultConfiguration": "development"
+      "defaultConfiguration": "development",
+      "continuous": true
     },
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
diff --git a/migrations.json b/migrations.json
@@ -1,13 +1,80 @@
 {
   "migrations": [
+    {
+      "version": "21.0.0-beta.8",
+      "description": "Removes the legacy cache configuration from nx.json",
+      "implementation": "./src/migrations/update-21-0-0/remove-legacy-cache",
+      "package": "nx",
+      "name": "remove-legacy-cache"
+    },
+    {
+      "version": "21.0.0-beta.8",
+      "description": "Removes the legacy cache configuration from nx.json",
+      "implementation": "./src/migrations/update-21-0-0/remove-custom-tasks-runner",
+      "package": "nx",
+      "name": "remove-custom-tasks-runner"
+    },
+    {
+      "version": "21.0.0-beta.11",
+      "description": "Updates release version config based on the breaking changes in Nx v21",
+      "implementation": "./src/migrations/update-21-0-0/release-version-config-changes",
+      "package": "nx",
+      "name": "release-version-config-changes"
+    },
+    {
+      "version": "21.0.0-beta.11",
+      "description": "Updates release changelog config based on the breaking changes in Nx v21",
+      "implementation": "./src/migrations/update-21-0-0/release-changelog-config-changes",
+      "package": "nx",
+      "name": "release-changelog-config-changes"
+    },
+    {
+      "version": "21.1.0-beta.2",
+      "description": "Adds **/nx-rules.mdc and **/nx.instructions.md to .gitignore if not present",
+      "implementation": "./src/migrations/update-21-1-0/add-gitignore-entry",
+      "package": "nx",
+      "name": "21-1-0-add-ignore-entries-for-nx-rule-files"
+    },
+    {
+      "cli": "nx",
+      "version": "21.0.0-beta.9",
+      "description": "Replace usage of `getJestProjects` with `getJestProjectsAsync`.",
+      "implementation": "./src/migrations/update-21-0-0/replace-getJestProjects-with-getJestProjectsAsync",
+      "package": "@nx/jest",
+      "name": "replace-getJestProjects-with-getJestProjectsAsync-v21"
+    },
+    {
+      "version": "21.0.0-beta.10",
+      "description": "Remove the previously deprecated and unused `tsConfig` option from the `@nx/jest:jest` executor.",
+      "implementation": "./src/migrations/update-21-0-0/remove-tsconfig-option-from-jest-executor",
+      "package": "@nx/jest",
+      "name": "remove-tsconfig-option-from-jest-executor"
+    },
+    {
+      "cli": "nx",
+      "version": "20.5.0-beta.5",
+      "requires": { "@angular/core": ">=19.2.0" },
+      "description": "Update the @angular/cli package version to ~19.2.0.",
+      "factory": "./src/migrations/update-20-5-0/update-angular-cli",
+      "package": "@nx/angular",
+      "name": "update-angular-cli-version-19-2-0"
+    },
+    {
+      "cli": "nx",
+      "version": "21.0.0-beta.3",
+      "description": "Set the `continuous` option to `true` for continuous tasks.",
+      "factory": "./src/migrations/update-21-0-0/set-continuous-option",
+      "package": "@nx/angular",
+      "name": "set-continuous-option"
+    },
     {
       "cli": "nx",
-      "version": "20.4.0-beta.1",
-      "requires": { "@angular/core": ">=19.1.0" },
-      "description": "Update the @angular/cli package version to ~19.1.0.",
-      "factory": "./src/migrations/update-20-4-0/update-angular-cli",
+      "version": "21.0.0-beta.5",
+      "requires": { "@ngrx/store": ">=16.0.0" },
+      "description": "Change the data persistence operator imports to '@ngrx/router-store/data-persistence'.",
+      "factory": "./src/migrations/update-21-0-0/change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence",
       "package": "@nx/angular",
-      "name": "update-angular-cli-version-19-1-0"
+      "name": "change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence"
     }
   ]
 }
diff --git a/nx.json b/nx.json
@@ -81,6 +81,5 @@
     "@nx/angular:component": {
       "style": "css"
     }
-  },
-  "useLegacyCache": true
+  }
 }
diff --git a/package.json b/package.json
@@ -18,56 +18,56 @@
     "pnpm": ">=10"
   },
   "dependencies": {
-    "@angular/animations": "19.1.4",
-    "@angular/cdk": "19.1.2",
-    "@angular/common": "19.1.4",
-    "@angular/compiler": "19.1.4",
-    "@angular/core": "19.1.4",
-    "@angular/forms": "19.1.4",
-    "@angular/material": "19.1.2",
-    "@angular/platform-browser": "19.1.4",
-    "@angular/platform-browser-dynamic": "19.1.4",
-    "@angular/router": "19.1.4",
-    "@ngrx/signals": "19.1.0",
-    "@ngrx/store": "19.1.0",
-    "@nx/angular": "20.4.0",
+    "@angular/animations": "19.2.14",
+    "@angular/cdk": "19.2.19",
+    "@angular/common": "19.2.14",
+    "@angular/compiler": "19.2.14",
+    "@angular/core": "19.2.14",
+    "@angular/forms": "19.2.14",
+    "@angular/material": "19.2.19",
+    "@angular/platform-browser": "19.2.14",
+    "@angular/platform-browser-dynamic": "19.2.14",
+    "@angular/router": "19.2.14",
+    "@ngrx/signals": "^19.2.1",
+    "@ngrx/store": "^19.2.1",
+    "@nx/angular": "21.1.3",
     "core-js": "^3.40.0",
     "flush-promises": "^1.0.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "19.1.5",
-    "@angular-devkit/core": "19.1.5",
-    "@angular-devkit/schematics": "19.1.5",
-    "@angular/cli": "~19.1.0",
-    "@angular/compiler-cli": "19.1.4",
-    "@angular/language-service": "19.1.4",
+    "@angular-devkit/build-angular": "19.2.9",
+    "@angular-devkit/core": "19.2.9",
+    "@angular-devkit/schematics": "19.2.9",
+    "@angular/cli": "~19.2.0",
+    "@angular/compiler-cli": "19.2.14",
+    "@angular/language-service": "19.2.14",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@eslint/eslintrc": "^2.1.1",
     "@eslint/js": "~8.57.0",
-    "@nx/devkit": "20.4.0",
-    "@nx/eslint": "20.4.0",
-    "@nx/eslint-plugin": "20.4.0",
-    "@nx/jest": "20.4.0",
-    "@nx/js": "20.4.0",
-    "@nx/playwright": "20.4.0",
-    "@nx/workspace": "20.4.0",
+    "@nx/devkit": "21.1.3",
+    "@nx/eslint": "21.1.3",
+    "@nx/eslint-plugin": "21.1.3",
+    "@nx/jest": "21.1.3",
+    "@nx/js": "21.1.3",
+    "@nx/playwright": "21.1.3",
+    "@nx/workspace": "21.1.3",
     "@playwright/test": "^1.36.0",
-    "@schematics/angular": "19.1.5",
+    "@schematics/angular": "19.2.9",
     "@softarc/eslint-plugin-sheriff": "^0.15.1",
     "@softarc/sheriff-core": "^0.15.1",
     "@swc-node/register": "~1.9.1",
     "@swc/core": "~1.5.7",
     "@swc/helpers": "~0.5.11",
     "@types/jest": "^29.5.14",
     "@types/node": "18.16.9",
-    "angular-eslint": "^19.0.2",
+    "angular-eslint": "19.8.1",
     "autoprefixer": "^10.4.19",
     "eslint": "^9.8.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "10.1.8",
     "eslint-plugin-playwright": "^1.6.2",
     "eslint-plugin-unused-imports": "^4.1.4",
     "fake-indexeddb": "^6.0.0",
@@ -77,8 +77,8 @@
     "jest-preset-angular": "^14.4.2",
     "jsonc-eslint-parser": "^2.4.0",
     "lint-staged": "^15.3.0",
-    "ng-packagr": "19.1.2",
-    "nx": "20.4.0",
+    "ng-packagr": "19.2.2",
+    "nx": "21.1.3",
     "postcss": "^8.4.39",
     "postcss-import": "^16.1.0",
     "postcss-preset-env": "^9.5.15",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -81,6 +81,5 @@`
`81`	`81`	`"@nx/angular:component": {`
`82`	`82`	`"style": "css"`
`83`	`83`	`}`
`84`		`- },`
`85`		`- "useLegacyCache": true`
	`84`	`+ }`
`86`	`85`	`}`