npm - react-native-enriched-html - Versions diffs - 0.0.0 → 1.0.0 - Mend

react-native-enriched-html 0.0.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (666) hide show

package/android/src/main/java/com/swmansion/enriched/textinput/MeasurementStore.kt ADDED Viewed

@@ -0,0 +1,230 @@
+package com.swmansion.enriched.textinput
+import android.content.Context
+import android.graphics.Typeface
+import android.graphics.text.LineBreaker
+import android.os.Build
+import android.text.Spannable
+import android.text.SpannableString
+import android.text.StaticLayout
+import android.text.TextPaint
+import android.util.Log
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.PixelUtil
+import com.facebook.react.views.text.ReactTypefaceUtils.applyStyles
+import com.facebook.react.views.text.ReactTypefaceUtils.parseFontStyle
+import com.facebook.react.views.text.ReactTypefaceUtils.parseFontWeight
+import com.facebook.yoga.YogaMeasureMode
+import com.facebook.yoga.YogaMeasureOutput
+import com.swmansion.enriched.common.allowFontScalingFromProps
+import com.swmansion.enriched.common.parser.EnrichedParser
+import com.swmansion.enriched.common.pixelFromSpOrDp
+import com.swmansion.enriched.textinput.spans.EnrichedLineHeightSpan
+import com.swmansion.enriched.textinput.styles.HtmlStyle
+import java.util.concurrent.ConcurrentHashMap
+import kotlin.math.ceil
+object MeasurementStore {
+  data class PaintParams(
+    val typeface: Typeface,
+    val fontSize: Float,
+  )
+  data class MeasurementParams(
+    val initialized: Boolean,
+    val cachedWidth: Float,
+    val cachedSize: Long,
+    val spannable: CharSequence?,
+    val paintParams: PaintParams,
+  )
+  private val data = ConcurrentHashMap<Int, MeasurementParams>()
+  fun store(
+    id: Int,
+    spannable: Spannable?,
+    paint: TextPaint,
+  ): Boolean {
+    val cachedWidth = data[id]?.cachedWidth ?: 0f
+    val cachedSize = data[id]?.cachedSize ?: 0L
+    val initialized = data[id]?.initialized ?: true
+    val size = measure(cachedWidth, spannable, paint)
+    val paintParams = PaintParams(paint.typeface, paint.textSize)
+    data[id] = MeasurementParams(initialized, cachedWidth, size, spannable, paintParams)
+    return cachedSize != size
+  }
+  fun release(id: Int) {
+    data.remove(id)
+  }
+  private fun measure(
+    maxWidth: Float,
+    spannable: CharSequence?,
+    paintParams: PaintParams,
+  ): Long {
+    val paint =
+      TextPaint().apply {
+        typeface = paintParams.typeface
+        textSize = paintParams.fontSize
+      }
+    return measure(maxWidth, spannable, paint)
+  }
+  private fun measure(
+    maxWidth: Float,
+    spannable: CharSequence?,
+    paint: TextPaint,
+  ): Long {
+    val text = spannable ?: ""
+    val textLength = text.length
+    val builder =
+      StaticLayout.Builder
+        .obtain(text, 0, textLength, paint, maxWidth.toInt())
+        .setIncludePad(true)
+        .setLineSpacing(0f, 1f)
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      builder.setBreakStrategy(LineBreaker.BREAK_STRATEGY_HIGH_QUALITY)
+    }
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+      builder.setUseLineSpacingFromFallbacks(true)
+    }
+    val staticLayout = builder.build()
+    val heightInSP = PixelUtil.toDIPFromPixel(staticLayout.height.toFloat())
+    val widthInSP = PixelUtil.toDIPFromPixel(maxWidth)
+    return YogaMeasureOutput.make(widthInSP, heightInSP)
+  }
+  // Returns either: Spannable parsed from HTML defaultValue, or plain text defaultValue, or "I" if no defaultValue
+  private fun getInitialText(
+    defaultView: EnrichedTextInputView,
+    props: ReadableMap?,
+  ): CharSequence {
+    val defaultValue = props?.getString("defaultValue")
+    // If there is no default value, assume text is one line, "I" is a good approximation of height
+    if (defaultValue == null) return "I"
+    val isHtml = defaultValue.startsWith("<html>") && defaultValue.endsWith("</html>")
+    if (!isHtml) return defaultValue
+    try {
+      val htmlStyle = HtmlStyle(defaultView, props.getMap("htmlStyle"))
+      val factory = EnrichedTextInputSpannableFactory()
+      val parsed = EnrichedParser.fromHtml(defaultValue, htmlStyle, factory)
+      return parsed.trimEnd('\n')
+    } catch (e: Exception) {
+      Log.w("MeasurementStore", "Error parsing initial HTML text: ${e.message}")
+      return defaultValue
+    }
+  }
+  private fun getInitialFontSize(
+    defaultView: EnrichedTextInputView,
+    props: ReadableMap?,
+  ): Float {
+    val propsFontSize = props?.getDouble("fontSize")?.toFloat()
+    if (propsFontSize == null) return defaultView.textSize
+    return ceil(pixelFromSpOrDp(propsFontSize, allowFontScalingFromProps(props)))
+  }
+  // Called when view measurements are not available in the store
+  // Most likely first measurement, we can use defaultValue, as no native state is set yet
+  private fun initialMeasure(
+    context: Context,
+    id: Int?,
+    width: Float,
+    props: ReadableMap?,
+  ): Long {
+    val defaultView = EnrichedTextInputView(context)
+    val allowFontScaling = allowFontScalingFromProps(props)
+    // mirrors the real view's state
+    defaultView.allowFontScaling = allowFontScaling
+    val rawText = getInitialText(defaultView, props)
+    val fontSize = getInitialFontSize(defaultView, props)
+    val lineHeight = props?.getDouble("lineHeight")?.toFloat() ?: 0f
+    val fontFamily = props?.getString("fontFamily")
+    val fontStyle = parseFontStyle(props?.getString("fontStyle"))
+    val fontWeight = parseFontWeight(props?.getString("fontWeight"))
+    val text: CharSequence =
+      if (lineHeight > 0f) {
+        val spannable = SpannableString(rawText)
+        spannable.setSpan(
+          EnrichedLineHeightSpan(lineHeight, allowFontScaling),
+          0,
+          spannable.length,
+          Spannable.SPAN_INCLUSIVE_INCLUSIVE,
+        )
+        spannable
+      } else {
+        rawText
+      }
+    val typeface = applyStyles(defaultView.typeface, fontStyle, fontWeight, fontFamily, context.assets)
+    val paintParams = PaintParams(typeface, fontSize)
+    val size = measure(width, text, paintParams)
+    if (id != null) {
+      data[id] = MeasurementParams(true, width, size, text, paintParams)
+    }
+    return size
+  }
+  private fun getMeasureById(
+    context: Context,
+    id: Int?,
+    width: Float,
+    props: ReadableMap?,
+  ): Long {
+    val id = id ?: return initialMeasure(context, id, width, props)
+    val value = data[id] ?: return initialMeasure(context, id, width, props)
+    // First measure has to be done using initialMeasure
+    // That way it's free of any side effects and async initializations
+    if (!value.initialized) return initialMeasure(context, id, width, props)
+    if (width == value.cachedWidth) {
+      return value.cachedSize
+    }
+    val paint =
+      TextPaint().apply {
+        typeface = value.paintParams.typeface
+        textSize = value.paintParams.fontSize
+      }
+    val size = measure(width, value.spannable, paint)
+    data[id] = MeasurementParams(true, width, size, value.spannable, value.paintParams)
+    return size
+  }
+  fun getMeasureById(
+    context: Context,
+    id: Int?,
+    width: Float,
+    height: Float,
+    heightMode: YogaMeasureMode?,
+    props: ReadableMap?,
+  ): Long {
+    val size = getMeasureById(context, id, width, props)
+    if (heightMode !== YogaMeasureMode.AT_MOST) {
+      return size
+    }
+    val calculatedHeight = YogaMeasureOutput.getHeight(size)
+    val atMostHeight = PixelUtil.toDIPFromPixel(height)
+    val finalHeight = calculatedHeight.coerceAtMost(atMostHeight)
+    return YogaMeasureOutput.make(YogaMeasureOutput.getWidth(size), finalHeight)
+  }
+}

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

