Skip to main content
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

Migrate <p-messages> to <p-message> with @for loop

Recipe IDorg.openrewrite.primeng.MigrateMessagesToMessageLoop
Artifactio.moderne.recipe:rewrite-angular

Rewrites <p-messages [value]="expr">…</p-messages> to @for (msg of expr; track msg) { <p-message [severity]="msg.severity" [text]="msg.detail"></p-message> }. The Messages component was removed in PrimeNG 18 in favor of looping over the new Message component. Each rewritten site is recorded in the ManualMigrationSteps data table for follow-up review.

Single 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.

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.primeng.MigrateMessagesToMessageLoop