339 lines
11 KiB
Dart
339 lines
11 KiB
Dart
import 'dart:math' show max;
|
|
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:lemmy_api_client/lemmy_api_client.dart';
|
|
|
|
import '../hooks/infinite_scroll.dart';
|
|
import '../hooks/memo_future.dart';
|
|
import '../hooks/stores.dart';
|
|
import '../util/goto.dart';
|
|
import '../widgets/bottom_modal.dart';
|
|
import '../widgets/infinite_scroll.dart';
|
|
import '../widgets/post.dart';
|
|
import '../widgets/post_list_options.dart';
|
|
import 'add_account.dart';
|
|
import 'inbox.dart';
|
|
|
|
/// First thing users sees when opening the app
|
|
/// Shows list of posts from all or just specific instances
|
|
class HomeTab extends HookWidget {
|
|
const HomeTab();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// TODO: needs to be an observer? for accounts changes
|
|
final accStore = useAccountsStore();
|
|
final selectedList = useState(_SelectedList(
|
|
listingType: accStore.hasNoAccount
|
|
? PostListingType.all
|
|
: PostListingType.subscribed));
|
|
final isc = useInfiniteScrollController();
|
|
final theme = Theme.of(context);
|
|
final instancesIcons = useMemoFuture(() async {
|
|
final instances = accStore.instances.toList(growable: false);
|
|
final sites = await Future.wait(instances
|
|
.map((e) => LemmyApi(e).v1.getSite().catchError((e) => null)));
|
|
|
|
return {
|
|
for (var i = 0; i < sites.length; i++) instances[i]: sites[i].site.icon
|
|
};
|
|
});
|
|
|
|
handleListChange() async {
|
|
final val = await showModalBottomSheet<_SelectedList>(
|
|
backgroundColor: Colors.transparent,
|
|
isScrollControlled: true,
|
|
context: context,
|
|
builder: (context) {
|
|
pop(_SelectedList thing) => Navigator.of(context).pop(thing);
|
|
return BottomModal(
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 5),
|
|
const ListTile(
|
|
title: Text('EVERYTHING'),
|
|
dense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
visualDensity:
|
|
VisualDensity(vertical: VisualDensity.minimumDensity),
|
|
leading: SizedBox.shrink(),
|
|
),
|
|
for (final listingType in [
|
|
PostListingType.subscribed,
|
|
PostListingType.local,
|
|
PostListingType.all,
|
|
])
|
|
ListTile(
|
|
title: Text(listingType.value),
|
|
leading: const SizedBox(width: 20, height: 20),
|
|
onTap: () => pop(_SelectedList(listingType: listingType)),
|
|
),
|
|
for (final instance in accStore.instances) ...[
|
|
const Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 10),
|
|
child: Divider(),
|
|
),
|
|
ListTile(
|
|
title: Text(
|
|
instance.toUpperCase(),
|
|
style: TextStyle(
|
|
color:
|
|
theme.textTheme.bodyText1.color.withOpacity(0.7)),
|
|
),
|
|
onTap: () => goToInstance(context, instance),
|
|
dense: true,
|
|
contentPadding: EdgeInsets.zero,
|
|
visualDensity: const VisualDensity(
|
|
vertical: VisualDensity.minimumDensity),
|
|
leading: (instancesIcons.hasData &&
|
|
instancesIcons.data[instance] != null)
|
|
? Padding(
|
|
padding: const EdgeInsets.only(left: 20),
|
|
child: SizedBox(
|
|
width: 25,
|
|
height: 25,
|
|
child: CachedNetworkImage(
|
|
imageUrl: instancesIcons.data[instance],
|
|
height: 25,
|
|
width: 25,
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox(width: 30),
|
|
),
|
|
ListTile(
|
|
title: Text(
|
|
'Subscribed',
|
|
style: TextStyle(
|
|
color: accStore.isAnonymousFor(instance)
|
|
? theme.textTheme.bodyText1.color.withOpacity(0.4)
|
|
: null),
|
|
),
|
|
onTap: accStore.isAnonymousFor(instance)
|
|
? () => showCupertinoModalPopup(
|
|
context: context,
|
|
builder: (_) =>
|
|
AddAccountPage(instanceHost: instance))
|
|
: () => pop(_SelectedList(
|
|
listingType: PostListingType.subscribed,
|
|
instanceHost: instance,
|
|
)),
|
|
leading: const SizedBox(width: 20),
|
|
),
|
|
ListTile(
|
|
title: const Text('Local'),
|
|
onTap: () => pop(_SelectedList(
|
|
listingType: PostListingType.local,
|
|
instanceHost: instance,
|
|
)),
|
|
leading: const SizedBox(width: 20),
|
|
),
|
|
ListTile(
|
|
title: const Text('All'),
|
|
onTap: () => pop(_SelectedList(
|
|
listingType: PostListingType.all,
|
|
instanceHost: instance,
|
|
)),
|
|
leading: const SizedBox(width: 20),
|
|
),
|
|
]
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
if (val != null) {
|
|
selectedList.value = val;
|
|
isc.clear();
|
|
}
|
|
}
|
|
|
|
final title = () {
|
|
final first = selectedList.value.listingType.value;
|
|
|
|
final last = selectedList.value.instanceHost == null
|
|
? ''
|
|
: '@${selectedList.value.instanceHost}';
|
|
return '$first$last';
|
|
}();
|
|
|
|
if (accStore.instances.isEmpty) {
|
|
return Scaffold(
|
|
body: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: const [
|
|
Center(child: Text('there needs to be at least one instance')),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
// TODO: make appbar autohide when scrolling down
|
|
appBar: AppBar(
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.notifications),
|
|
onPressed: () => goTo(context, (_) => const InboxPage()),
|
|
)
|
|
],
|
|
centerTitle: true,
|
|
title: TextButton(
|
|
style: TextButton.styleFrom(
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(10))),
|
|
padding: const EdgeInsets.symmetric(horizontal: 15),
|
|
primary: theme.buttonColor,
|
|
textStyle: theme.primaryTextTheme.headline6,
|
|
),
|
|
onPressed: handleListChange,
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Flexible(
|
|
child: Text(
|
|
title,
|
|
style: theme.primaryTextTheme.headline6,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.arrow_drop_down,
|
|
color: theme.primaryTextTheme.headline6.color,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
body: InfiniteHomeList(
|
|
controller: isc,
|
|
selectedList: selectedList.value,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Infinite list of posts
|
|
class InfiniteHomeList extends HookWidget {
|
|
final Function onStyleChange;
|
|
final InfiniteScrollController controller;
|
|
final _SelectedList selectedList;
|
|
|
|
const InfiniteHomeList({
|
|
@required this.selectedList,
|
|
this.onStyleChange,
|
|
this.controller,
|
|
}) : assert(selectedList != null);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final accStore = useAccountsStore();
|
|
|
|
final sort = useState(SortType.active);
|
|
|
|
void changeSorting(SortType newSort) {
|
|
sort.value = newSort;
|
|
controller.clear();
|
|
}
|
|
|
|
/// fetches post from many instances at once and combines them into a single
|
|
/// list
|
|
///
|
|
/// Process of combining them works sort of like zip function in python
|
|
Future<List<PostView>> generalFetcher(
|
|
int page,
|
|
int limit,
|
|
SortType sort,
|
|
PostListingType listingType,
|
|
) async {
|
|
assert(
|
|
listingType != PostListingType.community, 'only subscribed or all');
|
|
|
|
final instances = () {
|
|
if (listingType == PostListingType.all) {
|
|
return accStore.instances;
|
|
} else {
|
|
return accStore.loggedInInstances;
|
|
}
|
|
}();
|
|
|
|
final futures =
|
|
instances.map((instanceHost) => LemmyApi(instanceHost).v1.getPosts(
|
|
type: listingType,
|
|
sort: sort,
|
|
page: page,
|
|
limit: limit,
|
|
auth: accStore.defaultTokenFor(instanceHost)?.raw,
|
|
));
|
|
final posts = await Future.wait(futures);
|
|
final newPosts = <PostView>[];
|
|
final longest = posts.map((e) => e.length).reduce(max);
|
|
|
|
for (var i = 0; i < longest; i++) {
|
|
for (final el in posts) {
|
|
if (el.elementAt(i) != null) {
|
|
newPosts.add(el[i]);
|
|
}
|
|
}
|
|
}
|
|
|
|
return newPosts;
|
|
}
|
|
|
|
Future<List<PostView>> Function(int, int) fetcherFromInstance(
|
|
String instanceHost, PostListingType listingType, SortType sort) =>
|
|
(page, batchSize) => LemmyApi(instanceHost).v1.getPosts(
|
|
type: listingType,
|
|
sort: sort,
|
|
page: page,
|
|
limit: batchSize,
|
|
auth: accStore.defaultTokenFor(instanceHost)?.raw,
|
|
);
|
|
|
|
return InfiniteScroll<PostView>(
|
|
prepend: Column(
|
|
children: [
|
|
PostListOptions(
|
|
onChange: changeSorting,
|
|
styleButton: onStyleChange != null,
|
|
),
|
|
],
|
|
),
|
|
builder: (post) => Column(
|
|
children: [
|
|
Post(post),
|
|
const SizedBox(height: 20),
|
|
],
|
|
),
|
|
padding: EdgeInsets.zero,
|
|
fetchMore: selectedList.instanceHost == null
|
|
? (page, limit) =>
|
|
generalFetcher(page, limit, sort.value, selectedList.listingType)
|
|
: fetcherFromInstance(
|
|
selectedList.instanceHost,
|
|
selectedList.listingType,
|
|
sort.value,
|
|
),
|
|
controller: controller,
|
|
batchSize: 20,
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SelectedList {
|
|
final String instanceHost;
|
|
final PostListingType listingType;
|
|
|
|
const _SelectedList({
|
|
@required this.listingType,
|
|
this.instanceHost,
|
|
});
|
|
|
|
String toString() =>
|
|
'SelectedList({instanceHost: $instanceHost, listingType: $listingType})';
|
|
}
|