Moonlight-Panel/Moonlight
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented SignalR scaling using redis. Improved diagnose report generator. Added SignalR debug card in Diagnose page

Browse Source
This commit is contained in:
ChiaraBm
2025-09-16 08:02:53 +00:00
parent 8573fffaa2
commit efca9cf5d8
15 changed files with 193 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
Moonlight.Client/UI/Components/SignalRDebug.razor Normal file
View File

@@ -0,0 +1,62 @@
@using Microsoft.AspNetCore.SignalR.Client
@using Microsoft.Extensions.DependencyInjection
@inject NavigationManager Navigation
@inject ToastService ToastService
@implements IAsyncDisposable
<div class="card">
<div class="card-header">
<h3 class="card-title">SignalR</h3>
</div>
<div class="card-body">
<p>
<a class="link" href="https://dotnet.microsoft.com/en-us/apps/aspnet/signalr">SignalR</a> is used by Moonlight to provide realtime communication to itself and other modules.
You can test the SignalR communication by pressing the button below. For scaled instances you need to configure a redis compatible server to be used by all your replicas in order
for all SignalR Hubs to be synced.
</p>
<div class="mt-5">
<LazyLoader Load="Load">
<WButton OnClick="OnClick" CssClasses="btn btn-primary">
Send broadcast
</WButton>
</LazyLoader>
</div>
</div>
</div>
@code
{
private HubConnection? Connection;
private async Task Load(LazyLoader lazyLoader)
{
await lazyLoader.UpdateText("Connecting to SignalR endpoint");
Connection = new HubConnectionBuilder()
.WithUrl(Navigation.ToAbsoluteUri("/api/admin/system/diagnose/ws"))
.AddJsonProtocol()
.Build();
Connection.On(
"Pong",
async () => await ToastService.Success("Received broadcast")
);
await Connection.StartAsync();
}
private async Task OnClick(WButton _)
{
if (Connection == null)
return;
await Connection.SendAsync("Ping");
}
public async ValueTask DisposeAsync()
{
if (Connection != null) await Connection.DisposeAsync();
}
}

22
Moonlight.Client/UI/Views/Admin/Sys/Diagnose.razor
View File

@@ -3,6 +3,7 @@
@using Microsoft.AspNetCore.Authorization
@using MoonCore.Blazor.FlyonUi.Helpers
@using MoonCore.Helpers
@using Moonlight.Client.UI.Components
@using Moonlight.Shared.Http.Requests.Admin.Sys
@using Moonlight.Shared.Http.Responses.Admin.Sys
@@ -15,22 +16,19 @@
<NavTabs Index="5" Names="UiConstants.AdminNavNames" Links="UiConstants.AdminNavLinks"/>
</div>
<div class="grid grid-cols-2">
<div class="col-span-2 md:col-span-1 card">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
<div class="col-span-1 card">
<div class="card-header">
<span class="card-title">Diagnose</span>
<span class="card-title">Report</span>
</div>
<div class="card-body">
<p>
If you're experiencing issues or need help via our Discord, you're in the right place here!
By pressing the button below, Moonlight will run all available diagnostic checks and package the results
into a
downloadable zip file.
The report includes useful information about your system, plugins, and environment, making it easier to
identify problems or share with support.
With the button below you can create a diagnose report containing all important information to troubleshoot your moonlight instance and its modules.
The diagnose file is a zip containing different logs and censored config files which can be shared with our support on discord.
If you only want to export specific parts of the diagnose report, click on "Advanced" and select the desired providers
</p>
<WButton OnClick="GenerateDiagnose" CssClasses="btn btn-primary my-5">Generate diagnose</WButton>
<WButton OnClick="GenerateDiagnose" CssClasses="btn btn-primary my-5">Generate report</WButton>
<div class="text-sm">
<a class="text-primary cursor-pointer flex items-center" @onclick:preventDefault
@@ -67,6 +65,10 @@
</div>
</div>
</div>
<div class="col-span-1">
<SignalRDebug />
</div>
</div>
@code