feat: update angular to v20

[leprz]

[x] I read and followed the CONTRIBUTING.md guide.

This PR includes:

• Update npm dependencies to match angular 20 requirements

• changing PortalInjector to Inject.create

• removing deprecated _COALESCED_STYLE_SCHEDULER and _CoalescedStyleScheduler

• removing deprecated ComponentFactoryResolver

• Partial linting changes across the codebase
  ⚠️ I’m not yet confident that all lint changes are correct or desired. Please review carefully.

• Noticed an issue with NbDateService in the playground – not fixed yet, but worth tracking.

What’s left

• Validate and finalize lint changes
• Investigate and resolve NbDateService issue in playground
• Run full test suite and confirm regressions are avoided

📌 Notes for reviewers

• Feedback on the lint changes is especially welcome
• Let me know if the NbDateService bug is already known or tracked in another issue

[sonarqubecloud]

Quality Gate failed

Failed conditions
28.9% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

[leprz]

@denStrigo Could you please review this PR when you have a moment? Also, I need a manual approval for SonarCloud — it’s incorrectly flagging code as duplicated. The tests are currently written in Karma, which is deprecated, so I can not get them going as well.

[leprz]

@elupanov Can you tak a look at it? Anyone?

[elupanov]

@elupanov Can you tak a look at it? Anyone?

Hi
Thank you for your contribution. We will review it, but we cannot promise any deadlines.

[denStrigo]

Hi @leprz
Thank you for your support. I reviewed the changes in the PR, and they look great. However, to better understand what was actually changed, could you revert the lint-related updates?

[leprz]

Hi @leprz Thank you for your support. I reviewed the changes in the PR, and they look great. However, to better understand what was actually changed, could you revert the lint-related updates?

Thanks for review. I'll do it quickest as I can.

[jkneepkens]

Hi @leprz Thank you for your support. I reviewed the changes in the PR, and they look great. However, to better understand what was actually changed, could you revert the lint-related updates?

Thanks for review. I'll do it quickest as I can.

Any update on this? I really want to update our application to Angular 20... Angular 21 is already around the corner :(

[leprz]

Hey @denStrigo, I tried to revert the eslint changes, but it seems like we can’t leave it without any changes. The first two errors are pretty straightforward to fix by loading.

import tseslint from "@typescript-eslint/eslint-plugin";
...
plugins: {
    rxjs,
    "@typescript-eslint": tseslint,
  },

But then we get

I thought it was a problem with the path to the tsconfig file in e2e/.eslintrc.json, but it seems to be not used at all. Currently lint seems to use only flat config.

This is the output from npx eslint . --debug

Error: Error while loading rule 'rxjs/no-unsafe-takeuntil': You have used a rule which requires parserServices to be generated. You must therefore provide a value for the "parserOptions.project" property for @typescript-eslint/parser.
Occurred while linting /Users/leprz/Projects/nebular/e2e/accordion.e2e-spec.ts
    at Object.getParserServices (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/utils/dist/eslint-utils/getParserServices.js:15:15)
    at getTypeServices (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/node_modules/eslint-etc/dist/cjs/get-type-services.js:32:55)
    at create (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/dist/rules/no-unsafe-takeuntil.js:64:72)
    at Object.create (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/utils/dist/eslint-utils/RuleCreator.js:41:20)
    at createRuleListeners (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:1019:15)
    at /Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:1151:7
    at Array.forEach (<anonymous>)
    at runRules (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:1085:31)
    at #flatVerifyWithoutProcessors (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:2101:4)
    at Linter._verifyWithFlatConfigArrayAndWithoutProcessors (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:2189:43)

You can reproduce it here master...leprz:nebular:update-angular-to-v20-v2

[leprz]

Any help would be super appreciated!

[jesperancinha]

@elupanov , do you have any idea when a version will comeout? It is not an urgency at the moment for my application. It may be for others already now and it might be urgent for me in the near future.

[jkneepkens]

Hey @denStrigo, I tried to revert the eslint changes, but it seems like we can’t leave it without any changes. The first two errors are pretty straightforward to fix by loading.

import tseslint from "@typescript-eslint/eslint-plugin";
...
plugins: {
    rxjs,
    "@typescript-eslint": tseslint,
  },

But then we get

I thought it was a problem with the path to the tsconfig file in e2e/.eslintrc.json, but it seems to be not used at all. Currently lint seems to use only flat config.

This is the output from npx eslint . --debug

Error: Error while loading rule 'rxjs/no-unsafe-takeuntil': You have used a rule which requires parserServices to be generated. You must therefore provide a value for the "parserOptions.project" property for @typescript-eslint/parser.
Occurred while linting /Users/leprz/Projects/nebular/e2e/accordion.e2e-spec.ts
    at Object.getParserServices (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/utils/dist/eslint-utils/getParserServices.js:15:15)
    at getTypeServices (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/node_modules/eslint-etc/dist/cjs/get-type-services.js:32:55)
    at create (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/dist/rules/no-unsafe-takeuntil.js:64:72)
    at Object.create (/Users/leprz/Projects/nebular/node_modules/eslint-plugin-rxjs/node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/utils/dist/eslint-utils/RuleCreator.js:41:20)
    at createRuleListeners (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:1019:15)
    at /Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:1151:7
    at Array.forEach (<anonymous>)
    at runRules (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:1085:31)
    at #flatVerifyWithoutProcessors (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:2101:4)
    at Linter._verifyWithFlatConfigArrayAndWithoutProcessors (/Users/leprz/Projects/nebular/node_modules/eslint/lib/linter/linter.js:2189:43)

You can reproduce it here master...leprz:nebular:update-angular-to-v20-v2

I've continued on your branch and changes some other stuff to get all the pipelines green: #3292
Hopefully this version can be released very soon!

[hoermillerj]

@leprz @denStrigo any Update on this? Would really like to see compatibility with Angular v20.

[leprz]

I've tested the version provided by @jkneepkens (#3292) and for me it's ready to be merged. I also tested this version on my project and it works great.