Skip to content

build(deps): update angular to v22 - #3632

Merged
rsdmike merged 2 commits into
mainfrom
build/upgrade-angular-22
Oct 13, 2026
Merged

rsdmike merged 2 commits into
mainfrom
build/upgrade-angular-22

Conversation

@rsdmike

@rsdmike rsdmike commented Oct 12, 2026 •

Copy link
Copy Markdown
Member

Updates Angular, the CLI and Angular Material from 21.2 to 22.2 with ng update, along with angular-eslint 22.5 and TypeScript 6.0, which Angular 22 requires. ngx-monaco-editor-v2 moves to 22.0 to accept Angular 22, and monaco-editor to 0.56 to satisfy the editor.

Components now use the OnPush default and HttpClient the fetch backend. The opt-outs ng update adds for both (ChangeDetectionStrategy.Eager and withXhr) are left out.

@device-management-toolkit/ui-toolkit-angular moves to 12.0, the first release built with Angular 22.

PR Checklist

  • Unit Tests have been added for new changes
  • API tests have been updated if applicable
  • All commented code has been removed
  • If you've added a dependency, you've ensured license is compatible with Apache 2.0 and clearly outlined the added dependency.

What are you changing?

Anything the reviewer should know when reviewing this PR?

If the there are associated PRs in other repositories, please link them here (i.e. device-management-toolkit/repo#365 )

device-management-toolkit/ui-toolkit-angular#2661

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🟡 Changes recommended

TypeScript 6 breaks the legacy module-resolution setting used by two CI test suites.

1 open finding
What changed in this PR

Completes the stacked Angular 22 upgrade for the web UI.

Changes:

  • Upgrades Angular, Material, CLI, ESLint tooling, and TypeScript.
  • Updates the UI toolkit and Monaco editor integrations.
  • Adopts Angular 22’s OnPush and fetch defaults.
File Description
package.json Updates framework, tooling, toolkit, and editor dependencies.

🧠 Review effort: Balanced


💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread package.json
@rsdmike
rsdmike force-pushed the build/upgrade-angular-22 branch 2 times, most recently from 82bd20d to f641c2a Compare October 13, 2026 15:36
Base automatically changed from refactor/template-safe-navigation to main October 13, 2026 15:44
Update Angular, the CLI and Angular Material from 21.2 to 22.2 with
ng update, along with angular-eslint 22.5 and TypeScript 6.0, which
Angular 22 requires. ngx-monaco-editor-v2 moves to 22.0 to accept
Angular 22, and monaco-editor to 0.56 to satisfy the editor.

Components now use the OnPush default and HttpClient the fetch
backend. The opt-outs ng update adds for both
(ChangeDetectionStrategy.Eager and withXhr) are left out.

@device-management-toolkit/ui-toolkit-angular moves to 12.0, the
first release built with Angular 22.
TypeScript 6 rejects the options the Cypress node tests pass to
ts-node: moduleResolution "node" is deprecated, and an explicit
rootDir is required because the compiled sources sit below the
tsconfig directory. Use bundler resolution and set rootDir to the
project root.
@rsdmike
rsdmike force-pushed the build/upgrade-angular-22 branch from f641c2a to f410ec2 Compare October 13, 2026 15:45
@rsdmike
rsdmike merged commit a63ebe1 into main Oct 13, 2026
10 checks passed
@rsdmike
rsdmike deleted the build/upgrade-angular-22 branch October 13, 2026 17:27
@RosieAMT

Copy link
Copy Markdown

🎉 This PR is included in version 3.70.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@RosieAMT

Copy link
Copy Markdown

🎉 This PR is included in version 3.70.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants