552 lines
13 KiB
Dart
552 lines
13 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:git_touch/graphql/gh.dart';
|
|
import 'package:git_touch/models/auth.dart';
|
|
import 'package:git_touch/models/theme.dart';
|
|
import 'package:git_touch/utils/utils.dart';
|
|
import 'package:git_touch/widgets/action_button.dart';
|
|
import 'package:git_touch/widgets/avatar.dart';
|
|
import 'package:git_touch/widgets/link.dart';
|
|
import 'package:primer/primer.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../scaffolds/long_list.dart';
|
|
import '../widgets/timeline_item.dart';
|
|
import '../widgets/comment_item.dart';
|
|
|
|
final issueRouter = RouterScreen(
|
|
'/:owner/:name/issues/:number',
|
|
(context, params) => IssueScreen(params['owner'].first,
|
|
params['name'].first, int.parse(params['number'].first)));
|
|
|
|
final pullRouter = RouterScreen(
|
|
'/:owner/:name/pulls/:number',
|
|
(context, params) => IssueScreen(params['owner'].first,
|
|
params['name'].first, int.parse(params['number'].first),
|
|
isPullRequest: true));
|
|
|
|
final reactionChunk = emojiMap.entries.map((entry) {
|
|
var key = entry.key;
|
|
return '''
|
|
$key: reactions(content: $key) {
|
|
totalCount
|
|
viewerHasReacted
|
|
}''';
|
|
}).join('\n');
|
|
|
|
/// Screen for issue and pull request
|
|
class IssueScreen extends StatefulWidget {
|
|
final String owner;
|
|
final String name;
|
|
final int number;
|
|
final bool isPullRequest;
|
|
|
|
IssueScreen(this.owner, this.name, this.number, {this.isPullRequest = false});
|
|
|
|
@override
|
|
_IssueScreenState createState() => _IssueScreenState();
|
|
}
|
|
|
|
class _IssueScreenState extends State<IssueScreen> {
|
|
String get owner => widget.owner;
|
|
String get name => widget.name;
|
|
int get number => widget.number;
|
|
bool get isPullRequest => widget.isPullRequest;
|
|
|
|
String get resource => isPullRequest ? 'pullRequest' : 'issue';
|
|
|
|
String get issueChunk {
|
|
var base = '''
|
|
repository {
|
|
owner {
|
|
avatarUrl
|
|
}
|
|
}
|
|
title
|
|
closed
|
|
url
|
|
viewerCanReact
|
|
viewerCanUpdate
|
|
...CommentParts
|
|
...ReactableParts
|
|
''';
|
|
|
|
if (isPullRequest) {
|
|
base += '''
|
|
merged
|
|
additions
|
|
deletions
|
|
changedFiles
|
|
commits {
|
|
totalCount
|
|
}
|
|
''';
|
|
}
|
|
return base;
|
|
}
|
|
|
|
String get timelineChunk {
|
|
var base = '''
|
|
__typename
|
|
... on IssueComment {
|
|
...CommentParts
|
|
...ReactableParts
|
|
}
|
|
... on ReferencedEvent {
|
|
createdAt
|
|
isCrossRepository
|
|
actor {
|
|
login
|
|
}
|
|
commit {
|
|
oid
|
|
url
|
|
}
|
|
commitRepository {
|
|
owner {
|
|
login
|
|
}
|
|
name
|
|
}
|
|
}
|
|
... on RenamedTitleEvent {
|
|
createdAt
|
|
previousTitle
|
|
currentTitle
|
|
actor {
|
|
login
|
|
}
|
|
}
|
|
... on ClosedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
}
|
|
... on ReopenedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
}
|
|
... on CrossReferencedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
source {
|
|
__typename
|
|
... on Issue {
|
|
number
|
|
repository {
|
|
owner {
|
|
login
|
|
}
|
|
name
|
|
}
|
|
}
|
|
... on PullRequest {
|
|
number
|
|
repository {
|
|
owner {
|
|
login
|
|
}
|
|
name
|
|
}
|
|
}
|
|
}
|
|
}
|
|
... on LabeledEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
label {
|
|
name
|
|
color
|
|
}
|
|
}
|
|
... on UnlabeledEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
label {
|
|
name
|
|
color
|
|
}
|
|
}
|
|
... on MilestonedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
milestoneTitle
|
|
}
|
|
... on LockedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
lockReason
|
|
}
|
|
... on UnlockedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
}
|
|
... on AssignedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
user {
|
|
login
|
|
}
|
|
}
|
|
''';
|
|
|
|
if (isPullRequest) {
|
|
base += '''
|
|
... on PullRequestCommit {
|
|
prCommit: commit {
|
|
committedDate
|
|
oid
|
|
author {
|
|
user {
|
|
login
|
|
}
|
|
}
|
|
}
|
|
}
|
|
... on HeadRefForcePushedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
pullRequest {
|
|
headRef {
|
|
name
|
|
}
|
|
}
|
|
beforeCommit {
|
|
oid
|
|
}
|
|
afterCommit {
|
|
oid
|
|
}
|
|
}
|
|
... on ReviewRequestedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
requestedReviewer {
|
|
... on User {
|
|
login
|
|
}
|
|
}
|
|
}
|
|
... on PullRequestReview {
|
|
createdAt
|
|
state
|
|
author {
|
|
login
|
|
}
|
|
comments(first: 10) {
|
|
nodes {
|
|
...CommentParts
|
|
...ReactableParts
|
|
}
|
|
}
|
|
}
|
|
... on MergedEvent {
|
|
createdAt
|
|
mergeRefName
|
|
actor {
|
|
login
|
|
}
|
|
commit {
|
|
oid
|
|
url
|
|
}
|
|
}
|
|
... on HeadRefDeletedEvent {
|
|
createdAt
|
|
actor {
|
|
login
|
|
}
|
|
headRefName
|
|
}
|
|
''';
|
|
}
|
|
|
|
return base;
|
|
}
|
|
|
|
Future _queryIssue({String cursor, bool trailing = false}) async {
|
|
String timelineParams;
|
|
if (trailing) {
|
|
timelineParams = 'last: $pageSize';
|
|
} else {
|
|
timelineParams = 'first: $pageSize';
|
|
if (cursor != null) {
|
|
timelineParams += ', after: "$cursor"';
|
|
}
|
|
}
|
|
|
|
var data = await Provider.of<AuthModel>(context).query('''
|
|
fragment CommentParts on Comment {
|
|
id
|
|
createdAt
|
|
body
|
|
author {
|
|
login
|
|
avatarUrl
|
|
}
|
|
}
|
|
|
|
fragment ReactableParts on Reactable {
|
|
$reactionChunk
|
|
}
|
|
|
|
{
|
|
repository(owner: "$owner", name: "$name") {
|
|
$resource(number: $number) {
|
|
$issueChunk
|
|
timelineItems($timelineParams) {
|
|
totalCount
|
|
pageInfo {
|
|
hasNextPage
|
|
endCursor
|
|
}
|
|
nodes {
|
|
$timelineChunk
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
''');
|
|
return data['repository'][resource];
|
|
}
|
|
|
|
StateLabelStatus _getLabelStatus(payload) {
|
|
StateLabelStatus status;
|
|
|
|
if (isPullRequest) {
|
|
if (payload['merged']) {
|
|
status = StateLabelStatus.pullMerged;
|
|
} else if (payload['closed']) {
|
|
status = StateLabelStatus.pullClosed;
|
|
} else {
|
|
status = StateLabelStatus.pullOpened;
|
|
}
|
|
} else {
|
|
if (payload['closed']) {
|
|
status = StateLabelStatus.issueClosed;
|
|
} else {
|
|
status = StateLabelStatus.issueOpened;
|
|
}
|
|
}
|
|
|
|
return status;
|
|
}
|
|
|
|
_handleReaction(payload) {
|
|
return (String emojiKey, bool isRemove) async {
|
|
if (emojiKey == null) return;
|
|
|
|
var id = payload['id'] as String;
|
|
var operation = isRemove ? 'remove' : 'add';
|
|
await Provider.of<AuthModel>(context).query('''
|
|
mutation {
|
|
${operation}Reaction(input: {subjectId: "$id", content: $emojiKey}) {
|
|
clientMutationId
|
|
}
|
|
}
|
|
''');
|
|
setState(() {
|
|
payload[emojiKey]['totalCount'] += isRemove ? -1 : 1;
|
|
payload[emojiKey]['viewerHasReacted'] = !isRemove;
|
|
});
|
|
};
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final auth = Provider.of<AuthModel>(context);
|
|
return LongListStatefulScaffold(
|
|
title: Text(isPullRequest ? 'Pull Request' : 'Issue'),
|
|
trailingBuilder: (payload, setState) {
|
|
return ActionButton(
|
|
title: (isPullRequest ? 'Pull Request' : 'Issue') + ' Actions',
|
|
items: [
|
|
if (payload != null) ...[
|
|
if (!isPullRequest && payload['viewerCanUpdate'])
|
|
ActionItem(
|
|
text: payload['closed'] ? 'Reopen issue' : 'Close issue',
|
|
onTap: (_) async {
|
|
final res = await auth.gqlClient.execute(
|
|
GhOpenIssueQuery(
|
|
variables: GhOpenIssueArguments(
|
|
id: payload['id'],
|
|
open: payload['closed'],
|
|
),
|
|
),
|
|
);
|
|
setState(() {
|
|
payload['closed'] = res.data.reopenIssue?.issue?.closed ??
|
|
res.data.closeIssue.issue.closed;
|
|
});
|
|
},
|
|
),
|
|
ActionItem.share(payload['url']),
|
|
ActionItem.launch(payload['url']),
|
|
],
|
|
],
|
|
);
|
|
},
|
|
headerBuilder: (p) {
|
|
final theme = Provider.of<ThemeModel>(context);
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: <Widget>[
|
|
Container(
|
|
padding: CommonStyle.padding,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Row(
|
|
children: <Widget>[
|
|
Avatar(
|
|
url: p['repository']['owner']['avatarUrl'],
|
|
size: AvatarSize.extraSmall,
|
|
),
|
|
SizedBox(width: 4),
|
|
Text(
|
|
'$owner / $name',
|
|
style: TextStyle(
|
|
fontSize: 17,
|
|
color: theme.paletteOf(context).secondaryText,
|
|
),
|
|
),
|
|
SizedBox(width: 4),
|
|
Text(
|
|
'#$number',
|
|
style: TextStyle(
|
|
fontSize: 17,
|
|
color: theme.paletteOf(context).tertiaryText,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 8),
|
|
Text(
|
|
p['title'],
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
SizedBox(height: 8),
|
|
StateLabel(_getLabelStatus(p), small: true),
|
|
SizedBox(height: 8),
|
|
CommonStyle.border,
|
|
if (isPullRequest) ...[
|
|
Link(
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(vertical: 8),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Text(
|
|
'${p['changedFiles']} files changed',
|
|
style: TextStyle(
|
|
color: theme.paletteOf(context).secondaryText,
|
|
fontSize: 17,
|
|
),
|
|
),
|
|
Row(
|
|
children: <Widget>[
|
|
Text(
|
|
'+${p['additions']}',
|
|
style: TextStyle(
|
|
color: Colors.green,
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
SizedBox(width: 2),
|
|
Text(
|
|
'-${p['deletions']}',
|
|
style: TextStyle(
|
|
color: Colors.red,
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.chevron_right,
|
|
color: theme.paletteOf(context).border,
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
url: 'https://github.com/$owner/$name/pull/$number/files',
|
|
),
|
|
CommonStyle.border,
|
|
],
|
|
SizedBox(height: 8),
|
|
CommentItem(
|
|
p,
|
|
onReaction: _handleReaction(p),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
CommonStyle.border,
|
|
],
|
|
);
|
|
},
|
|
itemBuilder: (itemPayload) =>
|
|
TimelineItem(itemPayload, onReaction: _handleReaction(itemPayload)),
|
|
onRefresh: () async {
|
|
var res = await _queryIssue();
|
|
int totalCount = res['timelineItems']['totalCount'];
|
|
String cursor = res['timelineItems']['pageInfo']['endCursor'];
|
|
List leadingItems = res['timelineItems']['nodes'];
|
|
|
|
var payload = LongListPayload(
|
|
header: res,
|
|
totalCount: totalCount,
|
|
cursor: cursor,
|
|
leadingItems: leadingItems,
|
|
trailingItems: [],
|
|
);
|
|
|
|
if (totalCount > 2 * pageSize) {
|
|
var res = await _queryIssue(trailing: true);
|
|
payload.trailingItems = res['timelineItems']['nodes'];
|
|
}
|
|
|
|
return payload;
|
|
},
|
|
onLoadMore: (String _cursor) async {
|
|
var res = await _queryIssue(cursor: _cursor);
|
|
int totalCount = res['timelineItems']['totalCount'];
|
|
String cursor = res['timelineItems']['pageInfo']['endCursor'];
|
|
List leadingItems = res['timelineItems']['nodes'];
|
|
|
|
var payload = LongListPayload(
|
|
totalCount: totalCount,
|
|
cursor: cursor,
|
|
leadingItems: leadingItems,
|
|
);
|
|
|
|
return payload;
|
|
},
|
|
);
|
|
}
|
|
}
|