feat(ios): add html support (#56)

* feat(android): add NitroText HybridView implementation

- add Android Nitro module with Kotlin view, Fabric state updater, and JNI bridge

- share component descriptor/state logic so Fabric can hydrate props on Android

- update TypeScript entrypoint, codegen pipeline, and example app for Android support

* feat: add support for `onTextLayout`

* feat: implement fragment background color support in NitroText

* feat(android): html support

* feat: enhance NitroText with improved HTML rendering and whitespace handling

- Implemented HTML fragment parsing to support a wider range of HTML elements and styles.
- Added functionality to trim trailing whitespace in both HTML and text content.
- Updated NitroText component to handle various inline and block elements, ensuring proper rendering and styling.
- Enhanced the example app to showcase new HTML features and improved text layout.

* feat: html support on ios

- Introduced NitroHtmlRenderer for better HTML parsing and rendering capabilities.
- Updated NitroTextImpl to support HTML content and fragment background colors.
- Refactored NitroText to streamline rendering logic and improve performance.
- Enhanced NitroTextView to handle link interactions more effectively.
- Improved whitespace handling in text rendering for better layout consistency.

Author: patrickkabwe

android/src/main/java/com/nitrotext/HtmlLinkMovementMethod.kt

@@ -19,7 +19,6 @@ internal object HtmlLinkMovementMethod : MovementMethod {
 
   override fun onTouchEvent(widget: TextView, buffer: Spannable, event: MotionEvent): Boolean {
     val action = event.action
-    
     if (action != MotionEvent.ACTION_UP && action != MotionEvent.ACTION_DOWN) {
       return false
     }
@@ -41,7 +40,6 @@ internal object HtmlLinkMovementMethod : MovementMethod {
       }
       return true
     }
-    
     return false
   }
 }

android/src/main/java/com/nitrotext/NitroTextImpl.kt

