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
hawkgs
3eec4badab
refactor(devtools): abstract and reuse the tree visualizer ( #62264 )
...
Abstract the injector tree visualizer so it can be used for both the Injector Tree and Router Tree tabs without having to rely on separate identical implementations.
PR Close #62264
2025-06-30 07:39:16 +00:00
hawkgs
f10e1bc53c
fix(devtools): profiler records only the first frames from the stream ( #62335 )
...
Fixes a regression from #62215 where the profiler records only the first emitted frames from the stream.
PR Close #62335
2025-06-27 13:19:29 +00:00
hawkgs
f9435050d8
refactor(devtools): main nav ( #62242 )
...
Keep only the navigation elements within the `nav` rather than all toolbar elements.
PR Close #62242
2025-06-27 13:07:46 +00:00
hawkgs
fd7650c404
refactor(devtools): update profiler recorder icons ( #62246 )
...
Update the recorder controls icons to match better the presented actions.
PR Close #62246
2025-06-27 13:04:53 +00:00
hawkgs
e8addbf8c7
refactor(devtools): improve flamegraph UI by employing the new flamegraph API ( #62299 )
...
Use colors from the existing color palette and enable tooltips.
PR Close #62299
2025-06-27 09:27:11 +00:00
Joey Perrott
1d3449c0ce
build: migrate devtools to use new sass ruleset ( #62297 )
...
Use the new sass ruleset for bazel sass building in devtools
PR Close #62297
2025-06-27 09:25:43 +00:00
Angular Robot
df1a61fea2
build: update all non-major dependencies ( #62323 )
...
See associated pull request for more information.
Closes #62317 as a pr takeover
PR Close #62323
2025-06-27 08:35:22 +00:00
Joey Perrott
b84859073b
build: migrate to use web test runner rules ( #62292 )
...
Migrate karma tests throughout the repo to use the new web test runner based rule instead
PR Close #62292
2025-06-26 17:19:10 +00:00
hawkgs
54f3571a35
fix(devtools): injector tree vis node snap/focus, vertical orientation and links ( #62048 )
...
1. Fix node coordinates origin – now X and Y represent the exact center of the node
2. Improve links – they now start and end precisely at the nodes' edges
3. Fix node click to zoom/focus/snap (thanks to 1.)
4. Fix vertical orientation links
PR Close #62048
2025-06-24 16:27:07 +00:00
Jessica Janiuk
08276b5655
Revert "test(devtools): revive cypress tests ( #61972 )" ( #62243 )
...
This reverts commit 75d246e03c .
PR Close #62243
2025-06-24 15:03:46 +00:00
AleksanderBodurri
75d246e03c
test(devtools): revive cypress tests ( #61972 )
...
Previously these tests would run automatically when Angular DevTools lived in another repo. These files have continued to live here but have not been running automatically on each PR.
Now, these test files have been revived to run properly with our changes since the repo merge. This is a first step to reviving our e2e testing.
Next steps include writing cypress tests for new features like Injector Graph, Router tree, signals visualizations, etc.
PR Close #61972
2025-06-24 14:22:21 +00:00
hawkgs
e3e9e37c42
refactor(devtools): improve profiler visualizations ( #62215 )
...
Improve the profiler's visualization modes visually.
PR Close #62215
2025-06-24 10:48:44 +00:00
hawkgs
505da620ff
refactor(devtools): refine and improve the new profiler layout ( #62215 )
...
Improve the styles and the components' layout in general.
PR Close #62215
2025-06-24 10:48:44 +00:00
hawkgs
2788544c6a
refactor(devtools): introduce input styles ( #62215 )
...
Add global styles for input elements.
PR Close #62215
2025-06-24 10:48:44 +00:00
hawkgs
2fc176d7fe
refactor(devtools): restructure profiler UI ( #62215 )
...
Reposition the components in order to optimize the space and improve logical structure.
PR Close #62215
2025-06-24 10:48:44 +00:00
Milo
c4df77f4e5
feat(devtools): add an experimental signals toggle ( #62218 )
...
create an experimental toggle to allow opening the signals graph view
PR Close #62218
2025-06-24 09:41:10 +00:00
Milo
24d299ea97
refactor(devtools): connect signal graph into directive explorer ( #62108 )
...
add an open signal graph button that can be enabled from
devtools-tabs, display the signal graph in a split pane
PR Close #62108
2025-06-19 10:09:21 +02:00
Milo
89efd27884
refactor(devtools): create devtools signals view ( #61919 )
...
create a component for the devtools signal pane, including view source, view value, and flashing of node updates
PR Close #61919
2025-06-17 11:19:53 +02:00
hawkgs
132fd3c301
refactor(devtools): reorganize profiler components ( #62073 )
...
Reorganize the components under `[...]/devtools-tabs/profiler`.
PR Close #62073
2025-06-17 10:52:07 +02:00
hawkgs
be2747eb26
fix(devtools): errors caused by the injector tree ( #62029 )
...
Errors:
- Attempting to translate SVGs when the tab is not on focus (Regression from #61241 )
- Null injector node focus error
Extra:
- Improve scoping of the injector-tree component class members
PR Close #62029
2025-06-13 12:34:06 +02:00
hawkgs
966f96ce4e
refactor(devtools): use a ResizeObserver for the responsive split ( #61525 )
...
Do not rely on `window:resize` since the split can be resized by other split panels as well.
PR Close #61525
2025-06-12 10:08:54 +02:00
hawkgs
bd3dc192fd
refactor(devtools): improve profiler recorder controls ( #62010 )
...
Reorganize the template and reduce the vertical space taken by the controls.
PR Close #62010
2025-06-12 10:07:21 +02:00
Milo
b9141da6fc
refactor(devtools): use import type to improve performance ( #61966 )
...
fixes a few lint errors when including devtools in g3
PR Close #61966
2025-06-10 14:43:46 -07:00
hawkgs
9cf12b0694
fix(devtools): add aria-labels to icon-only buttons ( #61981 )
...
Add aria-labels to the buttons that have an icon-only content.
PR Close #61981
2025-06-10 12:03:30 -07:00
hawkgs
a3c69260a1
fix(devtools): material components background colors ( #61969 )
...
Add overrides for the default background colors of some the Material components currently in use by Devtools. Most likely a regression by a recent Material version bump.
PR Close #61969
2025-06-09 09:44:31 -07:00
Milo
fd2fca8bce
refactor(devtools): check if signal graph is supported ( #61915 )
...
add a new devtools field in SupportedApis to check if the
getSignalGraphApi exists
PR Close #61915
2025-06-09 09:43:51 -07:00
Milo
9bb04e5ac8
feat(devtools): update colors for signals pane ( #61918 )
...
add dynamic-green-02 and dynamic-blue-02
PR Close #61918
2025-06-06 10:55:05 +02:00
Milo
8e861eff1a
feat(devtools): add button component ( #61549 )
...
enables flexible styling of button components with ng-button attribute
PR Close #61549
2025-06-05 10:09:51 +02:00
hawkgs
e5e0c777b7
refactor(devtools): defer tabs ( #61241 )
...
Defer tab loading and rendering on app initialization.
PR Close #61241
2025-06-03 07:10:56 -04:00
AleksanderBodurri
170211cb71
fix(devtools): issue where on initial render DevTools would not load properly ( #61812 )
...
Commit 3e70d64 introduced cdk version 20.0.0-rc2 which introduced a change to how the cdk virtual scroll sets some internal state.
Previously in DevTools we were using a computed incorrectly to respond to changes in the directive forest and apply them to the underlying datasource. With the change to the CDK shown above, this incorrect usage caused us to attempt to update underlying signals in the virtual scroll directive while within a computed callback, throwing an error.
This commit corrects our usage by swapping from a computed to an effect, allowing the underlying signals in the scroll directive to be updated without error.
PR Close #61812
2025-06-02 12:36:17 -04:00
Milo
6f16d92988
feat(devtools): inspect signals ( #61540 )
...
add a new global api for the devtools connector to jump to the source of
a computed or effect
PR Close #61540
2025-06-02 09:35:30 -04: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
21fa353591
refactor(devtools): introduce a more sophisticated directive forest filter ( #61085 )
...
Parse the filter string and match by component and directive names independently.
PR Close #61085
2025-05-30 09:46:22 -04:00
Milo
fc14ca5e34
refactor(devtools): switch default font to material symbols ( #61281 )
...
update from Material Icons to Material Symbols, and use the local
font copy instead of Google fonts to avoid version mismatches
PR Close #61281
2025-05-20 08:53:51 +00:00
hawkgs
f5c67f1cde
refactor(devtools): introduce responsive-split directive ( #61204 )
...
The `ResponsiveSplitDirective` adds responsive behavior to the `as-split` component by a provided width to height ratio.
PR Close #61204
2025-05-20 08:51:59 +00:00
hawkgs
34f60549f2
refactor(devtools): fix profiler tree map viz background color ( #61330 )
...
Fixes a regression caused most likely by #60374 .
PR Close #61330
2025-05-16 07:43:51 +00:00
Matthieu Riegler
5af8afee4b
refactor(devtools): fix button styling on the profiler frame selector ( #61309 )
...
Missing standalone import.
PR Close #61309
2025-05-14 09:27:13 -07:00
Joey Perrott
ae0ad878eb
build: rename devtools ts_library to ts_project ( #61317 )
...
Rename ts_library to ts_project throughout devtools
PR Close #61317
2025-05-14 08:51:21 -07:00
Joey Perrott
31efc4bd24
build: migrate devtools to use ng-project ( #61317 )
...
Migrate devtools to use ng-project
PR Close #61317
2025-05-14 08:51:20 -07:00
Joey Perrott
e2c763a12c
build: migrate adev devtools package to use ts_project ( #61210 )
...
Migrate usages to ts_project
PR Close #61210
2025-05-08 09:38:30 -07:00
Matthieu Riegler
eda8909772
fix(devtools): support defer blocks in IdentityTracker ( #61139 )
...
This reverts the fix of #61080 which wasn't adequate.
PR Close #61139
2025-05-06 13:44:37 -07:00
Matthieu Riegler
e6a34277fc
feat(devtools): defer blocks support ( #60629 )
...
This commit adds the support for defer block in the Angular DevTools.
@defer block are now visible in the directive tree and give access to defer & hydration details.
This feature also brings support of incrementation hydration.
PR Close #60629
2025-04-29 22:07:47 -07:00
Matthieu Riegler
2df00c9b4b
build(devtools): cleanup dependencies ( #60936 )
...
Removing `platform-browser-dynamic` because we don't need it anymore.
PR Close #60936
2025-04-29 12:16:16 -07:00
hawkgs
a1deb87a8e
refactor(devtools): improve directive explorer filtering ( #60672 )
...
- Highlight only the matched part of the text
- Select the first match by default
- Show the matches count along with the currently selected one
- Minor UI fixes and performance optimizations
PR Close #60672
2025-04-24 09:39:22 -07:00
hawkgs
6845d2a92b
refactor(devtools): fix resolution path viz padding ( #60971 )
...
Adjusts the right padding appropriately.
PR Close #60971
2025-04-24 09:36:51 -07:00
hawkgs
cebb9d2c1e
refactor(devtools): disable unsupported features ( #60585 )
...
Prepare the app for Wiz & ACX and handle unsupported features by disabling their respective UI.
PR Close #60585
2025-04-22 21:29:04 +02:00
hawkgs
037dede0a0
refactor(devtools): improve components tab side pane UI ( #60901 )
...
Improve the overall UI/UX. Drop the expandable containers shadows in favor of solid borders.
PR Close #60901
2025-04-18 21:14:15 +02:00
hawkgs
f838726afb
refactor(devtools): typography ( #60531 )
...
Introduce typography placeholder classes and employ them across the app where applicable.
PR Close #60531
2025-04-18 08:35:59 +02:00