react-native-enriched 0.0.0 → 0.1.0

package/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewManager.kt

@@ -0,0 +1,292 @@
+package com.swmansion.enriched
+
+import android.content.Context
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ReactStylesDiffMap
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.StateWrapper
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewDefaults
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.ViewProps
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.EnrichedTextInputViewManagerDelegate
+import com.facebook.react.viewmanagers.EnrichedTextInputViewManagerInterface
+import com.facebook.yoga.YogaMeasureMode
+import com.facebook.yoga.YogaMeasureOutput
+import com.swmansion.enriched.events.OnInputBlurEvent
+import com.swmansion.enriched.events.OnChangeHtmlEvent
+import com.swmansion.enriched.events.OnChangeSelectionEvent
+import com.swmansion.enriched.events.OnChangeStateEvent
+import com.swmansion.enriched.events.OnChangeTextEvent
+import com.swmansion.enriched.events.OnInputFocusEvent
+import com.swmansion.enriched.events.OnLinkDetectedEvent
+import com.swmansion.enriched.events.OnMentionDetectedEvent
+import com.swmansion.enriched.events.OnMentionEvent
+import com.swmansion.enriched.spans.EnrichedSpans
+import com.swmansion.enriched.styles.HtmlStyle
+import com.swmansion.enriched.utils.jsonStringToStringMap
+
+@ReactModule(name = EnrichedTextInputViewManager.NAME)
+class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
+  EnrichedTextInputViewManagerInterface<EnrichedTextInputView> {
+  private val mDelegate: ViewManagerDelegate<EnrichedTextInputView>
+  private var view: EnrichedTextInputView? = null
+
+  init {
+    mDelegate = EnrichedTextInputViewManagerDelegate(this)
+  }
+
+  override fun getDelegate(): ViewManagerDelegate<EnrichedTextInputView>? {
+    return mDelegate
+  }
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  public override fun createViewInstance(context: ThemedReactContext): EnrichedTextInputView {
+    val view = EnrichedTextInputView(context)
+    this.view = view
+
+    return view
+  }
+
+  override fun updateState(
+    view: EnrichedTextInputView,
+    props: ReactStylesDiffMap?,
+    stateWrapper: StateWrapper?
+  ): Any? {
+    view.stateWrapper = stateWrapper
+    return super.updateState(view, props, stateWrapper)
+  }
+
+   override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
+     val map = mutableMapOf<String, Any>()
+     map.put(OnInputFocusEvent.EVENT_NAME, mapOf("registrationName" to OnInputFocusEvent.EVENT_NAME))
+     map.put(OnInputBlurEvent.EVENT_NAME, mapOf("registrationName" to OnInputBlurEvent.EVENT_NAME))
+     map.put(OnChangeTextEvent.EVENT_NAME, mapOf("registrationName" to OnChangeTextEvent.EVENT_NAME))
+     map.put(OnChangeHtmlEvent.EVENT_NAME, mapOf("registrationName" to OnChangeHtmlEvent.EVENT_NAME))
+     map.put(OnChangeStateEvent.EVENT_NAME, mapOf("registrationName" to OnChangeStateEvent.EVENT_NAME))
+     map.put(OnLinkDetectedEvent.EVENT_NAME, mapOf("registrationName" to OnLinkDetectedEvent.EVENT_NAME))
+     map.put(OnMentionDetectedEvent.EVENT_NAME, mapOf("registrationName" to OnMentionDetectedEvent.EVENT_NAME))
+     map.put(OnMentionEvent.EVENT_NAME, mapOf("registrationName" to OnMentionEvent.EVENT_NAME))
+     map.put(OnChangeSelectionEvent.EVENT_NAME, mapOf("registrationName" to OnChangeSelectionEvent.EVENT_NAME))
+
+     return map
+   }
+
+  @ReactProp(name = "defaultValue")
+  override fun setDefaultValue(view: EnrichedTextInputView?, value: String?) {
+    view?.setValue(value)
+  }
+
+  @ReactProp(name = "placeholder")
+  override fun setPlaceholder(view: EnrichedTextInputView?, value: String?) {
+    view?.setPlaceholder(value)
+  }
+
+  @ReactProp(name = "placeholderTextColor", customType = "Color")
+  override fun setPlaceholderTextColor(view: EnrichedTextInputView?, color: Int?) {
+    view?.setPlaceholderTextColor(color)
+  }
+
+  @ReactProp(name = "cursorColor", customType = "Color")
+  override fun setCursorColor(view: EnrichedTextInputView?, color: Int?) {
+    view?.setCursorColor(color)
+  }
+
+  @ReactProp(name = "selectionColor", customType = "Color")
+  override fun setSelectionColor(view: EnrichedTextInputView?, color: Int?) {
+    view?.setSelectionColor(color)
+  }
+
+  @ReactProp(name = "autoFocus", defaultBoolean = false)
+  override fun setAutoFocus(view: EnrichedTextInputView?, autoFocus: Boolean) {
+    view?.setAutoFocus(autoFocus)
+  }
+
+  @ReactProp(name = "editable", defaultBoolean = true)
+  override fun setEditable(view: EnrichedTextInputView?, editable: Boolean) {
+    view?.isEnabled = editable
+  }
+
+  @ReactProp(name = "mentionIndicators")
+  override fun setMentionIndicators(view: EnrichedTextInputView?, indicators: ReadableArray?) {
+    if (indicators == null) return
+
+    val indicatorsList = mutableListOf<String>()
+    for (i in 0 until indicators.size()) {
+      val stringValue = indicators.getString(i) ?: continue
+      indicatorsList.add(stringValue)
+    }
+
+    val indicatorsArray = indicatorsList.toTypedArray()
+    view?.parametrizedStyles?.mentionIndicators = indicatorsArray
+  }
+
+  @ReactProp(name = "htmlStyle")
+  override fun setHtmlStyle(view: EnrichedTextInputView?, style: ReadableMap?) {
+    view?.htmlStyle = HtmlStyle(view, style)
+  }
+
+  @ReactProp(name = ViewProps.COLOR, customType = "Color")
+  override fun setColor(view: EnrichedTextInputView?, color: Int?) {
+    view?.setColor(color)
+  }
+
+  @ReactProp(name = "fontSize", defaultFloat = ViewDefaults.FONT_SIZE_SP)
+  override fun setFontSize(view: EnrichedTextInputView?, size: Float) {
+    view?.setFontSize(size)
+  }
+
+  @ReactProp(name = "fontFamily")
+  override fun setFontFamily(view: EnrichedTextInputView?, family: String?) {
+    view?.setFontFamily(family)
+  }
+
+  @ReactProp(name = "fontWeight")
+  override fun setFontWeight(view: EnrichedTextInputView?, weight: String?) {
+    view?.setFontWeight(weight)
+  }
+
+  @ReactProp(name = "fontStyle")
+  override fun setFontStyle(view: EnrichedTextInputView?, style: String?) {
+    view?.setFontStyle(style)
+  }
+
+  override fun onAfterUpdateTransaction(view: EnrichedTextInputView) {
+    super.onAfterUpdateTransaction(view)
+    view.updateTypeface()
+  }
+
+  override fun setPadding(
+    view: EnrichedTextInputView?,
+    left: Int,
+    top: Int,
+    right: Int,
+    bottom: Int
+  ) {
+    super.setPadding(view, left, top, right, bottom)
+
+    view?.setPadding(left, top, right, bottom)
+  }
+
+  override fun setIsOnChangeHtmlSet(view: EnrichedTextInputView?, value: Boolean) {
+    // this prop isn't used on Android as of now, but the setter must be present
+  }
+
+  override fun setAutoCapitalize(view: EnrichedTextInputView?, flag: String?) {
+    view?.setAutoCapitalize(flag)
+  }
+
+  override fun setAndroidExperimentalSynchronousEvents(
+    view: EnrichedTextInputView?,
+    value: Boolean
+  ) {
+    view?.experimentalSynchronousEvents = value
+  }
+
+  override fun focus(view: EnrichedTextInputView?) {
+    view?.requestFocusProgrammatically()
+  }
+
+  override fun blur(view: EnrichedTextInputView?) {
+    view?.clearFocus()
+  }
+
+  override fun setValue(view: EnrichedTextInputView?, text: String) {
+    view?.setValue(text)
+  }
+
+  override fun toggleBold(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.BOLD)
+  }
+
+  override fun toggleItalic(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.ITALIC)
+  }
+
+  override fun toggleUnderline(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.UNDERLINE)
+  }
+
+  override fun toggleStrikeThrough(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.STRIKETHROUGH)
+  }
+
+  override fun toggleInlineCode(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.INLINE_CODE)
+  }
+
+  override fun toggleH1(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.H1)
+  }
+
+  override fun toggleH2(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.H2)
+  }
+
+  override fun toggleH3(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.H3)
+  }
+
+  override fun toggleCodeBlock(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.CODE_BLOCK)
+  }
+
+  override fun toggleBlockQuote(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.BLOCK_QUOTE)
+  }
+
+  override fun toggleOrderedList(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.ORDERED_LIST)
+  }
+
+  override fun toggleUnorderedList(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.UNORDERED_LIST)
+  }
+
+  override fun addLink(view: EnrichedTextInputView?, start: Int, end: Int, text: String, url: String) {
+    view?.addLink(start, end, text, url)
+  }
+
+  override fun addImage(view: EnrichedTextInputView?, src: String) {
+    view?.addImage(src)
+  }
+
+  override fun startMention(view: EnrichedTextInputView?, indicator: String) {
+    view?.startMention(indicator)
+  }
+
+  override fun addMention(view: EnrichedTextInputView?, indicator: String, text: String, payload: String) {
+    val attributes = jsonStringToStringMap(payload)
+    view?.addMention(text, indicator, attributes)
+  }
+
+  override fun measure(
+    context: Context,
+    localData: ReadableMap?,
+    props: ReadableMap?,
+    state: ReadableMap?,
+    width: Float,
+    widthMode: YogaMeasureMode?,
+    height: Float,
+    heightMode: YogaMeasureMode?,
+    attachmentsPositions: FloatArray?
+  ): Long {
+    val size = this.view?.layoutManager?.getMeasuredSize(width)
+
+    if (size != null) {
+      return YogaMeasureOutput.make(size.first, size.second)
+    }
+
+    return YogaMeasureOutput.make(0, 0)
+  }
+
+  companion object {
+    const val NAME = "EnrichedTextInputView"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewPackage.kt

@@ -0,0 +1,19 @@
+package com.swmansion.enriched
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+import java.util.ArrayList
+
+class EnrichedTextInputViewPackage : ReactPackage {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    val viewManagers: MutableList<ViewManager<*, *>> = ArrayList()
+    viewManagers.add(EnrichedTextInputViewManager())
+    return viewManagers
+  }
+
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return emptyList()
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/MentionHandler.kt

@@ -0,0 +1,40 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.swmansion.enriched.EnrichedTextInputView
+
+class MentionHandler(private val view: EnrichedTextInputView) {
+  private var previousText: String? = null
+  private var previousIndicator: String? = null
+
+  fun endMention() {
+    val indicator = previousIndicator
+    if (indicator == null) return
+
+    emitEvent(indicator, null)
+    previousIndicator = null
+  }
+
+  fun onMention(indicator: String, text: String?) {
+    emitEvent(indicator, text)
+    previousIndicator = indicator
+  }
+
+  private fun emitEvent(indicator: String, text: String?) {
+    // Do not emit events too often
+    if (previousText == text) return
+
+    previousText = text
+    val context = view.context as ReactContext
+    val surfaceId = UIManagerHelper.getSurfaceId(context)
+    val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, view.id)
+    dispatcher?.dispatchEvent(OnMentionEvent(
+      surfaceId,
+      view.id,
+      indicator,
+      text,
+      view.experimentalSynchronousEvents,
+    ))
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnChangeHtmlEvent.kt

@@ -0,0 +1,28 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnChangeHtmlEvent(surfaceId: Int, viewId: Int, private val html: String, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnChangeHtmlEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("value", html)
+
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onChangeHtml"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnChangeSelectionEvent.kt

@@ -0,0 +1,29 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnChangeSelectionEvent(surfaceId: Int, viewId: Int, private val text: String, private val start: Int, private val end: Int, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnChangeSelectionEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("text", text)
+    eventData.putInt("start", start)
+    eventData.putInt("end", end)
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onChangeSelection"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnChangeStateEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnChangeStateEvent(surfaceId: Int, viewId: Int, private val state: WritableMap, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnChangeStateEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    return state
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onChangeState"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnChangeTextEvent.kt

@@ -0,0 +1,30 @@
+package com.swmansion.enriched.events
+
+import android.text.Editable
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnChangeTextEvent(surfaceId: Int, viewId: Int, private val editable: Editable, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnChangeTextEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    val text = editable.toString()
+    val normalizedText = text.replace(Regex("\\u200B"), "")
+    eventData.putString("value", normalizedText)
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onChangeText"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnInputBlurEvent.kt

@@ -0,0 +1,27 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnInputBlurEvent(surfaceId: Int, viewId: Int, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnInputBlurEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onInputBlur"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnInputFocusEvent.kt

@@ -0,0 +1,27 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnInputFocusEvent(surfaceId: Int, viewId: Int, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnInputFocusEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onInputFocus"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnLinkDetectedEvent.kt

@@ -0,0 +1,30 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnLinkDetectedEvent(surfaceId: Int, viewId: Int, private val text: String, private val url: String, private val start: Int, private val end: Int, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnLinkDetectedEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("text", text)
+    eventData.putString("url", url)
+    eventData.putInt("start", start);
+    eventData.putInt("end", end);
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onLinkDetected"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnMentionDetectedEvent.kt

@@ -0,0 +1,29 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnMentionDetectedEvent(surfaceId: Int, viewId: Int, private val text: String, private val indicator: String, private val payload: String, private val experimentalSynchronousEvents: Boolean) :
+  Event<OnMentionDetectedEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("text", text)
+    eventData.putString("indicator", indicator)
+    eventData.putString("payload", payload)
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onMentionDetected"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/events/OnMentionEvent.kt

@@ -0,0 +1,33 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnMentionEvent(surfaceId: Int, viewId: Int, private val indicator: String, private val text: String?, private val experimentalSynchronousEvents: Boolean) : Event<OnMentionEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap? {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("indicator", indicator)
+
+    if (text == null) {
+      eventData.putNull("text")
+    } else {
+      eventData.putString("text", text)
+    }
+
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean {
+    return experimentalSynchronousEvents
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onMention"
+  }
+}

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

@@ -0,0 +1,34 @@
+package com.swmansion.enriched.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.text.Layout
+import android.text.TextPaint
+import android.text.style.CharacterStyle
+import android.text.style.LeadingMarginSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedBlockSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+// https://android.googlesource.com/platform/frameworks/base/+/refs/heads/main/core/java/android/text/style/QuoteSpan.java
+class EnrichedBlockQuoteSpan(private val htmlStyle: HtmlStyle) : CharacterStyle(), LeadingMarginSpan, EnrichedBlockSpan {
+  override fun getLeadingMargin(p0: Boolean): Int {
+    return htmlStyle.blockquoteStripeWidth + htmlStyle.blockquoteGapWidth
+  }
+
+  override fun drawLeadingMargin(c: Canvas, p: Paint, x: Int, dir: Int, top: Int, baseline: Int, bottom: Int, text: CharSequence?, start: Int, end: Int, first: Boolean, layout: Layout?) {
+    val style = p.style
+    val color = p.color
+    p.style = Paint.Style.FILL
+    p.color = htmlStyle.blockquoteBorderColor
+    c.drawRect(x.toFloat(), top.toFloat(), x + dir * htmlStyle.blockquoteStripeWidth.toFloat(), bottom.toFloat(), p)
+    p.style = style
+    p.color = color
+  }
+
+  override fun updateDrawState(textPaint: TextPaint?) {
+    val color = htmlStyle.blockquoteColor
+    if (color != null) {
+      textPaint?.color = color
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/spans/EnrichedBoldSpan.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 EnrichedBoldSpan(htmlStyle: HtmlStyle) : StyleSpan(Typeface.BOLD), EnrichedInlineSpan {
+}