@@ -121,7 +121,6 @@ class NitroTextImpl(private val view: AppCompatTextView) {
     val lines = numberOfLines?.toInt() ?: Int.MAX_VALUE
     view.maxLines = if (lines <= 0) Int.MAX_VALUE else lines
     view.isSingleLine = (lines == 1)
-  
     view.ellipsize = when (ellipsizeMode) {
       EllipsizeMode.HEAD   -> TextUtils.TruncateAt.START
       EllipsizeMode.MIDDLE -> TextUtils.TruncateAt.MIDDLE

android/src/main/java/com/nitrotext/NitroTextView.kt

@@ -7,10 +7,13 @@ import android.graphics.text.LineBreaker
 import android.text.Layout
 import android.text.TextPaint
 import android.view.View
+import android.view.View.MeasureSpec
 import androidx.appcompat.widget.AppCompatTextView
 import com.facebook.react.views.view.ReactViewGroup
 import com.margelo.nitro.nitrotext.TextLayout
 import com.margelo.nitro.nitrotext.TextLayoutEvent
+import kotlin.math.max
+import kotlin.math.min
 
 
 interface NitroTextViewDelegate {
@@ -20,11 +23,16 @@ interface NitroTextViewDelegate {
 @SuppressLint("ViewConstructor")
 class NitroTextView(ctx: Context) : ReactViewGroup(ctx) {
    val textView = AppCompatTextView(ctx).apply {
-      includeFontPadding = true
+      includeFontPadding = false
       minWidth = 0; minHeight = 0
       breakStrategy = LineBreaker.BREAK_STRATEGY_HIGH_QUALITY
       hyphenationFrequency = Layout.HYPHENATION_FREQUENCY_NORMAL
       setHorizontallyScrolling(false)
+      overScrollMode = OVER_SCROLL_NEVER
+      isVerticalScrollBarEnabled = false
+      isNestedScrollingEnabled = false
+      isScrollContainer = false
+      background = null
    }
 
    var nitroTextDelegate: NitroTextViewDelegate? = null
@@ -44,6 +52,45 @@ class NitroTextView(ctx: Context) : ReactViewGroup(ctx) {
             LayoutParams.MATCH_PARENT
          )
       )
+
+   }
+
+   override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+      val widthMode = MeasureSpec.getMode(widthMeasureSpec)
+      val widthSize = MeasureSpec.getSize(widthMeasureSpec)
+      val heightMode = MeasureSpec.getMode(heightMeasureSpec)
+      val heightSize = MeasureSpec.getSize(heightMeasureSpec)
+
+      val horizontalPadding = paddingLeft + paddingRight
+      val verticalPadding = paddingTop + paddingBottom
+
+      val childWidthSpec = when (widthMode) {
+         MeasureSpec.UNSPECIFIED -> MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)
+         else -> {
+            val available = max(0, widthSize - horizontalPadding)
+            MeasureSpec.makeMeasureSpec(available, widthMode)
+         }
+      }
+
+      val childHeightSpec = getChildMeasureSpec(heightMeasureSpec, verticalPadding, LayoutParams.WRAP_CONTENT)
+
+      textView.measure(childWidthSpec, childHeightSpec)
+
+      val measuredWidth = when (widthMode) {
+         MeasureSpec.EXACTLY -> widthSize
+         MeasureSpec.AT_MOST -> min(widthSize, textView.measuredWidth + horizontalPadding)
+         MeasureSpec.UNSPECIFIED -> textView.measuredWidth + horizontalPadding
+         else -> textView.measuredWidth + horizontalPadding
+      }
+
+      val measuredHeight = when (heightMode) {
+         MeasureSpec.EXACTLY -> heightSize
+         MeasureSpec.AT_MOST -> min(heightSize, textView.measuredHeight + verticalPadding)
+         MeasureSpec.UNSPECIFIED -> textView.measuredHeight + verticalPadding
+         else -> textView.measuredHeight + verticalPadding
+      }
+
+      setMeasuredDimension(measuredWidth, measuredHeight)
    }
 
    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {

android/src/main/java/com/nitrotext/renderers/NitroHtmlRenderer.kt

@@ -66,6 +66,7 @@ class NitroHtmlRenderer(
     traverse(document.body(), builder, stateStack, blockStack, blockRanges, listStack, ruleMap)
 
     applyBlockMargins(builder, blockRanges)
+    trimTrailingWhitespace(builder)
     return builder
   }
 
@@ -86,9 +87,11 @@ class NitroHtmlRenderer(
 
   private fun appendText(textNode: TextNode, builder: SpannableStringBuilder, state: StyleState) {
     val raw = if (state.preserveWhitespace) textNode.wholeText else textNode.text()
+    if (!state.preserveWhitespace && raw.isBlank()) return
     if (raw.isEmpty()) return
 
     val content = applyTextTransform(raw, state.style.textTransform)
+    if (!state.preserveWhitespace && content.isBlank()) return
     if (content.isEmpty()) return
 
     val start = builder.length
@@ -274,6 +277,21 @@ class NitroHtmlRenderer(
     }
   }
 
+  private fun trimTrailingWhitespace(builder: SpannableStringBuilder) {
+    var end = builder.length
+    while (end > 0) {
+      val ch = builder[end - 1]
+      if (ch == '\n' || ch == ' ') {
+        end -= 1
+      } else {
+        break
+      }
+    }
+    if (end < builder.length) {
+      builder.delete(end, builder.length)
+    }
+  }
+
   private fun applyListSpan(
     builder: SpannableStringBuilder,
     start: Int,
@@ -334,9 +352,9 @@ class NitroHtmlRenderer(
   private fun defaultStyleForTag(tag: String): RichTextStyle? = when (tag) {
     "strong", "b" -> createStyle(fontWeight = FontWeight.BOLD)
     "em", "i" -> createStyle(fontStyle = FontStyle.ITALIC)
-    "u" -> createStyle(textDecorationLine = TextDecorationLine.UNDERLINE)
-    "s", "strike", "del" -> createStyle(textDecorationLine = TextDecorationLine.LINE_THROUGH)
-    "code" -> createStyle(fontFamily = "monospace")
+    "u" -> createStyle(textDecorationLine = TextDecorationLine.UNDERLINE, textDecorationStyle = TextDecorationStyle.SOLID)
+    "s", "strike", "del" -> createStyle(textDecorationLine = TextDecorationLine.LINE_THROUGH, textDecorationStyle = TextDecorationStyle.SOLID)
+    "code", "pre" -> createStyle(fontFamily = "monospace")
     else -> null
   }