Commit graph

10 commits

Author SHA1 Message Date
hawkgs
70e4c3f6a6 refactor(devtools): make tree visualizations accessible (#62396)
Improve the accessibility of the SVG tree visualizations by employing `<title>` and `aria-labelledby`.

PR Close #62396
2025-07-03 09:35:03 +00:00
hawkgs
7eb4a07519 refactor(devtools): remove leftover code from router-tree template (#62396)
Remove some SVG visualization leftover code from the template.

PR Close #62396
2025-07-03 09:35:02 +00:00
hawkgs
b25fb8ab1e fix(devtools): restore the router tree visualization legend (#62378)
Fixes a regression from #62264

PR Close #62378
2025-07-01 09:23:08 +00:00
hawkgs
e7ff105646 refactor(devtools): convert all inputs to .ng-input (#62376)
Use the newly introduced input design for all inputs across the app.

PR Close #62376
2025-06-30 13:46:07 +00:00
Sumit Arora
582fedd726 refactor(devtools): fixing PR comments and adding unit tests (#59999)
- Update code to fix PR comments and cleanup code
- Add unit tests for the new code

PR Close #59999
2025-05-30 09:48:12 -04:00
Sumit Arora
280119fec0 refactor(devtools): adding route details panel for selected route (#59999)
On clicking a route in the router tree, the route details panel is displayed.
- The panel shows the details of the selected route, including the path, component, providers, guards etc.
- Clicking on a chip will navigate to the corresponding source file in the editor.
- Clicking on the path will navigate to the corresponding route in the router tree.

Demo Application Source: https://github.com/sumitarora/angular-routes-demo
Demo Application Deployed: https://sumitarora.github.io/angular-routes-demo/#/

PR Close #59999
2025-05-30 09:48:12 -04:00
hawkgs
911a210ff0 refactor(devtools): introduce tree-visualizer-host (#59916)
The purpose of this component is purely to encapsulate and offload the styles from `devtools.component.scss` since it wasn't very clear what their scope is.

PR Close #59916
2025-02-26 12:18:06 -05:00
Sumit Arora
ef10d528ed refactor(devtools): adds router graph implementation and demo (#58213)
Follow-up PR for https://github.com/angular/angular/pull/58086 & https://github.com/angular/angular/pull/58199.

Adds below features to Angular DevTools to display router graph:
- Add a new router example in the Angular DevTools demo application.
- Implement the router graph in the Angular DevTools to view the routes that are loaded in the application.

PR Close #58213
2024-12-03 09:16:25 +01:00
Sheik Althaf
49884518a0 refactor(devtools): use signal apis in injection and router tree (#57047)
Refactor the injection and router tree components to use signal apis, in future we can make the components onPush and zoneless

PR Close #57047
2024-07-30 16:42:14 +00:00
AleksanderBodurri
528f33d13d refactor(devtools): prepare codebase for migration to angular/angular repo 2021-11-21 20:23:18 -05:00
Renamed from projects/ng-devtools/src/lib/devtools-tabs/router-tree/router-tree.component.html (Browse further)