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

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:primer/primer.dart';
import '../screens/issue.dart';
import '../screens/user.dart';
import 'avatar.dart';
import '../widgets/link.dart';
import '../utils/utils.dart';

class EventPayload {
  String actorLogin;
  String actorAvatarUrl;
  String type;
  String repoFullName;
  Map<String, dynamic> payload;

  EventPayload.fromJson(input) {
    actorLogin = input['actor']['login'];
    actorAvatarUrl = input['actor']['avatar_url'];
    type = input['type'];
    payload = input['payload'];
    repoFullName = input['repo']['name'];
  }
}

class EventItem extends StatelessWidget {
  final EventPayload event;

  EventItem(this.event);

  TextSpan _buildRepo(BuildContext context) {
    String name = event.repoFullName;
    var arr = name.split('/');
    return createRepoLinkSpan(context, arr[0], arr[1]);
  }

  TextSpan _buildIssue(BuildContext context,
      {@required int number, bool isPullRequest = false}) {
    // var resource = isPullRequest ? 'pull_request' : 'issue';
    // int number = event.payload['issue']['number'];

    return createLinkSpan(context, '#' + number.toString(), () {
      return IssueScreen.fromFullName(
        number: number,
        fullName: event.repoFullName,
        isPullRequest: isPullRequest,
      );
    });
  }

