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
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
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
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
