feat(devtools): adding router graph implementation - Githubissues

angular / angular

Deliver web apps with confidence 🚀

https://angular.dev

MIT License

94.71k stars 24.68k forks source link

feat(devtools): adding router graph implementation #55629

Open sumitarora opened 2 weeks ago

sumitarora commented 2 weeks ago

PR Checklist

Please check if your PR fulfills the following requirements:

[x] The commit message follows our guidelines: https://github.com/angular/angular/blob/main/CONTRIBUTING.md#commit
[x] 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?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no API changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] angular.io application/infrastructure changes
[ ] Other... Please describe:

What is the new behaviour?

New router graph implementation for Angular Devtools to inspect application routes
Add new functionality to export debug APIs using IPublishUtils global
Export new getLoadedRoutes function to get child routes while parsing router config.

Does this PR introduce a breaking change?

[ ] Yes
[x] No

eneajaho commented 2 weeks ago

Hello @sumitarora Great job. Any idea if we can add two modes on the router?

One like a tree, and one like a list.

Some idea from vue devtools

And we can also add some cool features like:

all the guards that are being used,
all the route data
how much time it takes the route to be opened and things like that.

sumitarora commented 2 weeks ago

Hey @eneajaho we can add it in future PRs once we have merged this.