Adopt b2b.next's client patterns: services, page state, feedback

Ported from the owner's b2b.next and adapted from MudBlazor to the daisyUI
components:
- LocalizableComponentBase provides CascadingState, Navigation, Toast,
  IsLoading/IsDefaultDisabled, WhenOnline/StartOnlinePolling, and after-render
  jobs that actually run.
- CascadingState starts with initialised state and polls the online status
  with a PeriodicTimer. It reports errors through ILoggingService plus a toast,
  and disposes what it holds.
- New pieces:
  - ToastService + ToastHost, the snackbar, with AddResponseError/Success/
    Warning/Exception in SUtility;
  - ErrorViewer, which shows the validation messages plus AdditionalError(s);
  - LoggingService, which writes to the console and the IndexedDB client log.
- HttpService is rebuilt and registered:
  - auth levels Get/Post/Delete, *Anon and *TotallyAnon;
  - retry with backoff;
  - classified failures (FailureCodes) instead of exceptions;
  - HTTP 410 on cancel;
  - the "default" client.
  ReadWebResult and DefaultReadFromJsonAsync read its responses.
- ClientJsonContext is source-generated, and SUtility.DefaultSerializer and
  Blazored.LocalStorage use it.
- WebResult gains a C# 14 IsInvalid extension property.

The code follows the imported rules:
- Every service and async helper takes a CancellationToken last.
- Primary constructors replace constructor-plus-fields.
- MessagesService and IStorage return Task<WebResult> / Task<List<T>>.
  MessagesService is still mock, building its results in memory; the seed
  feed and thread moved to Faker.
- Index and ExpandMessage follow the page pattern: an offline guard with
  WhenOnline, LoadData, and early returns with toasts on the results they used
  to ignore. ExpandMessage reloads on route change and shows "not found"
  instead of a null message.
- Model and state collections are [], and the fake identity defaults moved
  out of the models.
- Components:
  - no ?. chains over initialised state;
  - [Inject] instead of @inject;
  - IsDefaultDisabled on the actions;
  - autocomplete on every text input;
  - Localizer[key, args] instead of string.Format;
  - the localizer no longer leaks its inner _pLocalizer.
- Settings → General gains a language picker (English/Italiano), and
  SetDefaultCulture limits the culture to those two.

Bugs fixed along the way:
- A compose with untouched (null) content passed the empty check.
- File errors were joined with <br/> and rendered as markup.
- ClientLogs.ErrorMessage() threw on warnings.
- CoalescingStringLocalizer[key, args] showed a raw "{0}" for missing keys.
- AppStatusService exposed a call to a JS function that doesn't exist.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed 2026-10-03 15:26:21 +02:00
1 parent ca060f25fb
commit 95428430c0
55 files changed
+1844 -1337

No files matched your search

