Files
Melo/lib/downloads/downloads_screen.dart
T
Hermes (Server)andClaude Opus 5 34d6d8e52a Zweiter Tab heisst wieder "Download" statt "Online"
Auf Wunsch von Dustin. Der Inhalt bleibt unveraendert (YouTube-Downloader
und Server-Bibliothek als Unterreiter), nur die Beschriftung aendert sich.
Die vier Bereiche: Meine Musik, Download, Suchen, Favoriten.

- Symbol ebenfalls zurueck auf Icons.download_outlined/download. Das ist
  kein neuer Entwurf: genau dieses Symbol trug der Tab, bevor er in
  Commit a625d70 in "Online" umbenannt wurde.
- Die Ueberschrift im Bereich selbst stand noch auf "Online" — ein Tab
  "Download", der auf einen Bildschirm "Online" fuehrt, waere verwirrend.
  Zieht jetzt nach.
- Tests und Testbeschreibungen entsprechend angepasst.

328 Tests gruen (1 uebersprungen), flutter analyze ohne Befund.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FpPu4nuKjKKeX1RpdDeX81
2026-08-21 14:22:36 +02:00

675 lines
21 KiB
Dart

import 'dart:io';
import 'package:audio_service/audio_service.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../library/category_service.dart';
import '../library/database.dart';
import '../library/library_service.dart';
import '../player/audio_handler.dart';
import '../services/baka_auth.dart';
import '../services/media_store.dart';
import '../services/navidrome_service.dart';
import '../services/server_neuheiten.dart';
import '../services/yt_download_service.dart';
import '../shared/sub_tabs.dart';
import 'download_einordnung.dart';
import '../shared/theme.dart';
/// Download-Tab: YouTube-Downloader und der verbundene Navidrome-Server
/// (Unterreiter). Abgespielte
/// Titel werden vom [MeloAudioHandler] automatisch lokal zwischengespeichert
/// und stehen danach offline zur Verfügung.
class DownloadsScreen extends StatefulWidget {
const DownloadsScreen({super.key});
@override
State<DownloadsScreen> createState() => _DownloadsScreenState();
}
class _DownloadsScreenState extends State<DownloadsScreen> {
/// 0 = YouTube, 1 = Server.
int _subTab = 0;
@override
Widget build(BuildContext context) {
return SafeArea(
bottom: false,
child: Column(
children: [
const Padding(
padding: EdgeInsets.fromLTRB(20, 16, 20, 4),
child: Align(
alignment: Alignment.centerLeft,
child: Text('Download',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.w700)),
),
),
SubTabs(
labels: const ['YouTube', 'Server'],
index: _subTab,
onChanged: (i) => setState(() => _subTab = i),
),
Expanded(
child: _subTab == 0 ? const _YouTubeBereich() : const _ServerBrowser(),
),
],
),
);
}
}
class _ServerBrowser extends StatefulWidget {
const _ServerBrowser();
@override
State<_ServerBrowser> createState() => _ServerBrowserState();
}
class _ServerBrowserState extends State<_ServerBrowser> {
late final NavidromeService _nav = NavidromeService();
// Die Alben sind beim Prüfen schon geladen — kein zweiter Serveraufruf.
late final ServerNeuheiten _neuheiten =
ServerNeuheiten(holeAlben: () async => _albums);
List<SubsonicAlbum> _albums = [];
List<SubsonicArtist> _artists = [];
bool _loading = false;
bool _showArtists = false;
String? _error;
@override
void initState() {
super.initState();
_nav.ladeGespeicherteZugangsdaten().then((_) {
if (_nav.istVerbunden && mounted) {
_loadAlbums();
}
});
}
Future<void> _loadAlbums() async {
if (!_nav.istVerbunden) {
return;
}
setState(() {
_loading = true;
_error = null;
});
try {
final alben = await _nav.getAlben(anzahl: 50);
if (mounted) {
setState(() {
_albums = alben;
_loading = false;
});
// Erst jetzt prüfen — _albums ist gefüllt.
await _neuheiten.pruefe();
if (mounted) setState(() {});
}
} catch (e) {
if (mounted) {
setState(() {
_loading = false;
_error = e is NavidromeException ? e.message : 'Verbindungsfehler';
});
}
debugPrint('Fehler beim Laden der Alben: $e');
}
}
Future<void> _loadArtists() async {
if (!_nav.istVerbunden) return;
setState(() {
_loading = true;
_error = null;
});
try {
final artists = await _nav.getArtists();
if (mounted) {
setState(() {
_artists = artists;
_loading = false;
});
}
} catch (e) {
if (mounted) {
setState(() {
_loading = false;
_error = e is NavidromeException ? e.message : 'Verbindungsfehler';
});
}
debugPrint('Fehler beim Laden der Künstler: $e');
}
}
@override
Widget build(BuildContext context) {
if (!_nav.istVerbunden) {
return Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.cloud_off, size: 64, color: Colors.white24),
const SizedBox(height: 12),
const Text('Musikserver nicht verbunden',
style: TextStyle(color: MeloTheme.text2)),
const SizedBox(height: 12),
const Text('Gehe zu Einstellungen → Navidrome zum Verbinden',
style: TextStyle(color: Colors.white30, fontSize: 12)),
],
),
);
}
if (_loading) {
return const Center(
child: CircularProgressIndicator(color: Colors.redAccent),
);
}
if (_albums.isEmpty) {
final hatFehler = _error != null;
return Center(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(hatFehler ? Icons.error_outline : Icons.album,
size: 64,
color: hatFehler ? Colors.redAccent : Colors.white24),
const SizedBox(height: 12),
Text(
hatFehler ? 'Serverfehler: $_error' : 'Keine Alben geladen',
textAlign: TextAlign.center,
style: const TextStyle(color: MeloTheme.text2),
),
const SizedBox(height: 16),
FilledButton.icon(
icon: const Icon(Icons.refresh),
label: const Text('Erneut versuchen'),
onPressed: _loadAlbums,
),
],
),
),
);
}
return Column(
children: [
if (_neuheiten.neue.isNotEmpty)
MaterialBanner(
backgroundColor: MeloTheme.surfaceHigh,
content: Text(
_neuheiten.neue.length == 1
? 'Neu auf dem Server: ${_neuheiten.neue.first.name}'
: '${_neuheiten.neue.length} neue Alben auf dem Server',
),
actions: [
TextButton(
onPressed: () async {
await _neuheiten.alsGesehenMarkieren();
if (mounted) setState(() {});
},
child: const Text('Verstanden'),
),
],
),
Padding(
padding: const EdgeInsets.all(12),
child: Row(
children: [
Expanded(
child: FilledButton(
onPressed: () => setState(() {
_showArtists = false;
if (_albums.isEmpty) _loadAlbums();
}),
style: FilledButton.styleFrom(
backgroundColor: !_showArtists ? Colors.redAccent : Colors.grey.shade700,
),
child: const Text('📀 Alben'),
),
),
const SizedBox(width: 8),
Expanded(
child: FilledButton(
onPressed: () => setState(() {
_showArtists = true;
if (_artists.isEmpty) _loadArtists();
}),
style: FilledButton.styleFrom(
backgroundColor: _showArtists ? Colors.redAccent : Colors.grey.shade700,
),
child: const Text('🎤 Künstler'),
),
),
],
),
),
Expanded(
child: _showArtists
? ListView.builder(
padding: const EdgeInsets.symmetric(horizontal: 12),
itemCount: _artists.length,
itemBuilder: (context, i) {
final artist = _artists[i];
return Card(
margin: const EdgeInsets.only(bottom: 8),
child: ListTile(
leading: const Icon(Icons.person, size: 48),
title: Text(artist.name),
onTap: () => _playArtist(artist),
),
);
},
)
: ListView.builder(
padding: const EdgeInsets.symmetric(horizontal: 12),
itemCount: _albums.length,
itemBuilder: (context, i) {
final album = _albums[i];
return Card(
margin: const EdgeInsets.only(bottom: 8),
child: ListTile(
leading: Icon(
Icons.album,
size: 48,
color: Colors.redAccent.withValues(alpha: 0.5),
),
title: Text(album.name),
subtitle: Text('${album.songCount} Songs'),
onTap: () => _playAlbum(album),
),
);
},
),
),
],
);
}
Future<void> _playAlbum(SubsonicAlbum album) async {
final handler = context.read<MeloAudioHandler>();
try {
final songs = await _nav.getSongs(album.id);
if (songs.isEmpty) {
if (!mounted) {
return;
}
final messenger = ScaffoldMessenger.of(context);
messenger.showSnackBar(
const SnackBar(content: Text('Album hat keine Songs')),
);
return;
}
final items = songs
.map((s) => MediaItem(
id: _nav.streamUrl(s.id).toString(),
title: s.titel,
artist: s.kuenstler,
album: s.album,
duration: Duration(seconds: s.dauerSekunden),
// Die Server-ID getrennt von der Abspiel-URI mitgeben: nur damit
// erkennt der Player einen Server-Titel (Cache, Scrobble, Bookmark).
extras: {'navidromeId': s.id},
))
.toList();
await handler.loadPlaylist(items);
} catch (e) {
if (!mounted) {
return;
}
final messenger = ScaffoldMessenger.of(context);
messenger.showSnackBar(
SnackBar(content: Text('Fehler: $e')),
);
}
}
Future<void> _playArtist(SubsonicArtist artist) async {
final handler = context.read<MeloAudioHandler>();
try {
final songs = await _nav.getArtistSongs(artist.id);
if (songs.isEmpty) {
if (!mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Künstler hat keine Songs')),
);
return;
}
final items = songs
.map((s) => MediaItem(
id: _nav.streamUrl(s.id).toString(),
title: s.titel,
artist: s.kuenstler,
album: s.album,
duration: Duration(seconds: s.dauerSekunden),
// Die Server-ID getrennt von der Abspiel-URI mitgeben: nur damit
// erkennt der Player einen Server-Titel (Cache, Scrobble, Bookmark).
extras: {'navidromeId': s.id},
))
.toList();
await handler.loadPlaylist(items);
} catch (e) {
if (!mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Fehler: $e')),
);
}
}
}
/// Merkt sich, ob der Proxy seine YouTube-Cookies benutzen soll.
const _cookiesSchluessel = 'yt_cookies';
/// YouTube-Bereich: Anmeldung am Baka-Konto und Adressfeld für den Download.
class _YouTubeBereich extends StatefulWidget {
const _YouTubeBereich();
@override
State<_YouTubeBereich> createState() => _YouTubeBereichState();
}
class _YouTubeBereichState extends State<_YouTubeBereich> {
final _url = TextEditingController();
String? _meldung;
/// Cookies des Servers mitschicken — nötig für altersbeschränkte Videos.
bool _cookies = true;
List<SpeicherOrt> _orte = const [];
/// Gewählter Datenträger; `null` = Android entscheidet (nur ein Ort da).
String? _volume;
@override
void initState() {
super.initState();
_ladeEinstellungen();
}
Future<void> _ladeEinstellungen() async {
final prefs = await SharedPreferences.getInstance();
final orte = await const MediaStore().speicherOrte();
if (!mounted) return;
setState(() {
_cookies = prefs.getBool(_cookiesSchluessel) ?? true;
_orte = orte;
_volume = orte.length > 1 ? orte.first.name : null;
});
}
/// Kategorie, in die der heruntergeladene Titel wandert. Leer = keine.
final _kategorie = TextEditingController();
Future<void> _setzeCookies(bool an) async {
setState(() => _cookies = an);
final prefs = await SharedPreferences.getInstance();
await prefs.setBool(_cookiesSchluessel, an);
}
@override
void dispose() {
_url.dispose();
_kategorie.dispose();
super.dispose();
}
Future<void> _anmelden() async {
final auth = context.read<BakaAuth>();
final daten = await showDialog<(String, String)>(
context: context,
builder: (_) => const _AnmeldeDialog(),
);
if (daten == null || !mounted) return;
final fehler = await auth.anmelden(daten.$1, daten.$2);
if (!mounted) return;
setState(() => _meldung = fehler);
}
Future<void> _herunterladen() async {
final dienst = context.read<YtDownloadService>();
final lib = context.read<LibraryService>();
final url = _url.text.trim();
if (url.isEmpty) return;
setState(() => _meldung = null);
// Erst in einen App-eigenen Zwischenordner — erst wenn die Datei
// vollständig da ist, wandert sie in den öffentlichen Musikordner.
final zwischen = Directory.systemTemp.createTempSync('melo_yt').path;
final ergebnis = await dienst.herunterladen(url,
zielOrdner: zwischen, cookies: _cookies);
if (!mounted) return;
if (ergebnis == null) {
setState(() => _meldung = dienst.fehler);
return;
}
final pfad = await const MediaStore().veroeffentliche(
quellPfad: ergebnis.dateiPfad,
titel: ergebnis.titel,
kuenstler: ergebnis.kuenstler,
volume: _volume,
);
if (!mounted) return;
if (pfad == null) {
setState(() => _meldung =
'Heruntergeladen, aber nicht im Musikordner ablegbar');
return;
}
final db = context.read<MeloDb>();
final kategorie = _kategorie.text;
_url.clear();
setState(() => _meldung = '✅ ${ergebnis.titel} — wird eingelesen …');
// Der MediaStore kennt die Datei jetzt; ein Scan holt sie in die Bibliothek.
await lib.rescan();
// Erst nach dem Scan: vorher gibt es die Songzeile noch nicht. Hier wird
// auch das Album-Tag von YouTube verworfen (siehe ordneDownloadEin).
await ordneDownloadEin(db, pfad, kategorie);
if (mounted) {
setState(() => _meldung = kategorie.trim().isEmpty
? '✅ ${ergebnis.titel} ist in deiner Musik'
: '✅ ${ergebnis.titel} ist in „${kategorie.trim()}“');
}
}
@override
Widget build(BuildContext context) {
final auth = context.watch<BakaAuth>();
final dienst = context.watch<YtDownloadService>();
return ListView(
padding: const EdgeInsets.fromLTRB(16, 12, 16, 24),
children: [
if (!auth.istAngemeldet) ...[
const Text(
'Der Downloader läuft über den Baka-Server. Dafür brauchst du '
'deine Baka-Anmeldung.',
style: TextStyle(color: MeloTheme.text2, fontSize: 13),
),
const SizedBox(height: 12),
FilledButton.icon(
icon: const Icon(Icons.login),
label: const Text('Beim Baka-Konto anmelden'),
onPressed: _anmelden,
),
] else ...[
Row(
children: [
const Icon(Icons.verified_user, size: 18, color: MeloTheme.text3),
const SizedBox(width: 8),
Expanded(
child: Text('Angemeldet als ${auth.benutzer}',
style: const TextStyle(color: MeloTheme.text2, fontSize: 13)),
),
TextButton(
onPressed: auth.abmelden,
child: const Text('Abmelden'),
),
],
),
const SizedBox(height: 8),
TextField(
controller: _url,
enabled: !dienst.laeuft,
decoration: const InputDecoration(
labelText: 'YouTube-Adresse',
hintText: 'https://youtu.be/…',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 12),
_KategorieFeld(controller: _kategorie, aktiv: !dienst.laeuft),
SwitchListTile(
dense: true,
contentPadding: EdgeInsets.zero,
title: const Text('YouTube-Cookies des Servers verwenden'),
subtitle: const Text('Nötig für altersbeschränkte Videos'),
value: _cookies,
onChanged: dienst.laeuft ? null : _setzeCookies,
),
if (_orte.length > 1) ...[
const SizedBox(height: 4),
DropdownButtonFormField<String>(
initialValue: _volume,
decoration: const InputDecoration(
labelText: 'Speicherort',
border: OutlineInputBorder(),
),
items: [
for (final ort in _orte)
DropdownMenuItem(
value: ort.name,
child: Text(ort.beschreibung),
),
],
onChanged: dienst.laeuft
? null
: (wert) => setState(() => _volume = wert),
),
],
const SizedBox(height: 12),
FilledButton.icon(
icon: const Icon(Icons.download),
label: const Text('Herunterladen'),
onPressed: dienst.laeuft ? null : _herunterladen,
),
],
if (dienst.laeuft) ...[
const SizedBox(height: 16),
const LinearProgressIndicator(),
const SizedBox(height: 8),
Text(dienst.status ?? 'Läuft …',
style: const TextStyle(color: MeloTheme.text2, fontSize: 12)),
],
if (_meldung != null) ...[
const SizedBox(height: 16),
Text(_meldung!,
style: const TextStyle(color: MeloTheme.text2, fontSize: 13)),
],
],
);
}
}
/// Fragt Benutzername und Passwort ab und gibt beides zurück.
class _AnmeldeDialog extends StatefulWidget {
const _AnmeldeDialog();
@override
State<_AnmeldeDialog> createState() => _AnmeldeDialogState();
}
class _AnmeldeDialogState extends State<_AnmeldeDialog> {
final _benutzer = TextEditingController(text: 'Baka');
final _passwort = TextEditingController();
bool _sichtbar = false;
@override
void dispose() {
_benutzer.dispose();
_passwort.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AlertDialog(
title: const Text('Baka-Konto'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
TextField(
controller: _benutzer,
decoration: const InputDecoration(labelText: 'Benutzername'),
),
TextField(
controller: _passwort,
obscureText: !_sichtbar,
decoration: InputDecoration(
labelText: 'Passwort',
suffixIcon: IconButton(
icon: Icon(_sichtbar ? Icons.visibility_off : Icons.visibility),
onPressed: () => setState(() => _sichtbar = !_sichtbar),
),
),
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('Abbrechen'),
),
FilledButton(
onPressed: () => Navigator.pop(
context, (_benutzer.text.trim(), _passwort.text)),
child: const Text('Anmelden'),
),
],
);
}
}
/// Eingabefeld für die Kategorie eines Downloads: schlägt die Kategorien der
/// Bibliothek vor, nimmt aber auch eine neue entgegen.
///
/// Nötig, weil das Album-Tag von YouTube verworfen wird — ohne diese Angabe
/// landet der Titel ohne Kategorie in der Bibliothek.
class _KategorieFeld extends StatelessWidget {
const _KategorieFeld({required this.controller, required this.aktiv});
final TextEditingController controller;
final bool aktiv;
@override
Widget build(BuildContext context) {
final vorhanden = context.watch<CategoryService>().alleNamen;
return Autocomplete<String>(
optionsBuilder: (wert) => kategorieVorschlaege(wert.text, vorhanden),
onSelected: (wert) => controller.text = wert,
fieldViewBuilder: (context, feld, focus, onSubmit) {
// Der Autocomplete führt einen eigenen Controller; seinen Text an
// den unseren durchreichen, damit der Download ihn sieht.
feld.addListener(() => controller.text = feld.text);
return TextField(
controller: feld,
focusNode: focus,
enabled: aktiv,
decoration: const InputDecoration(
labelText: 'Kategorie (optional)',
hintText: 'z. B. Nightcore',
helperText: 'Leer lassen = ohne Kategorie',
border: OutlineInputBorder(),
),
);
},
);
}
}