@@ -0,0 +1,55 @@
+package com.swmansion.enriched.textinput.events
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.swmansion.enriched.textinput.EnrichedTextInputView
+class MentionHandler(
+  private val view: EnrichedTextInputView,
+) {
+  private var previousText: String? = null
+  private var previousIndicator: String? = null
+  fun reset() {
+    endMention()
+    previousText = 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/textinput/events/OnChangeHtmlEvent.kt ADDED Viewed

@@ -0,0 +1,27 @@
+package com.swmansion.enriched.textinput.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 = EVENT_NAME
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("value", html)
+    return eventData
+  }
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onChangeHtml"
+  }
+}

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

@@ -0,0 +1,30 @@
+package com.swmansion.enriched.textinput.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 = 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 = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onChangeSelection"
+  }
+}

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

@@ -0,0 +1,21 @@
+package com.swmansion.enriched.textinput.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 = EVENT_NAME
+  override fun getEventData(): WritableMap = state
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onChangeState"
+  }
+}

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

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

package/android/src/main/java/com/swmansion/enriched/textinput/events/OnContextMenuItemPressEvent.kt ADDED Viewed

@@ -0,0 +1,35 @@
+package com.swmansion.enriched.textinput.events
+import android.util.Log
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+class OnContextMenuItemPressEvent(
+  surfaceId: Int,
+  viewId: Int,
+  private val itemText: String,
+  private val selectedText: String,
+  private val selectionStart: Int,
+  private val selectionEnd: Int,
+  private val styleState: WritableMap,
+  private val experimentalSynchronousEvents: Boolean,
+) : Event<OnContextMenuItemPressEvent>(surfaceId, viewId) {
+  override fun getEventName(): String = EVENT_NAME
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("itemText", itemText)
+    eventData.putString("selectedText", selectedText)
+    eventData.putInt("selectionStart", selectionStart)
+    eventData.putInt("selectionEnd", selectionEnd)
+    eventData.putMap("styleState", styleState)
+    return eventData
+  }
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onContextMenuItemPress"
+  }
+}

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

