chore(deps): migrate to v20 packages and ngrx 20.0.0-beta.0

apps/demo/src/app/flight-search-with-pagination/flight-store.ts

@@ -32,10 +32,16 @@ export const FlightBookingStore = signalStore(
   }),
   withMethods((store) => ({
     setFlightPageSize: (size: number) => {
-      patchState(store, setPageSize(size, { collection: collectionName }));
+      patchState(
+        store,
+        setPageSize<Flight, 'flight'>(size, { collection: collectionName })
+      );
     },
     gotoFlightPage: (page: number) => {
-      patchState(store, gotoPage(page, { collection: collectionName }));
+      patchState(
+        store,
+        gotoPage<Flight, 'flight'>(page, { collection: collectionName })
+      );
     },
   }))
 );

libs/ngrx-toolkit/package.json

@@ -7,10 +7,10 @@
     "url": "https://github.com/angular-architects/ngrx-toolkit"
   },
   "peerDependencies": {
-    "@angular/core": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@ngrx/signals": "^19.1.0",
-    "@ngrx/store": "^19.1.0",
+    "@angular/core": "20.0.6",
+    "@angular/common": "20.0.6",
+    "@ngrx/signals": "20.0.0-rc.0",
+    "@ngrx/store": "20.0.0-rc.0",
     "rxjs": "^7.0.0"
   },
   "peerDependenciesMeta": {

libs/ngrx-toolkit/src/lib/with-pagination.spec.ts

@@ -45,7 +45,7 @@ describe('withPagination', () => {
       setAllEntities(generateBooks(55), { collection: 'books' })
     );
 
-    patchState(store, gotoPage(5, { collection: 'books' }));
+    patchState(store, gotoPage<Book, 'books'>(5, { collection: 'books' }));
     expect(store.booksCurrentPage()).toBe(5);
     expect(store.selectedPageBooksEntities().length).toBe(5);
     expect(store.booksPageCount()).toBe(6);

migrations.json

@@ -1,13 +1,171 @@
 {
   "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": "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": "change-data-persistence-operators-imports-to-ngrx-router-store-data-persistence"
+    },
     {
       "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.2.0-beta.3",
+      "requires": { "@angular/core": ">=20.0.0" },
+      "description": "Update the @angular/cli package version to ~20.0.0.",
+      "factory": "./src/migrations/update-21-2-0/update-angular-cli",
+      "package": "@nx/angular",
+      "name": "update-angular-cli-version-20-0-0"
+    },
+    {
+      "version": "21.2.0-beta.3",
+      "requires": { "@angular/core": ">=20.0.0" },
+      "description": "Migrate imports of `provideServerRendering` from `@angular/platform-server` to `@angular/ssr`.",
+      "factory": "./src/migrations/update-21-2-0/migrate-provide-server-rendering-import",
+      "package": "@nx/angular",
+      "name": "migrate-provide-server-rendering-import"
+    },
+    {
+      "version": "21.2.0-beta.3",
+      "requires": { "@angular/core": ">=20.0.0" },
+      "description": "Replace `provideServerRouting` and `provideServerRoutesConfig` with `provideServerRendering` using `withRoutes`.",
+      "factory": "./src/migrations/update-21-2-0/replace-provide-server-routing",
+      "package": "@nx/angular",
+      "name": "replace-provide-server-routing"
+    },
+    {
+      "version": "21.2.0-beta.3",
+      "requires": { "@angular/core": ">=20.0.0" },
+      "description": "Update the generator defaults to maintain the previous style guide behavior.",
+      "factory": "./src/migrations/update-21-2-0/set-generator-defaults-for-previous-style-guide",
+      "package": "@nx/angular",
+      "name": "set-generator-defaults-for-previous-style-guide"
+    },
+    {
+      "version": "21.2.0-beta.3",
+      "requires": { "@angular/core": ">=20.0.0" },
+      "description": "Update 'moduleResolution' to 'bundler' in TypeScript configurations. You can read more about this here: https://www.typescriptlang.org/tsconfig/#moduleResolution.",
+      "factory": "./src/migrations/update-21-2-0/update-module-resolution",
       "package": "@nx/angular",
-      "name": "update-angular-cli-version-19-1-0"
+      "name": "update-module-resolution"
+    },
+    {
+      "version": "20.0.0",
+      "description": "Replaces usages of the deprecated InjectFlags enum",
+      "factory": "./bundles/inject-flags.cjs#migrate",
+      "package": "@angular/core",
+      "name": "inject-flags"
+    },
+    {
+      "version": "20.0.0",
+      "description": "Replaces usages of the deprecated TestBed.get method with TestBed.inject",
+      "factory": "./bundles/test-bed-get.cjs#migrate",
+      "package": "@angular/core",
+      "name": "test-bed-get"
+    },
+    {
+      "version": "20.0.0",
+      "description": "Converts the entire application to block control flow syntax",
+      "factory": "./bundles/control-flow-migration.cjs#migrate",
+      "optional": true,
+      "package": "@angular/core",
+      "name": "control-flow-migration"
+    },
+    {
+      "version": "20.0.0",
+      "description": "Moves imports of `DOCUMENT` from `@angular/common` to `@angular/core`",
+      "factory": "./bundles/document-core.cjs#migrate",
+      "package": "@angular/core",
+      "name": "document-core"
+    },
+    {
+      "version": "20.0.0-0",
+      "description": "Updates Angular Material to v20",
+      "factory": "./ng-update/index_bundled#updateToV20",
+      "package": "@angular/material",
+      "name": "migration-v20"
+    },
+    {
+      "version": "20.0.0-0",
+      "description": "Updates the Angular CDK to v20",
+      "factory": "./ng-update/index#updateToV20",
+      "package": "@angular/cdk",
+      "name": "migration-v20"
+    },
+    {
+      "version": "20.0.0-alpha.0",
+      "description": "Updates @angular-eslint to v20",
+      "factory": "./migrations/update-20-0-0/update-20-0-0",
+      "package": "angular-eslint",
+      "name": "update-20-0-0"
     }
   ]
 }

