CalvinBackup/SpotiFLAC-Mobile
1
0 Fork 0
mirror of https://github.com/zarzet/SpotiFLAC-Mobile.git synced 2026-09-30 13:19:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(albums): show formatted editorial descriptions

Browse Source
This commit is contained in:
zarzet committed 2026-09-26 03:50:37 +07:00
1 parent 0e1881d837
commit 7d7716cd6f
13 files changed
+465 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

lib/widgets/album_description.dart
+164
View File
@@ -0,0 +1,164 @@
import 'package:flutter/cupertino.dart' show CupertinoIcons;
import 'package:flutter/material.dart';
import 'package:html/dom.dart' as dom;
import 'package:spotiflac_android/theme/mornye_theme.dart';
import 'package:spotiflac_android/utils/editorial_notes.dart';
import 'package:spotiflac_android/widgets/album_detail_header.dart';
import 'package:spotiflac_android/widgets/app_bottom_sheet.dart';
/// A short editorial preview below the album controls, with a full reading sheet.
class AlbumDescription extends StatelessWidget {
const AlbumDescription({
super.key,
required this.title,
required this.description,
});
final String title;
final String description;
TextSpan _text() {
final fragment = parseEditorialNotes(description);
final formatted = fragment.children.isNotEmpty;
List<InlineSpan> spans(List<dom.Node> nodes) => [
for (final node in nodes)
if (node is dom.Text)
TextSpan(
text: formatted
// Catalog notes can mix inline markup with literal paragraph
// breaks. Only collapse horizontal whitespace.
? node.data.replaceAll(RegExp(r'[\t\f\v ]+'), ' ')
: node.data,
)
else if (node is dom.Element)
if (node.localName == 'br')
const TextSpan(text: '\n')
else ...[
TextSpan(
style: switch (node.localName) {
'b' || 'strong' => const TextStyle(fontWeight: FontWeight.bold),
'i' || 'em' => const TextStyle(fontStyle: FontStyle.italic),
_ => null,
},
children: spans(node.nodes),
),
if (['p', 'div'].contains(node.localName))
const TextSpan(text: '\n\n'),
],
];
return TextSpan(children: spans(fragment.nodes));
}
void _showFullDescription(BuildContext context, TextSpan text) {
showAppModalBottomSheet<void>(
context: context,
isScrollControlled: true,
useSafeArea: true,
useRootNavigator: true,
builder: (context) {
final theme = Theme.of(context);
return SizedBox(
height: MediaQuery.sizeOf(context).height * 0.9,
child: SafeArea(
top: false,
child: Column(
children: [
Padding(
padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
child: Row(
children: [
HeaderCircleButton(
buttonSize: 48,
icon: context.isMornye
? CupertinoIcons.xmark
: Icons.close,
tooltip: MaterialLocalizations.of(
context,
).closeButtonTooltip,
onPressed: () => Navigator.of(context).pop(),
),
Expanded(
child: Text(
title,
textAlign: TextAlign.center,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: theme.textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.w600,
),
),
),
const SizedBox(width: 48),
],
),
),
Expanded(
child: SingleChildScrollView(
padding: const EdgeInsets.fromLTRB(20, 8, 20, 32),
child: SelectionArea(
child: Text.rich(
text,
style: theme.textTheme.bodyLarge?.copyWith(
fontSize: context.isMornye ? 18 : 16,
height: 1.45,
color: theme.colorScheme.onSurface,
),
),
),
),
),
],
),
),
);
},
);
}
@override
Widget build(BuildContext context) {
final text = _text();
if (text.toPlainText().trim().isEmpty) return const SizedBox.shrink();
final theme = Theme.of(context);
final more = MaterialLocalizations.of(context).moreButtonTooltip;
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Column(
children: [
InkWell(
onTap: () => _showFullDescription(context, text),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 8),
child: Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Expanded(
child: Text.rich(
text,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: theme.textTheme.bodyLarge?.copyWith(
fontSize: context.isMornye ? 17 : 16,
height: 1.4,
color: theme.colorScheme.onSurfaceVariant,
),
),
),
const SizedBox(width: 8),
Text(
context.isMornye ? more.toUpperCase() : more,
style: theme.textTheme.labelLarge?.copyWith(
fontWeight: FontWeight.w600,
color: theme.colorScheme.onSurface,
),
),
],
),
),
),
Divider(color: theme.colorScheme.onSurface.withValues(alpha: 0.15)),
],
),
);
}
}