react-native-enriched-markdown 0.1.0 → 0.2.0

package/android/src/main/java/com/swmansion/enriched/markdown/styles/StyleParser.kt

@@ -0,0 +1,92 @@
+package com.swmansion.enriched.markdown.styles
+
+import android.content.Context
+import com.facebook.react.bridge.ColorPropConverter
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.PixelUtil
+
+class StyleParser(
+  private val context: Context,
+  private val allowFontScaling: Boolean,
+  private val maxFontSizeMultiplier: Float,
+) {
+  fun parseOptionalColor(
+    map: ReadableMap,
+    key: String,
+  ): Int? {
+    if (!map.hasKey(key) || map.isNull(key)) {
+      return null
+    }
+    val colorValue = map.getDouble(key)
+    return ColorPropConverter.getColor(colorValue, context)
+  }
+
+  fun parseColor(
+    map: ReadableMap,
+    key: String,
+  ): Int =
+    parseOptionalColor(map, key)
+      ?: throw IllegalArgumentException("Color key '$key' is missing, null, or invalid")
+
+  fun parseOptionalDouble(
+    map: ReadableMap,
+    key: String,
+    default: Double = 0.0,
+  ): Double =
+    if (map.hasKey(key) && !map.isNull(key)) {
+      map.getDouble(key)
+    } else {
+      default
+    }
+
+  fun parseOptionalInt(
+    map: ReadableMap,
+    key: String,
+    default: Int = 0,
+  ): Int =
+    if (map.hasKey(key) && !map.isNull(key)) {
+      map.getInt(key)
+    } else {
+      default
+    }
+
+  fun parseString(
+    map: ReadableMap,
+    key: String,
+    default: String = "",
+  ): String = map.getString(key) ?: default
+
+  fun parseBoolean(
+    map: ReadableMap,
+    key: String,
+    default: Boolean = false,
+  ): Boolean =
+    if (map.hasKey(key) && !map.isNull(key)) {
+      map.getBoolean(key)
+    } else {
+      default
+    }
+
+  fun toPixelFromSP(value: Float): Float {
+    val metrics = context.resources.displayMetrics
+    val baseDensity = metrics.density
+
+    if (!allowFontScaling) {
+      return value * baseDensity
+    }
+
+    var fontScale = metrics.scaledDensity / baseDensity
+    if (maxFontSizeMultiplier >= 1.0f && fontScale > maxFontSizeMultiplier) {
+      fontScale = maxFontSizeMultiplier
+    }
+
+    return value * baseDensity * fontScale
+  }
+
+  fun toPixelFromDIP(value: Float): Float = PixelUtil.toPixelFromDIP(value)
+
+  fun parseTextAlign(
+    map: ReadableMap,
+    key: String,
+  ): TextAlignment = TextAlignment.fromString(parseString(map, key, "left"))
+}

package/android/src/main/java/com/swmansion/enriched/markdown/styles/TextAlignment.kt

