Commit graph

34 commits

Author SHA1 Message Date
AleksanderBodurri
957034bf93 feat(devtools): migrate devtools and demo app to scss for styling 2020-03-29 13:49:19 -07:00
Sumit Arora
07632cf7bc feat(devtools): renaming app component to app todo component (rangle/angular-devtools#195)
* feat(demo-app): renaming app component to app todo component

* feat(demo-app): renaming files
2020-03-26 13:17:06 -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
0b5e892d84 build(devtools): enable no-unused-variable lint check with warning severity 2020-03-23 17:41:10 -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
Minko Gechev
6a6059d2b1 build(devtools): enable strictNullChecks (rangle/angular-devtools#167) 2020-03-20 11:54:37 -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
2f115a2448 refactor(devtools): use DI for the messageBus instead of passing it as props 2020-03-19 21:17:26 -04:00
mgechev
82a8d5c0aa fix(devtools): show elements nested in app elements 2020-03-12 15:13:15 -07:00
mgechev
8cb4119e25 refactor(devtools): remove unused specs 2020-03-12 15:13:15 -07:00
mgechev
cb0a056cb2 refactor(devtools): add dialog to the demo app 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
AleksanderBodurri
9bdaa57a74 feat(devtools): create shared-utils project library to house functions and classes that can be used by any other project 2020-03-10 14:54:24 -07:00
AleksanderBodurri
5b10bf2e38 refactor(devtools): add tslint typing rule and fix tslint warnings 2020-03-10 09:50:00 -07:00
mgechev
570adcf2f5 fix(devtools): proper calculation of the lifecycle hook duration 2020-02-24 11:09:10 -05:00
mgechev
8a286f1a07 fix(devtools): show proper lifecycle hook names 2020-02-24 11:09:10 -05:00
mgechev
b7b99b8532 feat(devtools): implement proper diffing in the explorer 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
b2a537a41b fix(devtools): proper diffing and expansion of new items 2020-02-24 11:09:10 -05:00
AleksanderBodurri
0bc7e78e33 refactor(devtools): seperate component concerns into separate files; type all methods 2020-02-18 11:50:16 -08:00
mgechev
337be9bd63 feat(devtools): use flamechart with a better layout 2020-02-18 10:47:27 -08:00
mgechev
e23c81e2b5 feat(devtools): use flamegraph in timeline and aggregated view 2020-02-18 10:47:27 -08:00
AleksanderBodurri
8414aa52b8 refactor(devtools): remove console logging events (rangle/angular-devtools#56) 2020-02-10 11:28:19 -08:00
AleksanderBodurri
3e05c31979 feat(devtools): select dom element on double click of node (rangle/angular-devtools#51) 2020-02-07 19:56:11 -08: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
63c86c100f fix(devtools): dont leak once subscriptions 2020-02-04 20:36:52 -05:00
Sumit Arora
6aa03cf63e test(devtools): Adding CircleCI config (rangle/angular-devtools#22) 2020-02-04 07:33:28 -08:00
AleksanderBodurri
3aa182696f refactor(devtools): remove getWindow functions 2020-01-31 17:17:14 -05:00
AleksanderBodurri
26fb1f4d4b feat(devtools): create message bus event for component selection 2020-01-31 13:54:51 -05:00
Sumit Arora
8a5fbf5963 fix(devtools): fix issues in message bus and watch 2020-01-29 11:52:42 -08:00
mgechev
98a96608a6 Initial commit for Angular DevTools 2020-01-29 11:52:19 -08:00