@@ -0,0 +1,25 @@
+package com.swmansion.enriched.textinput.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 = EVENT_NAME
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    return eventData
+  }
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onInputBlur"
+  }
+}

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

@@ -0,0 +1,25 @@
+package com.swmansion.enriched.textinput.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 = EVENT_NAME
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    return eventData
+  }
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onInputFocus"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/textinput/events/OnInputKeyPressEvent.kt ADDED Viewed

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

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

@@ -0,0 +1,32 @@
+package com.swmansion.enriched.textinput.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 = 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 = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onLinkDetected"
+  }
+}

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

@@ -0,0 +1,30 @@
+package com.swmansion.enriched.textinput.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 = 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 = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onMentionDetected"
+  }
+}

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

@@ -0,0 +1,34 @@
+package com.swmansion.enriched.textinput.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 = 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 = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onMention"
+  }
+}

package/android/src/main/java/com/swmansion/enriched/textinput/events/OnPasteImagesEvent.kt ADDED Viewed

@@ -0,0 +1,47 @@
+package com.swmansion.enriched.textinput.events
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+class OnPasteImagesEvent(
+  surfaceId: Int,
+  viewId: Int,
+  private val images: List<PastedImage>,
+  private val experimentalSynchronousEvents: Boolean,
+) : Event<OnPasteImagesEvent>(surfaceId, viewId) {
+  override fun getEventName(): String = EVENT_NAME
+  override fun getEventData(): WritableMap {
+    val imagesArray: WritableArray = Arguments.createArray()
+    for (image in images) {
+      val imageMap = Arguments.createMap()
+      imageMap.putString("uri", image.uri)
+      imageMap.putString("type", image.type)
+      imageMap.putDouble("width", image.width)
+      imageMap.putDouble("height", image.height)
+      imagesArray.pushMap(imageMap)
+    }
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putArray("images", imagesArray)
+    return eventData
+  }
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+  companion object {
+    const val EVENT_NAME: String = "onPasteImages"
+    data class PastedImage(
+      val uri: String,
+      val type: String,
+      val width: Double,
+      val height: Double,
+    )
+  }
+}

package/android/src/main/java/com/swmansion/enriched/textinput/events/OnRequestHtmlResultEvent.kt ADDED Viewed

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