chore!: update to Angular 18 (#1787)

just-jeb · May 30, 2024 · eba47d5 · eba47d5
1 parent ab6ec5a
commit eba47d5
Show file tree

Hide file tree

Showing 38 changed files with 2,280 additions and 2,321 deletions.
diff --git a/MIGRATION.MD b/MIGRATION.MD
@@ -1,3 +1,17 @@
+# Migration from version 17 to version 18
+
+## Custom ESBuild builder
+
+- No breaking changes (except for updating to Angular 18)
+
+## Custom Webpack builder
+
+- No breaking changes (except for updating to Angular 18)
+
+## Jest builder
+
+- No breaking changes
+
 # Migration from version 16 to version 17
 
 ## Custom Webpack builder

diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 The purpose of this repository is to consolidate all the community builders for Angular build facade.
 
-## The latest version of all the builders requires Angular CLI 17
+## The latest version of all the builders requires Angular CLI 18
 
 Builders' and Angular **major** versions **must** match.
 
@@ -13,6 +13,7 @@ Builders' and Angular **major** versions **must** match.
 <details>
   <summary>Click to expand</summary>
 
+- [Version 17](https://github.com/just-jeb/angular-builders/tree/17.x.x)
 - [Version 16](https://github.com/just-jeb/angular-builders/tree/16.x.x)
 - [Version 15](https://github.com/just-jeb/angular-builders/tree/15.x.x)
 - [Version 14](https://github.com/just-jeb/angular-builders/tree/14.x.x)

diff --git a/examples/bazel/package.json b/examples/bazel/package.json
@@ -7,6 +7,6 @@
   "private": true,
   "devDependencies": {
     "@angular-builders/bazel": "workspace:*",
-    "@angular/cli": "17.3.7"
+    "@angular/cli": "^18.0.0"
   }
 }
diff --git a/examples/custom-esbuild/sanity-esbuild-app-esm/angular.json b/examples/custom-esbuild/sanity-esbuild-app-esm/angular.json
@@ -136,5 +136,9 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false,
+    "packageManager": "yarn"
   }
 }
diff --git a/examples/custom-esbuild/sanity-esbuild-app-esm/package.json b/examples/custom-esbuild/sanity-esbuild-app-esm/package.json
@@ -15,24 +15,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/custom-esbuild": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
-    "@angular/language-service": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
+    "@angular/language-service": "18.0.0",
     "@types/jasmine": "5.1.2",
     "@types/node": "20.12.12",
     "cypress": "13.10.0",

diff --git a/examples/custom-esbuild/sanity-esbuild-app/angular.json b/examples/custom-esbuild/sanity-esbuild-app/angular.json
@@ -127,6 +127,7 @@
     }
   },
   "cli": {
-    "analytics": false
+    "analytics": false,
+    "packageManager": "yarn"
   }
 }
diff --git a/examples/custom-esbuild/sanity-esbuild-app/package.json b/examples/custom-esbuild/sanity-esbuild-app/package.json
@@ -12,24 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/custom-esbuild": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
-    "@angular/language-service": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
+    "@angular/language-service": "18.0.0",
     "@types/jasmine": "5.1.2",
     "@types/node": "20.12.12",
     "cypress": "13.10.0",

diff --git a/examples/custom-webpack/full-cycle-app/package.json b/examples/custom-webpack/full-cycle-app/package.json
@@ -12,24 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
-    "@angular/language-service": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
+    "@angular/language-service": "18.0.0",
     "@types/jasmine": "5.1.4",
     "@types/node": "20.12.12",
     "cypress": "13.10.0",

diff --git a/examples/custom-webpack/sanity-app-esm/package.json b/examples/custom-webpack/sanity-app-esm/package.json
@@ -16,23 +16,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
     "@cypress/schematic": "2.5.1",
     "@types/jasmine": "5.1.4",
     "@types/node": "20.12.12",

