Remove YouTube integration from web-player; unify Home track rows

Drops every YouTube-backed route, proxy and type (external
albums/tracks, thumbnail proxy, youtube.ts) and simplifies
player/track/mix types to the local-only catalog now that the
backend contract dropped Source/ExternalId. Genre tiles on Explore
and "Populares esta semana" on Home stay as deliberate client-only
placeholders per product decision, just without the YouTube backing.

Also finishes the design-system unification pass: Home's three
hand-rolled track rows (Continuar escuchando, Playlist destacada,
Populares esta semana) now reuse the shared TrackTitleCell component
instead of duplicating cover+title+artist markup, and the orphaned
Rail.svelte (no importers) is removed.
This commit is contained in:
2026-09-15 21:17:14 +02:00
parent 31032bd8e8
commit 5ae9955bd0
41 changed files with 167 additions and 1541 deletions
+2 -16
View File
@@ -1,11 +1,9 @@
import { toQueueItems, type ApiTrackLike, type TrackSourceKind } from './player.svelte';
import { toQueueItems, type ApiTrackLike } from './player.svelte';
export interface LikedTrack {
id: string;
title: string;
artist?: string;
coverUrl?: string;
source?: TrackSourceKind;
explicit?: boolean;
ownerUserId?: string | number | null;
likedAt: number;
@@ -15,18 +13,10 @@ type LikeToggleInput = {
id: string | number;
title: string;
artist?: string;
coverUrl?: string;
source?: TrackSourceKind;
explicit?: boolean;
ownerUserId?: string | number | null;
};
function toggleRequestBody(track: LikeToggleInput) {
return track.source === 'youtube'
? { source: 'YouTube' as const, externalId: String(track.id) }
: { trackId: String(track.id) };
}
class LikedStore {
entries = $state<Record<string, LikedTrack>>({});
private hydrated = false;
@@ -45,8 +35,6 @@ class LikedStore {
id: String(item.id),
title: item.title,
artist: item.artist,
coverUrl: item.coverUrl,
source: item.source,
explicit: item.explicit,
ownerUserId: item.ownerUserId,
likedAt: new Date(tracks[i].createdAt).getTime()
@@ -70,8 +58,6 @@ class LikedStore {
id,
title: track.title,
artist: track.artist,
coverUrl: track.coverUrl,
source: track.source,
explicit: track.explicit,
ownerUserId: track.ownerUserId,
likedAt: Date.now()
@@ -83,7 +69,7 @@ class LikedStore {
const res = await fetch('/api/likes', {
method: 'POST',
headers: { 'content-type': 'application/json' },
body: JSON.stringify(toggleRequestBody(track))
body: JSON.stringify({ trackId: id })
});
if (!res.ok) throw new Error('Failed to toggle like');
} catch {