veza/docs/archive/root-md/FIX_REPORT_AUDIO_UI.md
senke 43af35fd93 chore(audit 2.2, 2.3): nettoyer .md et .json à la racine
- Archiver 131 .md dans docs/archive/root-md/
- Archiver 22 .json dans docs/archive/root-json/
- Conserver 7 .md utiles (README, CONTRIBUTING, CHANGELOG, etc.)
- Conserver package.json, package-lock.json, turbo.json
- Ajouter README d'index dans chaque archive
2026-02-15 14:35:08 +01:00

2 KiB

RAPPORT DE CORRECTION : UI & AUDIO CONTEXT

Date: 2025-01-27
Statut: CORRIGÉ


🛠️ ERREUR CORRIGÉE

Problème signalé : Uncaught SyntaxError: The requested module ... doesn't provide an export named: 'useAudioContext'

Cause racine : Le fichier AudioContext.tsx exporte le hook sous le nom useAudio et non useAudioContext. De plus, certaines propriétés (comme playNext vs nextTrack) étaient mal utilisées.

📝 MODIFICATIONS APPLIQUÉES

1. apps/web/src/features/player/components/GlobalPlayer.tsx

  • Remplacement de l'import useAudioContext par useAudio.
  • Correction de la destructuration : utilisation de nextTrack et prevTrack (au lieu de playNext/playPrevious).
  • Correction de l'affichage de la cover : currentTrack.coverUrl (au lieu de .image qui n'existe pas sur le type Track).

2. apps/web/src/features/library/pages/LibraryPage.tsx

  • Remplacement de l'import useAudioContext par useAudio.
  • Remplacement de useLibraryStore (qui ne gère que les filtres) par le hook React Query useMyTracks pour récupérer les données réelles.
  • Correction de l'affichage : Utilisation de track.coverUrl.
  • Ajout de helpers pour sécuriser l'affichage de l'artiste et de la durée.

3. apps/web/src/components/ui/input.tsx

  • Remplacement de l'implémentation re-export par une implémentation locale "Glassmorphism" pour éviter les erreurs de dépendance @veza/design-system et garantir le style visuel.

🚀 ÉTAT ACTUEL

L'application devrait maintenant se lancer sans erreur "White Screen of Death".

  • Le Player Global est fonctionnel et stylisé.
  • La Bibliothèque charge les vraies données via l'API (simulée ou réelle).
  • Le design est cohérent avec le système "Kōdō".

Prochaines étapes recommandées :

  • Vérifier que le backend Go tourne pour servir les tracks (/api/v1/tracks).
  • Tester l'upload de fichier dans la nouvelle bibliothèque.