package.json

@@ -17,75 +17,75 @@
     "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": "20.0.6",
+    "@angular/cdk": "20.0.5",
+    "@angular/common": "20.0.6",
+    "@angular/compiler": "20.0.6",
+    "@angular/core": "20.0.6",
+    "@angular/forms": "20.0.6",
+    "@angular/material": "20.0.5",
+    "@angular/platform-browser": "20.0.6",
+    "@angular/platform-browser-dynamic": "20.0.6",
+    "@angular/router": "20.0.6",
+    "@ngrx/signals": "20.0.0-rc.0",
+    "@ngrx/store": "20.0.0-rc.0",
+    "@nx/angular": "21.2.2",
     "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-devkit/build-angular": "20.0.5",
+    "@angular-devkit/core": "20.0.5",
+    "@angular-devkit/schematics": "20.0.5",
     "@angular/cli": "~19.1.0",
-    "@angular/compiler-cli": "19.1.4",
-    "@angular/language-service": "19.1.4",
+    "@angular/compiler-cli": "20.0.6",
+    "@angular/language-service": "20.0.6",
     "@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.2.2",
+    "@nx/eslint": "21.2.2",
+    "@nx/eslint-plugin": "21.2.2",
+    "@nx/jest": "21.2.2",
+    "@nx/js": "21.2.2",
+    "@nx/playwright": "21.2.2",
+    "@nx/workspace": "21.2.2",
     "@playwright/test": "^1.36.0",
-    "@schematics/angular": "19.1.5",
+    "@schematics/angular": "20.0.5",
     "@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": "20.1.1",
     "autoprefixer": "^10.4.19",
     "eslint": "^9.8.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "10.1.5",
     "eslint-plugin-playwright": "^1.6.2",
     "eslint-plugin-unused-imports": "^4.1.4",
     "fake-indexeddb": "^6.0.0",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-preset-angular": "^14.4.2",
+    "jest-preset-angular": "14.6.0",
     "jsonc-eslint-parser": "^2.4.0",
     "lint-staged": "^15.3.0",
-    "ng-packagr": "19.1.2",
-    "nx": "20.4.0",
+    "ng-packagr": "20.0.1",
+    "nx": "21.2.2",
     "postcss": "^8.4.39",
     "postcss-import": "^16.1.0",
     "postcss-preset-env": "^9.5.15",
     "postcss-url": "^10.1.3",
     "prettier": "^2.6.2",
     "ts-jest": "^29.1.0",
     "ts-node": "10.9.1",
-    "typescript": "5.7.3",
-    "typescript-eslint": "^8.19.0"
+    "typescript": "5.8.3",
+    "typescript-eslint": "8.35.1"
   }
 }