Updated unhandled exception handler in UI

src/EventLogExpert/Main.razor

@@ -1,12 +1,15 @@
-<Fluxor.Blazor.Web.StoreInitializer />
-<Router AppAssembly="@typeof(Main).Assembly">
-	<Found Context="routeData">
-		<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
-        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
-	</Found>
-	<NotFound>
-		<LayoutView Layout="@typeof(MainLayout)">
-			<p role="alert">Sorry, there's nothing at this address.</p>
-		</LayoutView>
-	</NotFound>
-</Router>
+<UnhandledExceptionHandler>
+    <Fluxor.Blazor.Web.StoreInitializer />
+
+    <Router AppAssembly="@typeof(Main).Assembly">
+        <Found Context="routeData">
+            <RouteView DefaultLayout="@typeof(MainLayout)" RouteData="@routeData" />
+            <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+        </Found>
+        <NotFound>
+            <LayoutView Layout="@typeof(MainLayout)">
+                <p role="alert">Sorry, there's nothing at this address.</p>
+            </LayoutView>
+        </NotFound>
+    </Router>
+</UnhandledExceptionHandler>

src/EventLogExpert/MauiProgram.cs

@@ -28,8 +28,9 @@ public static MauiApp CreateMauiApp()
 
         builder.Services.AddMauiBlazorWebView();
 
-        if (Environment.GetCommandLineArgs().Contains("/EnableConsole", StringComparer.OrdinalIgnoreCase) ||
-            Environment.Version.CompareTo(new Version("9.0.0")) == 0)
+#if RELEASE
+        if (Environment.GetCommandLineArgs().Contains("/EnableConsole", StringComparer.OrdinalIgnoreCase))
+#endif
         {
             builder.Services.AddBlazorWebViewDeveloperTools();
         }

src/EventLogExpert/Shared/MainLayout.razor

@@ -1,9 +1,9 @@
-@using EventLogExpert.Shared.Components
+@using EventLogExpert.Components
+@using EventLogExpert.Shared.Components
 @using EventLogExpert.Shared.Components.Filters
-@using EventLogExpert.Components
 @inherits LayoutComponentBase
 
-<div class="page" tabindex="0" @onkeyup="HandleKeyUp">
+<div class="page" @onkeyup="HandleKeyUp" tabindex="0">
     <SettingsModal />
     <FilterCacheModal />
     <FilterGroupModal />
@@ -12,10 +12,10 @@
     <TableColumnMenu />
     <ContextMenu />
 
-    <div class="display_layout">
+    <div class="page">
         <FilterPane />
         <EventTable />
         <DetailsPane />
+        <StatusBar />
     </div>
-    <StatusBar />
 </div>

src/EventLogExpert/Shared/UnhandledExceptionHandler.razor

@@ -0,0 +1,18 @@
+@inherits ErrorBoundary
+
+@if (CurrentException is null)
+{
+    @ChildContent
+}
+else if (ErrorContent is not null)
+{
+    @ErrorContent(CurrentException)
+}
+else
+{
+    <div class="page">
+        @ChildContent
+
+        <div class="blazor-error-boundary"></div>
+    </div>
+}

src/EventLogExpert/Shared/UnhandledExceptionHandler.razor.cs

@@ -0,0 +1,21 @@
+// // Copyright (c) Microsoft Corporation.
+// // Licensed under the MIT License.
+
+using EventLogExpert.Eventing.Helpers;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.Extensions.Logging;
+
+namespace EventLogExpert.Shared;
+
+public partial class UnhandledExceptionHandler : ErrorBoundary
+{
+    [Inject] private ITraceLogger TraceLogger { get; set; } = null!;
+
+    protected override Task OnErrorAsync(Exception exception)
+    {
+        TraceLogger.Trace($"Unhandled exception in UI:\r\n{exception}", LogLevel.Critical);
+
+        return base.OnErrorAsync(exception);
+    }
+}

src/EventLogExpert/wwwroot/css/app.css

@@ -60,6 +60,7 @@ html, body {
 .page {
     display: flex;
     flex-direction: column;
+    height: 100%;
     background-color: var(--background-dark);
     color: var(--clr-lightblue);
 }

src/EventLogExpert/wwwroot/index.html

@@ -14,7 +14,7 @@
 
     <div class="status-bar-safe-area"></div>
 
-    <div id="app">Loading...</div>
+    <div id="app" style="height: 100%">Loading...</div>
 
     <div id="blazor-error-ui">
         An unhandled error has occurred.