feat: nx 23 and angular 22

[edusperoni]

PR Checklist

• The PR title follows our guidelines: https://github.com/NativeScript/NativeScript/blob/master/CONTRIBUTING.md#commit-messages.
• There is an issue for the bug/feature this PR is for. To avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it.
• You have signed the CLA.
• All existing tests are passing: https://github.com/NativeScript/angular/blob/master/DevelopmentWorkflow.md#running-the-tests
• Tests for the changes are included.

What is the current behavior?

The workspace runs on Nx 22 / Angular 21-era tooling with the legacy .eslintrc.json config format, and @nativescript/nx is consumed from a local tarball. The DetachedLoader still exposes the deprecated ComponentFactory-based methods (loadWithFactory, loadWithFactoryInLocation), which no longer compile against @angular/core 22 since ComponentFactory is no longer exported from its public API.

What is the new behavior?

• Workspace migrated to Nx 23.1, Angular 22.0.8, and TypeScript 6.0.3 (squash of the nx migrate commits, including the eager change-detection, provideHttpClient(withXhr()), strict-templates-default, and flat ESLint config migrations).
• TypeScript 6 deprecations are fixed properly instead of suppressed with ignoreDeprecations: deprecated baseUrl removed (paths made explicitly relative), tools tsconfig target bumped es5 → es2022, and the esModuleInterop: false pin dropped in favor of the TS6 default.
• The deprecated ComponentFactory-based DetachedLoader methods are removed, fixing the build against @angular/core 22.
• @nativescript/nx now resolves to the published 23.0.0-rc.0 from npm instead of a local tarball.

BREAKING CHANGES:

DetachedLoader.loadWithFactory and DetachedLoader.loadWithFactoryInLocation have been removed. @angular/core 22 no longer exports ComponentFactory, so these already-deprecated methods can no longer be supported.

Migration steps:
Use the Type<T>-based equivalents — loadComponent, loadComponentSync, or loadComponentInLocation — passing the component class directly instead of a resolved factory, or preferably migrate to Portals (createComponentPortal).

Summary by CodeRabbit

• New Features

  • Updated Angular and NativeScript tooling to the latest supported versions.
  • Improved HTTP client compatibility by enabling XHR support.
  • Enhanced component responsiveness through updated change-detection behavior.

• Bug Fixes

  • Improved TypeScript path resolution and project diagnostics.
  • Removed obsolete component-loading methods from the public API.

• Chores

  • Migrated project linting configuration to the modern ESLint format.
  • Updated build, test, and development tooling configurations.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: d99c1b5a-e4a3-436f-a8d3-582f80e75865

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/nx-23-migration

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}