Commit graph

283 commits

Author SHA1 Message Date
mgechev
ac2cd3757b feat(devtools): introduce streamed visualization of the profiling data 2020-05-07 13:56:31 -07:00
mgechev
a5955930dd fix(devtools): node selection with collapsed nodes 2020-05-06 23:33:00 -04:00
mgechev
9ad12dd3c6 fix(devtools): remove redundant scrollbar 2020-05-06 23:33:00 -04:00
mgechev
880d1d0ed4 fix(devtools): alignment issue in idle profiler 2020-05-06 23:33:00 -04: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
mgechev
c17b5fdc3e refactor(devtools): temporarily disable timingg API 2020-05-04 18:33:17 -04:00
mgechev
288ecfd994 fix(devtools): consider change detection completed after a microtask 2020-05-04 18:33:17 -04:00
mgechev
be6ffb4f23 refactor(devtools): use single change detection tracker 2020-05-04 18:33:17 -04:00
mgechev
ccee9302a0 refactor(devtools): observer logic so that we can have a single instance
We currently have a single instance of the directive forest observer. It's shared between the identity tracker and the capturer.
2020-05-04 18:33:17 -04:00
mgechev
2eb4771ea6 refactor(devtools): use different hook mechanism 2020-05-04 18:33:17 -04:00
mgechev
df5857ddc2 feat(devtools): introduce timing API support 2020-05-04 18:33:17 -04:00
AleksanderBodurri
8d319dd486 feat(devtools): make devtools fail elegantly for view engine apps 2020-05-04 10:33:23 -07:00
mgechev
d4fc65504b fix(devtools): ensure compatibility with angular v10.0.0+ 2020-05-02 20:24:15 -04:00
AleksanderBodurri
12a3de91ce refactor(devtools): change console log messaging to be more informative without exposing message layer abstractions 2020-04-28 12:23:43 -07:00
AleksanderBodurri
e55a24cf30 fix(devtools): remove runOutsideAngular wrapper on mouse move event 2020-04-24 09:45:46 -07:00
AleksanderBodurri
9f9fcdc128 refactor(devtools): rename selected-component.ts to set-console-reference.ts to better describe usage 2020-04-21 12:18:22 -07:00
AleksanderBodurri
1181e4cadc fix(devtools): remove tree node highlight when a component is selected from the highlighter 2020-04-21 09:51:28 -07:00
AleksanderBodurri
4b9031263f feat(devtools): add ivy check 2020-04-20 12:35:24 -07:00
AleksanderBodurri
b5e95ce468 feat(devtools): inform user that devtools has limited functionality in production mode 2020-04-20 12:35:24 -07:00
AleksanderBodurri
16c485182f build(devtools): fix lint error in devtools component (rangle/angular-devtools#295) 2020-04-17 12:59:38 -07:00
AleksanderBodurri
502ab94003 feat(devtools): remove timeout and add new loading/error state message (rangle/angular-devtools#291) 2020-04-16 13:32:12 -07:00
AleksanderBodurri
0613d7e4f2 build(devtools): add linting to ci (rangle/angular-devtools#285)
* chore: fix lint errors

* build: add linting to ci pipeline
2020-04-15 14:22:49 -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
b1eac8b46d refactor(devtools): extract controls and frame selection logic into seperate components (rangle/angular-devtools#281) 2020-04-14 15:04:50 -07:00
mgechev
8c9336d1a2 fix(devtools): consistent console reference hint styles with chrome devtools 2020-04-09 09:19:52 -07:00
mgechev
284300abdb fix(devtools): consistent styles across shell dev and chrome 2020-04-09 09:19:49 -07:00
mgechev
0579e98a1c feat(devtools): introduce virtual scrolling in directive explorer 2020-04-09 09:19:44 -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
Minko Gechev
544d82fcc3 fix(devtools): debounce dirty notifications and ignore vendorChunk (rangle/angular-devtools#264)
1. On scroll event we can very aggressively request updates. Although we have throttling logic, it still can be quite a heavy operation in the front end. Here we introduce 50ms throttling.
2. Do not produce `vendorChunk` in development (and production) modes.
2020-04-08 11:34:25 -07:00
Minko Gechev
08fb1fa67d build(devtools): add script for setting manifest version (rangle/angular-devtools#245) 2020-04-06 18:58:11 -07:00
AleksanderBodurri
67a89a02d6 feat(devtools): allow user to click on function properties to inspect that function in the chrome devtools (rangle/angular-devtools#234) 2020-04-06 15:02:51 -07:00
mgechev
342ea4ebd7 feat(devtools): show timeline bars color dependant on the framerate 2020-04-06 17:18:23 -04:00
AleksanderBodurri
d3873dd628 refactor(devtools): remove render case that is no longer used (rangle/angular-devtools#248) 2020-04-03 13:58:36 -07:00
AleksanderBodurri
50fbbbcb8f fix(devtools): remove tree wrapper height css to let the height default to how many nodes are being displayed (rangle/angular-devtools#244) 2020-04-03 06:53:01 -07:00
AleksanderBodurri
a7ea578507 feat(devtools): display latest commit SHA in application (rangle/angular-devtools#243)
* build: set latest SHA commit as system environment variable for chrome build

* build: set latest SHA commit as sys variable for demo build

* feat: create application environment abstraction to reference environment variables inside the ng-devtools library

* test: fix devtools component test
2020-04-02 16:23:03 -07:00
Sumit Arora
21a50b10be fix(devtools): fixing the bar graph height issue 2020-04-02 09:00:19 -07:00
AleksanderBodurri
0ba899bfd5 refactor(devtools): remove ng.getComponent calls in places it is no longer needed 2020-04-01 15:17:52 -07:00
mgechev
f39fe31355 refactor(devtools): decrease refresh throttling to 100ms 2020-04-01 13:23:08 -07:00
mgechev
6a87b79190 fix(devtools): reset the timeline component when discarding a recording
This way we don't preserve the selected `ProfilerFrame` across recordings.
2020-03-31 19:59:12 -07:00
mgechev
29b9021113 perf(devtools): use WeakMap to reduce memory usage when memoizing 2020-03-31 22:32:26 -04:00
mgechev
dc2c0ba0c3 refactor(devtools): drop the dummy method in BarGraphFormatter 2020-03-31 18:31:27 -04:00
mgechev
f848ef8d1b feat(devtools): add functionality for visualizing change detection 2020-03-31 18:31:27 -04:00
mgechev
b3b0879053 perf(devtools): don't reformat the same record multiple times
Use memoization with the memo-decorator.
2020-03-31 18:31:27 -04: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
Sumit Arora
4320221815 feat(devtools): adding parent hierarchy list view 2020-03-31 13:12:51 -07:00
Sumit Arora
c6fd1895c5 feat(devtools): adding parent hierarchy to bar graph formater 2020-03-31 13:12:51 -07:00
Sumit Arora
2b3acd6a06 feat(devtools): adding bar graph details section 2020-03-31 13:12:51 -07:00
AleksanderBodurri
f5cad86902 fix(devtools): fix ExpressionChangedAfterItHasBeenCheckedError by manually triggering change detection when parents are set in directive explorer 2020-03-31 12:50:04 -07:00
AleksanderBodurri
249d4cf237 fix(devtools): add back css that removed after a rebase 2020-03-31 12:50:04 -07:00