verdie-g / dotnet-event-viewer Goto Github PK

View Code? Open in Web Editor NEW

0.0 2.0 0.0 254 KB

Analyze .NET logs collected with dotnet-trace in the browser

Home Page: https://verdie-g.github.io/dotnet-events-viewer/

License: MIT License

HTML 7.26% CSS 0.79% C# 91.96%

blazor dotnet eventpipe nettrace perfview

dotnet-event-viewer's Introduction

.NET Events Viewer

This tool is a modern alternative to PerfView to analyze nettrace files collected from the .NET runtime's EventPipe or through the tool dotnet-trace. It has several benefits compared to PerfView:

User Friendly: even though I was using PerfView every week, I would always forget how to use it (e.g. how to filter GCAllocationTick events by large allocations again?). The interface of this project aims to be as intuitive as possible.
No Downloads: the tool is compiled to WebAssembly and is available directly from your browser so you don't have yet-another-tool to download and keep up-to-date. Note that the analysed trace files never exit your browser.
Cross-Platform: since it runs in the browser, this tool works on Windows, Mac, and Linux.

FAQ

I'm getting a `File is too large to fit in memory` error when loading a nettrace

Unfortunately, WebAssembly currently only allows 32-bit addressing, so it means the decompressed file is limited to 4 GiB. Also, there is currently another issue, only 1 of the 4 GiB can be used https://github.com/dotnet/runtime/issues/101926.

The feature X from PerfView is not available with this tool

This project aims to cover the most common use-cases according to my experience, i.e. find hot allocations path, find large object allocations, find sync-over-async or other thread starving patterns... So it's possible that some PerfView features are not available. Don't hesitate to open an issue if you feel like it should exist in this project.

Why was a new nettrace parser written for this project?

PerfView's nettrace parser is actually a nettrace to etlx converter + an etlx parser. Also, its performance is not great and it doesn't support async input which is mandatory to run in the browser.

dotnet-event-viewer's People

Contributors

Watchers

dotnet-event-viewer's Issues

Build events tree in the background

To avoid blocking the UI. https://github.com/Tewr/BlazorWorker could help.

Extract EventName out of the filters

Make it it's own thing because it has different behaviors (e.g. needed to filter event fields).

Improve home page

Currently it only has an input to upload a file. It should give some context about the project and how to generate a nettrace using dotnet-trace.

Throw proper exceptions for invalid nettrace file

Instead of Debug.Assert

Show event details on click in list view

Hardcode more events metadata for common keywords

Filter field name autocompletion

After the event name is selected, only field for that event should be selectable. Same for the column selections.

OOM on large files

A 3 GB file threw a OOM exception which is unexpected since only 30% of my 32GB were used.

Create custom IReadOnlyDictionary payload for known events

That can boost the loading perf by more than x2 and decrease the trace footprint by x2!

Add trace duration as extra metadata

Add visualization page similar to Kibana

Deploy as a Github Page

Task wait duration aggregator

Move page-specific input in QueryBuilder

Node Decorator
Field Selector
bottom up

Should be moved to the QueryBuilder.

Improve aggregator experience

Disable aggregators according to the selected events
Automatically select stop events when their start event is selected
Event ids are mixed with event names. Choose one

Print error for too large files

Add nettrace file name to page title

Migrate to MudBlazor

I found too many bugs in Fluentui-blazor and I don't have the time to report them. Also MudBlazor has a lot more components.

Filter for events

Add a form on the list and the tree to filter events by name by also by field. I'm thinking about a mix of Grafana Tempo and Datadog:

Add events decorator for WaitHandle and Contention

Task duration aggregator

Show events details on click in tree view

Human-readable timestamp

Currently the timestamp is a QPC timestamp or something? Convert it to something that makes more sense to the user.

Bottom-up call tree

Autocomplete event names

Add a hover effect on the events list rows

There is a click event on rows but there is no signifiers for it. This PR seems to add it to FluentUI Blazor microsoft/fluentui-blazor#1952.

Add "thread pool stacks" only filter

A filter to only show stacks originating from a thread pool thread. That's useful for thread starvation scenarios. It could be detected by looking at the symbol names of the stacks or maybe an event already contain the info if a thread id is from the thread pool.

Add GitHub icon to the navbar

Add stats page

GC stats
ASP.NET Core stats

Use FluentTreeView.LazyLoadItems

It's being implemented there microsoft/fluentui-blazor#1945 and should greatly boost the render time of the call tree.