refactor(split): extract DeepDrftShared.Client RCL with shared atoms

TrackCard, TracksGallery, DDIcons, DeepDrftPalettes (Default+Cms), DeepDrftFontLinks, and palette CSS tokens extracted. Both hosts and DeepDrftCms reference the shared RCL.
2026-05-19 17:14:23 -04:00
parent 840192fb79
commit 8b8796fc58
22 changed files with 360 additions and 299 deletions
@@ -1,75 +0,0 @@
-<MudCard Class="deepdrft-track-card-container"
-         Elevation="4">
-    
-    @if (!string.IsNullOrEmpty(TrackModel?.ImagePath))
-    {
-        <div class="deepdrft-track-card-bg" style="background-image: url('@TrackModel.ImagePath');">
-        </div>
-    }
-    else
-    {
-        <MudPaper Class="deepdrft-track-card-fallback mud-theme-secondary"
-                  Elevation="0">
-        </MudPaper>
-    }
-    
-    <MudCardContent Class="deepdrft-track-card-content">
-        
-        <div class="deepdrft-track-info-top">
-            <MudText Typo="Typo.subtitle1" 
-                     Color="Color.Surface"
-                     Class="text-truncate mb-1">
-                @TrackModel?.TrackName
-            </MudText>
-            
-            <MudText Typo="Typo.caption" 
-                     Color="Color.Surface"
-                     Class="text-truncate mb-2">
-                @TrackModel?.Artist
-            </MudText>
-        </div>
-        
-        <div class="deepdrft-track-info-middle">
-            @if (!string.IsNullOrEmpty(TrackModel?.Album))
-            {
-                <MudText Typo="Typo.caption" 
-                         Color="Color.Surface"
-                         Class="text-truncate">
-                    @TrackModel.Album
-                </MudText>
-            }
-            
-            @if (!string.IsNullOrEmpty(TrackModel?.Genre))
-            {
-                <MudChip T="string" 
-                         Size="Size.Small" 
-                         Variant="Variant.Filled" 
-                         Color="Color.Primary"
-                         Class="deepdrft-genre-chip">
-                    @TrackModel.Genre
-                </MudChip>
-            }
-        </div>
-        
-        <div class="deepdrft-track-info-bottom">
-            @if (TrackModel?.ReleaseDate.HasValue == true)
-            {
-                <MudText Typo="Typo.caption" 
-                         Color="Color.Surface">
-                    @TrackModel.ReleaseDate.Value.Year
-                </MudText>
-            }
-            else
-            {
-                <div></div>
-            }
-            
-            <MudFab Color="Color.Primary" 
-                    Size="Size.Medium"
-                    StartIcon="@PlayPauseIcon"
-                    OnClick="@PlayClick"/>
-        </div>
-        
-    </MudCardContent>
-    
-</MudCard>
@@ -1,23 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using DeepDrftModels.Entities;
-using DeepDrftWeb.Client.Clients;
-using MudBlazor;
-
-namespace DeepDrftWeb.Client.Controls;
-
-public partial class TrackCard : ComponentBase
-{
-    [Parameter] public required TrackEntity TrackModel { get; set; }
-    [Parameter] public EventCallback<TrackEntity> OnPlay { get; set; }
-    [Parameter] public bool IsPlaying { get; set; } = false;
-    
-    private string PlayPauseIcon => IsPlaying ? Icons.Material.Filled.MusicNote : Icons.Material.Filled.PlayArrow;
-
-    private async Task PlayClick()
-    {
-        if (!IsPlaying && OnPlay.HasDelegate)
-        {
-            await OnPlay.InvokeAsync(TrackModel);
-        }
-    }
-}
@@ -1,12 +0,0 @@
-<MudContainer MaxWidth="MaxWidth.Large" Class="tracks-gallery-container">
-    <MudGrid Spacing="6" Justify="Justify.Center">
-        @foreach (var track in Tracks)
-        {
-            <MudItem xs="12" sm="6" md="4" lg="3" xl="3">
-                <div class="deepdrft-track-gallery-item-center">
-                    <TrackCard TrackModel="@track" IsPlaying="@(track.Id == SelectedTrack?.Id)" OnPlay="@HandlePlayClick"/>
-                </div>
-            </MudItem>
-        }
-    </MudGrid>
-</MudContainer>
@@ -1,24 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using DeepDrftModels.Entities;
-using DeepDrftWeb.Client.Clients;
-
-namespace DeepDrftWeb.Client.Controls;
-
-public partial class TracksGallery : ComponentBase
-{
-    [Parameter] public IEnumerable<TrackEntity> Tracks { get; set; } = [];
-    [Parameter] public TrackEntity? SelectedTrack { get; set; }
-    [Parameter] public EventCallback<TrackEntity?> SelectedTrackChanged { get; set; }
-    
-    private async Task HandlePlayClick(TrackEntity track)
-    {
-        if (SelectedTrack == track) return;
-        SelectedTrack = track;
-        StateHasChanged();
-
-        if (SelectedTrackChanged.HasDelegate)
-        {
-            await SelectedTrackChanged.InvokeAsync(track);
-        }
-    }
-}
@@ -1,5 +0,0 @@
-.tracks-gallery-container {
-    padding: 16px;
-    height: 100%;
-    box-sizing: border-box;
-}