build: upgrade to Angular 21

Author: muuvmuuv

biome.json

@@ -1,5 +1,5 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.3.2/schema.json",
+	"$schema": "https://biomejs.dev/schemas/2.3.8/schema.json",
 	"vcs": {
 		"enabled": true,
 		"clientKind": "git",

package.json

@@ -13,16 +13,16 @@
 		"format": "biome check --unsafe --write ."
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.3.2",
+		"@biomejs/biome": "^2.3.8",
 		"@commitlint/cli": "^20.1.0",
 		"@commitlint/config-angular": "^20.0.0",
 		"@release-it/bumper": "^7.0.5",
-		"@types/node": "^24.9.2",
+		"@types/node": "^24.10.1",
 		"del-cli": "^7.0.0",
-		"lefthook": "^2.0.2",
-		"prettier": "^3.6.2",
-		"release-it": "^19.0.5",
-		"typescript": "5.8.3"
+		"lefthook": "^2.0.4",
+		"prettier": "^3.7.3",
+		"release-it": "^19.0.6",
+		"typescript": "5.9.3"
 	},
 	"engines": {
 		"node": ">=20.11.1"

pnpm-lock.yaml

@@ -12,7 +12,7 @@
 			"prefix": "lib",
 			"architect": {
 				"build": {
-					"builder": "@angular-devkit/build-angular:ng-packagr",
+					"builder": "@angular/build:ng-packagr",
 					"options": {
 						"project": "./ng-package.json"
 					},

projects/angular-extended-builder/angular.json

@@ -22,21 +22,21 @@
 	"typings": "./dist/index.d.ts",
 	"dependencies": {
 		"tslib": "^2.8.1",
-		"tsx": "^4.20.6"
+		"tsx": "^4.21.0"
 	},
 	"peerDependencies": {
-		"@angular-devkit/architect": "^0.2003.8",
-		"@angular-devkit/build-angular": "^20.3.8",
-		"@angular-devkit/core": "^20.3.8",
-		"@angular/build": "^20.3.8",
-		"@angular/cli": "^20.3.8",
+		"@angular-devkit/architect": "^0.2100.1",
+		"@angular-devkit/core": "^21.0.1",
+		"@angular/build": "^21.0.1",
+		"@angular/cli": "^21.0.1",
 		"rxjs": "^7.8.1"
 	},
 	"devDependencies": {
-		"@angular/compiler": "^20.3.9",
-		"@angular/compiler-cli": "^20.3.9",
-		"ng-packagr": "^20.3.0",
-		"typescript": "5.8.3"
+		"@angular/build": "^21.0.1",
+		"@angular/compiler": "^21.0.2",
+		"@angular/compiler-cli": "^21.0.2",
+		"ng-packagr": "^21.0.0",
+		"typescript": "5.9.3"
 	},
 	"contributors": [
 		{

projects/angular-extended-builder/package.json

@@ -3,6 +3,7 @@
 	"compilerOptions": {
 		"outDir": "./dist",
 		"moduleResolution": "node16",
+		"esModuleInterop": true,
 		"module": "node16",
 		"declaration": true,
 		"declarationMap": true,

projects/angular-extended-builder/tsconfig.json

@@ -10,35 +10,36 @@
 		"ng": "ng"
 	},
 	"dependencies": {
-		"@angular/animations": "20.3.9",
-		"@angular/common": "20.3.9",
-		"@angular/core": "20.3.9",
-		"@angular/platform-browser": "20.3.9",
-		"@angular/router": "20.3.9",
-		"@apollo/client": "^4.0.8",
+		"@angular/animations": "21.0.2",
+		"@angular/common": "21.0.2",
+		"@angular/core": "21.0.2",
+		"@angular/platform-browser": "21.0.2",
+		"@angular/router": "21.0.2",
+		"@apollo/client": "^4.0.9",
 		"@date-fns/utc": "^2.1.1",
-		"apollo-angular": "^11.0.0",
+		"apollo-angular": "^13.0.0",
 		"date-fns": "^4.1.0",
-		"graphql": "^16.11.0",
+		"graphql": "^16.12.0",
 		"hash-wasm": "^4.12.0",
 		"nanoid": "^5.1.6",
 		"rxjs": "^7.8.2",
 		"tslib": "^2.8.1",
-		"type-fest": "^4.41.0"
+		"type-fest": "^5.3.0"
 	},
 	"devDependencies": {
-		"@angular/cli": "20.3.8",
+		"@angular/build": "^21.0.1",
+		"@angular/cli": "21.0.1",
 		"@graphql-codegen/add": "^6.0.0",
-		"@graphql-codegen/cli": "^6.0.1",
+		"@graphql-codegen/cli": "^6.1.0",
 		"@graphql-codegen/import-types-preset": "^3.0.1",
 		"@graphql-codegen/time": "^6.0.0",
-		"@graphql-codegen/typescript": "^5.0.2",
+		"@graphql-codegen/typescript": "^5.0.6",
 		"@graphql-codegen/typescript-graphql-files-modules": "^3.0.1",
-		"@graphql-codegen/typescript-operations": "^5.0.2",
+		"@graphql-codegen/typescript-operations": "^5.0.6",
 		"@project/esbuild-graphql": "workspace:*",
 		"angular-extended-builder": "workspace:*",
-		"esbuild": "^0.25.11",
+		"esbuild": "^0.27.0",
 		"html-minifier-terser": "^7.2.0",
-		"typescript": "5.8.3"
+		"typescript": "5.9.3"
 	}
 }

projects/app/package.json

@@ -3,8 +3,9 @@
 	"compilerOptions": {
 		"baseUrl": ".",
 		"composite": true,
+		"esModuleInterop": true,
+		"moduleResolution": "bundler",
 		"outDir": "./dist/tsc",
-		"lib": ["ES2022", "DOM"],
 		"paths": {
 			"@/app/*": ["./src/*"],
 			"@/plugins/*": ["./plugins/*"]

projects/app/tsconfig.json

@@ -1,38 +1,17 @@
 #!/usr/bin/env fish
 
-# Get the latest Angular major version from the library's package.json
-set ANGULAR_VERSION "^20.3.0"
+set ANGULAR_VERSION "^21.0.0"
 
-echo "🚀 Starting Angular upgrade process ..."
-
-# Update Angular CLI and core packages in library using workspace commands
-echo "📦 Updating library Angular packages ..."
 pnpm --filter=angular-extended-builder exec ng update --allow-dirty --force @angular/cli@$ANGULAR_VERSION
 
-# Update Angular packages in the demo app using workspace commands
-echo "📦 Updating app Angular packages ..."
 pnpm --filter=app exec ng update --allow-dirty --force @angular/cli@$ANGULAR_VERSION
 pnpm --filter=app exec ng update --allow-dirty --force @angular/core@$ANGULAR_VERSION
 
-# Get TypeScript version requirement from Angular
-echo "🔍 Detecting TypeScript version requirement..."
 set ts_version $(cat projects/angular-extended-builder/node_modules/@angular/build/package.json | jq '.peerDependencies.typescript' | xargs)
-
-echo "📦 Setting TypeScript to version '$ts_version' ..."
 pnpm add -Dw "typescript@$ts_version"
+
 pnpm --filter=angular-extended-builder add -D "typescript@$ts_version"
 pnpm --filter=app add -D "typescript@$ts_version"
 
-# Update all packages recursively
-echo "📦 Updating all packages recursively ..."
 pnpm update -r
-
-# Install to resolve peer dependencies
-echo "📦 Installing dependencies ..."
-pnpm install
-
-# Show outdated packages
-echo "📋 Checking for outdated packages ..."
 pnpm outdated -r
-
-echo "✅ Upgrade process completed!"