react-native-enriched 0.0.0 → 0.1.0

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedCodeBlockSpan.kt

@@ -0,0 +1,38 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.graphics.RectF
+import android.graphics.Typeface
+import android.text.TextPaint
+import android.text.style.CharacterStyle
+import android.text.style.LineBackgroundSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedBlockSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedCodeBlockSpan(private val htmlStyle: HtmlStyle) : CharacterStyle(), LineBackgroundSpan, EnrichedBlockSpan {
+  override fun updateDrawState(paint: TextPaint?) {
+    paint?.typeface = Typeface.MONOSPACE
+    paint?.color = htmlStyle.codeBlockColor
+  }
+
+  override fun drawBackground(
+    canvas: Canvas,
+    p: Paint,
+    left: Int,
+    right: Int,
+    top: Int,
+    baseline: Int,
+    bottom: Int,
+    text: CharSequence,
+    start: Int,
+    end: Int,
+    lineNum: Int
+  ) {
+    val previousColor = p.color
+    p.color = htmlStyle.codeBlockBackgroundColor
+    val rect = RectF(left.toFloat(), top.toFloat(), right.toFloat(), bottom.toFloat())
+    canvas.drawRoundRect(rect, htmlStyle.codeBlockRadius, htmlStyle.codeBlockRadius, p)
+    p.color = previousColor
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedH1Span.kt

@@ -0,0 +1,17 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Typeface
+import android.text.TextPaint
+import android.text.style.AbsoluteSizeSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedHeadingSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedH1Span(private val style: HtmlStyle) : AbsoluteSizeSpan(style.h1FontSize), EnrichedHeadingSpan {
+  override fun updateDrawState(tp: TextPaint) {
+    super.updateDrawState(tp)
+    val bold = style.h1Bold
+    if (bold) {
+      tp.typeface = Typeface.create(tp.typeface, Typeface.BOLD)
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedH2Span.kt

@@ -0,0 +1,17 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Typeface
+import android.text.TextPaint
+import android.text.style.AbsoluteSizeSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedHeadingSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedH2Span(private val htmlStyle: HtmlStyle) : AbsoluteSizeSpan(htmlStyle.h2FontSize), EnrichedHeadingSpan {
+  override fun updateDrawState(tp: TextPaint) {
+    super.updateDrawState(tp)
+    val bold = htmlStyle.h2Bold
+    if (bold) {
+      tp.typeface = Typeface.create(tp.typeface, Typeface.BOLD)
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedH3Span.kt

@@ -0,0 +1,17 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Typeface
+import android.text.TextPaint
+import android.text.style.AbsoluteSizeSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedHeadingSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedH3Span(private val htmlStyle: HtmlStyle) : AbsoluteSizeSpan(htmlStyle.h3FontSize), EnrichedHeadingSpan {
+  override fun updateDrawState(tp: TextPaint) {
+    super.updateDrawState(tp)
+    val bold = htmlStyle.h3Bold
+    if (bold) {
+      tp.typeface = Typeface.create(tp.typeface, Typeface.BOLD)
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedImageSpan.kt

@@ -0,0 +1,41 @@
+package com.swmansion.enriched.spans
+
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.graphics.drawable.Drawable
+import android.net.Uri
+import android.text.style.ImageSpan
+import androidx.core.graphics.withSave
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedImageSpan : ImageSpan, EnrichedInlineSpan {
+  private var htmlStyle: HtmlStyle? = null
+
+  constructor(context: Context, uri: Uri, htmlStyle: HtmlStyle, ) : super(context, uri, ALIGN_BASELINE) {
+    this.htmlStyle = htmlStyle
+  }
+
+  constructor(drawable: Drawable, source: String, htmlStyle: HtmlStyle) : super(drawable, source, ALIGN_BASELINE) {
+    this.htmlStyle = htmlStyle
+  }
+
+  override fun draw(
+    canvas: Canvas, text: CharSequence?, start: Int, end: Int, x: Float,
+    top: Int, y: Int, bottom: Int, paint: Paint
+  ) {
+    val drawable = drawable
+    canvas.withSave() {
+      val transY = bottom - drawable.bounds.bottom - paint.fontMetricsInt.descent
+      translate(x, transY.toFloat())
+      drawable.draw(this)
+    }
+  }
+
+  override fun getDrawable(): Drawable {
+    val drawable = super.getDrawable()
+    drawable.setBounds(0, 0, htmlStyle!!.imgWidth, htmlStyle!!.imgHeight)
+    return drawable
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedInlineCodeSpan.kt

@@ -0,0 +1,16 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Typeface
+import android.text.TextPaint
+import android.text.style.BackgroundColorSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedInlineCodeSpan(private val htmlStyle: HtmlStyle) : BackgroundColorSpan(htmlStyle.inlineCodeBackgroundColor), EnrichedInlineSpan {
+  override fun updateDrawState(textPaint: TextPaint) {
+    super.updateDrawState(textPaint)
+
+    textPaint.color = htmlStyle.inlineCodeColor
+    textPaint.typeface = Typeface.create(Typeface.MONOSPACE, Typeface.NORMAL)
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedItalicSpan.kt

@@ -0,0 +1,10 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Typeface
+import android.text.style.StyleSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+@Suppress("UNUSED_PARAMETER")
+class EnrichedItalicSpan(private val htmlStyle: HtmlStyle) : StyleSpan(Typeface.ITALIC), EnrichedInlineSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedLinkSpan.kt

@@ -0,0 +1,24 @@
+package com.swmansion.enriched.spans
+
+import android.text.TextPaint
+import android.text.style.ClickableSpan
+import android.view.View
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedLinkSpan(private val url: String, private val htmlStyle: HtmlStyle) : ClickableSpan(), EnrichedInlineSpan {
+  override fun onClick(view: View) {
+    // Do nothing, links inside the input are not clickable.
+    // We are using `ClickableSpan` to allow the text to be styled as a link.
+  }
+
+  override fun updateDrawState(textPaint: TextPaint) {
+    super.updateDrawState(textPaint)
+    textPaint.color = htmlStyle.aColor
+    textPaint.isUnderlineText = htmlStyle.aUnderline
+  }
+
+  fun getUrl(): String {
+    return url
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedMentionSpan.kt

@@ -0,0 +1,36 @@
+package com.swmansion.enriched.spans
+
+import android.text.TextPaint
+import android.text.style.ClickableSpan
+import android.view.View
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedMentionSpan(private val text: String, private val indicator: String, private val attributes: Map<String, String>, private val htmlStyle: HtmlStyle) :
+  ClickableSpan(), EnrichedInlineSpan {
+  override fun onClick(view: View) {
+    // Do nothing. Mentions inside the input are not clickable.
+    // We are using `ClickableSpan` to allow the text to be styled as a clickable element.
+  }
+
+  override fun updateDrawState(textPaint: TextPaint) {
+    super.updateDrawState(textPaint)
+
+    val mentionsStyle = htmlStyle.mentionsStyle[indicator] ?: return
+    textPaint.color = mentionsStyle.color
+    textPaint.bgColor = mentionsStyle.backgroundColor
+    textPaint.isUnderlineText = mentionsStyle.underline
+  }
+
+  fun getAttributes(): Map<String, String> {
+    return attributes
+  }
+
+  fun getText(): String {
+    return text
+  }
+
+  fun getIndicator(): String {
+    return indicator
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedOrderedListSpan.kt

@@ -0,0 +1,71 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.graphics.Typeface
+import android.text.Layout
+import android.text.style.LeadingMarginSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedParagraphSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedOrderedListSpan(private var index: Int, private val htmlStyle: HtmlStyle) : LeadingMarginSpan, EnrichedParagraphSpan {
+  override fun getLeadingMargin(first: Boolean): Int {
+    return htmlStyle.olMarginLeft + htmlStyle.olGapWidth
+  }
+
+  override fun drawLeadingMargin(
+    canvas: Canvas,
+    paint: Paint,
+    x: Int,
+    dir: Int,
+    top: Int,
+    baseline: Int,
+    bottom: Int,
+    t: CharSequence?,
+    start: Int,
+    end: Int,
+    first: Boolean,
+    layout: Layout?
+  ) {
+    if (first) {
+      val text = "$index."
+      val width = paint.measureText(text)
+
+      val yPosition = baseline.toFloat()
+      val xPosition = (htmlStyle.olMarginLeft + x - width / 2) * dir
+
+      val originalColor = paint.color
+      val originalTypeface = paint.typeface
+
+      paint.color = htmlStyle.olMarkerColor ?: originalColor
+      paint.typeface = getTypeface(htmlStyle.olMarkerFontWeight, originalTypeface)
+      canvas.drawText(text, xPosition, yPosition, paint)
+
+      paint.color = originalColor
+      paint.typeface = originalTypeface
+    }
+  }
+
+  private fun getTypeface(fontWeight: Int?, originalTypeface: Typeface): Typeface {
+    return if (fontWeight == null) {
+      originalTypeface
+    } else if (android.os.Build.VERSION.SDK_INT >= 28) {
+      Typeface.create(originalTypeface, fontWeight, false)
+    } else {
+      // Fallback for API < 28: only bold/normal supported
+      if (fontWeight == Typeface.BOLD) {
+        Typeface.create(originalTypeface, Typeface.BOLD)
+      } else {
+        Typeface.create(originalTypeface, Typeface.NORMAL)
+      }
+    }
+  }
+
+  fun getIndex(): Int {
+    return index
+  }
+
+  fun setIndex(i: Int) {
+    index = i
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedSpans.kt

@@ -0,0 +1,111 @@
+package com.swmansion.enriched.spans
+
+data class BaseSpanConfig(val clazz: Class<*>)
+data class ParagraphSpanConfig(val clazz: Class<*>, val isContinuous: Boolean)
+data class ListSpanConfig(val clazz: Class<*>, val shortcut: String)
+
+data class StylesMergingConfig(
+  // styles that should be removed when we apply specific style
+  val conflictingStyles: Array<String> = emptyArray(),
+  // styles that should block setting specific style
+  val blockingStyles: Array<String> = emptyArray(),
+)
+
+object EnrichedSpans {
+  // inline styles
+  const val BOLD = "bold"
+  const val ITALIC = "italic"
+  const val UNDERLINE = "underline"
+  const val STRIKETHROUGH = "strikethrough"
+  const val INLINE_CODE = "inline_code"
+
+  // paragraph styles
+  const val H1 = "h1"
+  const val H2 = "h2"
+  const val H3 = "h3"
+  const val BLOCK_QUOTE = "block_quote"
+  const val CODE_BLOCK = "code_block"
+
+  // list styles
+  const val UNORDERED_LIST = "unordered_list"
+  const val ORDERED_LIST = "ordered_list"
+
+  // parametrized styles
+  const val LINK = "link"
+  const val IMAGE = "image"
+  const val MENTION = "mention"
+
+  val inlineSpans: Map<String, BaseSpanConfig> = mapOf(
+    BOLD to BaseSpanConfig(EnrichedBoldSpan::class.java),
+    ITALIC to BaseSpanConfig(EnrichedItalicSpan::class.java),
+    UNDERLINE to BaseSpanConfig(EnrichedUnderlineSpan::class.java),
+    STRIKETHROUGH to BaseSpanConfig(EnrichedStrikeThroughSpan::class.java),
+    INLINE_CODE to BaseSpanConfig(EnrichedInlineCodeSpan::class.java),
+  )
+
+  val paragraphSpans: Map<String, ParagraphSpanConfig> = mapOf(
+    H1 to ParagraphSpanConfig(EnrichedH1Span::class.java, false),
+    H2 to ParagraphSpanConfig(EnrichedH2Span::class.java, false),
+    H3 to ParagraphSpanConfig(EnrichedH3Span::class.java, false),
+    BLOCK_QUOTE to ParagraphSpanConfig(EnrichedBlockQuoteSpan::class.java, true),
+    CODE_BLOCK to ParagraphSpanConfig(EnrichedCodeBlockSpan::class.java, true),
+  )
+
+  val listSpans: Map<String, ListSpanConfig> = mapOf(
+    UNORDERED_LIST to ListSpanConfig(EnrichedUnorderedListSpan::class.java, "- "),
+    ORDERED_LIST to ListSpanConfig(EnrichedOrderedListSpan::class.java, "1. "),
+  )
+
+  val parametrizedStyles: Map<String, BaseSpanConfig> = mapOf(
+    LINK to BaseSpanConfig(EnrichedLinkSpan::class.java),
+    IMAGE to BaseSpanConfig(EnrichedImageSpan::class.java),
+    MENTION to BaseSpanConfig(EnrichedMentionSpan::class.java),
+  )
+
+  val mergingConfig: Map<String, StylesMergingConfig> = mapOf(
+    BOLD to StylesMergingConfig(
+      blockingStyles = arrayOf(CODE_BLOCK)
+    ),
+    ITALIC to StylesMergingConfig(
+      blockingStyles = arrayOf(CODE_BLOCK)
+    ),
+    UNDERLINE to StylesMergingConfig(
+      blockingStyles = arrayOf(CODE_BLOCK)
+    ),
+    STRIKETHROUGH to StylesMergingConfig(
+      blockingStyles = arrayOf(CODE_BLOCK)
+    ),
+    INLINE_CODE to StylesMergingConfig(
+      conflictingStyles = arrayOf(MENTION, LINK),
+      blockingStyles = arrayOf(CODE_BLOCK)
+    ),
+    H1 to StylesMergingConfig(
+      conflictingStyles = arrayOf(H2, H3, ORDERED_LIST, UNORDERED_LIST, BLOCK_QUOTE, CODE_BLOCK),
+    ),
+    H2 to StylesMergingConfig(
+      conflictingStyles = arrayOf(H1, H3, ORDERED_LIST, UNORDERED_LIST, BLOCK_QUOTE, CODE_BLOCK),
+    ),
+    H3 to StylesMergingConfig(
+      conflictingStyles = arrayOf(H1, H2, ORDERED_LIST, UNORDERED_LIST, BLOCK_QUOTE, CODE_BLOCK),
+    ),
+    BLOCK_QUOTE to StylesMergingConfig(
+      conflictingStyles = arrayOf(H1, H2, H3, CODE_BLOCK, ORDERED_LIST, UNORDERED_LIST),
+    ),
+    CODE_BLOCK to StylesMergingConfig(
+      conflictingStyles = arrayOf(H1, H2, H3, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, UNORDERED_LIST, ORDERED_LIST, BLOCK_QUOTE, INLINE_CODE),
+    ),
+    UNORDERED_LIST to StylesMergingConfig(
+      conflictingStyles = arrayOf(H1, H2, H3, ORDERED_LIST, CODE_BLOCK, BLOCK_QUOTE),
+    ),
+    ORDERED_LIST to StylesMergingConfig(
+      conflictingStyles = arrayOf(H1, H2, H3, UNORDERED_LIST, CODE_BLOCK, BLOCK_QUOTE),
+    ),
+    LINK to StylesMergingConfig(
+      blockingStyles = arrayOf(INLINE_CODE, CODE_BLOCK, MENTION)
+    ),
+    IMAGE to StylesMergingConfig(),
+    MENTION to StylesMergingConfig(
+      blockingStyles = arrayOf(INLINE_CODE, CODE_BLOCK, LINK)
+    ),
+  )
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedStrikeThroughSpan.kt

@@ -0,0 +1,9 @@
+package com.swmansion.enriched.spans
+
+import android.text.style.StrikethroughSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+@Suppress("UNUSED_PARAMETER")
+class EnrichedStrikeThroughSpan(private val htmlStyle: HtmlStyle) : StrikethroughSpan(), EnrichedInlineSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedUnderlineSpan.kt

@@ -0,0 +1,9 @@
+package com.swmansion.enriched.spans
+
+import android.text.style.UnderlineSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+@Suppress("UNUSED_PARAMETER")
+class EnrichedUnderlineSpan(private val htmlStyle: HtmlStyle) : UnderlineSpan(), EnrichedInlineSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedUnorderedListSpan.kt

@@ -0,0 +1,49 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.text.Layout
+import android.text.Spanned
+import android.text.style.LeadingMarginSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedParagraphSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+// https://android.googlesource.com/platform/frameworks/base/+/refs/heads/main/core/java/android/text/style/BulletSpan.java
+class EnrichedUnorderedListSpan(private val htmlStyle: HtmlStyle) : LeadingMarginSpan, EnrichedParagraphSpan {
+  override fun getLeadingMargin(p0: Boolean): Int {
+    return htmlStyle.ulBulletSize + htmlStyle.ulGapWidth + htmlStyle.ulMarginLeft
+  }
+
+  override fun drawLeadingMargin(
+    canvas: Canvas,
+    paint: Paint,
+    x: Int,
+    dir: Int,
+    top: Int,
+    baseline: Int,
+    bottom: Int,
+    text: CharSequence,
+    start: Int,
+    end: Int,
+    first: Boolean,
+    layout: Layout?
+  ) {
+    val spannedText = text as Spanned
+
+    if (spannedText.getSpanStart(this) == start) {
+      val style = paint.style
+      val oldColor = paint.color
+      paint.color = htmlStyle.ulBulletColor
+      paint.style = Paint.Style.FILL
+
+      val bulletRadius = htmlStyle.ulBulletSize / 2f
+      val yPosition = (top + bottom) / 2f
+      val xPosition = x + dir * bulletRadius + htmlStyle.ulMarginLeft
+
+      canvas.drawCircle(xPosition, yPosition, bulletRadius, paint)
+
+      paint.color = oldColor
+      paint.style = style
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/interfaces/EnrichedBlockSpan.kt

@@ -0,0 +1,4 @@
+package com.swmansion.enriched.spans.interfaces
+
+interface EnrichedBlockSpan : EnrichedSpan, EnrichedZeroWidthSpaceSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/interfaces/EnrichedHeadingSpan.kt

@@ -0,0 +1,4 @@
+package com.swmansion.enriched.spans.interfaces
+
+interface EnrichedHeadingSpan : EnrichedParagraphSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/interfaces/EnrichedInlineSpan.kt

@@ -0,0 +1,4 @@
+package com.swmansion.enriched.spans.interfaces
+
+interface EnrichedInlineSpan : EnrichedSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/interfaces/EnrichedParagraphSpan.kt

@@ -0,0 +1,4 @@
+package com.swmansion.enriched.spans.interfaces
+
+interface EnrichedParagraphSpan : EnrichedSpan, EnrichedZeroWidthSpaceSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/interfaces/EnrichedSpan.kt

@@ -0,0 +1,4 @@
+package com.swmansion.enriched.spans.interfaces
+
+interface EnrichedSpan {
+}

package/android/src/main/java/com/swmansion/enriched/spans/interfaces/EnrichedZeroWidthSpaceSpan.kt

@@ -0,0 +1,5 @@
+package com.swmansion.enriched.spans.interfaces
+
+// Spans that are prefixed with zero-width space (\u200B) to ensure that they are visible even when empty.
+interface EnrichedZeroWidthSpaceSpan {
+}