2aecfb0f38
refactor(devtools): format code
...
Format DevTools TypeScript files.
2026-07-20 10:48:28 +02:00
fd33b6e4e9
refactor(devtools): improve public API naming of the visualizers
...
Improve the name of the public methods of the visualizers by using common terms like "highlighted". This should, hopefully, clear up some ambiguities that came with the term "selected". Additionally, clean up some CSS class names.
2026-06-11 09:29:28 -07:00
a7d684517f
refactor(devtools): use ng-filter for the router tree search
...
Use the reusable `ng-filter` for the router tree search.
2026-06-08 11:19:47 -07:00
97be5f23fd
feat(devtools): implement a signal graph nodes search
...
Implement singal graph nodes search for easier navigation within graphs with large sets of nodes. The search provides filtering by node type via `type:<SIGNAL_TYPE>` syntax.
2026-06-05 11:08:52 -07:00
116b4cd936
fix(devtools): cluster-to-cluster relationships in signal graph
...
The PR addresses a missing step in the clustering phase of the signal graph processing on the DevTools frontend. Cluster-to-cluster relationship were missing from the graph, so the change fixes that.
2026-05-19 13:06:37 -07:00
1cb2e6bf5b
feat(devtools): improve value highlighting in object previews
...
Introduce a more fine-grained value preview highlighting based on the property type in the `ng-object-tree-explorer`.
2026-05-05 17:06:41 -07:00
ef38017418
build: move devtools only deps out of the workspace
...
This reduces the clutering of the workspace package.
2026-04-28 13:05:33 -07:00
0ad18ee933
refactor(devtools): drop explicit OnPush change detection strategy
...
Drop explicit `ChangeDetectionStrategy.OnPush` from the apps since it's now the default.
2026-03-25 12:58:11 -07:00
f3e6698455
refactor(devtools): utilize new unified getControlFlowBlocks API ( #66167 )
...
Utilize the new `ng.getControlFlowBlocks` API by refactoring the existing render tree extraction code; Slighly modify @for loop details view
PR Close #66167
2026-03-16 14:17:25 -07:00
832d428d0e
refactor(devtools): change upstream and downstream signal deps icons
...
Update the icons with better custom ones; Introduce an icon component and an assets folder.
2026-03-11 09:25:34 -07:00
55c57d4af1
refactor(devtools): make signal graph visualizer reusable
...
Make the signal visualizer reusable by detaching it from the signal graph manager.
2026-03-10 10:14:55 -07:00
e66aeac8d0
refactor(devtools): style the profiler dialogs to match the current design
...
Decrease the font size and tone down the paddings and margins. Use `ng-button` instead of `mat-button`.
2026-01-09 08:23:18 -08:00
bea5840864
refactor(devtools): add secondary type button
...
Add a secondary style/type button to `ng-button`.
2026-01-09 08:23:18 -08:00
4b7f7a550f
fix(devtools): retain tree-viz snapped node on pre-render cleanup
...
Each tree-visualizer render cycle resets the snapped node in an effort to not end up with a non-existent snapped node. However, each render cycle doesn't constitute a completely different tree. This change retains the snapped node as long as it exists in the tree.
2026-01-06 10:22:29 -05:00
6a94300179
refactor(devtools): use whenStable instead of detectChanges
...
This commits migrates the devtools tests toward to recommendations
and runs the tests in a zoneless config
2026-01-05 12:24:58 -05:00
6270bba056
ci: reformat files
...
This is after we've slightly changed a rule in #66056
2025-12-16 14:44:19 -08:00
af77b89e2a
ci: reformat files
...
This is after we've slightly changed a rule in #66056
2025-12-16 09:24:36 -08:00
87e05e935c
refactor(devtools): create a reusable component for all prop mat-trees
...
Create a reusable component for object property inspection.
2025-12-04 11:44:00 -08:00
1d431a9637
fix(devtools): router tree not being rendered
...
Convert the `TreeVisualizer` to a signal, in the `TreeVisualizerComponent`, to ensure that the router tree render effect is always called; Use explicit `afterNextRender` phases.
2025-12-04 11:30:14 -08:00
f87e9a02b5
refactor(devtools): clean up unused code and modernize component patterns
...
- Removed unused code and imports
- Migrated to signal-based input() APIs
- Added readonly to Angular-initialized inputs and removed explicit type annotations
- Updated templates to use self-closing tags for consistency
2025-11-17 08:40:15 -08:00
26fed34e0e
build: format md files
...
This commit configures prettier to format markdown files.
2025-11-06 10:03:05 -08:00
e40307803a
refactor(devtools): visual separation between directives in the property tab ( #64222 )
...
also a drive by clean-up to remove some `ng-deep` stylings
PR Close #64222
2025-10-03 15:05:50 +00:00
521c2a7646
feat(devtools): Change lazy/eager visualization by using dashed lines and correctly positioned edge arrows ( #63980 )
...
Previously we would visualize route config "types" by colouring different nodes.
Now the we only colour nodes to represent the active route path. Lazy loaded routes are represented with dashed line edges that point in the direction of loading.
PR Close #63980
2025-09-24 14:25:28 +00:00
4fa3b2673e
feat(devtools): display provider count on injector tree nodes ( #63632 )
...
Allows the tree visualizer to display a sublabel for each node.
Used by the injector tree to display provider count for each injector.
PR Close #63632
2025-09-18 14:56:47 +00:00
7e828e3d39
docs(docs-infra): code style improvement and component update ( #63557 )
...
- Improved code style consistency in docs-infra
- Updated app.component.ts for enhancements
Co-authored-by: Matthieu Riegler <kyro38@gmail.com >
PR Close #63557
2025-09-15 15:02:24 +00:00
464bff95ef
refactor(devtools): intergrate the TreeVisualizer into the TreeVisualizerHost component ( #63530 )
...
Use the `TreeVisualizer` internally in the host component instead of managing these separately in their client components.
PR Close #63530
2025-09-12 15:08:36 +00:00
01bbafd47e
fix(devtools): runtime errors caused by tree node snapping and tab change ( #63531 )
...
Fix the runtime errors caused by the tree visualizer node auto-snapping when a tab is changed. The errors are caused since we only visually hide the tabs.
PR Close #63531
2025-09-02 16:43:32 +00:00
7ecf13db06
refactor(devtools): improve router tree search UX ( #63107 )
...
Improve the search functionality of the router tree by making the results more distinguishable.
PR Close #63107
2025-08-13 09:27:26 -07:00
d47ea29b89
refactor(devtools): keep TreeVisualizer snapped node on focus ( #62982 )
...
Keep `TreeVisualizer` snapped node on focus when the container/split is being resized.
PR Close #62982
2025-08-11 12:26:31 -07:00
cbc258eec8
build: remove ts_project_interop infrastructure ( #62908 )
...
Remove the interop macros and final usages
PR Close #62908
2025-07-31 09:12:58 +00:00
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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