git-touch-android-ios-app/lib/screens/gh_repo.dart

344 lines
14 KiB
Dart

import 'package:antd_mobile/antd_mobile.dart';
import 'package:ferry/ferry.dart';
import 'package:filesize/filesize.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_gen/gen_l10n/S.dart';
import 'package:git_touch/graphql/__generated__/github.data.gql.dart';
import 'package:git_touch/graphql/__generated__/github.req.gql.dart';
import 'package:git_touch/graphql/__generated__/github.var.gql.dart';
import 'package:git_touch/graphql/__generated__/schema.schema.gql.dart';
import 'package:git_touch/models/auth.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/scaffolds/refresh_stateful.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/action_button.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/entry_item.dart';
import 'package:git_touch/widgets/language_bar.dart';
import 'package:git_touch/widgets/markdown_view.dart';
import 'package:git_touch/widgets/mutation_button.dart';
import 'package:git_touch/widgets/repo_header.dart';
import 'package:github/github.dart';
import 'package:go_router/go_router.dart';
import 'package:primer/primer.dart';
import 'package:provider/provider.dart';
import 'package:tuple/tuple.dart';
import 'package:universal_io/io.dart';
class GhRepoScreen extends StatelessWidget {
final String owner;
final String name;
final String? branch;
const GhRepoScreen(this.owner, this.name, {this.branch});
String _buildWatchState(GSubscriptionState? state) {
switch (state) {
case GSubscriptionState.IGNORED:
return 'Ignoring';
case GSubscriptionState.SUBSCRIBED:
return 'Watching';
case GSubscriptionState.UNSUBSCRIBED:
return 'Not watching';
default:
return 'Unknown';
}
}
@override
Widget build(BuildContext context) {
final theme = Provider.of<ThemeModel>(context);
return RefreshStatefulScaffold<
Tuple3<GRepoData_repository?, Future<int>, MarkdownViewData>>(
title: AppBarTitle(AppLocalizations.of(context)!.repository),
fetch: () async {
final req = GRepoReq((b) => b
..vars.owner = owner
..vars.name = name
..vars.branchSpecified = branch != null
..vars.branch = branch ?? '');
final OperationResponse<GRepoData, GRepoVars?> res =
await context.read<AuthModel>().gqlClient.request(req).first;
final repo = res.data!.repository;
final ghClient = context.read<AuthModel>().ghClient;
final countFuture = ghClient
.getJSON('/repos/$owner/$name/stats/contributors')
.then((v) => (v as List).length);
readmeFactory(String acceptHeader) {
return () {
return ghClient.request(
'GET',
'/repos/$owner/$name/readme',
headers: {HttpHeaders.acceptHeader: acceptHeader},
).then((res) {
return res.body;
}).catchError((err) {
// 404
return '';
});
};
}
final readmeData = MarkdownViewData(
context,
md: readmeFactory('application/vnd.github.v3.raw'),
html: readmeFactory('application/vnd.github.v3.html'),
);
return Tuple3(repo, countFuture, readmeData);
},
actionBuilder: (data, _) {
final repo = data.item1!;
return ActionButton(
title: AppLocalizations.of(context)!.repositoryActions,
items: [
ActionItem(
text:
'${AppLocalizations.of(context)!.projects}(${repo.projects.totalCount})',
onTap: (_) {
launchStringUrl(repo.projectsUrl);
},
),
...ActionItem.getUrlActions(repo.url),
],
);
},
bodyBuilder: (data, setData) {
final repo = data.item1!;
final contributionFuture = data.item2;
final readmeData = data.item3;
final ref = branch == null ? repo.defaultBranchRef : repo.ref;
final license = repo.licenseInfo?.spdxId ?? repo.licenseInfo?.name;
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
RepoHeader(
avatarUrl: repo.owner.avatarUrl,
avatarLink: '/github/${repo.owner.login}',
name: repo.name,
owner: repo.owner.login,
description: repo.description,
homepageUrl: repo.homepageUrl,
actions: [
Row(
children: <Widget>[
MutationButton(
active: repo.viewerSubscription ==
GSubscriptionState.SUBSCRIBED,
text: _buildWatchState(repo.viewerSubscription),
onTap: () async {
theme.showActions(context, [
for (var v in GSubscriptionState.values)
ActionItem(
text: _buildWatchState(v),
onTap: (_) async {
final activityApi =
context.read<AuthModel>().ghClient.activity;
switch (v) {
case GSubscriptionState.SUBSCRIBED:
case GSubscriptionState.IGNORED:
await activityApi.setRepositorySubscription(
RepositorySlug(
repo.owner.login, repo.name),
subscribed:
v == GSubscriptionState.SUBSCRIBED,
ignored: v == GSubscriptionState.IGNORED,
);
break;
case GSubscriptionState.UNSUBSCRIBED:
await activityApi
.deleteRepositorySubscription(
RepositorySlug(
repo.owner.login,
repo.name,
),
);
break;
default:
}
setData(data.withItem1(repo.rebuild((b) {
b.viewerSubscription = v;
})));
},
)
]);
},
),
const SizedBox(width: 8),
MutationButton(
active: repo.viewerHasStarred,
text: repo.viewerHasStarred ? 'Unstar' : 'Star',
onTap: () async {
final activityApi =
context.read<AuthModel>().ghClient.activity;
if (repo.viewerHasStarred) {
await activityApi.unstar(
RepositorySlug(repo.owner.login, repo.name));
} else {
await activityApi.star(
RepositorySlug(repo.owner.login, repo.name));
}
setData(data.withItem1(repo.rebuild((b) {
b.viewerHasStarred = !repo.viewerHasStarred;
})));
},
),
],
),
],
trailings: <Widget>[
if (repo.repositoryTopics.nodes!.isNotEmpty)
// TODO: link
Wrap(
spacing: 4,
runSpacing: 4,
children: [
for (final node in repo.repositoryTopics.nodes!)
AntTag(
color: PrimerColors.blue500,
fill: AntTagFill.outline,
round: true,
child: Text(node.topic.name),
)
],
)
],
),
CommonStyle.border,
Row(
children: <Widget>[
EntryItem(
count: repo.watchers.totalCount,
text: AppLocalizations.of(context)!.watchers,
url: '/github/$owner/$name/watchers',
),
EntryItem(
count: repo.stargazers.totalCount,
text: AppLocalizations.of(context)!.stars,
url: '/github/$owner/$name/stargazers',
),
EntryItem(
count: repo.forks.totalCount,
text: AppLocalizations.of(context)!.forks,
url: 'https://github.com/$owner/$name/network/members',
),
],
),
if (repo.languages!.edges!.isNotEmpty) ...[
CommonStyle.border,
LanguageBar([
for (var edge in repo.languages!.edges!)
LanguageBarItem(
name: edge.node.name,
ratio: edge.size / repo.languages!.totalSize,
hexColor: edge.node.color,
)
]),
],
AntList(
items: [
if (ref != null)
AntListItem(
prefix: const Icon(Octicons.code),
child: Text(repo.primaryLanguage?.name ?? 'Code'),
extra: Text(
(license == null ? '' : '$license') +
filesize(repo.diskUsage! * 1000),
),
onClick: () {
context.push('/github/$owner/$name/blob/${ref.name}');
},
),
if (repo.hasIssuesEnabled)
AntListItem(
prefix: const Icon(Octicons.issue_opened),
child: Text(AppLocalizations.of(context)!.issues),
extra: Text(numberFormat.format(repo.issues.totalCount)),
onClick: () {
context.push('/github/$owner/$name/issues');
},
),
AntListItem(
prefix: const Icon(Octicons.git_pull_request),
child: Text(AppLocalizations.of(context)!.pullRequests),
extra:
Text(numberFormat.format(repo.pullRequests.totalCount)),
onClick: () {
context.push('/github/$owner/$name/pulls');
},
),
if (ref != null) ...[
AntListItem(
prefix: const Icon(Octicons.history),
child: Text(AppLocalizations.of(context)!.commits),
extra: Text(((ref.target as GRepoCommit).history.totalCount)
.toString()),
onClick: () {
context.push('/github/$owner/$name/commits/${ref.name}');
},
),
if (repo.refs != null)
AntListItem(
prefix: const Icon(Octicons.git_branch),
child: Text(AppLocalizations.of(context)!.branches),
extra: Text(
'${ref.name}${numberFormat.format(repo.refs!.totalCount)}'),
onClick: () async {
final refs = repo.refs!.nodes!;
if (refs.length < 2) return;
await theme.showPicker(
context,
PickerGroupItem(
value: ref.name,
items: refs
.map((b) => PickerItem(b.name, text: b.name))
.toList(),
onClose: (ref) {
if (ref != branch) {
theme.push(
context, '/github/$owner/$name?ref=$ref',
replace: true);
}
},
),
);
},
),
AntListItem(
prefix: const Icon(Octicons.organization),
child: Text(AppLocalizations.of(context)!.contributors),
extra: FutureBuilder<int>(
future: contributionFuture,
builder: (context, snapshot) {
return Text(snapshot.data?.toString() ?? '');
},
),
onClick: () {
context.push('/github/$owner/$name/contributors');
},
),
AntListItem(
prefix: const Icon(Octicons.book),
child: Text(AppLocalizations.of(context)!.releases),
onClick: () {
context.push('/github/$owner/$name/releases');
},
extra: Text(repo.releases.totalCount.toString()),
),
],
],
),
MarkdownView(readmeData),
],
);
},
);
}
}