From 5dda54e2be7176e4662297cd97ac991cf5ae1a4b Mon Sep 17 00:00:00 2001
From: verdie-g <gregoire.verdier@gmail.com>
Date: Thu, 19 Sep 2024 20:27:03 -0400
Subject: [PATCH] Add dotnet-trace examples on home page

---
 DotnetEventsViewer/Pages/Home.razor | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/DotnetEventsViewer/Pages/Home.razor b/DotnetEventsViewer/Pages/Home.razor
index 47fa9bc..444517b 100644
--- a/DotnetEventsViewer/Pages/Home.razor
+++ b/DotnetEventsViewer/Pages/Home.razor
@@ -49,6 +49,30 @@
     </ChildContent>
 </FluentInputFile>
 
+<h2 style="margin-top: 8px">Collect events with dotnet-trace</h2>
+
+<p>
+    Here are a few examples about how to collect the most common EventPipe events. These commands will generate a
+    nettrace file that you can drop up there.
+</p>
+
+<h3>Collect allocation events</h3>
+
+<pre><code>dotnet-trace collect --clrevents gc --clreventlevel verbose --process-id $PID</code></pre>
+
+<h3>Collect CPU samples</h3>
+
+<pre><code>dotnet-trace collect --profile cpu-sampling --process-id $PID</code></pre>
+
+<h3>Collect contention events</h3>
+
+<pre><code>dotnet-trace collect --clrevents contention --process-id $PID</code></pre>
+
+<h3>Collect wait events</h3>
+
+<pre><code>dotnet-trace collect --clrevents waithandle --clreventlevel verbose --process-id $PID</code></pre>
+
+
 @code {
     private int _progressPercent;