Add support for replies (#455)

DiscordChatExporter.Domain/Exporting/Writers/Html/Core.css

@@ -211,6 +211,39 @@ img {
     grid-template-columns: auto 1fr;
 }
 
+.chatlog__reference-symbol {
+    grid-column: 1;
+    border-style: solid;
+    border-width: 2px 0 0 2px;
+    border-radius: 8px 0 0 0;
+    margin-left: 16px;
+    margin-top: 8px;
+}
+
+.chatlog__reference {
+    grid-column: 2;
+    margin-left: 1.2em;
+    font-size: smaller;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.chatlog__reference-avatar {
+    border-radius: 50%;
+    height: 16px;
+    width: 16px;
+    vertical-align: middle;
+}
+
+.chatlog__reference-name {
+    font-weight: 500;
+}
+
+.chatlog__reference-content {
+    margin-left: .2em;
+}
+
 .chatlog__author-avatar-container {
     grid-column: 1;
     width: 40px;

DiscordChatExporter.Domain/Exporting/Writers/Html/Dark.css

@@ -46,6 +46,14 @@ a {
     border-color: rgba(255, 255, 255, 0.1);
 }
 
+.chatlog__reference-symbol {
+    border-color: #4f545c;
+}
+
+.chatlog__reference {
+    color: #b5b6b8;
+}
+
 .chatlog__author-name {
     color: #ffffff;
 }

DiscordChatExporter.Domain/Exporting/Writers/Html/Light.css

@@ -47,6 +47,14 @@ a {
     border-color: #eceeef;
 }
 
+.chatlog__reference-symbol {
+    border-color: #c7ccd1;
+}
+
+.chatlog__reference {
+    color: #5f5f60;
+}
+
 .chatlog__author-name {
     font-weight: 600;
     color: #2f3136;

DiscordChatExporter.Domain/Exporting/Writers/Html/MessageGroup.cs

@@ -14,10 +14,21 @@ namespace DiscordChatExporter.Domain.Exporting.Writers.Html
 
         public IReadOnlyList<Message> Messages { get; }
 
-        public MessageGroup(User author, DateTimeOffset timestamp, IReadOnlyList<Message> messages)
+        public MessageReference? Reference { get; }
+
+        public Message? ReferencedMessage {get; }
+
+        public MessageGroup(
+            User author,
+            DateTimeOffset timestamp,
+            MessageReference? reference,
+            Message? referenced_message,
+            IReadOnlyList<Message> messages)
         {
             Author = author;
             Timestamp = timestamp;
+            Reference = reference;
+            ReferencedMessage = referenced_message;
             Messages = messages;
         }
     }
@@ -27,7 +38,8 @@ namespace DiscordChatExporter.Domain.Exporting.Writers.Html
         public static bool CanJoin(Message message1, Message message2) =>
             message1.Author.Id == message2.Author.Id &&
             string.Equals(message1.Author.FullName, message2.Author.FullName, StringComparison.Ordinal) &&
-            (message2.Timestamp - message1.Timestamp).Duration().TotalMinutes <= 7;
+            (message2.Timestamp - message1.Timestamp).Duration().TotalMinutes <= 7 &&
+            message2.Reference is null;
 
         public static MessageGroup Join(IReadOnlyList<Message> messages)
         {
@@ -36,6 +48,8 @@ namespace DiscordChatExporter.Domain.Exporting.Writers.Html
             return new MessageGroup(
                 first.Author,
                 first.Timestamp,
+                first.Reference,
+                first.ReferencedMessage,
                 messages
             );
         }

DiscordChatExporter.Domain/Exporting/Writers/Html/MessageGroupTemplate.cshtml

@@ -16,6 +16,7 @@
     var userMember = Model.ExportContext.TryGetMember(Model.MessageGroup.Author.Id);
     var userColor = Model.ExportContext.TryGetUserColor(Model.MessageGroup.Author.Id);
     var userNick = Model.MessageGroup.Author.IsBot ? Model.MessageGroup.Author.Name : userMember?.Nick ?? Model.MessageGroup.Author.Name;
+    var referencedUserNick = Model.MessageGroup.Author.IsBot ? Model.MessageGroup.Author.Name : userMember?.Nick ?? Model.MessageGroup.Author.Name;
 
     var userColorStyle = userColor != null
         ? $"color: rgb({userColor?.R},{userColor?.G},{userColor?.B})"
@@ -23,6 +24,27 @@
 }
 
 <div class="chatlog__message-group">
+    @if (Model.MessageGroup.Reference != null)
+    {
+        <div class="chatlog__reference-symbol">
+        </div>
+        <div class="chatlog__reference">
+            @if (Model.MessageGroup.ReferencedMessage != null)
+            {
+                <img class="chatlog__reference-avatar" src="@await ResolveUrlAsync(Model.MessageGroup.ReferencedMessage.Author.AvatarUrl)" alt="Avatar">
+                <span class="chatlog__reference-name" title="@Model.MessageGroup.ReferencedMessage.Author.FullName" data-user-id="@Model.MessageGroup.ReferencedMessage.Author.Id">@Model.MessageGroup.ReferencedMessage.Author.FullName</span>
+                <span class="chatlog__reference-content">
+                    @Raw(FormatMarkdown(Model.MessageGroup.ReferencedMessage.Content))
+                </span>
+            }
+            else
+            {
+                <span class="chatlog__reference-unknown">
+                    In reply to an unknown message
+                </span>
+            }
+        </div>
+    }
     <div class="chatlog__author-avatar-container">
         <img class="chatlog__author-avatar" src="@await ResolveUrlAsync(Model.MessageGroup.Author.AvatarUrl)" alt="Avatar">
     </div>

DiscordChatExporter.Domain/Exporting/Writers/JsonMessageWriter.cs

@@ -263,6 +263,17 @@ namespace DiscordChatExporter.Domain.Exporting.Writers
 
             _writer.WriteEndArray();
 
+            // Reference
+
+            if (message.Reference is not null)
+            {
+                _writer.WriteStartObject("reference");
+                _writer.WriteString("messageId", message.Reference.MessageId);
+                _writer.WriteString("channelId", message.Reference.ChannelId);
+                _writer.WriteString("guildId", message.Reference.GuildId);
+                _writer.WriteEndObject();
+            }
+
             _writer.WriteEndObject();
             await _writer.FlushAsync();