Commit graph

381 commits

Author SHA1 Message Date
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
Jessica Janiuk
e599fdd458 Revert "test(devtools): write some e2e tests for the transfer state tab (#62843)" (#62867)
This reverts commit 3a1a6cc20d.

PR Close #62867
2025-07-29 09:30:30 +00:00
AleksanderBodurri
3a1a6cc20d test(devtools): write some e2e tests for the transfer state tab (#62843)
Tests validate the current behaviour of the transfer state feature:

- Tab can be made visible by enabling in the settings menu
- Transfer state component displays keys total and size
- Validates the existence of the mock content present in https://github.com/angular/angular/tree/main/devtools/src/app/transfer-state.ts

PR Close #62843
2025-07-29 06:44:28 +02: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
Joey Perrott
c19d0aef4f build: use ts_config rule from rules_ts only and always load from common location (#62808)
Only use the ts_config rule from rules_ts, and always load the rule from tools/defaults2.bzl

PR Close #62808
2025-07-25 10:08:13 +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
Milo
e4ed6d6783 refactor(devtools): cleanup iframe-message-bus (#62785)
remove unused function and cleanup private readonly properties

PR Close #62785
2025-07-25 10:03:03 +02:00
Matthieu Riegler
61eeb9b021 refactor(devtools): simular transfer cache data in the devtools demo app. (#62665)
With the commit we mimic server-side behavior and serialize a bunch of transfer cache data.

fixes #62664

PR Close #62665
2025-07-24 15:51:12 +00:00
Milo
ffd4407a41 refactor(devtools): add cookies signal demo (#62749)
add a new component that includes a small signal graph and explicitly calls .set on a signal.

PR Close #62749
2025-07-24 09:18:26 +00:00
Jan Martin
deec4c16fd docs: call out cleanup steps in devtools release process (#62769)
PR Close #62769
2025-07-24 09:16:12 +00:00
Jan Martin
a4a4f7f850 release: bump Angular DevTools version to 1.0.40 (#62767)
PR Close #62767
2025-07-23 09:25:24 -07: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
AleksanderBodurri
d0cf8fc3c6 test(devtools): bump cypress timeout to 10 seconds (#62726)
By default this is 4 seconds. In CI we have unreliable runtime performance so we this change gives us a bit of wiggle room to validate application behaviour.

PR Close #62726
2025-07-21 16:35:39 -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
Matthieu Riegler
a6b2d7dd10 fix(devtools): add event tagging to prevent DDOS (#62645)
One common problem encountered by the devtools content script is that it accepted almost any message send over the message bus. Some websites like `auth.openai.com` were spamming the bus and DDOS the devtools app.

By introducing event tagging and skipping non-devtools events we prevent DDOS of the Angular devtools content script by on forward tagged events.

PR Close #62645
2025-07-21 10:09:03 -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
Jan Martin
f5f8f7689f release: bump Angular DevTools version to 1.0.39 (#62670)
PR Close #62670
2025-07-16 16:13:12 -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
7bcaf01ace build: set paths for devtools & adev (#62574)
This allows the IDE to find the right imports

PR Close #62574
2025-07-14 14:11:09 -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
Doug Parker
1b895e1805 release: bump DevTools version to 1.0.38 (#62552)
PR Close #62552
2025-07-09 11:37:07 -07:00
Matthieu Riegler
69531668bf refactor(devtools): remove unused imports (#62530)
Import had no purpose and was also invalid.

PR Close #62530
2025-07-08 12:12:22 -07:00
Matthieu Riegler
4f25a8a756 fix(devtools): do not emit a route object with functions (#62254)
In the case where a Route has title defined as a function, it eventually throw when it reaches `window.postMessage`

fixes #60595

PR Close #62254
2025-07-08 11:28:27 -07:00
Joey Perrott
40e52b911f build: disable firefox tests in devtools (#62504)
Disabling firefox tests in devtools until we can get them working on OS X as expected

PR Close #62504
2025-07-07 18:29:19 +00:00
Joey Perrott
415833f2ce build: migrate angular-optimization from devinfra to devtools (#62503)
Migrate angular-optimization to devtools instead of loading via npm package

PR Close #62503
2025-07-07 17:05:51 +00: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
Matthieu Riegler
9ba59033b9 refactor(devtools): remove the standalone demo (#62455)
The default demo is already standalone

PR Close #62455
2025-07-04 08:48:23 +00:00
Doug Parker
9ed9375803 refactor(devtools): remove version_name from manifest.json (#62351)
This field defaults to `version`, so there's no need to have it when it's exactly the same. This is one less number to bump during release PRs.

PR Close #62351
2025-07-03 14:46:45 +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
Doug Parker
40214acf28 release: bump Angular DevTools version to 1.0.37 (#62409)
PR Close #62409
2025-07-01 13:54:53 -07:00