mirror of
https://github.com/spotiflacapp/SpotiFLAC-Mobile.git
synced 2026-06-01 03:15:17 +07:00
f29177216d
Enable strict-casts, strict-inference, and strict-raw-types in analysis_options.yaml. Add custom_lint with riverpod_lint. Fix all resulting type warnings with explicit type parameters and safer casts. Also improves APK update checker to detect device ABIs for correct variant selection and fixes Deezer artist name parsing edge case.
940 lines
33 KiB
Dart
940 lines
33 KiB
Dart
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:file_picker/file_picker.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:spotiflac_android/l10n/l10n.dart';
|
|
import 'package:spotiflac_android/models/settings.dart';
|
|
import 'package:spotiflac_android/providers/extension_provider.dart';
|
|
import 'package:spotiflac_android/providers/explore_provider.dart';
|
|
import 'package:spotiflac_android/providers/settings_provider.dart';
|
|
import 'package:spotiflac_android/screens/settings/extension_detail_page.dart';
|
|
import 'package:spotiflac_android/screens/settings/provider_priority_page.dart';
|
|
import 'package:spotiflac_android/screens/settings/metadata_provider_priority_page.dart';
|
|
import 'package:spotiflac_android/utils/app_bar_layout.dart';
|
|
import 'package:spotiflac_android/widgets/settings_group.dart';
|
|
|
|
class ExtensionsPage extends ConsumerStatefulWidget {
|
|
const ExtensionsPage({super.key});
|
|
|
|
@override
|
|
ConsumerState<ExtensionsPage> createState() => _ExtensionsPageState();
|
|
}
|
|
|
|
class _ExtensionsPageState extends ConsumerState<ExtensionsPage> {
|
|
static final RegExp _platformExceptionPattern = RegExp(
|
|
r'PlatformException\([^,]+,\s*([^,]+(?:,[^,]+)?),',
|
|
);
|
|
static final RegExp _platformExceptionSimplePattern = RegExp(
|
|
r'PlatformException\([^,]+,\s*(.+?),\s*null',
|
|
);
|
|
static final RegExp _trailingNullsPattern = RegExp(
|
|
r',\s*null\s*,\s*null\)?$',
|
|
);
|
|
static final RegExp _leadingCommaPattern = RegExp(r'^\s*,\s*');
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initializeExtensions();
|
|
}
|
|
|
|
Future<void> _initializeExtensions() async {
|
|
final extState = ref.read(extensionProvider);
|
|
if (!extState.isInitialized) {
|
|
final appDir = await getApplicationDocumentsDirectory();
|
|
final extensionsDir = '${appDir.path}/extensions';
|
|
final dataDir = '${appDir.path}/extension_data';
|
|
|
|
await Directory(extensionsDir).create(recursive: true);
|
|
await Directory(dataDir).create(recursive: true);
|
|
|
|
await ref
|
|
.read(extensionProvider.notifier)
|
|
.initialize(extensionsDir, dataDir);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final extState = ref.watch(extensionProvider);
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
final topPadding = normalizedHeaderTopPadding(context);
|
|
|
|
return PopScope(
|
|
canPop: true,
|
|
child: Scaffold(
|
|
body: CustomScrollView(
|
|
slivers: [
|
|
SliverAppBar(
|
|
expandedHeight: 120 + topPadding,
|
|
collapsedHeight: kToolbarHeight,
|
|
floating: false,
|
|
pinned: true,
|
|
backgroundColor: colorScheme.surface,
|
|
surfaceTintColor: Colors.transparent,
|
|
leading: IconButton(
|
|
tooltip: MaterialLocalizations.of(context).backButtonTooltip,
|
|
icon: const Icon(Icons.arrow_back),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
flexibleSpace: LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
final maxHeight = 120 + topPadding;
|
|
final minHeight = kToolbarHeight + topPadding;
|
|
final expandRatio =
|
|
((constraints.maxHeight - minHeight) /
|
|
(maxHeight - minHeight))
|
|
.clamp(0.0, 1.0);
|
|
final leftPadding = 56 - (32 * expandRatio);
|
|
return FlexibleSpaceBar(
|
|
expandedTitleScale: 1.0,
|
|
titlePadding: EdgeInsets.only(
|
|
left: leftPadding,
|
|
bottom: 16,
|
|
),
|
|
title: Text(
|
|
context.l10n.extensionsTitle,
|
|
style: TextStyle(
|
|
fontSize: 20 + (8 * expandRatio),
|
|
fontWeight: FontWeight.bold,
|
|
color: colorScheme.onSurface,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
|
|
if (extState.isLoading)
|
|
const SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(32),
|
|
child: Center(child: CircularProgressIndicator()),
|
|
),
|
|
),
|
|
|
|
if (extState.error != null)
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.errorContainer,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.error_outline, color: colorScheme.error),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
extState.error!,
|
|
style: TextStyle(
|
|
color: colorScheme.onErrorContainer,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
SliverToBoxAdapter(
|
|
child: SettingsSectionHeader(
|
|
title: context.l10n.extensionsProviderPrioritySection,
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SettingsGroup(
|
|
children: [
|
|
_DownloadPriorityItem(),
|
|
_MetadataPriorityItem(),
|
|
_SearchProviderSelector(),
|
|
_HomeFeedProviderSelector(),
|
|
],
|
|
),
|
|
),
|
|
|
|
SliverToBoxAdapter(
|
|
child: SettingsSectionHeader(
|
|
title: context.l10n.extensionsInstalledSection,
|
|
),
|
|
),
|
|
|
|
if (extState.extensions.isEmpty && !extState.isLoading)
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(24),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.surfaceContainerHighest.withValues(
|
|
alpha: 0.3,
|
|
),
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Icon(
|
|
Icons.extension_outlined,
|
|
size: 48,
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(height: 12),
|
|
Text(
|
|
context.l10n.extensionsNoExtensions,
|
|
style: Theme.of(context).textTheme.titleMedium
|
|
?.copyWith(color: colorScheme.onSurfaceVariant),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
context.l10n.extensionsNoExtensionsSubtitle,
|
|
style: Theme.of(context).textTheme.bodySmall
|
|
?.copyWith(color: colorScheme.onSurfaceVariant),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
if (extState.extensions.isNotEmpty)
|
|
SliverToBoxAdapter(
|
|
child: SettingsGroup(
|
|
children: extState.extensions.asMap().entries.map((entry) {
|
|
final index = entry.key;
|
|
final ext = entry.value;
|
|
return _ExtensionItem(
|
|
extension: ext,
|
|
showDivider: index < extState.extensions.length - 1,
|
|
onTap: () => Navigator.push(
|
|
context,
|
|
MaterialPageRoute<void>(
|
|
builder: (_) =>
|
|
ExtensionDetailPage(extensionId: ext.id),
|
|
),
|
|
),
|
|
onToggle: (enabled) => ref
|
|
.read(extensionProvider.notifier)
|
|
.setExtensionEnabled(ext.id, enabled),
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: FilledButton.icon(
|
|
onPressed: _installExtension,
|
|
icon: const Icon(Icons.add),
|
|
label: Text(context.l10n.extensionsInstallButton),
|
|
style: FilledButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.tertiaryContainer.withValues(alpha: 0.3),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.info_outline,
|
|
size: 20,
|
|
color: colorScheme.tertiary,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
context.l10n.extensionsInfoTip,
|
|
style: Theme.of(context).textTheme.bodySmall
|
|
?.copyWith(
|
|
color: colorScheme.onTertiaryContainer,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _installExtension() async {
|
|
final result = await FilePicker.platform.pickFiles(
|
|
type: FileType.any,
|
|
allowMultiple: false,
|
|
);
|
|
|
|
if (result != null && result.files.isNotEmpty) {
|
|
final file = result.files.first;
|
|
if (file.path != null) {
|
|
if (!file.path!.endsWith('.spotiflac-ext')) {
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text(context.l10n.snackbarSelectExtFile)),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
|
|
final success = await ref
|
|
.read(extensionProvider.notifier)
|
|
.installExtension(file.path!);
|
|
|
|
if (mounted) {
|
|
final extState = ref.read(extensionProvider);
|
|
String message;
|
|
if (success) {
|
|
message = context.l10n.extensionsInstalledSuccess;
|
|
} else {
|
|
message = _getFriendlyErrorMessage(extState.error);
|
|
}
|
|
|
|
ref.read(extensionProvider.notifier).clearError();
|
|
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text(message)));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/// Parse error message to be more user-friendly
|
|
String _getFriendlyErrorMessage(String? error) {
|
|
if (error == null) return 'Failed to install extension';
|
|
|
|
String message = error;
|
|
|
|
if (message.contains('PlatformException')) {
|
|
final match = _platformExceptionPattern.firstMatch(message);
|
|
if (match != null) {
|
|
message = match.group(1)?.trim() ?? message;
|
|
} else {
|
|
final simpleMatch = _platformExceptionSimplePattern.firstMatch(message);
|
|
if (simpleMatch != null) {
|
|
message = simpleMatch.group(1)?.trim() ?? message;
|
|
}
|
|
}
|
|
}
|
|
|
|
message = message.replaceAll(_trailingNullsPattern, '');
|
|
message = message.replaceAll(_leadingCommaPattern, '');
|
|
|
|
return message;
|
|
}
|
|
}
|
|
|
|
class _ExtensionItem extends StatelessWidget {
|
|
final Extension extension;
|
|
final bool showDivider;
|
|
final VoidCallback onTap;
|
|
final ValueChanged<bool> onToggle;
|
|
|
|
const _ExtensionItem({
|
|
required this.extension,
|
|
required this.showDivider,
|
|
required this.onTap,
|
|
required this.onToggle,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
final hasError = extension.status == 'error';
|
|
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
InkWell(
|
|
onTap: onTap,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 44,
|
|
height: 44,
|
|
decoration: BoxDecoration(
|
|
color: hasError
|
|
? colorScheme.errorContainer
|
|
: colorScheme.primaryContainer,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child:
|
|
extension.iconPath != null &&
|
|
extension.iconPath!.isNotEmpty
|
|
? ClipRRect(
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Image.file(
|
|
File(extension.iconPath!),
|
|
width: 44,
|
|
height: 44,
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (context, error, stackTrace) => Icon(
|
|
hasError ? Icons.error_outline : Icons.extension,
|
|
color: hasError
|
|
? colorScheme.error
|
|
: colorScheme.onPrimaryContainer,
|
|
),
|
|
),
|
|
)
|
|
: Icon(
|
|
hasError ? Icons.error_outline : Icons.extension,
|
|
color: hasError
|
|
? colorScheme.error
|
|
: colorScheme.onPrimaryContainer,
|
|
),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
extension.displayName,
|
|
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
hasError
|
|
? extension.errorMessage ??
|
|
context.l10n.extensionsErrorLoading
|
|
: 'v${extension.version} ${context.l10n.extensionsAuthor(extension.author)}',
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: hasError
|
|
? colorScheme.error
|
|
: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Switch(
|
|
value: extension.enabled,
|
|
onChanged: hasError ? null : onToggle,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
if (showDivider)
|
|
Divider(
|
|
height: 1,
|
|
thickness: 1,
|
|
indent: 76,
|
|
endIndent: 16,
|
|
color: colorScheme.outlineVariant.withValues(alpha: 0.3),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _DownloadPriorityItem extends ConsumerWidget {
|
|
const _DownloadPriorityItem();
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final extState = ref.watch(extensionProvider);
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
final hasDownloadExtensions = extState.extensions.any(
|
|
(e) => e.enabled && e.hasDownloadProvider,
|
|
);
|
|
|
|
return InkWell(
|
|
onTap: hasDownloadExtensions
|
|
? () => Navigator.push(
|
|
context,
|
|
MaterialPageRoute<void>(
|
|
builder: (_) => const ProviderPriorityPage(),
|
|
),
|
|
)
|
|
: null,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.download,
|
|
color: hasDownloadExtensions
|
|
? colorScheme.onSurfaceVariant
|
|
: colorScheme.outline,
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
context.l10n.extensionsDownloadPriority,
|
|
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
|
color: hasDownloadExtensions ? null : colorScheme.outline,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
hasDownloadExtensions
|
|
? context.l10n.extensionsDownloadPrioritySubtitle
|
|
: context.l10n.extensionsNoDownloadProvider,
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.chevron_right,
|
|
color: hasDownloadExtensions
|
|
? colorScheme.onSurfaceVariant
|
|
: colorScheme.outline,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _MetadataPriorityItem extends ConsumerWidget {
|
|
const _MetadataPriorityItem();
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final extState = ref.watch(extensionProvider);
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
final hasMetadataExtensions = extState.extensions.any(
|
|
(e) => e.enabled && e.hasMetadataProvider,
|
|
);
|
|
|
|
return InkWell(
|
|
onTap: hasMetadataExtensions
|
|
? () => Navigator.push(
|
|
context,
|
|
MaterialPageRoute<void>(
|
|
builder: (_) => const MetadataProviderPriorityPage(),
|
|
),
|
|
)
|
|
: null,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.search,
|
|
color: hasMetadataExtensions
|
|
? colorScheme.onSurfaceVariant
|
|
: colorScheme.outline,
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
context.l10n.extensionsMetadataPriority,
|
|
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
|
color: hasMetadataExtensions ? null : colorScheme.outline,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
hasMetadataExtensions
|
|
? context.l10n.extensionsMetadataPrioritySubtitle
|
|
: context.l10n.extensionsNoMetadataProvider,
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.chevron_right,
|
|
color: hasMetadataExtensions
|
|
? colorScheme.onSurfaceVariant
|
|
: colorScheme.outline,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SearchProviderSelector extends ConsumerWidget {
|
|
const _SearchProviderSelector();
|
|
|
|
static const _builtInProviders = {'tidal': 'Tidal', 'qobuz': 'Qobuz'};
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final settings = ref.watch(settingsProvider);
|
|
final extState = ref.watch(extensionProvider);
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
final searchProviders = extState.extensions
|
|
.where((e) => e.enabled && e.hasCustomSearch)
|
|
.toList();
|
|
|
|
final hasAnyProvider =
|
|
searchProviders.isNotEmpty || _builtInProviders.isNotEmpty;
|
|
|
|
String currentProviderName = context.l10n.extensionDefaultProvider;
|
|
if (settings.searchProvider != null &&
|
|
settings.searchProvider!.isNotEmpty) {
|
|
if (_builtInProviders.containsKey(settings.searchProvider)) {
|
|
currentProviderName = _builtInProviders[settings.searchProvider]!;
|
|
} else {
|
|
final ext = searchProviders
|
|
.where((e) => e.id == settings.searchProvider)
|
|
.firstOrNull;
|
|
currentProviderName = ext?.displayName ?? settings.searchProvider!;
|
|
}
|
|
}
|
|
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
InkWell(
|
|
onTap: !hasAnyProvider
|
|
? null
|
|
: () => _showSearchProviderPicker(
|
|
context,
|
|
ref,
|
|
settings,
|
|
searchProviders,
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.manage_search,
|
|
color: !hasAnyProvider
|
|
? colorScheme.outline
|
|
: colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
context.l10n.extensionsSearchProvider,
|
|
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
|
color: !hasAnyProvider ? colorScheme.outline : null,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
!hasAnyProvider
|
|
? context.l10n.extensionsNoCustomSearch
|
|
: currentProviderName,
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.chevron_right,
|
|
color: !hasAnyProvider
|
|
? colorScheme.outline
|
|
: colorScheme.onSurfaceVariant,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
void _showSearchProviderPicker(
|
|
BuildContext context,
|
|
WidgetRef ref,
|
|
AppSettings settings,
|
|
List<Extension> searchProviders,
|
|
) {
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
showModalBottomSheet<void>(
|
|
context: context,
|
|
useRootNavigator: true,
|
|
backgroundColor: colorScheme.surfaceContainerHigh,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(28)),
|
|
),
|
|
builder: (ctx) => SafeArea(
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(24, 24, 24, 8),
|
|
child: Text(
|
|
ctx.l10n.extensionsSearchProvider,
|
|
style: Theme.of(
|
|
context,
|
|
).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(24, 0, 24, 16),
|
|
child: Text(
|
|
ctx.l10n.extensionsSearchProviderDescription,
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
leading: Icon(Icons.music_note, color: colorScheme.primary),
|
|
title: Text(ctx.l10n.extensionDefaultProvider),
|
|
subtitle: Text(ctx.l10n.extensionDefaultProviderSubtitle),
|
|
trailing:
|
|
(settings.searchProvider == null ||
|
|
settings.searchProvider!.isEmpty)
|
|
? Icon(Icons.check_circle, color: colorScheme.primary)
|
|
: Icon(Icons.circle_outlined, color: colorScheme.outline),
|
|
onTap: () {
|
|
ref.read(settingsProvider.notifier).setSearchProvider(null);
|
|
Navigator.pop(ctx);
|
|
},
|
|
),
|
|
..._builtInProviders.entries.map(
|
|
(entry) => ListTile(
|
|
leading: Icon(Icons.search, color: colorScheme.tertiary),
|
|
title: Text(entry.value),
|
|
subtitle: Text('Search with ${entry.value}'),
|
|
trailing: settings.searchProvider == entry.key
|
|
? Icon(Icons.check_circle, color: colorScheme.primary)
|
|
: Icon(Icons.circle_outlined, color: colorScheme.outline),
|
|
onTap: () {
|
|
ref
|
|
.read(settingsProvider.notifier)
|
|
.setSearchProvider(entry.key);
|
|
Navigator.pop(ctx);
|
|
},
|
|
),
|
|
),
|
|
if (searchProviders.isNotEmpty) const Divider(height: 1),
|
|
...searchProviders.map(
|
|
(ext) => ListTile(
|
|
leading: Icon(Icons.extension, color: colorScheme.secondary),
|
|
title: Text(ext.displayName),
|
|
subtitle: Text(
|
|
ext.searchBehavior?.placeholder ??
|
|
ctx.l10n.extensionsCustomSearch,
|
|
),
|
|
trailing: settings.searchProvider == ext.id
|
|
? Icon(Icons.check_circle, color: colorScheme.primary)
|
|
: Icon(Icons.circle_outlined, color: colorScheme.outline),
|
|
onTap: () {
|
|
ref
|
|
.read(settingsProvider.notifier)
|
|
.setSearchProvider(ext.id);
|
|
Navigator.pop(ctx);
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _HomeFeedProviderSelector extends ConsumerWidget {
|
|
const _HomeFeedProviderSelector();
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final settings = ref.watch(settingsProvider);
|
|
final extState = ref.watch(extensionProvider);
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
final homeFeedProviders = extState.extensions
|
|
.where((e) => e.enabled && e.hasHomeFeed)
|
|
.toList();
|
|
|
|
final hasAnyProvider = homeFeedProviders.isNotEmpty;
|
|
|
|
String currentProviderName = 'Auto';
|
|
if (settings.homeFeedProvider != null &&
|
|
settings.homeFeedProvider!.isNotEmpty) {
|
|
final ext = homeFeedProviders
|
|
.where((e) => e.id == settings.homeFeedProvider)
|
|
.firstOrNull;
|
|
currentProviderName = ext?.displayName ?? settings.homeFeedProvider!;
|
|
}
|
|
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
InkWell(
|
|
onTap: !hasAnyProvider
|
|
? null
|
|
: () => _showHomeFeedProviderPicker(
|
|
context,
|
|
ref,
|
|
settings,
|
|
homeFeedProviders,
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.explore_outlined,
|
|
color: !hasAnyProvider
|
|
? colorScheme.outline
|
|
: colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Home Feed Provider',
|
|
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
|
color: !hasAnyProvider ? colorScheme.outline : null,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
!hasAnyProvider
|
|
? 'No extensions with home feed'
|
|
: currentProviderName,
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.chevron_right,
|
|
color: !hasAnyProvider
|
|
? colorScheme.outline
|
|
: colorScheme.onSurfaceVariant,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
void _showHomeFeedProviderPicker(
|
|
BuildContext context,
|
|
WidgetRef ref,
|
|
AppSettings settings,
|
|
List<Extension> homeFeedProviders,
|
|
) {
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
showModalBottomSheet<void>(
|
|
context: context,
|
|
useRootNavigator: true,
|
|
backgroundColor: colorScheme.surfaceContainerHigh,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(28)),
|
|
),
|
|
builder: (ctx) => SafeArea(
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(24, 24, 24, 8),
|
|
child: Text(
|
|
'Home Feed Provider',
|
|
style: Theme.of(
|
|
context,
|
|
).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(24, 0, 24, 16),
|
|
child: Text(
|
|
'Choose which extension provides the home feed on the main screen',
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
leading: Icon(Icons.auto_awesome, color: colorScheme.primary),
|
|
title: const Text('Auto'),
|
|
subtitle: const Text('Automatically select the best available'),
|
|
trailing:
|
|
(settings.homeFeedProvider == null ||
|
|
settings.homeFeedProvider!.isEmpty)
|
|
? Icon(Icons.check_circle, color: colorScheme.primary)
|
|
: Icon(Icons.circle_outlined, color: colorScheme.outline),
|
|
onTap: () {
|
|
ref.read(settingsProvider.notifier).setHomeFeedProvider(null);
|
|
ref.read(exploreProvider.notifier).refresh();
|
|
Navigator.pop(ctx);
|
|
},
|
|
),
|
|
...homeFeedProviders.map(
|
|
(ext) => ListTile(
|
|
leading: Icon(Icons.extension, color: colorScheme.secondary),
|
|
title: Text(ext.displayName),
|
|
subtitle: Text('Use ${ext.displayName} home feed'),
|
|
trailing: settings.homeFeedProvider == ext.id
|
|
? Icon(Icons.check_circle, color: colorScheme.primary)
|
|
: Icon(Icons.circle_outlined, color: colorScheme.outline),
|
|
onTap: () {
|
|
ref
|
|
.read(settingsProvider.notifier)
|
|
.setHomeFeedProvider(ext.id);
|
|
ref.read(exploreProvider.notifier).refresh();
|
|
Navigator.pop(ctx);
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|