MrBlake/MrbWebLibre
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

web feed intermediate

Browse Source
This commit is contained in:
Fabian Freund
2025-02-28 14:31:07 +01:00
parent 3c4d479bd9
commit 2a2311253b
51 changed files with 5503 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/features/web_feed/presentation/controllers/fetch_articles.dart
+50
View File
@@ -0,0 +1,50 @@
import 'package:lensai/features/web_feed/domain/repositories/feed_repository.dart';
import 'package:lensai/features/web_feed/domain/services/feed_reader.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
part 'fetch_articles.g.dart';
@Riverpod()
class FetchArticlesController extends _$FetchArticlesController {
Future<void> fetchAllArticles() async {
state = const AsyncLoading();
state = await AsyncValue.guard(() async {
final feeds =
await ref.read(feedRepositoryProvider.notifier).getAllFeeds();
await Future.wait(
feeds.map((feed) async {
final result = await ref
.read(feedReaderProvider.notifier)
.parseFeed(feed.url);
await ref
.read(feedRepositoryProvider.notifier)
.upsertArticles(result.articleData);
await ref
.read(feedRepositoryProvider.notifier)
.touchFeedFetched(feed.url);
}).toList(),
);
});
}
Future<void> fetchFeedArticles(Uri uri) async {
state = const AsyncLoading();
state = await AsyncValue.guard(() async {
final result = await ref.read(feedReaderProvider.notifier).parseFeed(uri);
await ref
.read(feedRepositoryProvider.notifier)
.upsertArticles(result.articleData);
await ref.read(feedRepositoryProvider.notifier).touchFeedFetched(uri);
});
}
@override
AsyncValue<void> build() {
return const AsyncData(null);
}
}
app/lib/features/web_feed/presentation/controllers/fetch_articles.g.dart
+30
View File
@@ -0,0 +1,30 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'fetch_articles.dart';
// **************************************************************************
// RiverpodGenerator
// **************************************************************************
String _$fetchArticlesControllerHash() =>
r'63da7f6ba9eab28aebff4c60d98e2f2a404c5138';
/// See also [FetchArticlesController].
@ProviderFor(FetchArticlesController)
final fetchArticlesControllerProvider = AutoDisposeNotifierProvider<
FetchArticlesController,
AsyncValue<void>
>.internal(
FetchArticlesController.new,
name: r'fetchArticlesControllerProvider',
debugGetCreateSourceHash:
const bool.fromEnvironment('dart.vm.product')
? null
: _$fetchArticlesControllerHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef _$FetchArticlesController = AutoDisposeNotifier<AsyncValue<void>>;
// ignore_for_file: type=lint
// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package
app/lib/features/web_feed/presentation/screens/feed_article.dart
+261
View File
@@ -0,0 +1,261 @@
import 'package:collection/collection.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/core/providers/format.dart';
import 'package:lensai/core/routing/routes.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/features/geckoview/domain/repositories/tab.dart';
import 'package:lensai/features/web_feed/data/models/feed_link.dart';
import 'package:lensai/features/web_feed/domain/providers.dart';
import 'package:lensai/features/web_feed/extensions/feed_article.dart';
import 'package:lensai/features/web_feed/presentation/widgets/authors_horizontal_list.dart';
import 'package:lensai/features/web_feed/presentation/widgets/tags_horizontal_list.dart';
import 'package:lensai/presentation/widgets/failure_widget.dart';
import 'package:lensai/utils/markdown/image_extractor.dart';
import 'package:lensai/utils/ui_helper.dart';
enum _Pages { summary, content }
class FeedArticleScreen extends HookConsumerWidget {
final String articleId;
const FeedArticleScreen({super.key, required this.articleId});
@override
Widget build(BuildContext context, WidgetRef ref) {
final articleAsync = ref.watch(feedArticleProvider(articleId));
return Scaffold(
body: articleAsync.when(
data: (article) {
if (article == null) {
return SizedBox.shrink();
}
return HookBuilder(
builder: (context) {
final hasArticleCreated = article.created != null;
final hasArticleUpdated =
article.updated != null && article.updated != article.created;
final hasAuthors = article.authors.isNotEmpty;
final hasTags = article.tags.isNotEmpty;
final tabs = useMemoized(
() => [
if (article.summaryMarkdown.isNotEmpty) _Pages.summary,
if (article.contentMarkdown.isNotEmpty) _Pages.content,
],
);
final tabController = useTabController(
initialLength: tabs.length,
);
final articleLink = useMemoized(
() => article.links?.firstWhereOrNull(
(link) => link.relation == FeedLinkRelation.alternate,
),
);
final articleImages = useMemoized(
() => (article.contentMarkdown ?? article.summaryMarkdown)
.mapNotNull(extractImagesFromMarkdown),
);
final bottomHeight = useMemoized(() {
var height = 0.0;
if (hasArticleCreated) {
height += 20;
}
if (hasArticleUpdated) {
height += 20;
}
if (hasAuthors) {
height += 56;
}
if (hasTags) {
height += 56;
}
return height;
});
return NestedScrollView(
headerSliverBuilder:
(context, innerBoxIsScrolled) => [
SliverAppBar.large(
pinned: false,
flexibleSpace: FlexibleSpaceBar(
centerTitle: false,
titlePadding: EdgeInsetsDirectional.only(
start: 72,
end: 72,
bottom: bottomHeight + 16,
),
title: Text(
article.displayTitle,
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
background: articleImages?.firstOrNull.mapNotNull(
(img) => Image.network(
img.toString(),
fit: BoxFit.cover,
color: Theme.of(
context,
).colorScheme.surface.withAlpha(200),
colorBlendMode: BlendMode.darken,
),
),
),
bottom: PreferredSize(
preferredSize: Size(double.infinity, bottomHeight),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16.0,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Divider(),
Text(
'Published: ${hasArticleCreated ? ref.read(formatProvider.notifier).fullDateTimeWithTimezone(article.created!) : 'N/A'}',
style: Theme.of(context).textTheme.bodySmall
?.copyWith(fontStyle: FontStyle.italic),
),
if (hasArticleUpdated)
Text(
'Updated: ${ref.read(formatProvider.notifier).fullDateTimeWithTimezone(article.updated!)}',
style: Theme.of(context).textTheme.bodySmall
?.copyWith(fontStyle: FontStyle.italic),
),
if (hasAuthors)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Row(
children: [
const Text('Authors:'),
const SizedBox(width: 8),
Expanded(
child: AuthorsHorizontalList(
authors: article.authors!,
),
),
],
),
),
if (hasTags)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Row(
children: [
const Text('Tags:'),
const SizedBox(width: 8),
Expanded(
child: TagsHorizontalList(
tags: article.tags!,
),
),
],
),
),
],
),
),
),
actions: [
if (articleLink != null)
IconButton(
onPressed: () async {
await ref
.read(tabRepositoryProvider.notifier)
.addTab(url: articleLink.uri);
if (context.mounted) {
context.go(BrowserRoute().location);
}
},
icon: const Icon(Icons.open_in_browser),
),
],
),
// SliverToBoxAdapter(
// child: Padding(
// padding: const EdgeInsets.all(8.0),
// child: TabBar(
// controller: tabController,
// tabs: [
// ...tabs.map(
// (tab) => switch (tab) {
// _Pages.summary => const Tab(text: 'Summary'),
// _Pages.content => const Tab(text: 'Article'),
// },
// ),
// ],
// ),
// ),
// ),
],
body: TabBarView(
controller: tabController,
children: [
...tabs.map(
(tab) => Markdown(
selectable: true,
onTapLink: (text, href, title) async {
if (href.mapNotNull(Uri.tryParse)
case final Uri url) {
await ref
.read(tabRepositoryProvider.notifier)
.addTab(url: url);
if (context.mounted) {
showTabOpenedMessage(
context,
tabName: title.whenNotEmpty,
onShow: () {
context.go(BrowserRoute().location);
},
);
}
}
},
styleSheet: MarkdownStyleSheet.fromTheme(
Theme.of(context),
).copyWith(
blockquoteDecoration: BoxDecoration(
color:
Theme.of(
context,
).colorScheme.secondaryContainer,
borderRadius: BorderRadius.circular(2.0),
),
),
data: switch (tab) {
_Pages.summary => article.summaryMarkdown!,
_Pages.content => article.contentMarkdown!,
},
),
),
],
),
);
},
);
},
error:
(error, stackTrace) => Center(
child: FailureWidget(
title: 'Failed reading article',
exception: error,
),
),
loading: () => const Center(child: CircularProgressIndicator()),
),
);
}
}
app/lib/features/web_feed/presentation/screens/feed_article_list.dart
+103
View File
@@ -0,0 +1,103 @@
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/domain/entities/equatable_iterable.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/features/web_feed/data/models/feed_filter.dart';
import 'package:lensai/features/web_feed/domain/providers.dart';
import 'package:lensai/features/web_feed/domain/providers/article_filter.dart';
import 'package:lensai/features/web_feed/presentation/controllers/fetch_articles.dart';
import 'package:lensai/features/web_feed/presentation/widgets/feed_article_card.dart';
import 'package:lensai/presentation/widgets/failure_widget.dart';
class FeedArticleListScreen extends HookConsumerWidget {
final Uri? feedId;
const FeedArticleListScreen({required this.feedId});
@override
Widget build(BuildContext context, WidgetRef ref) {
final articlesAsync = ref.watch(
// ignore: provider_parameters
feedArticleListProvider(FeedFilter(feedId: feedId)),
);
return Scaffold(
body: NestedScrollView(
floatHeaderSlivers: true,
headerSliverBuilder: (context, innerBoxIsScrolled) {
return [
Consumer(
builder: (context, ref, child) {
final tags = ref.watch(articleFilterProvider);
return SliverAppBar(floating: true, title: Text('Articles'));
},
),
];
},
body: articlesAsync.when(
data: (articles) {
return RefreshIndicator(
onRefresh: () async {
if (feedId != null) {
await ref
.read(fetchArticlesControllerProvider.notifier)
.fetchFeedArticles(feedId!);
} else {
await ref
.read(fetchArticlesControllerProvider.notifier)
.fetchAllArticles();
}
},
child: ListView.builder(
itemCount: articles.length,
itemBuilder: (context, i) {
final article = articles[i];
return Consumer(
key: ValueKey(article.id),
builder: (context, ref, child) {
final tags = ref.watch(
articleFilterProvider.select(
(value) => EquatableCollection(
value.tags ?? const {},
immutable: false,
),
),
);
return FeedArticleCard(
selectedTags: tags.collection,
onTagSelected: (tagId, value) {
if (value) {
ref
.read(articleFilterProvider.notifier)
.addTag(tagId);
} else {
ref
.read(articleFilterProvider.notifier)
.removeTag(tagId);
}
},
article: article,
);
},
);
},
),
);
},
error:
(error, stackTrace) => Center(
child: FailureWidget(
title: 'Failed to load Articles',
exception: error,
),
),
loading: () => const SizedBox.shrink(),
),
),
);
}
}
app/lib/features/web_feed/presentation/screens/feed_edit.dart
+204
View File
@@ -0,0 +1,204 @@
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/extensions/uri.dart';
import 'package:lensai/features/web_feed/data/database/database.dart';
import 'package:lensai/features/web_feed/data/models/feed_category.dart';
import 'package:lensai/features/web_feed/domain/repositories/feed_repository.dart';
import 'package:lensai/features/web_feed/presentation/widgets/tag_field.dart';
import 'package:lensai/presentation/widgets/url_icon.dart';
enum _DialogMode { create, edit }
class FeedEditScreen extends HookConsumerWidget {
final _DialogMode _mode;
final FeedData initialFeed;
const FeedEditScreen._({required _DialogMode mode, required this.initialFeed})
: _mode = mode;
factory FeedEditScreen.create({required FeedData initialFeed}) {
return FeedEditScreen._(mode: _DialogMode.create, initialFeed: initialFeed);
}
factory FeedEditScreen.edit({required FeedData initialFeed}) {
return FeedEditScreen._(mode: _DialogMode.edit, initialFeed: initialFeed);
}
@override
Widget build(BuildContext context, WidgetRef ref) {
final formKey = useMemoized(() => GlobalKey<FormState>());
final initialTags = useMemoized(
() => initialFeed.tags?.map((tag) => tag.id).toSet(),
);
final tags = useRef(initialTags ?? {});
final titleTextController = useTextEditingController(
text: initialFeed.title ?? initialFeed.url.host,
);
final descriptionTextController = useTextEditingController(
text: initialFeed.description,
);
final urlTextController = useTextEditingController(
text: initialFeed.url.toString(),
);
return Scaffold(
appBar: AppBar(
title: Text(switch (_mode) {
_DialogMode.create => 'New Feed',
_DialogMode.edit => 'Edit Feed',
}),
actions: [
IconButton(
onPressed: () async {
if (formKey.currentState?.validate() ?? false) {
final feedData = FeedData(
url: Uri.parse(urlTextController.text),
authors: initialFeed.authors,
description: descriptionTextController.text.whenNotEmpty,
tags: tags.value.map((tag) => FeedCategory(id: tag)).toList(),
title: titleTextController.text.whenNotEmpty,
);
await ref
.read(feedRepositoryProvider.notifier)
.upsertFeed(feedData);
if (context.mounted) {
context.pop();
}
}
},
icon: const Icon(Icons.check),
),
],
),
body: SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Column(
children: [
Expanded(
child: Form(
key: formKey,
child: ListView(
children: [
TextFormField(
decoration: InputDecoration(
prefixIcon: Padding(
padding: const EdgeInsets.all(10.0),
child: UrlIcon(
initialFeed.url.base,
iconSize: 24.0,
),
),
label: const Text('Title'),
),
controller: titleTextController,
),
TextFormField(
decoration: const InputDecoration(
label: Text('Description'),
),
minLines: 1,
maxLines: 3,
controller: descriptionTextController,
),
const SizedBox(height: 16),
TagField(
initialTags: tags.value,
onTagsUpdate: (newTags) {
tags.value = newTags;
},
),
const SizedBox(height: 16),
TextFormField(
decoration: const InputDecoration(
label: Text('Address'),
),
keyboardType: TextInputType.url,
controller: urlTextController,
autovalidateMode: AutovalidateMode.onUserInteraction,
validator: (value) {
if (value.isEmpty) {
return 'Address must be provided';
}
if (Uri.tryParse(value!) case final Uri url) {
if (url.isScheme('https') ||
url.isScheme('http') &&
url.authority.isNotEmpty) {
return null;
}
}
return 'Inavlid URL';
},
),
],
),
),
),
if (_mode == _DialogMode.edit)
SizedBox(
width: double.infinity,
child: OutlinedButton.icon(
style: OutlinedButton.styleFrom(
side: BorderSide(
color: Theme.of(context).colorScheme.error,
),
foregroundColor: Theme.of(context).colorScheme.error,
iconColor: Theme.of(context).colorScheme.error,
),
label: const Text('Delete'),
icon: const Icon(Icons.delete),
onPressed: () async {
final result = await showDialog<bool?>(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: const Text('Delete Feed'),
content: const Text(
'Are you sure you want to delete this feed and delete all related articles?',
),
actions: <Widget>[
TextButton(
onPressed: () {
Navigator.pop(context, false);
},
child: const Text('Cancel'),
),
TextButton(
onPressed: () {
Navigator.pop(context, true);
},
child: const Text('Delete'),
),
],
);
},
);
if (result == true) {
await ref
.read(feedRepositoryProvider.notifier)
.deleteFeed(initialFeed.url);
if (context.mounted) {
context.pop();
}
}
},
),
),
],
),
),
),
);
}
}
app/lib/features/web_feed/presentation/screens/feed_list.dart
+44
View File
@@ -0,0 +1,44 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/features/web_feed/domain/providers.dart';
import 'package:lensai/features/web_feed/presentation/controllers/fetch_articles.dart';
import 'package:lensai/features/web_feed/presentation/widgets/feed_card.dart';
import 'package:lensai/presentation/widgets/failure_widget.dart';
class FeedListScreen extends HookConsumerWidget {
const FeedListScreen();
@override
Widget build(BuildContext context, WidgetRef ref) {
final feeds = ref.watch(feedListProvider);
return Scaffold(
appBar: AppBar(title: const Text('Feeds')),
body: feeds.when(
data: (feeds) {
return RefreshIndicator(
onRefresh: () async {
await ref
.read(fetchArticlesControllerProvider.notifier)
.fetchAllArticles();
},
child: ListView.builder(
itemCount: feeds.length,
itemBuilder: (context, i) {
return FeedCard(feed: feeds[i]);
},
),
);
},
error:
(error, stackTrace) => Center(
child: FailureWidget(
title: 'Failed to load Feeds',
exception: error,
),
),
loading: () => const SizedBox.shrink(),
),
);
}
}
app/lib/features/web_feed/presentation/widgets/authors_horizontal_list.dart
+41
View File
@@ -0,0 +1,41 @@
import 'package:fading_scroll/fading_scroll.dart';
import 'package:flutter/material.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/features/web_feed/data/models/feed_author.dart';
class AuthorsHorizontalList extends StatelessWidget {
late final List<Widget> _authors;
AuthorsHorizontalList({required List<FeedAuthor> authors}) {
_authors =
authors
.map(
(author) => Chip(
label: Text(
'${author.name ?? ''} ${author.email.mapNotNull((email) => '($email)') ?? ''}'
.trim(),
),
),
)
.toList();
}
@override
Widget build(BuildContext context) {
return SizedBox(
height: 48,
child: FadingScroll(
fadingSize: 15,
builder: (context, controller) {
return ListView.builder(
itemCount: _authors.length,
controller: controller,
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemBuilder: (context, index) => _authors[index],
);
},
),
);
}
}
app/lib/features/web_feed/presentation/widgets/feed_article_card.dart
+122
View File
@@ -0,0 +1,122 @@
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/core/routing/routes.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/extensions/uri.dart';
import 'package:lensai/features/web_feed/data/models/feed_article.dart';
import 'package:lensai/features/web_feed/domain/repositories/feed_repository.dart';
import 'package:lensai/features/web_feed/extensions/feed_article.dart';
import 'package:lensai/features/web_feed/presentation/widgets/authors_horizontal_list.dart';
import 'package:lensai/features/web_feed/presentation/widgets/tags_horizontal_list.dart';
import 'package:lensai/presentation/widgets/url_icon.dart';
import 'package:timeago/timeago.dart' as timeago;
class FeedArticleCard extends HookConsumerWidget {
final FeedArticle article;
final Set<String> selectedTags;
final void Function(String tagId, bool value)? onTagSelected;
const FeedArticleCard({
super.key,
required this.article,
this.onTagSelected,
this.selectedTags = const {},
});
@override
Widget build(BuildContext context, WidgetRef ref) {
final theme = Theme.of(context);
return Card(
clipBehavior: Clip.antiAlias,
child: InkWell(
onTap: () async {
await ref
.read(feedRepositoryProvider.notifier)
.touchArticleRead(article.id);
if (context.mounted) {
await context.push(
FeedArticleRoute(articleId: article.id).location,
extra: article,
);
}
},
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
UrlIcon(article.feedId.base, iconSize: 34.0),
const SizedBox(width: 12.0),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
article.displayTitle,
style: theme.textTheme.titleMedium,
),
if (article.summaryPlain != null)
Text(
article.summaryPlain!,
style: theme.textTheme.bodySmall,
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
],
),
),
if (article.lastRead != null)
IconButton(
onPressed: () async {
await ref
.read(feedRepositoryProvider.notifier)
.unsetArticleRead(article.id);
},
icon: const Icon(Icons.visibility),
),
],
),
if (article.authors.isNotEmpty || article.tags.isNotEmpty) ...[
const SizedBox(height: 8),
if (article.authors.isNotEmpty)
AuthorsHorizontalList(authors: article.authors!),
if (article.tags.isNotEmpty)
TagsHorizontalList(
tags: article.tags!,
selectedTags: selectedTags,
onTagSelected: onTagSelected,
),
const Divider(),
],
Row(
children: [
Text(
'Published: ${(article.created != null) ? timeago.format(article.created!) : 'N/A'}',
style: Theme.of(context).textTheme.bodySmall?.copyWith(
fontStyle: FontStyle.italic,
),
),
if (article.updated != null &&
article.updated != article.created)
Text(
'Updated: ${timeago.format(article.updated!)}',
style: Theme.of(context).textTheme.bodySmall?.copyWith(
fontStyle: FontStyle.italic,
),
),
],
),
],
),
),
),
);
}
}
app/lib/features/web_feed/presentation/widgets/feed_card.dart
+132
View File
@@ -0,0 +1,132 @@
import 'package:flutter/material.dart';
import 'package:flutter_material_design_icons/flutter_material_design_icons.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/core/routing/routes.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/extensions/uri.dart';
import 'package:lensai/features/web_feed/data/database/database.dart';
import 'package:lensai/features/web_feed/domain/providers.dart';
import 'package:lensai/features/web_feed/presentation/widgets/authors_horizontal_list.dart';
import 'package:lensai/features/web_feed/presentation/widgets/tags_horizontal_list.dart';
import 'package:lensai/presentation/widgets/rounded_text.dart';
import 'package:lensai/presentation/widgets/url_icon.dart';
import 'package:timeago/timeago.dart' as timeago;
class FeedCard extends HookConsumerWidget {
final FeedData feed;
const FeedCard({super.key, required this.feed});
@override
Widget build(BuildContext context, WidgetRef ref) {
final theme = Theme.of(context);
return Card(
clipBehavior: Clip.antiAlias,
child: InkWell(
onTap: () async {
await context.push(FeedArticleListRoute(feedId: feed.url).location);
},
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
UrlIcon(feed.url.base, iconSize: 34.0),
const SizedBox(width: 12.0),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
feed.title ?? feed.url.host,
style: theme.textTheme.titleMedium,
),
if (feed.description != null)
Text(
feed.description!,
style: theme.textTheme.bodySmall,
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
],
),
),
],
),
if (feed.authors.isNotEmpty || feed.tags.isNotEmpty) ...[
if (feed.authors.isNotEmpty)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: AuthorsHorizontalList(authors: feed.authors!),
),
if (feed.tags.isNotEmpty)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: TagsHorizontalList(tags: feed.tags!),
),
const Divider(),
],
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Last fetched: ${(feed.lastFetched != null) ? timeago.format(feed.lastFetched!) : 'N/A'}',
style: Theme.of(context).textTheme.bodySmall?.copyWith(
fontStyle: FontStyle.italic,
),
),
Consumer(
builder: (context, ref, child) {
final countAsync = ref.watch(
unreadFeedArticleCountProvider(feed.url),
);
return countAsync.when(
data: (count) {
if (count == null) {
return const SizedBox();
}
return RoundedBackground(
child: Row(
children: [
Icon(
MdiIcons.newspaperVariantMultipleOutline,
size: 18,
color:
Theme.of(context).colorScheme.onPrimary,
),
const SizedBox(width: 4),
Text(
count.toString(),
textAlign: TextAlign.center,
style: TextStyle(
color:
Theme.of(context).colorScheme.onPrimary,
),
),
],
),
);
},
error: (error, stackTrace) => const Text('N/A'),
loading: () => const SizedBox.shrink(),
);
},
),
],
),
],
),
),
),
);
}
}
app/lib/features/web_feed/presentation/widgets/tag_field.dart
+89
View File
@@ -0,0 +1,89 @@
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:lensai/presentation/hooks/listenable_callback.dart';
final _tagSplitPatter = RegExp(r'[,\s]+');
class TagField extends HookWidget {
final Set<String> initialTags;
final void Function(Set<String> tags) onTagsUpdate;
const TagField({
super.key,
required this.initialTags,
required this.onTagsUpdate,
});
@override
Widget build(BuildContext context) {
final textController = useTextEditingController();
final tags = useState(initialTags);
useListenableCallback(tags, () {
onTagsUpdate(tags.value);
});
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Tags', style: Theme.of(context).textTheme.labelMedium),
const SizedBox(height: 4),
Wrap(
spacing: 8.0,
children:
tags.value
.map(
(tag) => InputChip(
label: Text(tag),
onDeleted: () {
tags.value = {...tags.value}..remove(tag);
},
),
)
.toList(),
),
TextField(
controller: textController,
decoration: const InputDecoration(
label: Text('Add'),
floatingLabelBehavior: FloatingLabelBehavior.always,
hintText: 'tag1, tag2, ...',
),
onChanged: (String value) {
if (value.isNotEmpty) {
final values = value.split(_tagSplitPatter);
if (values.length > 1) {
final trimmed = values
.map((str) => str.trim())
.where((str) => str.isNotEmpty);
if (trimmed.isNotEmpty) {
textController.clear();
tags.value = {...tags.value, ...trimmed};
}
}
}
},
onSubmitted: (value) {
if (value.isNotEmpty) {
final values =
value
.split(_tagSplitPatter)
.map((str) => str.trim())
.where((str) => str.isNotEmpty)
.toList();
if (values.isNotEmpty) {
textController.clear();
tags.value = {...tags.value, ...values};
}
}
},
),
],
);
}
}
app/lib/features/web_feed/presentation/widgets/tags_horizontal_list.dart
+54
View File
@@ -0,0 +1,54 @@
import 'package:fading_scroll/fading_scroll.dart';
import 'package:flutter/material.dart';
import 'package:lensai/extensions/nullable.dart';
import 'package:lensai/features/web_feed/data/models/feed_category.dart';
class TagsHorizontalList extends StatelessWidget {
late final List<Widget> _tags;
TagsHorizontalList({
required List<FeedCategory> tags,
Set<String> selectedTags = const {},
void Function(String tagId, bool value)? onTagSelected,
}) {
_tags =
tags
.map(
(tag) => Padding(
padding: const EdgeInsets.only(right: 8.0),
child: FilterChip(
label: Text(
'${tag.id} ${tag.title.mapNotNull((title) => '($title)') ?? ''}'
.trim(),
),
selected: selectedTags.contains(tag.id),
onSelected: onTagSelected.mapNotNull(
(onTagSelected) => (value) {
onTagSelected(tag.id, value);
},
),
),
),
)
.toList();
}
@override
Widget build(BuildContext context) {
return SizedBox(
height: 48,
child: FadingScroll(
fadingSize: 15,
builder: (context, controller) {
return ListView.builder(
itemCount: _tags.length,
controller: controller,
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemBuilder: (context, index) => _tags[index],
);
},
),
);
}
}