git-touch-android-ios-app/lib/widgets/event_item.dart

import 'package:antd_mobile/antd_mobile.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_gen/gen_l10n/S.dart';
import 'package:git_touch/models/github.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/avatar.dart';
import 'package:git_touch/widgets/branch_name.dart';
import 'package:git_touch/widgets/issue_icon.dart';
import 'package:git_touch/widgets/link.dart';
import 'package:timeago/timeago.dart' as timeago;

class EventItem extends StatelessWidget {
  const EventItem(this.e);
  final GithubEvent e;

  InlineSpan _buildLinkSpan(BuildContext context, String? text, String? url) {
    return TextSpan(
      text: text,
      style: TextStyle(color: AntTheme.of(context).colorPrimary),
      recognizer: TapGestureRecognizer()
        ..onTap = () {
          context.pushUrl(url!);
        },
    );
  }

  InlineSpan _buildRepo(BuildContext context, [String? fullName]) {
    final name = fullName ?? e.repo!.name;
    return _buildLinkSpan(context, name, '/github/$name');
  }

  InlineSpan _buildIssue(BuildContext context, int? number,
      {bool isPullRequest = false}) {
    return _buildLinkSpan(context, '#$number',
        '/github/${e.repoOwner}/${e.repoName}/${isPullRequest ? 'pull' : 'issues'}/$number');
  }

