Commit graph

440 commits

Author SHA1 Message Date
mgechev
06efd995fb build(devtools): consistent branding 2021-05-11 15:35:04 -07:00
mgechev
de5c669ebe fix(devtools): breadcrumb algorithm when there is no parent available 2021-05-11 08:38:18 -07:00
mgechev
f8bd3fccd7 fix(devtools): preserve proper nesting in flattened node lists
Rather than naively filter the flattened list, preserve the nesting by
filtering the original tree.
2021-05-11 08:38:18 -07:00
mgechev
681feff8d0 fix(devtools): recognize app after reopening devtools
Previously, Angular DevTools did not recognize the Angular application the second time the user reopens the extension tab. Webpack was preventing us to invoke twice a module with the same name. This PR changes the `content-script` to a library, allowing us to invoke it multiple times.
2021-05-11 08:38:07 -07:00
mgechev
26d1d3df1c refactor(devtools): remove log statements and update styles when no ng app found 2021-05-11 08:38:07 -07:00
AleksanderBodurri
b411ec64ed feat(devtools): expand node ancestors on component inspection
Previously if a component was inspected with the component inspector and that component was collapsed in the component explorer, the component would be selected but would not be viewable until the explorer was manually expanded.
Now ancestors are expanded on component inspection.
2021-05-10 20:32:37 -07:00
AleksanderBodurri
9344cb7dfc feat(devtools): focus search input when icon is clicked
Previously, clicking the search icon on the component explorer did nothing. Now it focuses search input on click.
2021-05-10 17:02:44 -07:00
Minko Gechev
fab8d018b4 refactor(devtools): better naming and removal of log statement (rangle/angular-devtools#753) 2021-05-10 17:29:16 -04:00
Sumit Arora
ee7bc547d1 feat(devtools): adding tooltips for icons 2021-05-10 13:02:18 -07:00
mgechev
a7f6562158 fix(devtools): get all the property names including getters
This PR intentionally ignores `Symbol`s because their serialization and deserialization will include extra complexity.

The changes also improve the typings in the continuation function that's passed during serialization.
2021-05-04 17:29:59 -07:00
mgechev
df32c6e11e fix(devtools): improve the styles in the meta popup 2021-05-04 17:21:49 -07:00
mgechev
ee0c245b44 fix(devtools): proper dev mode detection when app compiled with closure 2021-05-04 17:21:49 -07:00
Emma Twersky
8728f6f578 fix(devtools): doc links icon (rangle/angular-devtools#742) 2021-05-04 16:55:26 -07:00
Sumit Arora
9872baa24f feat(devtools): adding info popup (rangle/angular-devtools#739)
* feat: adding info popup

* Update projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html

Co-authored-by: Minko Gechev <mgechev@gmail.com>
2021-05-03 16:13:23 -07:00
mgechev
5af0aaddb0 refactor(devtools): use material icons in popups 2021-05-03 15:48:01 -07:00
mgechev
cf682b59b5 fix(devtools): set proper icon sizes 2021-05-03 15:48:01 -07:00
mgechev
89e495dfff build(devtools): update scripts and manifest 2021-05-03 15:48:01 -07:00
AleksanderBodurri
e85d65d26a fix(devtools): disable router tree tab
Previously the router parser uses private APIs to create the visualization for the router tree tab. Now the router parser always returns an empty router tree, effectively disabling the router tree tab until the necessary framework APIs are developed.
2021-05-03 15:47:47 -07:00
Sumit Arora
8c9645849a feat(devtools): updating to karma-coverage and setting clear context to true 2021-05-03 15:43:45 -07:00
AleksanderBodurri
6f338f7066 feat(devtools): implement drag to scroll functionality to improve frame navigation (rangle/angular-devtools#716) 2021-04-30 17:03:10 -07:00
mgechev
9d9518e67e feat(devtools): implement negation in the filtering query language 2021-04-29 10:25:35 -07:00
mgechev
ecfc03a2d2 feat(devtools): don't show comment nodes by default 2021-04-29 10:25:16 -07:00
mgechev
967bd3cf8e feat(devtools): improve output formatting 2021-04-29 10:25:01 -07:00
mgechev
ff45fbd075 feat(devtools): implement output profiling 2021-04-29 10:25:01 -07:00
mgechev
8a0861cfb7 refactor(devtools): move the profiler subscription to the native profiler 2021-04-29 10:25:01 -07:00
mgechev
42a6a775f7 refactor(devtools): move different profiler implementations to separate files 2021-04-29 10:25:01 -07:00
mgechev
4eeaab5d5e fix(devtools): increase the width of the filter 2021-04-26 17:12:55 -07:00
AleksanderBodurri
e20347090a fix(devtools): prevent link in property view body from closing panel header when clicked (rangle/angular-devtools#714) 2021-04-26 12:46:12 -04:00
AleksanderBodurri
e24b476624 fix(devtools): pass in root element ng context as an LView instead of as a context object 2021-04-23 09:33:55 -07:00
Emma Twersky
df680a9113 fix(devtools): contrast on labels and links (rangle/angular-devtools#708) 2021-04-22 18:44:43 -04:00
AleksanderBodurri
ee78ce635f refactor(devtools): move barchart component to live under barchart visualizer 2021-04-22 13:10:59 -07:00
AleksanderBodurri
8a8b911586 fix(devtools): remove relative positioning from profiler content; makes split pane gutter full height for profile details 2021-04-22 13:10:59 -07:00
AleksanderBodurri
534809cf85 feat(devtools): implement profiler with new framework APIs 2021-04-21 11:30:20 -07:00
twerske
1665bda6cc fix(devtools): links to docs in property view tab 2021-04-21 10:55:49 -07:00
mgechev
ff99b9bb03 feat(devtools): add filtering functionality in the profiler
Allow to filter using a simple DSL:

```
search := query*
query := `source:` \w+ | `duration:` [>|<|=|>=|<=]\d+ (ms)?
```
2021-04-21 10:54:02 -07:00
Minko Gechev
0b24fe08f5 feat(devtools): simplify component styling for tabs component 2021-04-21 12:20:30 -04:00
mgechev
2e8fe67864 fix(devtools): change the isIvy detection 2021-04-19 17:26:20 -07:00
mgechev
13af13cc5d fix(devtools): set more accurate search label 2021-04-19 17:26:20 -07:00
mgechev
ba31d1f784 refactor(devtools): use framework debugging APIs to extract metadata 2021-04-19 17:26:20 -07:00
mgechev
ee8b53bed5 refactor(devtools): use framework debugging APIs to extract render tree 2021-04-19 17:26:20 -07:00
mgechev
a3fed3bc94 refactor(devtools): implement view extraction strategies 2021-04-19 17:26:20 -07:00
twerske
be814408c8 fix(devtools): treemap hover colors highlight selection 2021-04-15 17:27:07 -07:00
twerske
6dd50832a9 fix(devtools): frame colors indicate framerate good vs. bad 2021-04-15 17:26:49 -07:00
twerske
db94717ecb fix(devtools): style of editor input
could still get some love on being a textarea
& highlighting all text on selection
min-width fixes empty issue though it needs a value
2021-04-14 12:14:00 -07:00
Emma Twersky
da0ce975f8 fix(devtools): rename state to properties (rangle/angular-devtools#682) 2021-04-14 14:52:26 -04:00
Sumit Arora
c5445440bf fix(devtools): updating page design 2021-04-13 20:14:55 -07:00
Sumit Arora
e032e043cb fix(devtools): setting default page for extension 2021-04-13 20:14:55 -07:00
Sumit Arora
a20821be38 fix(devtools): allow deleting property when editing 2021-04-13 20:14:55 -07:00
Sumit Arora
b04649dacb fix(devtools): setting min width for input editor and allowing for rendering space 2021-04-13 20:14:55 -07:00
AleksanderBodurri
b55c9c8786 fix(devtools): bump webpack version and fix breaking change 2021-04-13 18:00:25 -04:00