-1
View File
@@ -177,5 +177,4 @@
</section>
@code {
[CascadingParameter] CascadingState CascadingState { get; set; }
}
+109 -110
View File
@@ -14,29 +14,37 @@
@Localizer["loading"]
</p>
}
@foreach (var message in Ancestors)
else if (IsNotFound)
{
<Content CssContainer="ml-6 w-auto" IncludeExpand="false" Message="message"
OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
<p class="w-full text-center text-lg">
<i class="ion-ios-remove-circle-outline"></i> @Localizer["This message doesn't exist."]
</p>
}
<Content Highlighted="true" IncludeExpand="false" Message="CurrentMessage"
OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
@foreach (var message in Descendants)
else
{
<Content CssContainer="ml-6 w-auto" IncludeExpand="false" Message="message"
@foreach (var message in Ancestors)
{
<Content CssContainer="ml-6 w-auto" IncludeExpand="false" Message="message"
OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
}
<Content Highlighted="true" IncludeExpand="false" Message="CurrentMessage"
OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
@foreach (var message in Descendants)
{
<Content CssContainer="ml-6 w-auto" IncludeExpand="false" Message="message"
OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
}
}
</div>
@@ -45,146 +53,137 @@
</div>
@code {
[CascadingParameter] CascadingState CascadingState { get; set; }
[Inject] NavigationManager Navigation { get; set; }
[Inject] IStorage DbStorage { get; set; }
[Inject] ILocalStorageService LocalStorage { get; set; }
[Inject] IBlazorDownloadFileService BlazorDownloadFileService { get; set; }
[Inject] MessagesService MessagesService { get; set; }
[Parameter] public string MessageId { get; set; }
List<Message> Ancestors { get; set; } = new();
List<Message> Ancestors { get; set; } = [];
Message CurrentMessage { get; set; } = new();
List<Message> Descendants { get; set; } = new();
List<Message> Descendants { get; set; } = [];
bool IsNotFound { get; set; }
TimeSortingType TimeSortingType { get; set; } = TimeSortingType.Ascending;
protected override async Task OnInitializedAsync()
// Parameters rather than initialization: following a link to another message reuses this page.
protected override async Task OnParametersSetAsync()
{
if (MessageId is { Length: 0 })
if (string.IsNullOrEmpty(MessageId))
{
Navigation.NavigateTo("/");
Navigation.NavigateTo("");
return;
}
var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter));
if (filters == default)
await LocalStorage.SetItemAsync(nameof(ActionBarFilter), new ActionBarFilter());
else
TimeSortingType = filters.TimeSortingType;
IsLoading = true;
var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter)) ?? new();
TimeSortingType = filters.TimeSortingType;
CurrentMessage = await DbStorage.GetMessage(MessageId);
Ancestors = new List<Message>
if (CascadingState.IsOffline)
{
new()
{
RootMessageId = default,
MessageId = "51C698E3-7C28-4C90-9212-48D5C81DE089",
User = Faker.GetRandomUser(),
MessageType = (MessageType)Random.Shared.Next(0, 4),
Title = CurrentMessage?.Title,
Content = "<p>esempio di messaggio <b>precedente</b> a quello espanso</p>",
Medias = new(),
CreatedAt = DateTime.UtcNow.AddMinutes(Random.Shared.Next(-5000, 0)),
IsFavourite = Random.Shared.Next() % 2 == 0,
BoostsCounter = Random.Shared.Next(0,100),
IsBoostedByCurrentUser = Random.Shared.Next() % 2 == 0,
}
};
WhenOnline(LoadData);
StartOnlinePolling();
IsLoading = false;
return;
}
Descendants = new List<Message>
{
new()
{
RootMessageId = default,
MessageId = "0569A1DF-46FC-4485-9F11-F8CDFB794404",
User = Faker.GetRandomUser(),
MessageType = (MessageType)Random.Shared.Next(0, 4),
Title = CurrentMessage?.Title,
Content = "<p>esempio di messaggio <b>successivo</b> a quello espanso</p>",
Medias = new(),
CreatedAt = DateTime.UtcNow.AddMinutes(Random.Shared.Next(-5000, 0)),
IsFavourite = Random.Shared.Next() % 2 == 0,
BoostsCounter = Random.Shared.Next(0,100),
IsBoostedByCurrentUser = Random.Shared.Next() % 2 == 0,
}
};
await LoadData();
IsLoading = false;
}
void OnTimeSortingChanged(TimeSortingType timeSortingType)
// The thread: the message from IndexedDB, the ones around it mock (Faker) until the app reads PrivaPub's context.
async Task LoadData()
{
TimeSortingType = timeSortingType;
var message = await DbStorage.GetMessage(MessageId);
IsNotFound = message is null;
if (IsNotFound)
return;
CurrentMessage = message;
(Ancestors, Descendants) = Faker.Thread(message);
}
async Task OnMessageReply(MessageForm messageForm)
{
var replyMessage = await MessagesService.SubmitMessage(messageForm);
Descendants.Add(new()
{
MessageId = Guid.NewGuid().ToString(),
Content = messageForm.Content?.ParseContent(messageForm.ContentType),
CreatedAt = DateTime.UtcNow,
MessageType = messageForm.MessageType,
Medias = messageForm.Media.Select(m => new Media
{
FileName = m.FileName,
AltText = m.AltText,
ContentType = m.ContentType,
Url = m.Base64Preview,
Blob = m.Blob
}).ToList(),
Title = messageForm.Title,
User = new MessageUser
{
UserId = CascadingState.User.Id,
UserName = CascadingState.User.UserName,
DisplayName = CascadingState.User.DisplayName,
PictureUrl = CascadingState.User.PictureUrl,
ProfileUrl = CascadingState.User.ProfileUrl,
BackgroundUrl = CascadingState.User.BackgroundUrl
},
});
var result = await MessagesService.SubmitMessage(messageForm, CascadingState.User);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
Descendants.Add(result.Data as Message);
}
async ValueTask OnMessageBoost(Message message)
async Task OnMessageBoost(Message message)
{
if (message.IsBoostedByCurrentUser) return;
var boostedMessage = await MessagesService.BoostUnboostMessage(message);
message.BoostsCounter += 1;
if (message.IsBoostedByCurrentUser)
return;
//Add to the home page in the background
var result = await MessagesService.BoostUnboostMessage(message);
if (result.IsInvalid)
Toast.AddResponseError(result);
}
async ValueTask OnMessageFavourite(Message message)
async Task OnMessageFavourite(Message message)
{
var favouriteMessage = await MessagesService.FavouriteUnfavouriteMessage(message);
message.IsFavourite = !message.IsFavourite;
var result = await MessagesService.FavouriteUnfavouriteMessage(message);
if (result.IsInvalid)
Toast.AddResponseError(result);
}
async ValueTask OnMessageDelete(Message message)
async Task OnMessageDelete(Message message)
{
var deleteResult = await MessagesService.DeleteMessage(message);
var result = await MessagesService.DeleteMessage(message);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
Toast.AddResponseSuccess(Localizer["Message deleted."]);
if (message == CurrentMessage)
{
Navigation.NavigateTo("");
return;
}
Ancestors.Remove(message);
Descendants.Remove(message);
}
async ValueTask OnMessageMediaDownload(Media media)
async Task OnMessageMediaDownload(Media media)
{
await BlazorDownloadFileService.DownloadFileAsync(media.FileName, media.Blob, media.ContentType);
}
async ValueTask OnUserBlock(MessageUser messageUser)
async Task OnUserBlock(MessageUser messageUser)
{
var blockResult = await MessagesService.BlockUserFromMessage(messageUser);
var result = await MessagesService.BlockUserFromMessage(messageUser);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
Toast.AddResponseSuccess(Localizer["{0} blocked.", messageUser.DisplayName]);
}
async ValueTask OnUserDirectMessage(Message message)
async Task OnUserDirectMessage(Message message)
{
var directMessage = await MessagesService.ReplyMessage(message, MessageType.Direct);
var result = await MessagesService.ReplyMessage(message, MessageType.Direct);
if (result.IsInvalid)
Toast.AddResponseError(result);
}
async ValueTask OnUserSilence(MessageUser messageUser)
async Task OnUserSilence(MessageUser messageUser)
{
var silenceResult = await MessagesService.SilenceUserFromMessage(messageUser);
var result = await MessagesService.SilenceUserFromMessage(messageUser);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
Toast.AddResponseSuccess(Localizer["{0} muted.", messageUser.DisplayName]);
}
}
}
+93 -147
View File
@@ -27,7 +27,7 @@
{
<Content Message="message"
OnMessageBoost="async (m) => await OnMessageBoost(m)" OnMessageDelete="async (m) => await OnMessageDelete(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageReply(m)"
OnMessageFavourite="async (m) => await OnMessageFavourite(m)" OnMessageReply="async (m) => await OnMessageSubmit(m)"
OnMessageMediaDownload="async (m) => await OnMessageMediaDownload(m)"
OnUserBlock="async (u) => await OnUserBlock(u)" OnUserDirectMessage="async (u) => await OnUserDirectMessage(u)" OnUserSilence="async (u) => await OnUserSilence(u)" />
}
@@ -58,55 +58,39 @@
</div>
@code {
[CascadingParameter] Task<AuthenticationState> AuthState { get; set; }
[CascadingParameter] CascadingState CascadingState { get; set; }
[Inject] IBlazorDownloadFileService BlazorDownloadFileService { get; set; }
[Inject] IStorage Storage { get; set; }
[Inject] ILocalStorageService LocalStorage { get; set; }
[Inject] HttpClient Http { get; set; }
[Inject] MessagesService MessagesService { get; set; }
TimelineType TimelineType { get; set; } = TimelineType.Home;
TimeSortingType TimeSortingType { get; set; } = TimeSortingType.Ascending;
IReadOnlyList<Claim> userClaim
{
get
{
var auth = AuthState.Result;
if (auth.User.Identity?.IsAuthenticated ?? false)
return auth.User.Claims.ToList();
return new List<Claim>();
}
}
List<Message> IncomingMessages { get; set; } = new();
List<Message> Messages { get; set; } = new();
string Response { get; set; }
List<Message> Messages { get; set; } = [];
protected override async Task OnInitializedAsync()
{
var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter));
if (filters == default)
await LocalStorage.SetItemAsync(nameof(ActionBarFilter), new ActionBarFilter());
else
var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter)) ?? new();
TimelineType = filters.TimelineType;
TimeSortingType = filters.TimeSortingType;
if (CascadingState.IsOffline)
{
TimelineType = filters.TimelineType;
TimeSortingType = filters.TimeSortingType;
WhenOnline(LoadData);
StartOnlinePolling();
IsLoading = false;
return;
}
Messages = await Storage.GetMessages();
//try
//{
// var response = await Http.GetAsync("api/test");
// Response = await response.Content.ReadAsStringAsync();
//}
//catch
//{
//}
await LoadData();
IsLoading = false;
}
// The feed: the mock one in IndexedDB until the app reads PrivaPub's timeline.
async Task LoadData()
{
Messages = await Storage.GetMessages();
}
void OnTimelineChanged(TimelineType timelineType)
{
TimelineType = timelineType;
@@ -117,143 +101,105 @@
TimeSortingType = timeSortingType;
}
// Covers replies too: the form carries the RootMessageId.
async Task OnMessageSubmit(MessageForm messageForm)
{
await Task.Run(() =>
var result = await MessagesService.SubmitMessage(messageForm, CascadingState.User);
if (result.IsInvalid)
{
});
var submitMessage = await MessagesService.SubmitMessage(messageForm);
Messages.Insert(0, new()
{
MessageId = Guid.NewGuid().ToString(),
Content = messageForm.Content?.ParseContent(messageForm.ContentType),
CreatedAt = DateTime.UtcNow,
MessageType = messageForm.MessageType,
Medias = messageForm.Media.Select(m => new Media
{
FileName = m.FileName,
AltText = m.AltText,
ContentType = m.ContentType,
Url = m.Base64Preview,
Blob = m.Blob
}).ToList(),
Title = messageForm.Title,
User = new MessageUser
{
UserId = CascadingState.User.Id,
UserName = CascadingState.User.UserName,
DisplayName = CascadingState.User.DisplayName,
PictureUrl = CascadingState.User.PictureUrl,
ProfileUrl = CascadingState.User.ProfileUrl,
BackgroundUrl = CascadingState.User.BackgroundUrl
},
});
}
async Task OnMessageReply(MessageForm messageForm)
{
await Task.Run(() =>
{
});
var replyMessage = await MessagesService.SubmitMessage(messageForm);
Messages.Insert(0, new()
{
RootMessageId = messageForm.RootMessageId,
MessageId = Guid.NewGuid().ToString(),
Content = messageForm.Content?.ParseContent(messageForm.ContentType),
CreatedAt = DateTime.UtcNow,
MessageType = messageForm.MessageType,
Medias = messageForm.Media.Select(m => new Media
{
FileName = m.FileName,
AltText = m.AltText,
ContentType = m.ContentType,
Url = m.Base64Preview,
Blob = m.Blob
}).ToList(),
Title = messageForm.Title,
User = new MessageUser
{
UserId = CascadingState.User.Id,
UserName = CascadingState.User.UserName,
DisplayName = CascadingState.User.DisplayName,
PictureUrl = CascadingState.User.PictureUrl,
ProfileUrl = CascadingState.User.ProfileUrl,
BackgroundUrl = CascadingState.User.BackgroundUrl
}
});
}
async ValueTask OnMessageBoost(Message message)
{
var boostedMessageTemp = await MessagesService.BoostUnboostMessage(message);
message.BoostsCounter = message.IsBoostedByCurrentUser ? message.BoostsCounter - 1 : message.BoostsCounter + 1;
message.IsBoostedByCurrentUser = !message.IsBoostedByCurrentUser;
if (message.IsBoostedByCurrentUser)
{
var boostedMessage = new Message
{
BoostingUser = new()
{
UserId = CascadingState.User.Id,
DisplayName = CascadingState.User.DisplayName,
PictureUrl = CascadingState.User.PictureUrl,
ProfileUrl = CascadingState.User.ProfileUrl,
UserName = CascadingState.User.UserName
},
BoostsCounter = message.BoostsCounter,
Content = message.Content,
CreatedAt = message.CreatedAt,
IsBoostedByCurrentUser = true,
IsFavourite = message.IsFavourite,
Medias = message.Medias,
MessageId = message.MessageId,
MessageType = message.MessageType,
RootMessageId = message.RootMessageId,
Title = message.Title,
User = message.User
};
Messages.Insert(0, boostedMessage);
Toast.AddResponseError(result);
return;
}
else
Messages.Insert(0, result.Data as Message);
}
async Task OnMessageBoost(Message message)
{
var result = await MessagesService.BoostUnboostMessage(message);
if (result.IsInvalid)
{
Messages.RemoveAll(m => m.MessageId == message.MessageId && m.BoostingUser != null && m.BoostingUser.UserId == CascadingState.User.Id);
Toast.AddResponseError(result);
return;
}
if (!message.IsBoostedByCurrentUser)
{
Messages.RemoveAll(m => m.MessageId == message.MessageId && m.BoostingUser?.UserId == CascadingState.User.Id);
return;
}
// The feed shows a boost as a copy of the message carrying the booster.
Messages.Insert(0, new()
{
BoostingUser = CascadingState.User.ToBoostingUser(),
BoostsCounter = message.BoostsCounter,
Content = message.Content,
CreatedAt = message.CreatedAt,
IsBoostedByCurrentUser = true,
IsFavourite = message.IsFavourite,
Medias = message.Medias,
MessageId = message.MessageId,
MessageType = message.MessageType,
RootMessageId = message.RootMessageId,
Title = message.Title,
User = message.User
});
}
async ValueTask OnMessageFavourite(Message message)
async Task OnMessageFavourite(Message message)
{
message.IsFavourite = !message.IsFavourite;
var favouriteMessage = await MessagesService.FavouriteUnfavouriteMessage(message);
var result = await MessagesService.FavouriteUnfavouriteMessage(message);
if (result.IsInvalid)
Toast.AddResponseError(result);
}
async ValueTask OnMessageDelete(Message message)
async Task OnMessageDelete(Message message)
{
var result = await MessagesService.DeleteMessage(message);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
Messages.Remove(message);
var deleteResult = await MessagesService.DeleteMessage(message);
Toast.AddResponseSuccess(Localizer["Message deleted."]);
}
async ValueTask OnMessageMediaDownload(Media media)
async Task OnMessageMediaDownload(Media media)
{
await Task.Run(() =>
{
});
await BlazorDownloadFileService.DownloadFileAsync(media.FileName, media.Blob, media.ContentType);
}
async ValueTask OnUserBlock(MessageUser messageUser)
async Task OnUserBlock(MessageUser messageUser)
{
var blockResult = await MessagesService.BlockUserFromMessage(messageUser);
var result = await MessagesService.BlockUserFromMessage(messageUser);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
Toast.AddResponseSuccess(Localizer["{0} blocked.", messageUser.DisplayName]);
}
async ValueTask OnUserDirectMessage(Message message)
async Task OnUserDirectMessage(Message message)
{
var directMessage = await MessagesService.ReplyMessage(message, MessageType.Direct);
var result = await MessagesService.ReplyMessage(message, MessageType.Direct);
if (result.IsInvalid)
Toast.AddResponseError(result);
}
async ValueTask OnUserSilence(MessageUser messageUser)
async Task OnUserSilence(MessageUser messageUser)
{
var silenceResult = await MessagesService.SilenceUserFromMessage(messageUser);
}
var result = await MessagesService.SilenceUserFromMessage(messageUser);
if (result.IsInvalid)
{
Toast.AddResponseError(result);
return;
}
}
Toast.AddResponseSuccess(Localizer["{0} muted.", messageUser.DisplayName]);
}
}
-1
View File
@@ -11,6 +11,5 @@
</section>
@code {
[CascadingParameter] CascadingState CascadingState { get; set; }
}
-2
View File
@@ -11,9 +11,7 @@
</section>
@code {
[CascadingParameter] CascadingState CascadingState { get; set; }
[Inject] TokenAuthStateProvider AuthStateProvider { get; set; }
[Inject] NavigationManager Navigation { get; set; }
// The app signs in with its own token (TokenAuthStateProvider), so signing out clears that token and the local
// database. The template's authentication/logout route can't do it: RemoteAuthenticatorView needs the OIDC
+22 -9
View File
@@ -15,23 +15,32 @@
<ChildContent>
@* Every theme setting; NavMenu's toggle and slider are shortcuts to the dark and hue ones. *@
<div class="flex flex-col gap-4 w-full p-3 md:p-4">
<DToggle LabelText="@Localizer["Follow the system's light or dark setting"]" Value="Theme.PreferSystemTheming"
ValueChanged="v => Update(s => s.PreferSystemTheming = v)" ValueExpression="() => Theme.PreferSystemTheming" />
<DToggle LabelText="@Localizer["Follow the system's light or dark setting"]" Value="CascadingState.PublicCacheData.PageSettings.PreferSystemTheming"
ValueChanged="v => Update(s => s.PreferSystemTheming = v)" ValueExpression="() => CascadingState.PublicCacheData.PageSettings.PreferSystemTheming" />
<DToggle LabelText="@Localizer["Dark mode"]" Value="IsDark"
ValueChanged="v => Update(s => s.SetDarkMode(v))" ValueExpression="() => IsDark" />
<DToggle LabelText="@Localizer["Grey"]" Value="IsGray"
ValueChanged="v => Update(s => s.SetGray(v, IsDark))" ValueExpression="() => IsGray" />
<label class="flex flex-col gap-2 max-w-md">
<span class="text-sm">@Localizer["Language"]</span>
@* Language names stay in their own language. Changing it reloads the app with the new culture. *@
<DSelect TValue="string" class="w-full" Value="CascadingState.PublicCacheData.PageSettings.CurrentLanguageCode"
ValueChanged="ChangeLanguage" ValueExpression="() => CascadingState.PublicCacheData.PageSettings.CurrentLanguageCode">
<option value="en">English</option>
<option value="it">Italiano</option>
</DSelect>
</label>
<label class="flex flex-col gap-2 max-w-md">
<span class="text-sm">@Localizer["Light theme colour"]</span>
<DRange TValue="short" class="neo-hue-track w-full" Size="DSize.Xs" Min="0" Max="359" Step="1"
Value="Theme.LightThemeIndexColour" ValueChanged="v => Update(s => s.SetHue(false, v))"
ValueExpression="() => Theme.LightThemeIndexColour" />
Value="CascadingState.PublicCacheData.PageSettings.LightThemeIndexColour" ValueChanged="v => Update(s => s.SetHue(false, v))"
ValueExpression="() => CascadingState.PublicCacheData.PageSettings.LightThemeIndexColour" />
</label>
<label class="flex flex-col gap-2 max-w-md">
<span class="text-sm">@Localizer["Dark theme colour"]</span>
<DRange TValue="short" class="neo-hue-track w-full" Size="DSize.Xs" Min="0" Max="359" Step="1"
Value="Theme.DarkThemeIndexColour" ValueChanged="v => Update(s => s.SetHue(true, v))"
ValueExpression="() => Theme.DarkThemeIndexColour" />
Value="CascadingState.PublicCacheData.PageSettings.DarkThemeIndexColour" ValueChanged="v => Update(s => s.SetHue(true, v))"
ValueExpression="() => CascadingState.PublicCacheData.PageSettings.DarkThemeIndexColour" />
</label>
</div>
</ChildContent>
@@ -87,11 +96,15 @@
</section>
@code {
[CascadingParameter] CascadingState CascadingState { get; set; }
PageSettings Theme => CascadingState.PublicCacheData?.PageSettings ?? new();
bool IsDark => CascadingState.Status.IsDarkTheme();
bool IsGray => Theme.IsGray();
bool IsGray => CascadingState.PublicCacheData.PageSettings.IsGray();
Task Update(Action<PageSettings> change) => CascadingState.UpdatePageSettings(change).AsTask();
async Task ChangeLanguage(string languageCode)
{
await Update(settings => settings.CurrentLanguageCode = languageCode);
Navigation.NavigateTo(Navigation.Uri, forceLoad: true);
}
}