Der Suchen-Tab war 59 Zeilen: ein Textfeld ueber einer flachen
Liederliste, nur ueber Titel/Kuenstler/Album. Wer "Nightcore" eingab,
fand alle Titel dieses Kuenstlers untereinander, aber weder den
Kuenstler selbst noch eine gleichnamige Kategorie oder Liste.
- Vier Abschnitte mit Ueberschrift und Trefferzahl. Alben stecken in
"Kategorien" — der Album-Name ist in Melo die erste Kategorie eines
Titels, ein eigener Abschnitt waere dieselbe Liste zweimal.
- Treffer am Wortanfang zuerst, dann alphabetisch.
- Entprellt (250 ms); vorher baute jeder Tastendruck alles neu auf.
- Letzte acht Suchen, gemerkt beim Abschicken, mit Loeschen-Knopf.
- Der Tab folgt jetzt dem Aufbau der uebrigen Tabs (war ein Scaffold
mit eigener AppBar innerhalb eines Tabs).
- Bewusst rein lokal, ohne Server-Abfrage.
Herausgeloest, weil es sonst eine dritte Kopie gegeben haette:
TitelListenScreen ("Ueberschrift + Liederliste", stand zweimal wortgleich
im Baum) und SongZeile (die Suche setzt einzelne Zeilen in ihre
Abschnitte; eine ganze SongList waere dort verschachteltes Scrollen).
Aus dem Code-Review nachgebessert: Suche und Zuordnung benutzen dieselbe
Normalform, sonst zeigte ein Treffer "0 Titel" und oeffnete eine leere
Liste; Kategorien ohne lebende Titel fallen weg; alle Abschnitte sind
gedeckelt; die Drift-Stroeme werden nicht mehr je Rebuild neu abonniert;
das Loeschkreuz erscheint sofort statt nach 250 ms.
Tot geworden und entfernt: MeloDb.searchSongs samt Test.
396 Tests gruen (vorher 360), flutter analyze ohne Befund, Release-APK
gebaut.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013xAHJTJM6UUqmjUgk1PUEd
243 lines
8.6 KiB
Dart
243 lines
8.6 KiB
Dart
import 'package:audio_service/audio_service.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../player/audio_handler.dart';
|
|
import '../playlists/create_playlist_dialog.dart';
|
|
import '../settings/app_settings.dart';
|
|
import '../shared/cover.dart';
|
|
import '../shared/favorite_button.dart';
|
|
import 'category_service.dart';
|
|
import 'database.dart';
|
|
import 'playlist_service.dart';
|
|
import 'song_detail_sheet.dart';
|
|
import 'song_media.dart';
|
|
|
|
/// Scrollbare Songliste; Tippen spielt die ganze Liste ab dem Song ab.
|
|
class SongList extends StatelessWidget {
|
|
const SongList(this.songs, {super.key});
|
|
final List<Song> songs;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListView.builder(
|
|
itemCount: songs.length,
|
|
itemBuilder: (context, i) => SongZeile(
|
|
song: songs[i],
|
|
warteschlange: songs,
|
|
index: i,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Eine Zeile der Songliste: Cover, Titel, Untertitel, Herz und Menü.
|
|
///
|
|
/// Eigenständig, weil die Suche einzelne Zeilen in ihre Abschnitte setzt und
|
|
/// eine ganze [SongList] dort eine verschachtelte Scroll-Fläche wäre.
|
|
///
|
|
/// [warteschlange] ist die Liste, die beim Antippen geladen wird — in der
|
|
/// Bibliothek die ganze Liste, in der Suche der Titel-Abschnitt.
|
|
class SongZeile extends StatelessWidget {
|
|
const SongZeile({
|
|
super.key,
|
|
required this.song,
|
|
required this.warteschlange,
|
|
required this.index,
|
|
});
|
|
|
|
final Song song;
|
|
final List<Song> warteschlange;
|
|
final int index;
|
|
|
|
/// "Künstler | Kategorie1 · Kategorie2" — wie im UI-Entwurf.
|
|
static String _subtitle(Song song, List<String> categories) {
|
|
final artist = song.artist ?? 'Unbekannt';
|
|
if (categories.isEmpty) return artist;
|
|
return '$artist | ${categories.join(' · ')}';
|
|
}
|
|
|
|
/// Öffnet ein Bottom-Sheet mit allen Playlisten, um [song] hinzuzufügen.
|
|
Future<void> _showAddToPlaylist(BuildContext context) async {
|
|
final db = context.read<MeloDb>();
|
|
final service = context.read<PlaylistService>();
|
|
await showModalBottomSheet(
|
|
context: context,
|
|
builder: (sheetContext) => SafeArea(
|
|
child: StreamBuilder<List<Playlist>>(
|
|
stream: db.watchPlaylists(),
|
|
builder: (context, snapshot) {
|
|
final playlists = snapshot.data ?? const [];
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.add),
|
|
title: const Text('Neue Playlist'),
|
|
onTap: () async {
|
|
final newId = await showDialog<String?>(
|
|
context: sheetContext,
|
|
builder: (_) => const CreatePlaylistDialog(),
|
|
);
|
|
if (newId == null) return;
|
|
final position = (await db.watchPlaylistSongs(newId).first).length;
|
|
await service.addSongToPlaylist(newId, song.id, position);
|
|
if (sheetContext.mounted) {
|
|
Navigator.pop(sheetContext);
|
|
ScaffoldMessenger.of(sheetContext).showSnackBar(
|
|
const SnackBar(content: Text('Zu Playlist hinzugefügt')),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
for (final playlist in playlists)
|
|
ListTile(
|
|
leading: const Icon(Icons.playlist_play),
|
|
title: Text(playlist.name),
|
|
onTap: () async {
|
|
final position =
|
|
(await db.watchPlaylistSongs(playlist.id).first).length;
|
|
await service.addSongToPlaylist(playlist.id, song.id, position);
|
|
if (sheetContext.mounted) {
|
|
Navigator.pop(sheetContext);
|
|
ScaffoldMessenger.of(sheetContext).showSnackBar(
|
|
SnackBar(content: Text('Zu ${playlist.name} hinzugefügt')),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Menü hinter dem Drei-Punkte-Symbol einer Songzeile.
|
|
///
|
|
/// Die Offline-Meldungen greifen hier heute nie: diese Liste zeigt nur
|
|
/// Titel der Bibliothek, und die liegen als Datei vor. Sie stehen trotzdem
|
|
/// da, weil die Alternative — den Rückgabewert wegwerfen und "hinzugefügt"
|
|
/// melden — still lügen würde, sobald ein Server-Titel hier ankommt.
|
|
Future<void> _showMenu(BuildContext context) async {
|
|
final handler = context.read<MeloAudioHandler>();
|
|
final categories = context.read<CategoryService>();
|
|
final settings = context.read<AppSettings>();
|
|
final messenger = ScaffoldMessenger.of(context);
|
|
MediaItem item() => songToMediaItem(
|
|
song,
|
|
cover: categories.coverFor(song,
|
|
groupByCategory: settings.groupCoversByCategory),
|
|
);
|
|
await showModalBottomSheet(
|
|
context: context,
|
|
builder: (sheetContext) => SafeArea(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.info_outline),
|
|
title: const Text('Metadaten'),
|
|
onTap: () {
|
|
Navigator.pop(sheetContext);
|
|
SongDetailSheet.show(context, song);
|
|
},
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.playlist_play),
|
|
title: const Text('Als Nächstes spielen'),
|
|
onTap: () async {
|
|
Navigator.pop(sheetContext);
|
|
final ok = await handler.playNext(item());
|
|
messenger.showSnackBar(SnackBar(
|
|
content: Text(
|
|
ok ? 'Läuft als Nächstes' : nichtOfflineHinweis)));
|
|
},
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.queue),
|
|
title: const Text('Zur Warteschlange hinzufügen'),
|
|
subtitle: const Text(
|
|
'Nur für jetzt — nicht in Favoriten oder Wiedergabelisten'),
|
|
onTap: () async {
|
|
Navigator.pop(sheetContext);
|
|
final ok = await handler.addToQueue(item());
|
|
messenger.showSnackBar(SnackBar(
|
|
content: Text(ok
|
|
? 'Zur Warteschlange hinzugefügt'
|
|
: nichtOfflineHinweis)));
|
|
},
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.playlist_add),
|
|
title: const Text('Zu Wiedergabeliste hinzufügen'),
|
|
onTap: () {
|
|
Navigator.pop(sheetContext);
|
|
_showAddToPlaylist(context);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// Der Handler wird erst beim Antippen gebraucht und deshalb auch erst
|
|
// dann gelesen: so lässt sich eine Zeile darstellen, ohne dass ein
|
|
// laufender Player bereitstehen muss.
|
|
final categories = context.watch<CategoryService>();
|
|
final settings = context.watch<AppSettings>();
|
|
final cover = categories.coverFor(song,
|
|
groupByCategory: settings.groupCoversByCategory);
|
|
return ListTile(
|
|
leading: CoverImage(
|
|
artUri: cover != null ? Uri.file(cover) : null,
|
|
size: 48,
|
|
radius: 6,
|
|
),
|
|
title: Text(song.title, maxLines: 1, overflow: TextOverflow.ellipsis),
|
|
subtitle: Text(
|
|
_subtitle(song, categories.of(song.id)),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
FavoriteButton(songId: song.id),
|
|
IconButton(
|
|
tooltip: 'Mehr',
|
|
icon: const Icon(Icons.more_vert),
|
|
onPressed: () => _showMenu(context),
|
|
),
|
|
],
|
|
),
|
|
onTap: () async {
|
|
final handler = context.read<MeloAudioHandler>();
|
|
final messenger = ScaffoldMessenger.of(context);
|
|
try {
|
|
final uebersprungen = await playSongs(
|
|
handler,
|
|
warteschlange,
|
|
index,
|
|
coverOf: (s) => categories.coverFor(s,
|
|
groupByCategory: settings.groupCoversByCategory),
|
|
);
|
|
if (uebersprungen > 0) {
|
|
messenger.showSnackBar(
|
|
SnackBar(content: Text(offlineHinweis(uebersprungen))),
|
|
);
|
|
}
|
|
} catch (e) {
|
|
messenger.showSnackBar(
|
|
SnackBar(content: Text('Wiedergabe fehlgeschlagen: $e')),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}
|
|
}
|