mirror of
https://github.com/zarzet/SpotiFLAC-Mobile.git
synced 2026-08-05 18:48:38 +02:00
feat(track): add Open on... platform links sheet
Track options gain an Open on... entry listing every streaming platform song.link resolves for the track, served by a new generic GetTrackPlatformLinks with its own memory cache beside the availability cache (same request budget). The sheet is data-driven from the platform map so the app core stays service-agnostic. Completes the bridge wrappers already landed in 901fa34d; also carries the en strings for the duplicate review sheet landing next.
This commit is contained in:
@@ -0,0 +1,174 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:spotiflac_android/l10n/l10n.dart';
|
||||
import 'package:spotiflac_android/services/platform_bridge.dart';
|
||||
import 'package:spotiflac_android/widgets/settings_group.dart';
|
||||
import 'package:url_launcher/url_launcher.dart';
|
||||
|
||||
/// Bottom sheet listing every streaming platform song.link resolves for a
|
||||
/// track. Data-driven from the generic platform-link map so the app core
|
||||
/// stays service-agnostic; tapping a row opens the link externally.
|
||||
class OpenOnPlatformSheet extends StatelessWidget {
|
||||
final String spotifyId;
|
||||
final String isrc;
|
||||
|
||||
const OpenOnPlatformSheet({super.key, this.spotifyId = '', this.isrc = ''});
|
||||
|
||||
static Future<void> show(
|
||||
BuildContext context, {
|
||||
String spotifyId = '',
|
||||
String isrc = '',
|
||||
}) {
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
return showModalBottomSheet<void>(
|
||||
context: context,
|
||||
useRootNavigator: true,
|
||||
backgroundColor: colorScheme.surfaceContainerHigh,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.vertical(top: Radius.circular(28)),
|
||||
),
|
||||
builder: (_) => OpenOnPlatformSheet(spotifyId: spotifyId, isrc: isrc),
|
||||
);
|
||||
}
|
||||
|
||||
static const Map<String, String> _platformNames = {
|
||||
'spotify': 'Spotify',
|
||||
'appleMusic': 'Apple Music',
|
||||
'itunes': 'iTunes',
|
||||
'youtube': 'YouTube',
|
||||
'youtubeMusic': 'YouTube Music',
|
||||
'deezer': 'Deezer',
|
||||
'tidal': 'TIDAL',
|
||||
'amazonMusic': 'Amazon Music',
|
||||
'amazonStore': 'Amazon Store',
|
||||
'qobuz': 'Qobuz',
|
||||
'soundcloud': 'SoundCloud',
|
||||
'pandora': 'Pandora',
|
||||
'napster': 'Napster',
|
||||
'yandex': 'Yandex Music',
|
||||
'audiomack': 'Audiomack',
|
||||
'anghami': 'Anghami',
|
||||
'boomplay': 'Boomplay',
|
||||
};
|
||||
|
||||
static String _displayName(String platformId) {
|
||||
final known = _platformNames[platformId];
|
||||
if (known != null) return known;
|
||||
// Humanize unknown camelCase IDs ("someNewService" -> "Some New Service").
|
||||
final spaced = platformId.replaceAllMapped(
|
||||
RegExp(r'([a-z])([A-Z])'),
|
||||
(m) => '${m[1]} ${m[2]}',
|
||||
);
|
||||
return spaced.isEmpty
|
||||
? platformId
|
||||
: spaced[0].toUpperCase() + spaced.substring(1);
|
||||
}
|
||||
|
||||
Future<void> _openLink(BuildContext context, String url) async {
|
||||
HapticFeedback.selectionClick();
|
||||
final uri = Uri.tryParse(url);
|
||||
if (uri == null) return;
|
||||
try {
|
||||
await launchUrl(uri, mode: LaunchMode.externalApplication);
|
||||
} catch (_) {
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(context.l10n.snackbarCannotOpenFile(url))),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
return SafeArea(
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(
|
||||
maxHeight: MediaQuery.sizeOf(context).height * 0.7,
|
||||
),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const SizedBox(height: 8),
|
||||
Center(
|
||||
child: Container(
|
||||
width: 40,
|
||||
height: 4,
|
||||
decoration: BoxDecoration(
|
||||
color: colorScheme.onSurfaceVariant.withValues(alpha: 0.4),
|
||||
borderRadius: BorderRadius.circular(2),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(24, 16, 24, 8),
|
||||
child: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
context.l10n.trackOpenOn,
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Flexible(
|
||||
child: FutureBuilder<Map<String, String>>(
|
||||
future: PlatformBridge.getTrackPlatformLinks(
|
||||
spotifyId: spotifyId,
|
||||
isrc: isrc,
|
||||
),
|
||||
builder: (context, snapshot) {
|
||||
if (snapshot.connectionState != ConnectionState.done) {
|
||||
return const Padding(
|
||||
padding: EdgeInsets.all(32),
|
||||
child: Center(child: CircularProgressIndicator()),
|
||||
);
|
||||
}
|
||||
final links = snapshot.data ?? const <String, String>{};
|
||||
if (links.isEmpty) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.fromLTRB(24, 8, 24, 32),
|
||||
child: Text(
|
||||
context.l10n.trackOpenOnNoLinks,
|
||||
style: Theme.of(context).textTheme.bodyMedium
|
||||
?.copyWith(color: colorScheme.onSurfaceVariant),
|
||||
),
|
||||
);
|
||||
}
|
||||
final entries = links.entries.toList()
|
||||
..sort(
|
||||
(a, b) =>
|
||||
_displayName(a.key).compareTo(_displayName(b.key)),
|
||||
);
|
||||
return SingleChildScrollView(
|
||||
child: Column(
|
||||
children: [
|
||||
SettingsGroup(
|
||||
children: [
|
||||
for (final entry in entries)
|
||||
ListTile(
|
||||
title: Text(_displayName(entry.key)),
|
||||
trailing: Icon(
|
||||
Icons.open_in_new,
|
||||
size: 18,
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
onTap: () => _openLink(context, entry.value),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user