Commit Graph

45 Commits

Author SHA1 Message Date
Sumit Arora 8c9645849a feat(devtools): updating to karma-coverage and setting clear context to true 2021-05-03 15:43:45 -07:00
mgechev ff45fbd075 feat(devtools): implement output profiling 2021-04-29 10:25:01 -07:00
Sumit Arora 0c10ddb98c refactor(devtools): adding router-tree tests and reverting configuration 2021-03-01 15:10:35 -08:00
Sumit Arora f28dae22ec feat(devtools): adding router tree 2021-03-01 15:10:35 -08:00
Renovate Bot 5dec59bd99 build(devtools): update angular-framework 2020-11-20 16:25:35 +02:00
mgechev 35f606b8ee build(devtools): revert solution-style tsconfig to align with cli 2020-08-12 18:10:34 +03:00
mgechev 04e41b3606 build(devtools): update to latest project structure 2020-07-13 19:32:51 +03:00
Renovate Bot 46f842bf92 build(devtools): update angular-framework 2020-06-27 15:11:07 -07:00
Renovate Bot a29ca902d3 build(devtools): update dependency tslib to v2 2020-05-14 15:20:37 -07:00
AleksanderBodurri dd71a52466 feat(devtools): Implement basic configuration UI and use it to toggle Timing API 2020-05-09 18:15:48 -07:00
mgechev 4fc8a075c0 fix(devtools): initialization and popup logic
- Rename the popups and introduce a new one - supported version but no ivy
- Change the initialization logic to reflect the latest profiling updates
2020-05-04 18:33:17 -04:00
AleksanderBodurri 4b9031263f feat(devtools): add ivy check 2020-04-20 12:35:24 -07:00
AleksanderBodurri 363f7954c4 feat(devtools): clicking on element with component inspector enabled will select that component in the directive explorer 2020-04-14 15:27:59 -07:00
AleksanderBodurri 285b5dbe91 feat(devtools): allow user to view change detection strategy and view encapsulation of a component in the property explorer (rangle/angular-devtools#257) 2020-04-08 11:35:50 -07:00
mgechev f39fe31355 refactor(devtools): decrease refresh throttling to 100ms 2020-04-01 13:23:08 -07:00
mgechev 691e495b6b feat(devtools): add duration field to the ProfilerFrame
This way we open the door for further optimizations and make it possible to introduce customization of the output of the formatters per component-level.
2020-03-31 18:31:27 -04:00
mgechev 54c14c251a feat(devtools): optionally show change detection duration only when run 2020-03-31 18:31:27 -04:00
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 f8bb080157 feat(devtools): pass input/output data through from application to devtools UI 2020-03-22 19:59:30 -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 48c140038b fix(devtools): refresh & reinitialize on navigation 2020-03-13 18:49:46 -07:00
AleksanderBodurri 059da5d908 feat(devtools): implement reload message bus event that calls window.location.reload inside of the dev tools 2020-03-12 15:54:47 -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 d1d31e2a8f refactor(devtools): remove unused enums 2020-03-02 09:07:29 -10: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 c44f00b78e feat(devtools): patch life cycle hooks 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 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
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 70bddc85f3 refactor(devtools): remove unnecessary calls to handshakeWithBackend and unused syn event (rangle/angular-devtools#55) 2020-02-10 16:14:22 -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
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
AleksanderBodurri e3c1c16f94 refactor(devtools): queryComponentTree; change nativeElement type to be Element 2020-02-01 22:54:35 -05:00
AleksanderBodurri 26fb1f4d4b feat(devtools): create message bus event for component selection 2020-01-31 13:54:51 -05:00
mgechev 98a96608a6 Initial commit for Angular DevTools 2020-01-29 11:52:19 -08:00