hawkgs
a1318af71a
fix(devtools): truncate text in the property tab header ( #62868 )
...
Handle very long component names when the "Show Signal Graph" button is visible.
PR Close #62868
2025-07-29 12:17:07 +00:00
hawkgs
82d585f49b
fix(devtools): transfer state settings menu item text size ( #62851 )
...
Fix the text size of the transfer state settings menu item. Also, rename "Show" to "Enable" to match the rest of the non-default tabs text.
PR Close #62851
2025-07-28 14:15:46 +02:00
Milo
3f720044f9
refactor(devtools): cleanup a few devtools bazel files ( #62786 )
...
remove unused styles, update to es2022
PR Close #62786
2025-07-25 10:03:42 +02:00
Hryhorii Avcharov
a2f366f629
feat(devtools): add transfer state tab ( #62465 )
...
Add transfer state tab, which is taking transfer state script by using APP_ID. Created internal api ɵgetTransferState to retrieve transfer state value from app into devtools app.
PR Close #62465
2025-07-22 08:41:10 -04:00
hawkgs
cc468efc74
refactor(devtools): introduce docs-ref-button ( #62685 )
...
Used for external Angular docs links.
PR Close #62685
2025-07-21 12:21:55 -04:00
hawkgs
009a27df3f
refactor(devtools): make the component metadata menu more prominent ( #62685 )
...
Add an arrow icon to indicate that this is an expansion panel. Reduce the active area (which toggles the menu) to the text only.
PR Close #62685
2025-07-21 12:21:55 -04:00
AleksanderBodurri
08d37649af
fix(devtools): stop reseting currentlyMatchedIndex when a node is selected in the component explorer ( #62727 )
...
This was causing some unintended behaviour when paired with our new zoneless configuration. I'm not sure why currentlyMatchedIndex was getting set to -1 here. With this removed it seems like things are working as expected. Previously a select call would reset this index *after* a search filter was applied, which would cause weird behaviour with the "next" and "prev" buttons.
PR Close #62727
2025-07-21 12:15:02 -04:00
hawkgs
d441ac4533
fix(devtools): make some containers scrollable ( #62703 )
...
Add scrolling to some containers in the app.
PR Close #62703
2025-07-21 09:32:58 -04:00
hawkgs
d3b770d636
refactor(devtools): restyle the signal details panel ( #62681 )
...
Restyle the details panel to match and be inline with the existing UI/style.
PR Close #62681
2025-07-18 07:00:57 -04:00
Matthieu Riegler
ea2339e1e4
refactor(devtools): replace/remove animations from the animation package ( #62633 )
...
Animations can be handled by the styling directly
PR Close #62633
2025-07-17 14:24:37 -04:00
hawkgs
2f7f9569f7
refactor(devtools): rearrange main toolbar menu buttons ( #62684 )
...
Place the version in the info menu and move both the info and gear buttons to the right-hand side of the toolbar.
PR Close #62684
2025-07-17 14:06:31 -04:00
Matthieu Riegler
8caaf5ed22
refactor(devtools): Migrate the devtools app to zoneless. ( #62454 )
...
This commit also removed the useless ngZone invocations
PR Close #62454
2025-07-17 13:55:36 -04:00
Milo
2e6c2ff52c
refactor(devtools): disable view source button if source function is not available ( #62678 )
...
if there is no debuggableFn, we shouldn't allow users to click the view source button
PR Close #62678
2025-07-17 13:28:35 -04:00
hawkgs
33f3193fe2
refactor(devtools): show profiler progress bar during recording ( #62547 )
...
Show the profiler progress bar during the full recording instead of only when there are no frames.
PR Close #62547
2025-07-15 07:58:33 -07:00
Joey Perrott
5eeb9f3e7e
build: move all rule/macro loading into devtools/defaults.bzl ( #62627 )
...
Move all of our loading into a local defaults.bzl file instead of mixed loading via tools/defaults and devtolls/defaults
PR Close #62627
2025-07-14 15:47:05 -07:00
Milo
cfa44df503
refactor(devtools): simplify vendored deps to make importing into google3 easier ( #62567 )
...
prefer using node_modules/webtreemap, and remove memo-decorator
PR Close #62567
2025-07-14 14:48:17 -07:00
Matthieu Riegler
292015b550
refactor(devtools): Use OnPush on all components ( #62610 )
...
The end goal is to move the devtools app to zoneless.
PR Close #62610
2025-07-14 11:35:47 -07:00
Matthieu Riegler
aef489dae5
refactor(devtools): use signal inputs for split component ( #62550 )
...
This also introduced a local direction signal so it can be written from the outside
PR Close #62550
2025-07-11 10:37:50 -07:00
Milo
1de7ab28b4
fix(devtools): fix some build errors from g3 typescript ( #62412 )
...
this avoids some issues with casting types
PR Close #62412
2025-07-11 10:35:22 -07:00
AleksanderBodurri
bf292bdcae
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-07-11 10:33:50 -07:00
hawkgs
c75a88f863
fix(devtools): make font sizes consistent ( #62575 )
...
Fix the inconsistent font sizes that are result of Material changes.
PR Close #62575
2025-07-10 10:29:15 -07:00
hawkgs
2a992dd641
refactor(devtools): cleanup Material leftovers ( #62575 )
...
Cleanup some Material leftovers and drop some redundant markup.
PR Close #62575
2025-07-10 10:29:14 -07:00
hawkgs
3aa821d003
refactor(devtools): improve breadcrumbs component ( #62575 )
...
Drop the redundant and lefover code. Slightly update the look.
PR Close #62575
2025-07-10 10:29:14 -07:00
hawkgs
85e387a090
refactor(devtools): unify table styles ( #62466 )
...
Make tabular data styles consistent across the app, whether that's a native or Material table.
PR Close #62466
2025-07-07 15:24:24 +00:00
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
Joey Perrott
50a69dee6c
build: only require workspace build packages for web tests when provided ( #62443 )
...
Only use the builds from the workspace as for the bootstrap scripts for web testing
PR Close #62443
2025-07-03 08:34:25 +00:00
Joey Perrott
85b3ae2e3e
build: migrate devtools to use packaged version of @angular/* packages ( #62413 )
...
Use the packaged versions of the packages instead of the local ts_project dependencies to prevent multiple versions of the deps to enter test bundles
PR Close #62413
2025-07-02 16:10:25 +00:00
Milo
c30f4eebc1
refactor(devtools): update signal body on change ( #62410 )
...
when the epoch of a signal changes, update the preview text
PR Close #62410
2025-07-02 14:27:27 +00:00
hawkgs
d9132830f6
refactor(devtools): use responsive-split for the signal graph tab ( #62395 )
...
Use responsive-split for the signal graph tab.
PR Close #62395
2025-07-02 07:42:41 +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
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