Bump markwon version and enable LaTeX rendering for messages

Author: NickHu

vector/build.gradle

@@ -283,7 +283,8 @@ dependencies {
     def epoxy_version = '4.1.0'
     def fragment_version = '1.3.0-beta01'
     def arrow_version = "0.8.2"
-    def markwon_version = '4.1.2'
+    def coroutines_version = "1.3.8"
+    def markwon_version = '4.3.0'
     def big_image_viewer_version = '1.6.2'
     def glide_version = '4.11.0'
     def moshi_version = '1.11.0'
@@ -365,6 +366,8 @@ dependencies {
     implementation 'com.google.android.material:material:1.3.0-alpha02'
     implementation 'me.gujun.android:span:1.7'
     implementation "io.noties.markwon:core:$markwon_version"
+    implementation "io.noties.markwon:ext-latex:$markwon_version"
+    implementation "io.noties.markwon:inline-parser:$markwon_version"
     implementation "io.noties.markwon:html:$markwon_version"
     implementation 'com.googlecode.htmlcompressor:htmlcompressor:1.4'
     implementation 'me.saket:better-link-movement-method:2.2.0'

vector/src/main/java/im/vector/app/features/home/room/detail/timeline/factory/MessageItemFactory.kt

@@ -414,6 +414,7 @@ class MessageItemFactory @Inject constructor(
             }
         }
                 .useBigFont(linkifiedBody.length <= MAX_NUMBER_OF_EMOJI_FOR_BIG_FONT * 2 && containsOnlyEmojis(linkifiedBody.toString()))
+                .markwonPlugins(htmlRenderer.get().plugins)
                 .searchForPills(isFormatted)
                 .leftGuideline(avatarSizeProvider.leftGuideline)
                 .attributes(attributes)

vector/src/main/java/im/vector/app/features/home/room/detail/timeline/item/MessageTextItem.kt

@@ -16,6 +16,7 @@
 
 package im.vector.app.features.home.room.detail.timeline.item
 
+import android.text.Spanned
 import android.text.method.MovementMethod
 import androidx.appcompat.widget.AppCompatTextView
 import androidx.core.text.PrecomputedTextCompat
@@ -24,6 +25,7 @@ import com.airbnb.epoxy.EpoxyAttribute
 import com.airbnb.epoxy.EpoxyModelClass
 import im.vector.app.R
 import im.vector.app.features.home.room.detail.timeline.tools.findPillsAndProcess
+import io.noties.markwon.MarkwonPlugin
 
 @EpoxyModelClass(layout = R.layout.item_timeline_event_base)
 abstract class MessageTextItem : AbsMessageItem<MessageTextItem.Holder>() {
@@ -39,6 +41,8 @@ abstract class MessageTextItem : AbsMessageItem<MessageTextItem.Holder>() {
 
     @EpoxyAttribute(EpoxyAttribute.Option.DoNotHash)
     var movementMethod: MovementMethod? = null
+    @EpoxyAttribute(EpoxyAttribute.Option.DoNotHash)
+    var markwonPlugins: (List<MarkwonPlugin>)? = null
 
     override fun bind(holder: Holder) {
         super.bind(holder)
@@ -54,11 +58,13 @@ abstract class MessageTextItem : AbsMessageItem<MessageTextItem.Holder>() {
         if (searchForPills) {
             message?.findPillsAndProcess(coroutineScope) { it.bind(holder.messageView) }
         }
+        markwonPlugins?.forEach { plugin -> plugin.beforeSetText(holder.messageView, message as Spanned) }
         val textFuture = PrecomputedTextCompat.getTextFuture(
                 message ?: "",
                 TextViewCompat.getTextMetricsParams(holder.messageView),
                 null)
         holder.messageView.setTextFuture(textFuture)
+        markwonPlugins?.forEach { plugin -> plugin.afterSetText(holder.messageView) }
     }
 
     override fun getViewType() = STUB_ID

vector/src/main/java/im/vector/app/features/html/EventHtmlRenderer.kt

@@ -22,8 +22,12 @@ import im.vector.app.core.glide.GlideApp
 import im.vector.app.core.resources.ColorProvider
 import im.vector.app.features.home.AvatarRenderer
 import io.noties.markwon.Markwon
+import io.noties.markwon.MarkwonPlugin
+import io.noties.markwon.ext.latex.JLatexMathPlugin
+import io.noties.markwon.ext.latex.JLatexMathTheme
 import io.noties.markwon.html.HtmlPlugin
 import io.noties.markwon.html.TagHandlerNoOp
+import io.noties.markwon.inlineparser.MarkwonInlineParserPlugin
 import org.commonmark.node.Node
 import timber.log.Timber
 import javax.inject.Inject
@@ -35,8 +39,15 @@ class EventHtmlRenderer @Inject constructor(context: Context,
 
     private val markwon = Markwon.builder(context)
             .usePlugin(HtmlPlugin.create(htmlConfigure))
+            .usePlugin(MarkwonInlineParserPlugin.create())
+            .usePlugin(JLatexMathPlugin.create(44F) { builder ->
+                builder.inlinesEnabled(true)
+                builder.theme().inlinePadding(JLatexMathTheme.Padding.symmetric(24, 8))
+            })
             .build()
 
+    val plugins: List<MarkwonPlugin> = markwon.plugins
+
     fun parse(text: String): Node {
         return markwon.parse(text)
     }