Skip to content

feat(create-analog): Node.js compat with Angular v22 and @angular/animations deprecation#2375

Open
alejandrocuba wants to merge 7 commits into
analogjs:betafrom
alejandrocuba:feat/node-pnpm-angular22
Open

feat(create-analog): Node.js compat with Angular v22 and @angular/animations deprecation#2375
alejandrocuba wants to merge 7 commits into
analogjs:betafrom
alejandrocuba:feat/node-pnpm-angular22

Conversation

@alejandrocuba

@alejandrocuba alejandrocuba commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

PR Checklist

  • The monorepo and starter templates have older Node versions (Node v20) that do not align with Angular v22
  • The deprecated @angular/animations package is also specified as a dependency in the repo and starter templates.
  • pnpm updated to v11

Affected scope

  • Primary scope: create-analog

Recommended merge strategy for maintainer [optional]

  • Squash merge
  • Rebase merge
  • Other

Commit preservation note [optional]

What is the new behavior?

  • Updated Node engine requirements to v22, v24, v26
  • Updated pnpm engine requirements to v11, and migrated legacy configurations from package.json to the pnpm-workspace.yaml file under allowBuilds and overrides.
  • Removed deprecated @angular/animations

Test plan

  • nx format:check

All matched files use Prettier code style

  • pnpm build:

Completed 20 build tasks

  • pnpm test

Successfully ran target test for 18 projects and 9 tasks they depend on

  • Manual verification

Verified clean workspace installation with pnpm i

Does this PR introduce a breaking change?

  • Yes
  • No

This PR drops support for Node v20. Anyone working in the workspace or running scaffolding templates must upgrade their Node.js runtime environment to at least v22.22.3

Other information

[optional] What gif best describes this PR or how it makes you feel?

@netlify

netlify Bot commented Jun 11, 2026

Copy link
Copy Markdown

Deploy Preview for analog-docs ready!

Name Link
🔨 Latest commit 2e1c609
🔍 Latest deploy log https://app.netlify.com/projects/analog-docs/deploys/6a2c319b51f0030008feb045
😎 Deploy Preview https://deploy-preview-2375--analog-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 11, 2026

Copy link
Copy Markdown

Deploy Preview for analog-blog ready!

Name Link
🔨 Latest commit 2e1c609
🔍 Latest deploy log https://app.netlify.com/projects/analog-blog/deploys/6a2c319b9152fc0008ddfc01
😎 Deploy Preview https://deploy-preview-2375--analog-blog.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 11, 2026

Copy link
Copy Markdown

Deploy Preview for analog-app ready!

Name Link
🔨 Latest commit 2e1c609
🔍 Latest deploy log https://app.netlify.com/projects/analog-app/deploys/6a2c319b8ba7560008514e8f
😎 Deploy Preview https://deploy-preview-2375--analog-app.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai

coderabbitai Bot commented Jun 11, 2026

Copy link
Copy Markdown

Review Change Stack

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

This PR updates root package.json engines to require Node ^22.22.3 || ^24.15.0 || ^26.0.0 and pnpm ^11.0.0, bumps packageManager to pnpm@11.5.3, removes the top-level pnpm block from package.json, adds allowBuilds and overrides to pnpm-workspace.yaml, and removes @angular/animations from three create-analog template package.json files.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 4
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title follows Conventional Commit style with the supported scope 'create-analog' and clearly summarizes the main changes: Node.js compatibility with Angular v22 and removal of @angular/animations.
Description check ✅ Passed The description comprehensively addresses the changeset, detailing Node engine updates, pnpm migration, @angular/animations removal, test results, and breaking change implications related to Node v20 support.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@alejandrocuba alejandrocuba changed the title Feat/node pnpm angular22 feat/node compat with Angular v22 and @angular/animations deprecation Jun 11, 2026
@alejandrocuba alejandrocuba changed the title feat/node compat with Angular v22 and @angular/animations deprecation feat/Node compat with Angular v22 and @angular/animations deprecation Jun 11, 2026
@alejandrocuba alejandrocuba changed the title feat/Node compat with Angular v22 and @angular/animations deprecation feat(create-analog): Node.js compat with Angular v22 and @angular/animations deprecation Jun 11, 2026

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@package.json`:
- Around line 25-28: The engines.node field was tightened to "node": "^22.22.3
|| ^24.15.0 || ^26.0.0" which aligns with Angular 22 but may break installs for
users on earlier patch versions; update the PR description/commit message to
document this as a breaking change by adding a "BREAKING CHANGES:" footer that
shows before/after install examples (e.g., prior engines value vs new engines
value and sample npm/pnpm install failure vs success) and ensure the
package.json change is left as-is (do not relax engines.node back to ^22.0.0 ||
^24.0.0).
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: d5efc7cb-73e3-4f5e-866c-fe570e0ef35f

📥 Commits

Reviewing files that changed from the base of the PR and between 286f719 and 3953747.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml and included by none
📒 Files selected for processing (5)
  • package.json
  • packages/create-analog/template-blog/package.json
  • packages/create-analog/template-latest/package.json
  • packages/create-analog/template-minimal/package.json
  • pnpm-workspace.yaml
💤 Files with no reviewable changes (3)
  • packages/create-analog/template-latest/package.json
  • packages/create-analog/template-blog/package.json
  • packages/create-analog/template-minimal/package.json

Comment thread package.json

@alejandrocuba alejandrocuba left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added the breaking change note in the PR description

@brandonroberts

brandonroberts commented Jun 11, 2026

Copy link
Copy Markdown
Member

Thanks @alejandrocuba. The starter templates are here for blog, latest, and minimal. Also its not a breaking change for new apps.

https://github.com/analogjs/analog/tree/beta/packages/create-analog

@alejandrocuba

Copy link
Copy Markdown
Contributor Author

@brandonroberts I've updated the PR description to mark it as non-breaking. Also, my local clone was pointing to a very outdated main branch, which caused an issue with the removal of @angular/animations in the starter templates, but everything has now been fixed and cleaned up. Please review the changes. Thanks!

Comment thread packages/create-analog/template-blog/package.json Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants