Files
SpotiFLAC-Mobile/lib/widgets/cross_extension_share_sheet.dart

275 lines
8.4 KiB
Dart

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:spotiflac_android/l10n/l10n.dart';
import 'package:spotiflac_android/providers/extension_provider.dart';
import 'package:spotiflac_android/services/cross_extension_share_service.dart';
import 'package:spotiflac_android/services/share_intent_service.dart';
class CrossExtensionShareSheet extends ConsumerStatefulWidget {
final String name;
final String artists;
final String type;
final String sourceExtensionId;
const CrossExtensionShareSheet({
super.key,
required this.name,
required this.artists,
required this.type,
required this.sourceExtensionId,
});
static Future<void> show(
BuildContext context, {
required String name,
required String artists,
required String type,
required String sourceExtensionId,
}) {
final colorScheme = Theme.of(context).colorScheme;
return showModalBottomSheet<void>(
context: context,
useRootNavigator: true,
isScrollControlled: true,
backgroundColor: colorScheme.surfaceContainerHigh,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(28)),
),
builder: (_) => CrossExtensionShareSheet(
name: name,
artists: artists,
type: type,
sourceExtensionId: sourceExtensionId,
),
);
}
@override
ConsumerState<CrossExtensionShareSheet> createState() =>
_CrossExtensionShareSheetState();
}
class _CrossExtensionShareSheetState
extends ConsumerState<CrossExtensionShareSheet> {
late final Future<List<CrossExtensionShareResult>> _future;
@override
void initState() {
super.initState();
_future = const CrossExtensionShareService()
.findAcrossExtensions(
name: widget.name,
artists: widget.artists,
type: widget.type,
sourceExtensionId: widget.sourceExtensionId,
)
.then((results) {
final sorted = [...results];
sorted.sort((a, b) {
if (a.found != b.found) return a.found ? -1 : 1;
return a.displayName.compareTo(b.displayName);
});
return sorted;
});
}
String? _iconPathFor(String extensionId) {
if (extensionId.isEmpty) return null;
final extensions = ref.read(extensionProvider).extensions;
for (final ext in extensions) {
if (ext.id == extensionId) {
final path = ext.iconPath;
return (path != null && path.isNotEmpty) ? path : null;
}
}
return null;
}
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
final textTheme = Theme.of(context).textTheme;
return SafeArea(
top: false,
child: ConstrainedBox(
constraints: BoxConstraints(
maxHeight: MediaQuery.sizeOf(context).height * 0.82,
),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
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, 4),
child: Text(
context.l10n.openInOtherServices,
style: textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
),
),
),
Padding(
padding: const EdgeInsets.fromLTRB(24, 0, 24, 12),
child: Text(
widget.artists.isNotEmpty
? '${widget.name} - ${widget.artists}'
: widget.name,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
),
Flexible(
child: FutureBuilder<List<CrossExtensionShareResult>>(
future: _future,
builder: (context, snapshot) {
if (snapshot.connectionState != ConnectionState.done) {
return const SizedBox(
height: 180,
child: Center(child: CircularProgressIndicator()),
);
}
final results = snapshot.data ?? const [];
if (results.isEmpty) {
return SizedBox(
height: 180,
child: Center(
child: Text(
context.l10n.shareSheetNoExtensions,
style: textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
),
);
}
return ListView.builder(
shrinkWrap: true,
padding: const EdgeInsets.only(bottom: 16, top: 4),
itemBuilder: (context, index) {
final result = results[index];
return _CrossExtensionShareTile(
result: result,
iconPath: _iconPathFor(result.extensionId),
);
},
itemCount: results.length,
);
},
),
),
],
),
),
);
}
}
class _CrossExtensionShareTile extends StatelessWidget {
final CrossExtensionShareResult result;
final String? iconPath;
const _CrossExtensionShareTile({required this.result, this.iconPath});
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
final textTheme = Theme.of(context).textTheme;
final url = result.url;
final hasUrl = result.found && url != null && url.isNotEmpty;
final tile = ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 24, vertical: 4),
leading: Container(
width: 44,
height: 44,
decoration: BoxDecoration(
color: colorScheme.surfaceContainerHighest,
borderRadius: BorderRadius.circular(12),
),
clipBehavior: Clip.antiAlias,
child: _buildIcon(colorScheme),
),
title: Text(
result.displayName,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: textTheme.bodyLarge?.copyWith(fontWeight: FontWeight.w600),
),
subtitle: Text(
hasUrl
? (result.itemName?.isNotEmpty == true ? result.itemName! : url)
: context.l10n.shareSheetNotFound,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: textTheme.bodySmall?.copyWith(
color: colorScheme.onSurfaceVariant,
),
),
trailing: hasUrl
? IconButton(
tooltip: context.l10n.shareSheetCopyLink,
icon: const Icon(Icons.copy_rounded, size: 20),
color: colorScheme.onSurfaceVariant,
onPressed: () {
Clipboard.setData(ClipboardData(text: url));
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
context.l10n.shareSheetLinkCopied(result.displayName),
),
),
);
},
)
: null,
onTap: hasUrl
? () {
Navigator.pop(context);
ShareIntentService().injectUrl(url);
}
: null,
);
if (hasUrl) return tile;
return Opacity(opacity: 0.5, child: tile);
}
Widget _buildIcon(ColorScheme colorScheme) {
final fallbackIcon = Icon(
Icons.extension_rounded,
color: colorScheme.onSurfaceVariant,
);
final path = iconPath;
if (path == null) return fallbackIcon;
return Image.file(
File(path),
width: 44,
height: 44,
fit: BoxFit.cover,
errorBuilder: (_, _, _) => fallbackIcon,
);
}
}