Moderne OnlyThis recipe is proprietary to Moderne and runs on the Moderne platform or CLI — it isn’t part of the open-source catalog. Available with a Moderne subscription.Contact Sales

Upgrade to Angular 18

Recipe IDorg.openrewrite.angular.UpgradeToAngular18

Artifact@openrewrite/recipes-angular

Migrates Angular 17.x applications to Angular 18. This includes replacing the deprecated async test helper with waitForAsync, migrating HttpClientModule to provideHttpClient(), moving Transfer State APIs to @angular/core, and flagging removed platform APIs.

Composite recipeOpenRewriteModerne Proprietary License

Try in PlatformTry this recipe in the Moderne platform. Not a user yet? You’ll get a no-setup demo environment, with nothing to install or configure.

Definition

Recipes16

16 recipes

• Upgrade to Angular 17
• Replace async with waitForAsync
• Replace HttpClientModule with provideHttpClient()
• Change import
• Change import
• Change import
• Find isPlatformWorkerUi and isPlatformWorkerApp usage
• Find platformDynamicServer usage
• Find ServerTransferStateModule usage
• Find RESOURCE_CACHE_PROVIDER usage
• Find removed Testability pending request methods
• Find AnimationDriver.matchesElement usage
• Upgrade npm dependency version
• Upgrade known Angular peer libraries to versions compatible with Angular 18
• Upgrade npm dependency version
• Upgrade npm dependency version

Usage

Run this recipe

In order to run JavaScript recipes, you will need to use the Moderne CLI. For JavaScript specific configuration instructions, please see our configuring JavaScript guide.

Once the CLI is installed, you can install this JavaScript recipe package by running the following command:

Install the recipe package

mod config recipes npm install @openrewrite/recipes-angular

Then, you can run the recipe via:

Run the recipe

mod run . --recipe org.openrewrite.angular.UpgradeToAngular18