@@ -0,0 +1,32 @@
+package com.swmansion.enriched.markdown.styles
+
+import android.text.Layout
+
+enum class TextAlignment(
+  val layoutAlignment: Layout.Alignment,
+  val needsJustify: Boolean,
+) {
+  LEFT(Layout.Alignment.ALIGN_NORMAL, false),
+  CENTER(Layout.Alignment.ALIGN_CENTER, false),
+  RIGHT(Layout.Alignment.ALIGN_OPPOSITE, false),
+  JUSTIFY(Layout.Alignment.ALIGN_NORMAL, true),
+  AUTO(Layout.Alignment.ALIGN_NORMAL, false),
+  ;
+
+  /**
+   * Whether an AlignmentSpan is needed.
+   * Only CENTER and RIGHT need explicit spans; LEFT/AUTO use default, JUSTIFY is handled at TextView level.
+   */
+  val needsAlignmentSpan: Boolean get() = this == CENTER || this == RIGHT
+
+  companion object {
+    fun fromString(value: String): TextAlignment =
+      when (value.lowercase()) {
+        "center" -> CENTER
+        "right" -> RIGHT
+        "justify" -> JUSTIFY
+        "auto" -> AUTO
+        else -> LEFT
+      }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/markdown/styles/ThematicBreakStyle.kt

@@ -0,0 +1,23 @@
+package com.swmansion.enriched.markdown.styles
+
+import com.facebook.react.bridge.ReadableMap
+
+data class ThematicBreakStyle(
+  val color: Int,
+  val height: Float,
+  val marginTop: Float,
+  val marginBottom: Float,
+) {
+  companion object {
+    fun fromReadableMap(
+      map: ReadableMap,
+      parser: StyleParser,
+    ): ThematicBreakStyle {
+      val color = parser.parseColor(map, "color")
+      val height = parser.toPixelFromDIP(map.getDouble("height").toFloat())
+      val marginTop = parser.toPixelFromDIP(map.getDouble("marginTop").toFloat())
+      val marginBottom = parser.toPixelFromDIP(map.getDouble("marginBottom").toFloat())
+      return ThematicBreakStyle(color, height, marginTop, marginBottom)
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/markdown/styles/UnderlineStyle.kt

@@ -0,0 +1,17 @@
+package com.swmansion.enriched.markdown.styles
+
+import com.facebook.react.bridge.ReadableMap
+
+data class UnderlineStyle(
+  val color: Int,
+) {
+  companion object {
+    fun fromReadableMap(
+      map: ReadableMap,
+      parser: StyleParser,
+    ): UnderlineStyle {
+      val color = parser.parseColor(map, "color")
+      return UnderlineStyle(color)
+    }
+  }
+}

package/android/src/main/java/com/swmansion/enriched/markdown/utils/AsyncDrawable.kt

@@ -0,0 +1,91 @@
+package com.swmansion.enriched.markdown.utils
+
+import android.content.res.Resources
+import android.graphics.BitmapFactory
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.ColorFilter
+import android.graphics.drawable.Drawable
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import androidx.core.graphics.drawable.toDrawable
+import java.net.URL
+import java.util.concurrent.Executors
+
+/**
+ * Custom Drawable that loads images asynchronously from URLs.
+ */
+class AsyncDrawable(
+  private val url: String,
+) : Drawable() {
+  // 1. Use a shared companion executor to avoid thread leakage per instance
+  companion object {
+    private val sharedExecutor = Executors.newFixedThreadPool(4)
+    private val mainHandler = Handler(Looper.getMainLooper())
+  }
+
+  var internalDrawable: Drawable = Color.TRANSPARENT.toDrawable()
+
+  // 2. Track loading state more granularly
+  var isLoaded = false
+    private set
+
+  var onLoaded: (() -> Unit)? = null
+
+  init {
+    load()
+  }
+
+  private fun load() {
+    sharedExecutor.execute {
+      try {
+        // 3. Proper Resource Management: Use 'use' to close the stream automatically
+        val bitmap =
+          URL(url).openStream().use {
+            BitmapFactory.decodeStream(it)
+          }
+
+        mainHandler.post {
+          bitmap?.let {
+            val drawable = it.toDrawable(Resources.getSystem())
+            drawable.bounds = bounds
+            internalDrawable = drawable
+          }
+          isLoaded = true
+          onLoaded?.invoke()
+          invalidateSelf() // 4. Critical: Tell the system to redraw
+        }
+      } catch (e: Exception) {
+        Log.e("AsyncDrawable", "Failed to load image from: $url", e)
+        mainHandler.post {
+          isLoaded = true
+          onLoaded?.invoke()
+        }
+      }
+    }
+  }
+
+  override fun draw(canvas: Canvas) = internalDrawable.draw(canvas)
+
+  override fun setAlpha(alpha: Int) {
+    internalDrawable.alpha = alpha
+  }
+
+  override fun setColorFilter(colorFilter: ColorFilter?) {
+    internalDrawable.colorFilter = colorFilter
+  }
+
+  @Deprecated("Deprecated in Java")
+  override fun getOpacity(): Int = internalDrawable.opacity
+
+  override fun setBounds(
+    left: Int,
+    top: Int,
+    right: Int,
+    bottom: Int,
+  ) {
+    super.setBounds(left, top, right, bottom)
+    internalDrawable.setBounds(left, top, right, bottom)
+  }
+}