344 lines
14 KiB
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),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|