daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

Phase 9 Wave 4: ARCHIVE nav + Cuts/Sessions/Mixes pages + MixWaveformVisualizer

Browse Source 
Replaces flat RELEASES/SESSIONS/MIXES nav with ARCHIVE dropdown (PageRoute.Children,
one-level cap, dual-role node). Adds /archive overview, /cuts (AlbumsView + medium
filter; /albums redirects), /sessions + /sessions/{id} (hero-dominant), /mixes +
/mixes/{id} (MixWaveformVisualizer full-page background). Extracts ReleaseDetailScaffold
from TrackDetail (invariant trio). PersistentComponentState bridge on all new pages.
Click-to-seek seam designed on MixWaveformVisualizer (inert until wired).
This commit is contained in:
daniel-c-harvey
2026-06-12 23:05:25 -04:00
parent 5f7eaed112
commit af724ce570
31 changed files with 1334 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Pages/AlbumsView.razor.cs
+44 -5
View File
@@ -1,26 +1,65 @@
using DeepDrftModels.DTOs;
using DeepDrftModels.Enums;
using DeepDrftPublic.Client.Services;
using Microsoft.AspNetCore.Components;
using Models.Common;
namespace DeepDrftPublic.Client.Pages;
public partial class AlbumsView : ComponentBase
/// <summary>
/// Medium-filtered release gallery. Routed at <c>/cuts</c> (Cut releases) and parameterized by
/// <see cref="Medium"/> so the same component can back any medium's card grid without a fork.
/// Cards open the track gallery filtered to that release's album title, preserving the original
/// /albums ergonomics.
/// </summary>
public partial class AlbumsView : ComponentBase, IDisposable
{
[Inject] public required ITrackDataService TrackData { get; set; }
private const string PersistKeyPrefix = "albums-view-";
[Inject] public required IReleaseDataService ReleaseData { get; set; }
[Inject] public required PersistentComponentState PersistentState { get; set; }
[Inject] public required NavigationManager Navigation { get; set; }
// The medium whose releases this grid shows. Defaults to Cut for the /cuts route; other media
// can reuse this component by passing a different value. Drives both the fetch filter and the
// per-medium persistence key so prerendered state never bleeds across media.
[Parameter] public ReleaseMedium Medium { get; set; } = ReleaseMedium.Cut;
private bool _loading = true;
private List<ReleaseDto> _albums = [];
private PersistingComponentStateSubscription _persistingSubscription;
private string PersistKey => $"{PersistKeyPrefix}{Medium}";
protected override async Task OnInitializedAsync()
{
var result = await TrackData.GetAlbums();
if (result is { Success: true, Value: { } albums })
_albums = albums;
// Bridge the prerendered fetch across the prerender -> WASM seam (see TracksView). Without
// this, the WASM pass re-fetches and replays the card entrance animations.
_persistingSubscription = PersistentState.RegisterOnPersisting(PersistAlbums);
if (PersistentState.TryTakeFromJson<List<ReleaseDto>>(PersistKey, out var restored) && restored is not null)
{
_albums = restored;
_loading = false;
return;
}
var result = await ReleaseData.GetPaged(Medium.ToString().ToLowerInvariant(), page: 1, pageSize: 100);
if (result is { Success: true, Value: { Items: { } items } })
_albums = items.ToList();
_loading = false;
}
private Task PersistAlbums()
{
if (_albums.Count > 0)
PersistentState.PersistAsJson(PersistKey, _albums);
return Task.CompletedTask;
}
private void OpenAlbum(string album)
=> Navigation.NavigateTo($"/tracks?album={Uri.EscapeDataString(album)}");
public void Dispose() => _persistingSubscription.Dispose();
}