  Widget _buildItem({
    required BuildContext context,
    required List<InlineSpan> spans,
    Widget? card,
  }) {
    return AntListItem(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Avatar(
                  url: e.actor!.avatarUrl,
                  linkUrl: '/github/${e.actor!.login!}'),
              const SizedBox(width: 10),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: join(const SizedBox(height: 6), [
                    Text.rich(
                      TextSpan(
                        style: TextStyle(
                          fontSize: 17,
                          color: AntTheme.of(context).colorText,
                        ),
                        children: [
                          _buildLinkSpan(context, e.actor!.login,
                              '/github/${e.actor!.login}'),
                          ...spans,
                        ],
                      ),
                    ),
                    Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Text(timeago.format(e.createdAt!),
                            style: TextStyle(
                              fontSize: 14,
                              color: AntTheme.of(context).colorWeak,
                            )),
                      ],
                    ),
                    if (card != null) card
                  ]),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }

  Widget _buildDefaultItem(BuildContext context) {
    return _buildItem(
      context: context,
      spans: [
        TextSpan(
          text: ' ${e.type!}',
          style: TextStyle(color: AntTheme.of(context).colorPrimary),
        )
      ],
      card: Text(
          '${e.type} ${AppLocalizations.of(context)!.timelineTypeNotImplemented}'),
    );
  }

  Widget _buildCommitsCard(BuildContext context) {
    return LinkWidget(
      url:
          '/github/${e.repoOwner}/${e.repoName}/compare/${e.payload!.before}/${e.payload!.head}',
      child: Container(
        padding: const EdgeInsets.all(12),
        decoration: const BoxDecoration(
            color: Color(0xffcccccc),
            borderRadius: BorderRadius.all(Radius.circular(4))),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text.rich(
              TextSpan(
                style: TextStyle(
                    color: AntTheme.of(context).colorText, fontSize: 15),
                children: [
                  TextSpan(
                      text:
                          '${AppLocalizations.of(context)!.nCommitsTo(e.payload!.commits!.length)} '),
                  WidgetSpan(
                    child: BranchName(
                        e.payload!.ref!.replaceFirst('refs/heads/', '')),
                  ),
                ],
              ),
            ),
            const SizedBox(height: 8),
            ...e.payload!.commits!.map((commit) {
              return Row(
                children: <Widget>[
                  Text(
                    commit.sha!.substring(0, 7),
                    style: TextStyle(
                      color: AntTheme.of(context).colorPrimary,
                      fontSize: 15,
                      fontFamily: CommonStyle.monospace,
                    ),
                  ),
                  const SizedBox(width: 6),
                  Expanded(
                    child: Text(
                      commit.message!,
                      overflow: TextOverflow.ellipsis,
                      maxLines: 1,
                      style: TextStyle(
                          color: AntTheme.of(context).colorText, fontSize: 15),
                    ),
                  )
                ],
              );
            }).toList()
          ],
        ),
      ),
    );
  }

  // Todo: Add a screen for the url
  Widget _buildCommitCommentCard(BuildContext context) {
    return LinkWidget(
      url: e.payload!.comment!.htmlUrl,
      child: Container(
        padding: const EdgeInsets.all(12),
        decoration: BoxDecoration(
            color: AntTheme.of(context).colorBox,
            borderRadius: const BorderRadius.all(Radius.circular(4))),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              children: <Widget>[
                Text(
                  e.payload!.comment!.commitId!.substring(0, 7),
                  style: TextStyle(
                    color: AntTheme.of(context).colorPrimary,
                    fontSize: 15,
                    fontFamily: CommonStyle.monospace,
                  ),
                ),
                const SizedBox(width: 6),
                Expanded(
                  child: Text(
                    e.payload!.comment!.body!,
                    overflow: TextOverflow.ellipsis,
                    maxLines: 1,
                    style: TextStyle(
                        color: AntTheme.of(context).colorText, fontSize: 15),
                  ),
                )
              ],
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildIssueCard(
      BuildContext context, GithubEventIssue issue, String? body,
      {isPullRequest = false}) {
    IssueIconState state;
    if (isPullRequest) {
      if (issue.merged == true) {
        state = IssueIconState.prMerged;
      } else if (issue.state == 'open') {
        state = IssueIconState.prOpen;
      } else {
        state = IssueIconState.prClosed;
      }
    } else {
      if (issue.state == 'open') {
        state = IssueIconState.open;
      } else {
        state = IssueIconState.closed;
      }
    }

    return LinkWidget(
      url:
          '/github/${e.repoOwner}/${e.repoName}/${isPullRequest ? 'pull' : 'issues'}/${issue.number}',
      child: Container(
        padding: const EdgeInsets.all(12),
        decoration: BoxDecoration(
            color: AntTheme.of(context).colorBox,
            borderRadius: const BorderRadius.all(Radius.circular(4))),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: join(const SizedBox(height: 6), [
            Row(
              children: <Widget>[
                IssueIcon(state, size: 20),
                const SizedBox(width: 4),
                Expanded(
                  child: Text(
                    '#${issue.number} ${issue.title!}',
                    style: TextStyle(
                      fontWeight: FontWeight.w500,
                      fontSize: 17,
                      color: AntTheme.of(context).colorText,
                    ),
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
              ],
            ),
            if (body != null && body.isNotEmpty)
              Text(
                body,
                overflow: TextOverflow.ellipsis,
                maxLines: 3,
                style: TextStyle(
                    color: AntTheme.of(context).colorTextSecondary,
                    fontSize: 15),
              ),
            Row(
              children: <Widget>[
                Avatar(url: issue.user!.avatarUrl, size: AvatarSize.extraSmall),
                const SizedBox(width: 8),
                Text(issue.user!.login!,
                    style: TextStyle(
                      fontSize: 14,
                      color: AntTheme.of(context).colorWeak,
                    )),
                Expanded(child: Container()),
                if (issue.comments != null) ...[
                  Icon(
                    Octicons.comment,
                    size: 14,
                    color: AntTheme.of(context).colorWeak,
                  ),
                  const SizedBox(width: 4),
                  Text(issue.comments.toString(),
                      style: TextStyle(
                        fontSize: 14,
                        color: AntTheme.of(context).colorWeak,
                      )),
                ]
              ],
            )
          ]),
        ),
      ),
    );
  }

  @override
  build(BuildContext context) {
    // all events types here:
    // https://developer.github.com/v3/activity/events/types/#event-types--payloads
    switch (e.type) {
      case 'CheckRunEvent':
        return _buildItem(context: context, spans: [
          TextSpan(
              text:
                  '${AppLocalizations.of(context)!.checkRunEventMessage(e.payload!.action!, e.payload!.checkRun!.name!)} '),
        ]);
      case 'CheckSuiteEvent':
        // Needs checks permission
        var conclusion = '';
        switch (e.payload!.checkSuite!.conclusion) {
          case 'success':
          case 'failure':
            conclusion =
                '${AppLocalizations.of(context)!.checkSuiteEventConclusionMessage(e.payload!.checkSuite!.conclusion!)} ';
            break;
          case 'neutral':
          case 'cancelled':
          case 'timed_out':
          case 'stale':
            conclusion =
                '${AppLocalizations.of(context)!.checkSuiteEventConclusionMessage(e.payload!.checkSuite!.conclusion!)} ';
            break;
          case 'action_required':
            conclusion =
                ' ${AppLocalizations.of(context)!.actionRequiredConclusion}';
            break;
        }
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.checkSuiteEventMessage(e.payload!.action!)} $conclusion'),
          ],
        );
      case 'CommitCommentEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.commitCommentEventMessage} '),
            _buildRepo(context),
          ],
          card: _buildCommitCommentCard(context),
        );
      case 'ContentReferenceEvent':
        return _buildItem(context: context, spans: [
          TextSpan(
              text:
                  ' ${AppLocalizations.of(context)!.contentReferenceEventMessage(e.payload!.action!)} '),
          _buildLinkSpan(context, e.payload!.contentReference!.reference,
              e.payload!.contentReference!.reference),
        ]);
      case 'CreateEvent':
        return _buildItem(
          context: context,
          spans: <InlineSpan>[
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.createdEventMessage(e.payload!.refType!, e.payload!.ref ?? '')}'),
            _buildRepo(context),
          ],
        );
      case 'DeleteEvent':
        return _buildItem(
          context: context,
          spans: <InlineSpan>[
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.deletedEventMessage(e.payload!.refType!, e.payload!.ref ?? '')}'),
            _buildRepo(context),
          ],
        );
      case 'ForkEvent':
        final forkeeOwner = e.payload!.forkee!['owner']['login'] as String?;
        final forkeeName = e.payload!.forkee!['name'] as String?;
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' ${AppLocalizations.of(context)!.forked} '),
            _buildRepo(context, '$forkeeOwner/$forkeeName'),
            TextSpan(text: ' ${AppLocalizations.of(context)!.from} '),
            _buildRepo(context),
          ],
        );
      case 'GollumEvent':
        var pageNamesCreated = '';
        var pageNamesEdited = '';
        for (final page in e.payload!.pages!) {
          if (page.action == 'edited') {
            pageNamesEdited += ', ${page.pageName!}';
          } else {
            pageNamesCreated += ', ${page.pageName!}';
          }
        }
        if (pageNamesCreated.isNotEmpty) {
          pageNamesCreated =
              ' ${AppLocalizations.of(context)!.createdPages(pageNamesCreated)}';
        }
        if (pageNamesEdited.isNotEmpty) {
          pageNamesEdited =
              ' ${AppLocalizations.of(context)!.editedPages(pageNamesEdited)}';
        }

        return _buildItem(
            context: context,
            spans: [TextSpan(text: ' $pageNamesCreated\n$pageNamesEdited ')]);
      case 'InstallationEvent':
        var action = e.payload!.action;
        if (action == 'new_permissions_accepted') {
          action = AppLocalizations.of(context)!.newPermissionsAccepted;
        }
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' $action ${AppLocalizations.of(context)!.forGithubAppWithId(e.payload!.installation!.id.toString())}'),
          ],
        );
      case 'InstallationRepositoriesEvent':
        final repositoriesAdded = e.payload!.installation!.repositoriesAdded!;
        final repositoriesRemoved =
            e.payload!.installation!.repositoriesRemoved!;
        var addedRepos = '';
        var removedRepos = '';
        for (final repo in repositoriesAdded) {
          addedRepos += '${repo.fullName!}, ';
        }
        for (final repo in repositoriesRemoved) {
          removedRepos += '${repo.fullName!}, ';
        }
        var finalListOfRepos = '';
        if (addedRepos != '') {
          finalListOfRepos +=
              '${AppLocalizations.of(context)!.wereAddedTo(addedRepos, e.payload!.installation!.id.toString())}\n ';
        }
        if (removedRepos != '') {
          finalListOfRepos +=
              '$removedRepos ${AppLocalizations.of(context)!.wereRemovedFrom(removedRepos, e.payload!.installation!.id.toString())}';
        }
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: finalListOfRepos),
          ],
        );
      case 'IssueCommentEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.commentedOn} ${e.payload!.issue!.isPullRequestComment ? 'pull request' : 'issue'} '),
            _buildIssue(
              context,
              e.payload!.issue!.number,
              isPullRequest: e.payload!.issue!.isPullRequestComment,
            ),
            TextSpan(text: ' ${AppLocalizations.of(context)!.at} '),
            _buildRepo(context),
          ],
          card: _buildIssueCard(
            context,
            e.payload!.issue!,
            e.payload!.comment!.body,
            isPullRequest: e.payload!.issue!.isPullRequestComment,
          ),
        );
      case 'IssuesEvent':
        final issue = e.payload!.issue!;
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${e.payload!.action} ${AppLocalizations.of(context)!.issue} '),
            _buildIssue(context, issue.number),
            TextSpan(text: ' ${AppLocalizations.of(context)!.at} '),
            _buildRepo(context),
          ],
          card: _buildIssueCard(context, issue, issue.body),
        );
      case 'MarketplacePurchaseEvent':
        final action = e.payload!.action;
        String? messageToDisplay;
        switch (action) {
          case 'purchased':
            messageToDisplay =
                AppLocalizations.of(context)!.purchasedMarketplacePlan;
            break;
          case 'cancelled':
            messageToDisplay =
                AppLocalizations.of(context)!.cancelledMarketplacePlan;
            break;
          case 'pending_change':
            messageToDisplay =
                AppLocalizations.of(context)!.pendingMarketplacePlan;
            break;
          case 'pending_change_cancelled':
            messageToDisplay =
                AppLocalizations.of(context)!.pendingChangeCancelled;
            break;
          case 'changed':
            messageToDisplay =
                AppLocalizations.of(context)!.changedMarketplacePlan;
            break;
        }
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
              text: ' $messageToDisplay ',
            ),
            _buildRepo(context),
          ],
        );
      case 'MemberEvent':
        final action = e.payload!.action;
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.was} ${e.payload!.action} ${action == 'added' ? AppLocalizations.of(context)!.to : AppLocalizations.of(context)!.from} '),
            _buildRepo(context),
          ],
        );
      case 'ProjectCardEvent':
        var action = e.payload!.action;
        if (action == 'converted') {
          action = ' ${AppLocalizations.of(context)!.convertProjectCard} ';
        } else {
          action =
              '${action!} ${AppLocalizations.of(context)!.theProjectCard} ';
        }
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' $action ${AppLocalizations.of(context)!.at} '),
            _buildRepo(context),
          ],
        );
      case 'ProjectColumnEvent':
        return _buildItem(context: context, spans: [
          TextSpan(
              text:
                  ' ${AppLocalizations.of(context)!.projectColumnEventMessage(e.payload!.action!, e.payload!.projectColumn!.name!)} '),
          _buildRepo(context),
        ]);
      case 'ProjectEvent':
        return _buildItem(context: context, spans: [
          TextSpan(
              text:
                  ' ${AppLocalizations.of(context)!.projectEventMessage(e.payload!.action!, e.payload!.project!.name!)}} '),
        ]);
      case 'PublicEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' ${AppLocalizations.of(context)!.made} '),
            _buildRepo(context),
            TextSpan(text: ' ${AppLocalizations.of(context)!.public}'),
          ],
        );
      case 'PullRequestEvent':
        final pr = e.payload!.pullRequest!;
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.pullRequestEventMessage(e.payload!.action!)} '),
            _buildIssue(context, pr.number, isPullRequest: true),
            TextSpan(text: ' ${AppLocalizations.of(context)!.at} '),
            _buildRepo(context),
          ],
          card: _buildIssueCard(context, pr, pr.body, isPullRequest: true),
        );
      case 'PullRequestReviewEvent':
        final pr = e.payload!.pullRequest!;
        return _buildItem(context: context, spans: [
          TextSpan(
              text:
                  ' ${AppLocalizations.of(context)!.pullRequestReviewEventMessage(e.payload!.action!)} '),
          _buildIssue(context, pr.number, isPullRequest: true),
          TextSpan(text: ' ${AppLocalizations.of(context)!.at} '),
          _buildRepo(context),
        ]);
      case 'PullRequestReviewCommentEvent':
        final pr = e.payload!.pullRequest!;
        return _buildItem(
          context: context,
          spans: [
            TextSpan(
                text:
                    ' ${AppLocalizations.of(context)!.pullRequestReviewCommentEventMessage} '),
            _buildIssue(context, pr.number, isPullRequest: true),
            TextSpan(text: ' ${AppLocalizations.of(context)!.at} '),
            _buildRepo(context),
          ],
          card: _buildIssueCard(context, pr, e.payload!.comment!.body,
              isPullRequest: true),
        );
      case 'PushEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' ${AppLocalizations.of(context)!.pushedTo} '),
            _buildRepo(context)
          ],
          card: _buildCommitsCard(context),
        );
      case 'ReleaseEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: '${AppLocalizations.of(context)!.released} '),
            _buildLinkSpan(context, e.payload!.release!.tagName,
                e.payload!.release!.htmlUrl),
            const TextSpan(text: ' at '),
            _buildRepo(context)
          ],
        );
      // case 'RepositoryImportEvent':
      // // Uses Source Imports API
      case 'RepositoryVulnerabilityAlertEvent':
        return _buildItem(context: context, spans: [
          TextSpan(
            text:
                ' ${AppLocalizations.of(context)!.securityAlertInvolvingPackage(e.payload!.alert!.affectedPackageName!, e.payload!.alert!.affectedRange!, e.payload!.action!)}',
          )
        ]);
      case 'SecurityAdvisoryEvent':
        return _buildItem(context: context, spans: [
          TextSpan(
            text:
                ' ${AppLocalizations.of(context)!.securityAdvisory(e.payload!.securityAdvisory!.summary!, e.payload!.action!)} ',
          )
        ]);
      case 'WatchEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' ${AppLocalizations.of(context)!.starred} '),
            _buildRepo(context)
          ],
        );
      default:
        return _buildDefaultItem(context);
    }
  }
}