AdminandClaude Sonnet 5
12d76ccecf
Button: variantes subtle (primary/secondary, se mantienen iguales por decisión del usuario), glass (antes secondaryOnGlow, con font-normal propio), accent, strong (cta-strong/ink, sustituye los overrides `!` del hero de Inicio), danger. Usa los tokens --color-btn* de P1 en vez de bg-[var(--mf-btn-...)]. Radio unificado a rounded-control. IconButton: añade shape (square/round), size (xs/sm/md/lg), tone (muted/subtle/plain), pressed (aria-pressed + text-accent), href/reload (enlaces), surface (fondo permanente + hover a surface-hover en vez del alias `hover` genérico, que coincide con surface-2 y no daba contraste). PlayButton nuevo: un solo sitio para los SVG de play/pausa, variantes strong/glass, as="span" para overlays no interactivos. Sustituye el botón principal de TransportControls, el overlay de MixTile y el círculo de "Mejor resultado" en Explorar. Migra a IconButton: cerrar cola, "Crear playlist" (Sidebar), Me gusta (TrackInfo, con pressed), cola (PlayerExtras), atrás (TopBar), login (MobileHeader) y las acciones de fila en tablas (quitar/añadir, size xs). BackLink usa size-icon-sm y quita un hover duplicado. Decisión (sin bloquear): se elimina el botón "adelante" decorativo de TopBar y el icono AlignJustify decorativo de PlayerExtras (código muerto visual). Los botones de TransportControls (shuffle/prev/next/ repeat) se dejan sin migrar a propósito: hoy no tienen fondo ni hit-box propios y IconButton siempre aplica una caja de tamaño fijo — migrarlos habría añadido una píldora de hover visible no verificable sin Docker en esta sesión. Verificado con npm run check/build. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Musify
Music streaming platform: upload your own tracks, process them asynchronously
(audio transcoded to .m4a, thumbnails generated) and stream them without the
bytes ever going through the API.
backend/ .NET 10 — Domain / Application / Infrastructure / Api / Worker / StreamingGateway / Tests
web-player/ SvelteKit 2 + Svelte 5 + Tailwind 4 web client
deploy/ Docker Compose stacks — self-contained, no wrapper scripts
docs/ What each piece does and why (in Spanish)
dotnet test backend/Musify.slnx # backend/Tests/ — Docker running (Testcontainers: Postgres, SeaweedFS)
Run it
Development (Docker Desktop):
docker compose -f deploy/compose.yml -f deploy/compose.dev.yml up -d
Infrastructure plus stream-ticket keys, database migrations and Zitadel OIDC
provisioning — all as one-shot jobs baked into the compose file. Apps run from
the IDE by default; add --profile apps up -d --build as a second command to
run them in Docker instead.
Production, on a server with a domain:
cp deploy/.env.prod.example deploy/.env.prod # fill in the domain and secrets
docker compose --env-file deploy/.env.prod -f deploy/compose.yml -f deploy/compose.prod.yml up -d
docker compose --env-file deploy/.env.prod -f deploy/compose.yml -f deploy/compose.prod.yml --profile apps up -d --build
Idempotent — run the same commands again to deploy an update. See deploy/README.md for the details, the port map and the production prerequisites.
Components
| Service | Port (dev) | Role |
|---|---|---|
Musify.Api |
5111 | REST API, issues presigned upload URLs and stream tickets |
Musify.StreamingGateway |
8081 | YARP proxy that validates the stream ticket and serves the audio |
Musify.Worker |
— | MassTransit consumers: transcoding, thumbnails |
web-player |
5173 / 3000 | Web client (SvelteKit, server-side OIDC session) |
| Zitadel | 8080 | Identity (OIDC/OAuth2) |
| PostgreSQL / RabbitMQ / SeaweedFS / Jaeger | 59000 / 5672 / 8333 / 16686 | Metadata, messaging, object storage, traces |
More in docs/: architecture, authentication, storage, streaming, media processing, development.