fluffychat/lib/components/message_content.dart

import 'package:bubble/bubble.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:famedlysdk/famedlysdk.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:link_text/link_text.dart';
import 'package:url_launcher/url_launcher.dart';

import 'matrix.dart';

class MessageContent extends StatelessWidget {
  final Event event;
  final Color textColor;
  final bool textOnly;

  const MessageContent(this.event, {this.textColor, this.textOnly = false});

  @override
  Widget build(BuildContext context) {
    final int maxLines = textOnly ? 1 : null;

    final Widget unknown = Text(
      "${event.sender.calcDisplayname()} sent a ${event.typeKey} event",
      maxLines: maxLines,
      overflow: textOnly ? TextOverflow.ellipsis : null,
      style: TextStyle(
        color: textColor,
        decoration: event.redacted ? TextDecoration.lineThrough : null,
      ),
    );

    switch (event.type) {
      case EventTypes.Message:
      case EventTypes.Sticker:
        switch (event.messageType) {
          case MessageTypes.Image:
          case MessageTypes.Sticker:
            if (textOnly) {
              return Text(
                "${event.sender.calcDisplayname()} sent a picture",
                maxLines: maxLines,
                style: TextStyle(
                  color: textColor,
                  decoration:
                      event.redacted ? TextDecoration.lineThrough : null,
                ),
              );
            }
            final int size = 400;
            final String src = MxContent(event.content["url"]).getThumbnail(
              Matrix.of(context).client,
              width: size * MediaQuery.of(context).devicePixelRatio,
              height: size * MediaQuery.of(context).devicePixelRatio,
              method: ThumbnailMethod.scale,
            );
            return Bubble(
              padding: BubbleEdges.all(0),
              radius: Radius.circular(10),
              elevation: 0,
              child: InkWell(
                onTap: () => launch(
                  MxContent(event.content["url"])
                      .getDownloadLink(Matrix.of(context).client),
                ),
                child: kIsWeb
                    ? Image.network(
                        src,
                        width: size.toDouble(),
                      )
                    : CachedNetworkImage(
                        imageUrl: src,
                        width: size.toDouble(),
                      ),
              ),
            );
          case MessageTypes.Audio:
          case MessageTypes.File:
          case MessageTypes.Video:
            if (textOnly) {
              return Text(
                "${event.sender.calcDisplayname()} sent a file",
                maxLines: maxLines,
                style: TextStyle(
                  color: textColor,
                  decoration:
                      event.redacted ? TextDecoration.lineThrough : null,
                ),
              );
            }
            return Container(
              width: 200,
              child: RaisedButton(
                color: Colors.blueGrey,
                child: Text(
                  "Download ${event.getBody()}",
                  overflow: TextOverflow.fade,
                  softWrap: false,
                  maxLines: 1,
                ),
                onPressed: () => launch(
                  MxContent(event.content["url"])
                      .getDownloadLink(Matrix.of(context).client),
                ),
              ),
            );
          case MessageTypes.Text:
          case MessageTypes.Reply:
          case MessageTypes.Location:
          case MessageTypes.None:
          case MessageTypes.Notice:
            final String senderPrefix =
                textOnly && event.senderId != event.room.directChatMatrixID
                    ? event.senderId == Matrix.of(context).client.userID
                        ? "You: "
                        : "${event.sender.calcDisplayname()}: "
                    : "";
            final String body = event.redacted
                ? "Redacted by ${event.redactedBecause.sender.calcDisplayname()}"
                : senderPrefix + event.getBody();
            if (textOnly) {
              return Text(
                body,
                maxLines: maxLines,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                  color: textColor,
                  decoration:
                      event.redacted ? TextDecoration.lineThrough : null,
                ),
              );
            }
            return LinkText(
              text: body,
              textStyle: TextStyle(
                color: textColor,
                decoration: event.redacted ? TextDecoration.lineThrough : null,
              ),
            );

          case MessageTypes.Emote:
            if (textOnly) {
              return Text(
                "* " + event.getBody(),
                maxLines: maxLines,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                  color: textColor,
                  fontStyle: FontStyle.italic,
                  decoration:
                      event.redacted ? TextDecoration.lineThrough : null,
                ),
              );
            }
            return LinkText(
              text: "* " + event.getBody(),
              textStyle: TextStyle(
                color: textColor,
                fontStyle: FontStyle.italic,
                decoration: event.redacted ? TextDecoration.lineThrough : null,
              ),
            );
        }
        return unknown;
      case EventTypes.RoomCreate:
        return Text(
          "${event.sender.calcDisplayname()} has created the chat",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomAvatar:
        return Text(
          "${event.sender.calcDisplayname()} has changed the chat avatar",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomName:
        return Text(
          "${event.sender.calcDisplayname()} has changed the chat name to '${event.content['name']}'",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomMember: // Display what has changed
        String text = "Failed to parse member event";
        // Has the membership changed?
        final String newMembership = event.content["membership"] ?? "";
        final String oldMembership =
            event.unsigned["prev_content"] is Map<String, dynamic>
                ? event.unsigned["prev_content"]["membership"] ?? ""
                : "";
        if (newMembership != oldMembership) {
          if (oldMembership == "invite" && newMembership == "join") {
            text =
                "${event.stateKeyUser.calcDisplayname()} has accepted the invitation";
          } else if (oldMembership == "leave" && newMembership == "join") {
            text =
                "${event.stateKeyUser.calcDisplayname()} has joined the chat";
          } else if (oldMembership == "join" && newMembership == "ban") {
            text =
                "${event.sender.calcDisplayname()} has kicked and banned ${event.stateKeyUser.calcDisplayname()}";
          } else if (oldMembership == "join" &&
              newMembership == "leave" &&
              event.stateKey != event.senderId) {
            text =
                "${event.sender.calcDisplayname()} has kicked ${event.stateKeyUser.calcDisplayname()}";
          } else if (oldMembership == "join" &&
              newMembership == "leave" &&
              event.stateKey == event.senderId) {
            text = "${event.stateKeyUser.calcDisplayname()} has left the room";
          } else if (oldMembership == "invite" && newMembership == "ban") {
            text =
                "${event.sender.calcDisplayname()} has banned ${event.stateKeyUser.calcDisplayname()}";
          } else if (oldMembership == "leave" && newMembership == "ban") {
            text =
                "${event.sender.calcDisplayname()} has banned ${event.stateKeyUser.calcDisplayname()}";
          } else if (oldMembership == "ban" && newMembership == "leave") {
            text =
                "${event.sender.calcDisplayname()} has unbanned ${event.stateKeyUser.calcDisplayname()}";
          } else if (newMembership == "invite") {
            text =
                "${event.sender.calcDisplayname()} has invited ${event.stateKeyUser.calcDisplayname()}";
          } else if (newMembership == "join") {
            text = "${event.stateKeyUser.calcDisplayname()} has joined";
          }
        } else if (newMembership == "join") {
          final String newAvatar = event.content["avatar_url"] ?? "";
          final String oldAvatar =
              event.unsigned["prev_content"] is Map<String, dynamic>
                  ? event.unsigned["prev_content"]["avatar_url"] ?? ""
                  : "";

          final String newDisplayname = event.content["displayname"] ?? "";
          final String oldDisplayname =
              event.unsigned["prev_content"] is Map<String, dynamic>
                  ? event.unsigned["prev_content"]["displayname"] ?? ""
                  : "";

          // Has the user avatar changed?
          if (newAvatar != oldAvatar) {
            text =
                "${event.stateKeyUser.calcDisplayname()} has changed the profile avatar";
          }
          // Has the user avatar changed?
          else if (newDisplayname != oldDisplayname) {
            text =
                "${event.stateKeyUser.calcDisplayname()} has changed the displayname to '$newDisplayname'";
          }
        }

        return Text(
          text,
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomTopic:
        return Text(
          "${event.sender.calcDisplayname()} has changed the chat topic to '${event.content['topic']}'",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomPowerLevels:
        return Text(
          "${event.sender.calcDisplayname()} has changed the power levels of the chat",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.HistoryVisibility:
        return Text(
          "${event.sender.calcDisplayname()} has changed the history visibility of the chat to '${event.content['history_visibility']}'",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomJoinRules:
        return Text(
          "${event.sender.calcDisplayname()} has changed the join rules of the chat to '${event.content['join_rule']}'",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      case EventTypes.RoomCanonicalAlias:
        if (event.content['canonical_alias']?.isEmpty ?? true) {
          return Text(
            "${event.sender.calcDisplayname()} has removed the canonical alias.",
            maxLines: maxLines,
            style: TextStyle(
              color: textColor,
            ),
          );
        }
        return Text(
          "${event.sender.calcDisplayname()} has changed the canonical alias to: ${event.content['canonical_alias']}",
          maxLines: maxLines,
          overflow: textOnly ? TextOverflow.ellipsis : null,
          style: TextStyle(
            color: textColor,
          ),
        );
      default:
        return unknown;
    }
  }
}