AleksanderBodurri
2b1c7fb568
feat(devtools): create scroll buttons for breadcrumb feature
2021-03-01 15:09:35 -08:00
twerske
f08eaabb25
fix(devtools): theming of profiler tab
2021-02-22 14:36:13 -08:00
AleksanderBodurri
774e662b11
fix(devtools): bump up the split pane gutter size for the profiler split pane and hide the icon
2021-02-17 15:33:43 -08:00
AleksanderBodurri
c9f0ac1dc7
refactor(devtools): clean up mat-tab csss
2021-02-14 15:36:44 -08:00
twerske
8c92af6905
fix(devtools): color and font sizes and other visuals
2021-01-27 19:46:46 -08:00
AleksanderBodurri
92679792e0
fix(devtools): fix case where the state of the change detection checkbox in the flamegraph is lost when the component is destroyed
2021-01-26 16:03:49 -08:00
twerske
d28e601bd4
fix(devtools): align theme to other Chrome DevTools
...
fixes rangle/angular-devtools#489 contrast issue
fixes rangle/angular-devtools#594 double scrolling
changes colors to follow Chrome DevTools tabs (first pass)
2021-01-26 16:02:33 -08:00
AleksanderBodurri
b552687298
feat(devtools): Allow ctrl/meta click to select/deselect multiple frames
2021-01-07 16:54:28 -08:00
AleksanderBodurri
5b3ecb3ea2
feat(devtools): scroll profiler frame info tab independently of active visualizer
2021-01-07 16:53:38 -08:00
AleksanderBodurri
8f8268ff1e
feat(devtools): add dark mode styling to flame graph rectangle strokes
2020-09-14 16:54:19 +03:00
AleksanderBodurri
a10a18b88b
refactor(devtools): remove unused color scheme object
2020-09-14 16:54:19 +03:00
mgechev
224cc433dd
test(devtools): add tests for the frame merge algorithm
2020-08-28 16:29:05 +03:00
mgechev
3d9ac47d12
feat(devtools): merge frames in the range
2020-08-28 16:29:05 +03:00
mgechev
a5a942b732
feat(devtools): add selection of multiple frames with shift
2020-08-28 16:29:05 +03:00
mgechev
25016b8810
feat(devtools): add multiple frame selection pointers
2020-08-28 16:29:05 +03:00
Emma Twersky
2aaa03a50d
fix(devtools): fixed height for controls on flame graph and save button ( rangle/angular-devtools#470 )
...
Co-authored-by: Emma Twersky <emmatwersky@google.com>
2020-08-25 14:23:39 +03:00
Minko Gechev
0169295122
fix(devtools): linting errors to prevent ci failing ( rangle/angular-devtools#469 )
2020-08-25 14:22:58 +03:00
Emma Twersky
3633be9875
fix(devtools): Style Changes to Profiler, general color scheme, controls & responsiveness ( rangle/angular-devtools#468 )
...
* make angular version number copyable
* Make version selectable
* change instructions and icons in profiler
* make font size responsive
* fix: move checkbox to control panel
* fix: change loading indicator to match style
* fix: profiler tab style of graphs
* fix: version responsive to size
* fix: version colors
* fix: flame graph colors and change detection
Co-authored-by: Emma Twersky <emmatwersky@google.com>
2020-08-24 23:19:37 +03:00
AleksanderBodurri
db449b531d
fix(devtools): unsubscribe from file upload Subscription instead of Subject
2020-08-10 18:35:47 +03:00
AleksanderBodurri
d8b62cbc5b
refactor(devtools): export profile to a filename that more closely follows chrome devtools profile exports
2020-08-10 18:35:47 +03:00
mgechev
9b8e170927
refactor(devtools): remove important directives and move style overrides
...
This PR introduces the following improvements:
- We no longer override styles using the global `styles.scss`. This way we can leak override and have unexpected behavior.
- This allows us to remove the `!important` directives, which are considered bad practice.
- Few fixes in the contrast for some elements.
2020-07-13 21:40:22 +03:00
Sumit Arora
07affb443d
style(devtools): styling graphs
2020-06-17 10:07:25 -07:00
Sumit Arora
2e0482ada6
style(devtools): implementing dark mode
2020-06-17 10:07:25 -07:00
mgechev
d638f9b172
feat(devtools): update to latest flamegraph
2020-06-02 19:11:19 -07:00
mgechev
06c184aa48
feat(devtools): add animations in the bar chart
2020-05-18 18:21:03 -07:00
mgechev
9170d6ae0b
refactor(devtools): remove dependency on ngx-charts
2020-05-18 18:21:03 -07:00
mgechev
5c0031d944
fix(devtools): broken virtual scroll layout on resize
...
Fix rangle/angular-devtools#342
2020-05-11 14:31:34 -07:00
mgechev
ac2cd3757b
feat(devtools): introduce streamed visualization of the profiling data
2020-05-07 13:56:31 -07:00
mgechev
880d1d0ed4
fix(devtools): alignment issue in idle profiler
2020-05-06 23:33:00 -04: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
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
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
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
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
1320c8d36f
refactor(devtools): rename tree graph to tree map
2020-03-31 07:39:15 -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