mgechev
701b8b0431
test(devtools): fix an issue and introduce tests for the priority aware message bus
2020-03-23 21:24:27 -07:00
mgechev
ae6acce53e
fix(devtools): highlighting of newly added nodes
...
This PR also simplifies the imperative ordering of async methods. It moves the logic into a generic abstraction `PriorityAwareMessageBus`.
2020-03-23 21:24:27 -07:00
AleksanderBodurri
74eb888efe
feat(devtools): create ConsoleReferenceNode interface to fix typing issues in selected-component.ts
2020-03-23 17:41:52 -07:00
AleksanderBodurri
8b9181724b
feat(devtools): only show console reference for the currently selected element to reduce noise
2020-03-23 17:41:52 -07:00
AleksanderBodurri
4df2b2b91e
refactor(devtools): type node properly; simplify logic in select-component.ts
2020-03-23 17:41:52 -07:00
AleksanderBodurri
a8ba83cd30
fix(devtools): fix tests and leave todo related to possible typing refactor
2020-03-23 17:41:52 -07:00
AleksanderBodurri
60a4e56a95
feat(devtools): apply style to console reference keys displayed on nodes
2020-03-23 17:41:52 -07:00
AleksanderBodurri
a25cd0ed15
feat(devtools): show the console reference key on each selected element
2020-03-23 17:41:52 -07:00
AleksanderBodurri
4120c551e8
fix(devtools): catch selection edge cases for selecting the same node and selecting a node already in the array
2020-03-23 17:41:52 -07:00
AleksanderBodurri
1d55622f3a
feat(devtools): implement component selection functionality for $ng0 - $ng4 similarly to how chrome devtools does with html elements
2020-03-23 17:41:52 -07:00
AleksanderBodurri
0b5e892d84
build(devtools): enable no-unused-variable lint check with warning severity
2020-03-23 17:41:10 -07:00
AleksanderBodurri
a6148608c3
feat(devtools): open expansion panels by default; apply styling to expansion header
2020-03-22 19:59:30 -07:00
AleksanderBodurri
11c1cb01f7
refactor(devtools): replace label arrays with sets because Set.has is much faster than Array.includes
2020-03-22 19:59:30 -07:00
AleksanderBodurri
789c872ada
refactor(devtools): type propPointer and drag event properly
2020-03-22 19:59:30 -07:00
AleksanderBodurri
95dcad328f
refactor(devtools): clean up directive property resolver methods
2020-03-22 19:59:30 -07:00
AleksanderBodurri
820ec85ea4
fix(devtools): pass property updates to the correct data sources
2020-03-22 19:59:30 -07:00
AleksanderBodurri
3a6b5b0bd9
refactor(devtools): remove old unused methods from property tab body, client event subscribers, and directive property resolver
2020-03-22 19:59:30 -07:00
AleksanderBodurri
d0a1773175
feat(devtools): implement material expansion panel with drag functionality for each property tree
2020-03-22 19:59:30 -07:00
AleksanderBodurri
6d0c4093c2
feat(devtools): pass each datasource through to it's own material tree component
2020-03-22 19:59:30 -07:00
AleksanderBodurri
2d34a209a6
feat(devtools): create seperate property data sources for inputs/outputs/state
2020-03-22 19:59:30 -07:00
AleksanderBodurri
8ea84d5776
feat(devtools): implement input/output/state preview functionality with the reworked property explorer
2020-03-22 19:59:30 -07:00
AleksanderBodurri
39b65dd05a
refactor(devtools): organize property explorer components
2020-03-22 19:59:30 -07:00
AleksanderBodurri
f8bb080157
feat(devtools): pass input/output data through from application to devtools UI
2020-03-22 19:59:30 -07:00
Sumit Arora
3d19ebf3a1
fix(devtools): added more padding to treegraph
2020-03-22 12:14:05 -04:00
mgechev
4b40752cb9
refactor(devtools): type safe serialization
2020-03-22 03:59:27 -04:00
mgechev
b127cdc211
fix(devtools): prevent race condition between getting nested props and refresh
2020-03-21 19:09:12 -07:00
mgechev
b010784b21
fix(devtools): do not expand HTML Comments and preserve state for selected nodes
2020-03-21 19:09:12 -07:00
mgechev
5f5307e610
fix(devtools): flicker properties when update selected node
...
Fix rangle/angular-devtools#171
The PR includes few changes:
1. Fixes a race condition between two competing async calls
2. Simplifies the message bus, now we have one method for getting the component tree instead of one for getting the component tree and another for getting properties. Similarly to GraphQL we send a query for exactly what we need.
3. Fixes the way we update properties in the UI once we receive new items
2020-03-21 19:09:12 -07:00
Sumit Arora
ee7d8e58c6
feat(devtools): making small frames clickable
2020-03-21 18:53:56 -07:00
mgechev
60cc2d8fc0
fix(devtools): proper typings in shell-chrome for strictNullChecks
2020-03-20 16:05:53 -07:00
Minko Gechev
6a6059d2b1
build(devtools): enable strictNullChecks ( rangle/angular-devtools#167 )
2020-03-20 11:54:37 -07:00
Sumit Arora
75cb030a84
feat(devtools): adding bar chart for timeline
2020-03-19 19:15:07 -07:00
mgechev
14e51e8875
test(devtools): verify that the app can select elements with the same name
2020-03-19 21:17:26 -04:00
mgechev
f4db6d7a44
test(devtools): add specs for the element property resolver
2020-03-19 21:17:26 -04:00
mgechev
b3b8c93656
test(devtools): fix typing errors in the specs
2020-03-19 21:17:26 -04:00
mgechev
f93b53bb89
fix(devtools): proper alignment of non-expandable props
2020-03-19 21:17:26 -04:00
mgechev
dce46e5411
refactor(devtools): move abstractions to separate files
2020-03-19 21:17:26 -04:00
mgechev
370a600481
refactor(devtools): use shared store between parent and child components
2020-03-19 21:17:26 -04:00
mgechev
2f115a2448
refactor(devtools): use DI for the messageBus instead of passing it as props
2020-03-19 21:17:26 -04:00
mgechev
25a6ecc438
refactor(devtools): reuse prop instances in the data source
2020-03-19 21:17:26 -04:00
mgechev
2a1f6e9464
fix(devtools): do not refresh the ui unless there are updates
2020-03-19 21:17:26 -04:00
Sumit Arora
0b991bdc0f
feat(devtools): adding piechart for profiler
2020-03-18 15:41:56 -04:00
Sumit Arora
7990fdd7b3
style(devtools): adding control padding and bold title
2020-03-18 15:18:50 -04:00
Sumit Arora
257e231f68
style(devtools): fixing title style
2020-03-18 15:18:50 -04:00
Sumit Arora
7c93631b32
style(devtools): setting total time text to bold
2020-03-18 15:18:50 -04:00
AleksanderBodurri
e74e213b7c
refactor(devtools): clean up record formatter constants by removing duplicate objects
2020-03-18 09:31:25 -04:00
AleksanderBodurri
a5beefb477
feat(devtools): rerender tree on resize to keep tree within view
2020-03-18 09:31:25 -04:00
AleksanderBodurri
ae478f0e29
test(devtools): create simple unit test for webtreegraph formatter
2020-03-18 09:31:25 -04:00
AleksanderBodurri
45de7613e4
refactor(devtools): create mock formatter to sepearte getLabel and getValue tests from flamegraph;
2020-03-18 09:31:25 -04:00
AleksanderBodurri
18214a9b99
feat(devtools): create webtree graph formatter and pass the formatted data through to the web tree graph visualizer
2020-03-18 09:31:25 -04:00
