Commit graph

132 commits

Author SHA1 Message Date
mgechev
6d86bbc11b fix(devtools): get the lifecycle hook name using a more robust approach 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
5fe0d80d0c fix(devtools): compatibility issues with google3 2020-03-11 12:48:31 -07:00
mgechev
21f6b736f5 refactor(devtools): rename getComponentName to getDirectiveName 2020-03-11 12:48:31 -07:00
mgechev
30978b3718 fix(devtools): names of the tiles in the profiler graph 2020-03-11 12:48:31 -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
7851fb2348 perf(devtools): do not index on mutation of inspector 2020-03-10 15:56:38 -04:00
AleksanderBodurri
5b10bf2e38 refactor(devtools): add tslint typing rule and fix tslint warnings 2020-03-10 09:50:00 -07:00
mgechev
ce3fbd0426 refactor(devtools): remove obsolete test and fix existing e2e tests 2020-03-09 14:59:09 -04:00
mgechev
bcfd7b97d6 fix(devtools): align with latest changes and keep consistent frame tree 2020-03-09 14:59:09 -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
87aaa4933c fix(devtools): check if node.children is undefined before trying to convert it into an array (ex. node is a text node) 2020-03-05 09:54:18 -08:00
AleksanderBodurri
a30d2a5653 fix(devtools): index new nodes before firing callbacks to fix issue where some callbacks rely on the newly indexed nodes 2020-03-05 09:53:45 -08:00
AleksanderBodurri
9c4c18b8ef fix(devtools): fix bug in component tree observer that prevented nested added nodes from having their ids set properly 2020-03-04 10:21:02 -08:00
AleksanderBodurri
97915ba9fb refactor(devtools): type returns of insertion trie methods 2020-03-01 09:53:37 -10:00
Sumit Arora
d052ced086 test(devtools): adding highlighter tests 2020-02-27 14:33:48 -05:00
Sumit Arora
9205c1f7ae test(devtools): adding text-summary for code coverage 2020-02-27 14:33:48 -05: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
AleksanderBodurri
2025717a13 fix(devtools): check if node.nativeelement is an instance of an HTMLElement before calling ng.getComponent on it (rangle/angular-devtools#93) 2020-02-26 10:17:27 -05:00
AleksanderBodurri
dd977f4b26 fix(devtools): fix regression that broke assignment of selected node to $ng0 variable (rangle/angular-devtools#89) 2020-02-25 10:32:04 -05:00
mgechev
113e4cc72d refactor(devtools): address review comments 2020-02-24 11:09:10 -05:00
mgechev
c3a8fcb08a refactor(devtools): address review comments 2020-02-24 11:09:10 -05:00
mgechev
41cb658e10 fix(devtools): handle corner cases when a component aims to replace an existing one 2020-02-24 11:09:10 -05:00
mgechev
b46b296255 fix(devtools): get proper change detection trigger 2020-02-24 11:09:10 -05:00
mgechev
632a12579b fix(devtools): prevent node overwriting 2020-02-24 11:09:10 -05:00
mgechev
4b2c509b61 test(devtools): disable two specs temporarily 2020-02-24 11:09:10 -05:00
mgechev
570adcf2f5 fix(devtools): proper calculation of the lifecycle hook duration 2020-02-24 11:09:10 -05:00
mgechev
dba943a4e2 feat(devtools): detect directives added to non-elements 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
23bc10cf7e fix(devtools): do not highlight nodes during initial rendering 2020-02-24 11:09:10 -05:00
mgechev
c44f00b78e feat(devtools): patch life cycle hooks 2020-02-24 11:09:10 -05:00
mgechev
a8088ac68f fix(devtools): proper timing for operations 2020-02-24 11:09:10 -05:00
mgechev
f454498274 fix(devtools): make sure we dont fail on null elements 2020-02-24 11:09:10 -05:00
mgechev
dca328e2ee refactor(devtools): remove time travel and aggregated timeline 2020-02-24 11:09:10 -05:00
mgechev
a00c19f101 feat(devtools): introduce directive records 2020-02-24 11:09:10 -05:00
mgechev
b3043bd61d refactor(devtools): type safe profiler records 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
451ff03d91 refactor(devtools): move the component tree identification to a better named file 2020-02-24 11:09:10 -05:00
mgechev
9d7b762d7d refactor(devtools): remove cyclic dependency 2020-02-24 11:09:10 -05:00
mgechev
17eea0549b fix(devtools): show new items using a class 2020-02-24 11:09:10 -05:00
mgechev
5d0d064b17 refactor(devtools): identity tracker 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
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
36fd1f89da refactor(devtools): use proper terminology for the observer 2020-02-24 11:09:10 -05:00
mgechev
ff0e41496e test(devtools): verify we can add top nodes 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
mgechev
4d8ca6565a refactor(devtools): dont create objects when dont have to 2020-02-24 11:09:10 -05:00
mgechev
86cb107fee feat(devtools): use flamegraph in timeline and aggregated view 2020-02-24 11:09:10 -05:00
AleksanderBodurri
a4a06eea18 perf(devtools): stream records incrementally so that they do not get sent all at once 2020-02-19 12:46:09 -08: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
mgechev
b455eb158e fix(devtools): make sure we invoke getComponent with an element 2020-02-18 10:47:27 -08:00
AleksanderBodurri
6cec6cf0cf refactor(devtools): use factory pattern to clean up ComponentTreeObserver callbacks in recording/index.ts (rangle/angular-devtools#54) 2020-02-11 14:44:09 -08:00
AleksanderBodurri
8ddd339bac refactor(devtools): clean up methods so that each one operates at one level of abstraction (rangle/angular-devtools#57) 2020-02-10 16:10:52 -08:00
AleksanderBodurri
3d3d67fd00 fix(devtools): implement shutdown event to prevent memory leak when reopening devtools (rangle/angular-devtools#53) 2020-02-07 20:29:15 -08:00
Sumit Arora
568d12b18f build(devtools): Updating libs to Angular 9 release version (rangle/angular-devtools#52) 2020-02-07 19:55:28 -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
AleksanderBodurri
8d81155052 fix(devtools): fix initialization of non-supported applications (rangle/angular-devtools#43) 2020-02-07 10:39:15 -08:00
mgechev
9d7333a32a refactor(devtools): do not use implicit any for result 2020-02-04 20:36:52 -05:00
mgechev
839c5c922e refactor(devtools): use type inference at the inspector assignment 2020-02-04 20:36:52 -05:00
mgechev
09bd230c6b refactor(devtools): use type inference for more specific type 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
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
2749398650 feat(devtools): use window object instead of getWindow method for setting a console reference 2020-01-31 16:51:42 -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
AleksanderBodurri
2b01bd365e docs(devtools): change generator comment to subscribe 2020-01-30 09:53:28 -05:00
AleksanderBodurri
208d1a7459 refactor(devtools): change message bus event naming from generate to subscribe 2020-01-30 09:51:52 -05:00
AleksanderBodurri
733cee3ba4 refactor(devtools): refactor client event subscriber initialization to a seperate file 2020-01-29 15:20:17 -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
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