  Widget _buildItem({
    @required BuildContext context,
    @required List<TextSpan> spans,
    String detail,
    Widget detailWidget,
    IconData iconData = Octicons.octoface,
    WidgetBuilder screenBuilder,
  }) {
    return Container(
      padding: EdgeInsets.all(10),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Row(
            children: <Widget>[
              Avatar(url: event.actorAvatarUrl, login: event.actorLogin),
              Padding(padding: EdgeInsets.only(left: 10)),
              Expanded(
                child: RichText(
                  text: TextSpan(
                    style: TextStyle(
                        color: PrimerColors.gray900,
                        height: 1.2,
                        fontWeight: FontWeight.w300),
                    children: [
                      createLinkSpan(
                        context,
                        event.actorLogin,
                        () => UserScreen(event.actorLogin),
                      ),
                      ...spans,
                    ],
                  ),
                ),
              ),
              Padding(padding: EdgeInsets.only(left: 8)),
              Icon(iconData, color: PrimerColors.gray400, size: 22),
            ],
          ),
          detailWidget == null
              ? (detail == null
                  ? Container()
                  : Container(
                      padding: EdgeInsets.only(left: 46, top: 6),
                      child: Text(
                        detail,
                        overflow: TextOverflow.ellipsis,
                        maxLines: 3,
                        style: TextStyle(
                          color: PrimerColors.gray600,
                          fontSize: 14,
                          height: 1.2,
                        ),
                      ),
                    ))
              : detailWidget
        ],
      ),
    );
  }

  @override
  build(BuildContext context) {
    var defaultItem = _buildItem(
      context: context,
      spans: [
        TextSpan(
          text: ' ' + event.type,
          style: TextStyle(color: Colors.blueAccent),
        )
      ],
      iconData: Octicons.octoface,
      detail: 'Woops, ${event.type} not implemented yet',
    );

    // all events types here:
    // https://developer.github.com/v3/activity/events/types/#event-types--payloads
    switch (event.type) {
      case 'CheckRunEvent':
      case 'CheckSuiteEvent':
      case 'CommitCommentEvent':
      case 'ContentReferenceEvent':
      case 'CreateEvent':
      case 'DeleteEvent':
      case 'DeploymentEvent':
      case 'DeploymentStatusEvent':
      case 'DownloadEvent':
      case 'FollowEvent':
        // TODO:
        return defaultItem;
      case 'ForkEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' forked '),
            createRepoLinkSpan(
                context,
                event.payload['forkee']['owner']['login'],
                event.payload['forkee']['name']),
            TextSpan(text: ' from '),
            _buildRepo(context),
          ],
          iconData: Octicons.repo_forked,
        );
      case 'ForkApplyEvent':
      case 'GitHubAppAuthorizationEvent':
      case 'GistEvent':
      case 'GollumEvent':
      case 'InstallationEvent':
      case 'InstallationRepositoriesEvent':
        // TODO:
        return defaultItem;
      case 'IssueCommentEvent':
        bool isPullRequest = event.payload['issue']['pull_request'] != null;
        String resource = isPullRequest ? 'pull request' : 'issue';
        int number = event.payload['issue']['number'];

        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' commented on $resource '),
            _buildIssue(
              context,
              number: number,
              isPullRequest: isPullRequest,
            ),
            TextSpan(text: ' at '),
            _buildRepo(context),
            // TextSpan(text: event.payload['comment']['body'])
          ],
          detail: event.payload['comment']['body'],
          iconData: Octicons.comment_discussion,
          screenBuilder: (_) => IssueScreen.fromFullName(
            number: number,
            fullName: event.repoFullName,
            isPullRequest: isPullRequest,
          ),
        );
      case 'IssuesEvent':
        int number = event.payload['issue']['number'];

        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' ${event.payload['action']} issue '),
            _buildIssue(context, number: number),
            TextSpan(text: ' at '),
            _buildRepo(context),
          ],
          iconData: Octicons.issue_opened,
          detail: event.payload['issue']['title'],
          screenBuilder: (_) => IssueScreen.fromFullName(
            number: number,
            fullName: event.repoFullName,
          ),
        );
      case 'LabelEvent':
      case 'MarketplacePurchaseEvent':
      case 'MemberEvent':
      case 'MembershipEvent':
      case 'MilestoneEvent':
      case 'OrganizationEvent':
      case 'OrgBlockEvent':
      case 'PageBuildEvent':
      case 'ProjectCardEvent':
      case 'ProjectColumnEvent':
      case 'ProjectEvent':
      case 'PublicEvent':
        // TODO:
        return defaultItem;
      case 'PullRequestEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' ${event.payload['action']} pull request '),
            _buildIssue(context,
                number: event.payload['number'], isPullRequest: true),
            TextSpan(text: ' at '),
            _buildRepo(context),
          ],
          iconData: Octicons.git_pull_request,
          detail: event.payload['pull_request']['title'],
          screenBuilder: (_) => IssueScreen.fromFullName(
            number: event.payload['pull_request']['number'],
            fullName: event.repoFullName,
            isPullRequest: true,
          ),
        );
      case 'PullRequestReviewEvent':
        // TODO:
        return defaultItem;
      case 'PullRequestReviewCommentEvent':
        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' reviewed pull request '),
            _buildIssue(context,
                number: event.payload['pull_request']['number'],
                isPullRequest: true),
            TextSpan(text: ' at '),
            _buildRepo(context),
          ],
          detail: event.payload['comment']['body'],
          screenBuilder: (_) => IssueScreen.fromFullName(
            number: event.payload['pull_request']['number'],
            fullName: event.repoFullName,
            isPullRequest: true,
          ),
        );
      case 'PushEvent':
        int size = event.payload['size'];
        String ref = event.payload['ref'];
        var commitText = '$size commit' + (size == 1 ? '' : 's');
        List commits = event.payload['commits'];

        return _buildItem(
          context: context,
          spans: [
            TextSpan(text: ' pushed $commitText to '),
            // TODO: Use primer widgets
            TextSpan(
              text: ref.replaceFirst('refs/heads/', ''),
              style: TextStyle(
                color: PrimerColors.blue500,
                backgroundColor: Color(0xffeaf5ff),
              ),
            ),
            TextSpan(text: ' at '),
            _buildRepo(context),
            TextSpan(text: '')
          ],
          iconData: Octicons.repo_push,
          detailWidget: Container(
            padding: EdgeInsets.only(left: 46, top: 6),
            child: Link(
              onTap: () {
                launch('https://github.com/' +
                    event.repoFullName +
                    '/compare/' +
                    event.payload['before'] +
                    '...' +
                    event.payload['head']);
              },
              child: Column(
                children: commits.map((commit) {
                  return Row(children: <Widget>[
                    Text(
                      (commit['sha'] as String).substring(0, 7),
                      style: TextStyle(
                        color: PrimerColors.blue500,
                        fontSize: 13,
                        fontFamily: 'Menlo',
                        fontFamilyFallback: ['Menlo', 'Roboto Mono'],
                      ),
                    ),
                    SizedBox(width: 6),
                    Expanded(
                      child: Text(
                        commit['message'],
                        style: TextStyle(color: Colors.black54, fontSize: 14),
                        overflow: TextOverflow.ellipsis,
                        maxLines: 1,
                      ),
                    )
                  ]);
                }).toList(),
              ),
            ),
          ),
        );
      case 'ReleaseEvent':
      case 'RepositoryEvent':
      case 'RepositoryImportEvent':
      case 'RepositoryVulnerabilityAlertEvent':
      case 'SecurityAdvisoryEvent':
      case 'StatusEvent':
      case 'TeamEvent':
      case 'TeamAddEvent':
        // TODO:
        return defaultItem;
      case 'WatchEvent':
        return _buildItem(
          context: context,
          spans: [TextSpan(text: ' starred '), _buildRepo(context)],
          iconData: Octicons.star,
        );
      default:
        return defaultItem;
    }
  }
}