feat(mukke): display album cover art in library, playlists, and song lists

Add batch cover-url endpoint (POST /library/cover-urls) to efficiently
resolve multiple cover art presigned URLs in a single request. Integrate
cover art display across all UI surfaces: album grid, album detail header,
song list thumbnails, playlist grid, and playlist detail song list.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-19 20:59:45 +01:00
parent 789ce0a435
commit e848fa5342
81 changed files with 376 additions and 58 deletions

View file

@ -91,6 +91,8 @@
initialEmail?: string;
/** Pre-fill password field (for dev mode) */
initialPassword?: string;
/** App version string to display */
version?: string;
}
let {
@ -115,6 +117,7 @@
verified = false,
initialEmail = '',
initialPassword = '',
version = '',
}: Props = $props();
const t = $derived({ ...defaultTranslations, ...translations });
@ -542,6 +545,10 @@
{@render appSlider()}
</footer>
{/if}
{#if version}
<p class="version-label">v{version}</p>
{/if}
</div>
<style>
@ -1012,6 +1019,21 @@
padding: 0 0 1rem;
}
.version-label {
position: fixed;
bottom: 0.5rem;
right: 0.75rem;
font-size: 10px;
color: rgba(156, 163, 175, 0.6);
user-select: none;
pointer-events: none;
margin: 0;
}
.light .version-label {
color: rgba(156, 163, 175, 0.6);
}
/* Entrance Animations */
@keyframes fadeInUp {
from {