Commit graph

53 commits

Author SHA1 Message Date
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