Commit graph

34 commits

Author SHA1 Message Date
mgechev
b127cdc211 fix(devtools): prevent race condition between getting nested props and refresh 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
Minko Gechev
6a6059d2b1 build(devtools): enable strictNullChecks (rangle/angular-devtools#167) 2020-03-20 11:54:37 -07:00
AleksanderBodurri
1871c34743 fix(devtools): get ng debug object whenever it is required through a function to prevent an issue where it would be set to undefined on page refresh 2020-03-12 15:54:47 -07:00
mgechev
57f6f26b52 refactor(devtools): add comments and remove useless npm scripts 2020-03-12 15:13:15 -07:00
mgechev
82a8d5c0aa fix(devtools): show elements nested in app elements 2020-03-12 15:13:15 -07:00
mgechev
e254d385f1 refactor(devtools): extract root components traversing the dom 2020-03-12 15:13:15 -07:00
mgechev
fc5801b225 fix(devtools): get the lview from the instance context 2020-03-12 15:13:15 -07:00
mgechev
becdcca64a feat(devtools): add support for Angular elements
Currently, we only show which components are Angular elements. We don't visualize them in their position in the component tree, but only indicate with different coloring.

In the profiler we should also somehow show which tiles correspond to elements. We can discuss this further in rangle/angular-devtools#112.
2020-03-11 09:53:34 -04:00
mgechev
d6a0afc1d6 refactor(devtools): dont recompute directive forest frequently 2020-03-09 14:59:09 -04:00
mgechev
085232972e refactor(devtools): use different algorithm for observing the tree to align with the internal traversal 2020-03-09 14:59:09 -04:00
mgechev
c2dfa86702 refactor(devtools): use internal ivy data structures for extracting component tree 2020-03-09 14:59:09 -04:00
AleksanderBodurri
9510a1c38e fix(devtools): make edit functionality compatible with new getDirectiveForest api 2020-02-26 15:35:50 -10:00
AleksanderBodurri
29db8d5a8b feat(devtools): allow user to edit props 2020-02-26 15:35:50 -10:00
mgechev
dba943a4e2 feat(devtools): detect directives added to non-elements 2020-02-24 11:09:10 -05:00
mgechev
79f145dc77 fix(devtools): proper diffing with unique ids 2020-02-24 11:09:10 -05:00
mgechev
9d7b762d7d refactor(devtools): remove cyclic dependency 2020-02-24 11:09:10 -05:00
mgechev
758d0a82fe feat(devtools): keep unique index for all components and directives 2020-02-24 11:09:10 -05:00
mgechev
a5ab7ba5e7 refactor(devtools): rename id to position 2020-02-24 11:09:10 -05:00
mgechev
03f896c48e refactor(devtools): move identity tracking to separate abstraction 2020-02-24 11:09:10 -05:00
AleksanderBodurri
ec1c95cbdb refactor(devtools): separate object creation concern from state serializer api (rangle/angular-devtools#69) 2020-02-19 13:28:41 -05:00
Ricardo Mattiazzi Baumgartner
a20b4ea5c7 feat(devtools): added prettier for formatting code on pre-commit (rangle/angular-devtools#50)
* feat(prettier): added prettier for formatting code on pre-commit and linted files

* feat(prettier): formatted code after merge
2020-02-07 13:25:16 -08:00
AleksanderBodurri
e4784bc3b0 feat(devtools): add view source button to properties view tab (rangle/angular-devtools#42) 2020-02-07 13:09:36 -08:00
Ricardo Mattiazzi Baumgartner
a3ac38041f feat(devtools): synchronizing highlight between source application and component in presentation tree (rangle/angular-devtools#35)
* rangle/angular-devtools#13 - Highlight from the component tree to the application

* rangle/angular-devtools#13 - Highlight from the application to the component tree when using inspector

* Fixes on broken unit tests + added all files to coverage reports

* Setting test default to always generate coverage report

* rangle/angular-devtools#13 - Added basic test for component inspector

* feat(frontend): Moving component hover to tree to avoid passing messageBus rangle/angular-devtools#13

* feat(frontend): Sync hover from inspector to component tree rangle/angular-devtools#13

* feat(frontend): Rename function to retrieve ElementID from native element

* feat(frontend): Use separate handler to unhighlight from component instead of using highlight without ID

* feat(frontend): de-coupling inspector from the message bus

* feat(frontend): fix unit tests
2020-02-07 11:43:49 -08:00
mgechev
9d7333a32a refactor(devtools): do not use implicit any for result 2020-02-04 20:36:52 -05:00
AleksanderBodurri
6a6af6615a feat(devtools): change trimComponents name; always include nativeElement in buildDirectiveForest 2020-02-03 15:35:51 -05:00
AleksanderBodurri
4abcf4d8fe refactor(devtools): rename queryComponentTree to be more accurate of purpose 2020-02-01 23:22:40 -05:00
AleksanderBodurri
e3c1c16f94 refactor(devtools): queryComponentTree; change nativeElement type to be Element 2020-02-01 22:54:35 -05:00
AleksanderBodurri
5a253e905c refactor(devtools): move all messageBus callbacks to separate functions, remove unneeded nativeElement assignment in trimComponent 2020-01-31 17:14:24 -05:00
AleksanderBodurri
c98dc5fca5 refactor(devtools): create interface for forest builder options object; change patch template back 2020-01-31 14:33:56 -05:00
AleksanderBodurri
26fb1f4d4b feat(devtools): create message bus event for component selection 2020-01-31 13:54:51 -05:00
Sumit Arora
cff17715d4 feat(devtools): use tag names 2020-01-29 11:52:42 -08:00
AleksanderBodurri
a0f118e7a5 refactor(devtools): clean up typing; refactor some component files (rangle/angular-devtools#1) 2020-01-29 11:52:42 -08:00
mgechev
98a96608a6 Initial commit for Angular DevTools 2020-01-29 11:52:19 -08:00