Added markdown support (#466)

Author: martinmitrevski

CHANGELOG.md

@@ -3,7 +3,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 # Upcoming
 
-### 🔄 Changed
+### ✅ Added
+- Added markdown support (enabled by default)
 
 # [4.51.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.51.0)
 _March 26, 2024_

Sources/StreamChatSwiftUI/ChatChannel/MessageList/LinkAttachmentView.swift

@@ -49,13 +49,22 @@ public struct LinkAttachmentContainer<Factory: ViewFactory>: View {
 
             let availableWidth = width - 4 * padding
             let size = message.adjustedText.frameSize(maxWidth: availableWidth)
-            LinkTextView(
-                message: message,
-                width: availableWidth,
-                textColor: UIColor(textColor(for: message))
-            )
-            .frame(width: availableWidth, height: size.height)
-            .standardPadding()
+            
+            if #available(iOS 15, *) {
+                HStack {
+                    StreamTextView(message: message)
+                        .standardPadding()
+                    Spacer()
+                }
+            } else {
+                LinkTextView(
+                    message: message,
+                    width: availableWidth,
+                    textColor: UIColor(textColor(for: message))
+                )
+                .frame(width: availableWidth, height: size.height)
+                .standardPadding()
+            }
 
             if !message.linkAttachments.isEmpty {
                 LinkAttachmentView(

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageListConfig.swift

@@ -29,7 +29,8 @@ public struct MessageListConfig {
         messageListAlignment: MessageListAlignment = .standard,
         uniqueReactionsEnabled: Bool = false,
         localLinkDetectionEnabled: Bool = true,
-        isMessageEditedLabelEnabled: Bool = true
+        isMessageEditedLabelEnabled: Bool = true,
+        markdownSupportEnabled: Bool = true
     ) {
         self.messageListType = messageListType
         self.typingIndicatorPlacement = typingIndicatorPlacement
@@ -52,6 +53,7 @@ public struct MessageListConfig {
         self.uniqueReactionsEnabled = uniqueReactionsEnabled
         self.localLinkDetectionEnabled = localLinkDetectionEnabled
         self.isMessageEditedLabelEnabled = isMessageEditedLabelEnabled
+        self.markdownSupportEnabled = markdownSupportEnabled
     }
 
     public let messageListType: MessageListType
@@ -75,6 +77,7 @@ public struct MessageListConfig {
     public let uniqueReactionsEnabled: Bool
     public let localLinkDetectionEnabled: Bool
     public let isMessageEditedLabelEnabled: Bool
+    public let markdownSupportEnabled: Bool
 }
 
 /// Contains information about the message paddings.

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageView.swift

@@ -224,13 +224,12 @@ public struct EmojiTextView<Factory: ViewFactory>: View {
 
 struct StreamTextView: View {
 
-    @Injected(\.utils) var utils
     @Injected(\.fonts) var fonts
 
     var message: ChatMessage
 
     var body: some View {
-        if #available(iOS 15, *), utils.messageListConfig.localLinkDetectionEnabled {
+        if #available(iOS 15, *) {
             LinkDetectionTextView(message: message)
         } else {
             Text(message.adjustedText)
@@ -245,40 +244,85 @@ struct LinkDetectionTextView: View {
 
     @Injected(\.colors) var colors
     @Injected(\.fonts) var fonts
+    @Injected(\.utils) var utils
 
     var message: ChatMessage
 
-    var text: String {
-        message.adjustedText
+    var text: LocalizedStringKey {
+        LocalizedStringKey(message.adjustedText)
     }
 
-    @State var displayedText: AttributedString
+    @State var displayedText: AttributedString?
 
     @State var linkDetector = TextLinkDetector()
 
+    @State var tintColor = InjectedValues[\.colors].tintColor
+        
     init(message: ChatMessage) {
         self.message = message
-        _displayedText = State(initialValue: AttributedString(message.adjustedText))
+    }
+    
+    private var markdownEnabled: Bool {
+        utils.messageListConfig.markdownSupportEnabled
     }
 
     var body: some View {
-        Text(displayedText)
-            .foregroundColor(textColor(for: message))
-            .font(fonts.body)
-            .onAppear {
-                let attributedText = NSMutableAttributedString(
-                    string: text,
-                    attributes: [
-                        .foregroundColor: textColor(for: message),
-                        .font: fonts.body
-                    ]
-                )
+        Group {
+            if let displayedText {
+                Text(displayedText)
+            } else if markdownEnabled {
+                Text(text)
+            } else {
+                Text(message.adjustedText)
+            }
+        }
+        .foregroundColor(textColor(for: message))
+        .font(fonts.body)
+        .tint(tintColor)
+        .onAppear {
+            guard utils.messageListConfig.localLinkDetectionEnabled else { return }
+            var attributes: [NSAttributedString.Key: Any] = [
+                .foregroundColor: textColor(for: message),
+                .font: fonts.body
+            ]
+            
+            let additional = utils.messageListConfig.messageDisplayOptions.messageLinkDisplayResolver(message)
+            for (key, value) in additional {
+                if key == .foregroundColor, let value = value as? UIColor {
+                    tintColor = Color(value)
+                } else {
+                    attributes[key] = value
+                }
+            }
+            
+            let attributedText = NSMutableAttributedString(
+                string: message.adjustedText,
+                attributes: attributes
+            )
 
-                linkDetector.links(in: text).forEach { textLink in
-                    attributedText.addAttribute(.link, value: textLink.url, range: textLink.range)
+            var containsLinks = false
+            let range = NSRange(location: 0, length: message.adjustedText.utf16.count)
+            linkDetector.links(in: message.adjustedText).forEach { textLink in
+                let pattern = "\\[([^\\]]+)\\]\\(\(textLink.originalText)\\)"
+                if let regex = try? NSRegularExpression(pattern: pattern) {
+                    containsLinks = (regex.firstMatch(
+                        in: message.adjustedText,
+                        options: [],
+                        range: range
+                    ) == nil) || !markdownEnabled
+                } else {
+                    containsLinks = true
                 }
 
+                if !message.adjustedText.contains("](\(textLink.originalText))") {
+                    containsLinks = true
+                }
+                attributedText.addAttribute(.link, value: textLink.url, range: textLink.range)
+            }
+                
+            if containsLinks {
                 self.displayedText = AttributedString(attributedText)
             }
+        }
     }
 }