mgechev
880d1d0ed4
fix(devtools): alignment issue in idle profiler
2020-05-06 23:33:00 -04: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
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
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
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
AleksanderBodurri
879ce4562e
refactor(devtools): remove broken copy to clipboard feature
2020-03-31 09:47:59 -07:00
mgechev
85e01af432
fix(devtools): layout when visualizing the profiling data
2020-03-31 12:20:12 -04:00
mgechev
016a1e54d7
feat(devtools): add top-level element to allow zoom out with multi roots
2020-03-31 12:20:12 -04:00
mgechev
b39d6540ac
build(devtools): update ngx-flamegraph to 0.0.6
2020-03-31 12:20:12 -04:00
AleksanderBodurri
e332d5ded1
refactor(devtools): remove unnecessary logic from property editor
2020-03-31 08:38:38 -07:00
AleksanderBodurri
1320c8d36f
refactor(devtools): rename tree graph to tree map
2020-03-31 07:39:15 -07:00
AleksanderBodurri
f4e404c8ce
refactor(devtools): remove scrollIntoView ponyfill
2020-03-30 13:23:44 -07:00
AleksanderBodurri
e60d9fb23a
refactor(devtools): lift breadcrumbs up a level on the component tree to avoid using fixed positioning css
2020-03-30 13:23:44 -07:00
AleksanderBodurri
e1691b2ab5
fix(devtools): prevent default behaviour before calculating new scroll position to fix bug when traversing directive forest with arrow keys ( rangle/angular-devtools#213 )
2020-03-30 12:35:47 -07:00
AleksanderBodurri
be7a0c25cb
feat(devtools): set showNode option to show most nodes in the treegraph ( rangle/angular-devtools#219 )
2020-03-30 12:35:21 -07:00
mgechev
20398cfa52
perf(devtools): faster bar chart formatting
...
The array allocation in `addSpaces` was talking a lot of time. We were also recomputing same result very frequently.
2020-03-30 12:33:03 -07:00
mgechev
1cce9117a0
refactor(devtools): use single color in the bar chart
...
Lots of folks are confused by the multiple colors which don't have meaning at the moment.
2020-03-30 15:22:10 -04:00
AleksanderBodurri
957034bf93
feat(devtools): migrate devtools and demo app to scss for styling
2020-03-29 13:49:19 -07:00
AleksanderBodurri
5b0ca27360
refactor(devtools): move all profiler files to be under devtool-tabs where the initial profiler component is rendered
2020-03-28 12:56:05 -07:00
Sumit Arora
53da6bb0a8
feat(devtools): updating record formatter to get directive values
2020-03-27 21:23:05 -07:00
Sumit Arora
b4dc6f7bea
feat(devtools): updating bargraph formatter
2020-03-27 21:23:05 -07:00
Sumit Arora
2bfb96d5bb
feat(devtools): setting bar graph as default option
2020-03-27 21:23:05 -07:00
Sumit Arora
b3a948eca3
feat(devtools): renaming timeline graph options
2020-03-27 21:23:05 -07:00
Sumit Arora
637c6de204
feat(devtools): adding bargraph visualization to timeline
2020-03-27 21:23:05 -07:00
Sumit Arora
2b48785931
feat(devtools): adding bargraph visualizer
2020-03-27 21:23:05 -07:00
Sumit Arora
556997abab
feat(devtools): adding bargraph formatter
2020-03-27 21:23:05 -07:00
AleksanderBodurri
97f88712e6
fix(devtools): drag and drop when selecting input; fix: console warning on update state error ( rangle/angular-devtools#205 )
...
* fix: console warn correct variable on update state failure
* fix: prevent drag from occuring on property edit inputs
2020-03-27 15:59:03 -07:00
