refactor(devtools): disable unsupported features

[hawkgs]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/angular/angular/blob/main/contributing-docs/commit-message-guidelines.md
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Feature

What is the new behavior?

Prepare the app for Wiz & ACX and handle unsupported features by disabling their respective UI.

Does this PR introduce a breaking change?

• Yes
• No

[hawkgs]

@dgp1130, @AleksanderBodurri , could you take a quick look at the PR and verify whether I am in the right direction and the change is in line with the current BE design? First time updating that part of the app. Thanks!

TBD: The feature has to be tested.

[hawkgs]

@dgp1130, the PR is ready. All new changes are in the fixup commit. I had to do some code restructuring – mainly extracting getRoots in a separate file in order to avoid circular dependency between component-tree.ts and ng-debug-api.ts. Added some tests and clarification comments.

[dgp1130]

Left some minor suggestions, but overall I think this looks great! Thanks for pushing on this.

[dgp1130]

Question: How does DevTools behave if there are multiple roots and one is Angular and another is not? Could we enable these tabs as long as any one app is Angular? Would the functionality in those tabs even work?

[hawkgs]

I was considering that for some time as well but since we don't formally support multiple applications yet and I am not entirely sure how the app will react, I decided to play it on the safe side and disable the features altogether. I can do a more thorough check sometime next week.

[dgp1130]

Agreed it's untreaded ground, I'm mainly curious to how well DevTools reacts to multiple roots from the same application. I feel like that should work, but I haven't tried it.

I'm ok to be more restrictive here and we can open it up when we get to proper multi-app support.

[AleksanderBodurri]

Thanks for this @hawkgs 🙏

[dgp1130]

Switching to target: major as there seems to be a merge conflict on 19.2.x.

[pkozlowski-opensource]

This PR was merged into the repository by commit cebb9d2.

The changes were merged into the following branches: main

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}