diff --git a/examples/custom-webpack/sanity-app/package.json b/examples/custom-webpack/sanity-app/package.json
@@ -12,24 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
-    "@angular/language-service": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
+    "@angular/language-service": "18.0.0",
     "@types/jasmine": "5.1.4",
     "@types/node": "20.12.12",
     "cypress": "13.10.0",

diff --git a/examples/jest/multiple-apps/package.json b/examples/jest/multiple-apps/package.json
@@ -12,30 +12,30 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/jest": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
-    "@angular/language-service": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
+    "@angular/language-service": "18.0.0",
     "@types/jasmine": "5.1.4",
     "@types/node": "20.12.12",
     "cypress": "13.10.0",
     "jasmine-core": "5.1.2",
     "jest": "29.7.0",
-    "ng-packagr": "17.3.0",
+    "ng-packagr": "18.0.0",
     "ts-node": "10.9.2",
     "typescript": "5.4.5"
   }

diff --git a/examples/jest/multiple-apps/projects/my-first-app/src/app/app.component.spec.ts b/examples/jest/multiple-apps/projects/my-first-app/src/app/app.component.spec.ts
@@ -1,8 +1,8 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AppComponent],
     }).compileComponents();

diff --git a/examples/jest/multiple-apps/projects/my-second-app/src/app/app.component.spec.ts b/examples/jest/multiple-apps/projects/my-second-app/src/app/app.component.spec.ts
@@ -1,8 +1,8 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AppComponent],
     }).compileComponents();

diff --git a/examples/jest/multiple-apps/projects/my-shared-library/package.json b/examples/jest/multiple-apps/projects/my-shared-library/package.json
@@ -2,8 +2,8 @@
   "name": "my-shared-library",
   "version": "16.10",
   "peerDependencies": {
-    "@angular/common": "17.3.9",
-    "@angular/core": "17.3.9"
+    "@angular/common": "18.0.0",
+    "@angular/core": "18.0.0"
   },
   "dependencies": {
     "tslib": "2.6.2"

diff --git a/...jest/multiple-apps/projects/my-shared-library/src/lib/my-shared-library.component.spec.ts b/...jest/multiple-apps/projects/my-shared-library/src/lib/my-shared-library.component.spec.ts
@@ -1,12 +1,12 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { MySharedLibraryComponent } from './my-shared-library.component';
 
 describe('MySharedLibraryComponent', () => {
   let component: MySharedLibraryComponent;
   let fixture: ComponentFixture<MySharedLibraryComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [MySharedLibraryComponent],
     }).compileComponents();

diff --git a/examples/jest/simple-app/package.json b/examples/jest/simple-app/package.json
@@ -14,24 +14,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "17.3.9",
-    "@angular/common": "17.3.9",
-    "@angular/compiler": "17.3.9",
-    "@angular/core": "17.3.9",
-    "@angular/forms": "17.3.9",
-    "@angular/platform-browser": "17.3.9",
-    "@angular/platform-browser-dynamic": "17.3.9",
-    "@angular/router": "17.3.9",
+    "@angular/animations": "18.0.0",
+    "@angular/common": "18.0.0",
+    "@angular/compiler": "18.0.0",
+    "@angular/core": "18.0.0",
+    "@angular/forms": "18.0.0",
+    "@angular/platform-browser": "18.0.0",
+    "@angular/platform-browser-dynamic": "18.0.0",
+    "@angular/router": "18.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
     "zone.js": "0.14.5"
   },
   "devDependencies": {
     "@angular-builders/jest": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.9",
-    "@angular/language-service": "17.3.9",
+    "@angular-devkit/build-angular": "18.0.1",
+    "@angular/cli": "18.0.1",
+    "@angular/compiler-cli": "18.0.0",
+    "@angular/language-service": "18.0.0",
     "@types/jasmine": "5.1.4",
     "@types/node": "20.12.12",
     "cypress": "13.10.0",