react-native-enriched-html 0.0.0 → 1.0.0

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/ShadowNodes.cpp

@@ -0,0 +1,17 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateShadowNodeCpp.js
+ */
+
+#include "ShadowNodes.h"
+
+namespace facebook::react {
+
+
+
+} // namespace facebook::react

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/ShadowNodes.h

@@ -0,0 +1,23 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateShadowNodeH.js
+ */
+
+#pragma once
+
+#include "EventEmitters.h"
+#include "Props.h"
+#include "States.h"
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <jsi/jsi.h>
+
+namespace facebook::react {
+
+
+
+} // namespace facebook::react

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/States.cpp

@@ -0,0 +1,16 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateStateCpp.js
+ */
+#include "States.h"
+
+namespace facebook::react {
+
+
+
+} // namespace facebook::react

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/States.h

@@ -0,0 +1,20 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateStateH.js
+ */
+#pragma once
+
+#include <react/renderer/core/StateData.h>
+#ifdef RN_SERIALIZABLE_STATE
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook::react {
+
+
+
+} // namespace facebook::react

package/android/gradle.properties

@@ -0,0 +1,5 @@
+ReactNativeEnrichedHtml_kotlinVersion=2.0.21
+ReactNativeEnrichedHtml_minSdkVersion=24
+ReactNativeEnrichedHtml_targetSdkVersion=34
+ReactNativeEnrichedHtml_compileSdkVersion=35
+ReactNativeEnrichedHtml_ndkVersion=27.1.12297006

package/android/lint.gradle

@@ -0,0 +1,70 @@
+apply plugin: "org.jlleitschuh.gradle.ktlint"
+apply plugin: 'com.diffplug.spotless'
+
+ktlint {
+	version = "1.8.0"
+	verbose = true
+	outputToConsole = true
+	coloredOutput = true
+	android = true
+	enableExperimentalRules = true
+
+	reporters {
+		reporter "plain"
+		reporter "checkstyle"
+		reporter "html"
+	}
+
+	filter {
+		exclude("**/generated/**")
+		exclude("**/build/**")
+		exclude("**/node_modules/**")
+
+		include("src/**/*.kt")
+		include("src/**/*.kts")
+	}
+}
+
+spotless {
+	kotlin {
+		target 'src/**/*.kt', 'src/**/*.kts'
+		ktlint("1.8.0")
+		trimTrailingWhitespace()
+		endWithNewline()
+		lineEndings 'UNIX'
+		targetExclude '**/generated/**', '**/build/**', '**/node_modules/**'
+	}
+
+	java {
+		target 'src/**/*.java'
+		googleJavaFormat("1.23.0")
+		removeUnusedImports()
+		trimTrailingWhitespace()
+		endWithNewline()
+		leadingTabsToSpaces(2)
+		lineEndings 'UNIX'
+		targetExclude '**/generated/**', '**/build/**', '**/node_modules/**'
+	}
+
+	groovyGradle {
+		target '*.gradle', 'gradle/*.gradle'
+		greclipse()
+		trimTrailingWhitespace()
+		endWithNewline()
+	}
+}
+
+tasks.register('lintFormat') {
+	group = "formatting"
+	description = "Auto-fix all code formatting issues"
+	dependsOn 'ktlintFormat', 'spotlessApply'
+}
+
+tasks.register('lintVerify') {
+	group = "verification"
+	description = "Verify code is properly formatted"
+	dependsOn 'ktlintCheck', 'spotlessCheck'
+	doLast {
+		println "✓ All code formatting checks passed!"
+	}
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.swmansion.enriched">
+</manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

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

@@ -0,0 +1,22 @@
+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 com.swmansion.enriched.common.ResourceManager
+import com.swmansion.enriched.text.EnrichedTextViewManager
+import com.swmansion.enriched.textinput.EnrichedTextInputViewManager
+import java.util.ArrayList
+
+class ReactNativeEnrichedPackage : ReactPackage {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    ResourceManager.init(reactContext.applicationContext)
+    val viewManagers: MutableList<ViewManager<*, *>> = ArrayList()
+    viewManagers.add(EnrichedTextInputViewManager())
+    viewManagers.add(EnrichedTextViewManager())
+    return viewManagers
+  }
+
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> = emptyList()
+}

package/android/src/main/java/com/swmansion/enriched/common/AllowFontScaling.kt

@@ -0,0 +1,36 @@
+package com.swmansion.enriched.common
+
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.PixelUtil
+
+internal const val ALLOW_FONT_SCALING_PROP = "allowFontScaling"
+
+// Converts a logical font-unit value to pixels.
+// Respects the system font scaling, depending on the `allowFontScaling` value
+internal fun pixelFromSpOrDp(
+  value: Float,
+  allowFontScaling: Boolean,
+): Float =
+  if (allowFontScaling) {
+    PixelUtil.toPixelFromSP(value)
+  } else {
+    PixelUtil.toPixelFromDIP(value)
+  }
+
+internal fun pixelFromSpOrDp(
+  value: Double,
+  allowFontScaling: Boolean,
+): Float =
+  if (allowFontScaling) {
+    PixelUtil.toPixelFromSP(value)
+  } else {
+    PixelUtil.toPixelFromDIP(value)
+  }
+
+// Reads allowFontScaling from a serialized prop map (used in MeasurementStore
+// where no view instance is available yet).
+internal fun allowFontScalingFromProps(props: ReadableMap?): Boolean {
+  if (props == null) return EnrichedConstants.ALLOW_FONT_SCALING_DEFAULT
+  if (!props.hasKey(ALLOW_FONT_SCALING_PROP) || props.isNull(ALLOW_FONT_SCALING_PROP)) return EnrichedConstants.ALLOW_FONT_SCALING_DEFAULT
+  return props.getBoolean(ALLOW_FONT_SCALING_PROP)
+}

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

@@ -0,0 +1,126 @@
+package com.swmansion.enriched.common
+
+import android.content.res.Resources
+import android.graphics.BitmapFactory
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.ColorFilter
+import android.graphics.ImageDecoder
+import android.graphics.PixelFormat
+import android.graphics.drawable.AnimatedImageDrawable
+import android.graphics.drawable.Drawable
+import android.os.Build
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import androidx.core.graphics.drawable.toDrawable
+import com.swmansion.enriched.R
+import java.net.URL
+import java.nio.ByteBuffer
+import java.util.concurrent.Executors
+
+class AsyncDrawable(
+  private val url: String,
+) : Drawable() {
+  private var internalDrawable: Drawable = Color.TRANSPARENT.toDrawable()
+  private val mainHandler = Handler(Looper.getMainLooper())
+  private val executor = Executors.newSingleThreadExecutor()
+  var isLoaded = false
+
+  init {
+    internalDrawable.bounds = bounds
+
+    load()
+  }
+
+  private fun load() {
+    executor.execute {
+      try {
+        isLoaded = false
+        val inputStream = URL(url).openStream()
+        val bytes = inputStream.readBytes()
+        val d = prepareDrawable(bytes)
+
+        // Switch to Main Thread to update UI
+        mainHandler.post {
+          if (d != null) {
+            d.bounds = bounds
+            internalDrawable = d
+          } else {
+            loadPlaceholderImage()
+          }
+        }
+      } catch (e: Exception) {
+        Log.e("AsyncDrawable", "Failed to load: $url", e)
+
+        loadPlaceholderImage()
+      } finally {
+        isLoaded = true
+        onLoaded?.invoke()
+      }
+    }
+  }
+
+  private fun prepareDrawable(bytes: ByteArray): Drawable? {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+      try {
+        val buffer = ByteBuffer.wrap(bytes)
+        val source = ImageDecoder.createSource(buffer)
+
+        val drawable =
+          ImageDecoder.decodeDrawable(source) { decoder, _, _ ->
+            decoder.setTargetSize(bounds.width(), bounds.height())
+          }
+
+        if (drawable is AnimatedImageDrawable) {
+          drawable.setBounds(0, 0, drawable.intrinsicWidth, drawable.intrinsicHeight)
+          drawable.repeatCount = AnimatedImageDrawable.REPEAT_INFINITE
+          drawable.start()
+        }
+
+        return drawable
+      } catch (e: Exception) {
+        Log.w("AsyncDrawable", "ImageDecoder failed, falling back to Bitmap", e)
+      }
+    }
+
+    // Fallback to bitmap if ImageDecoder fails
+    return try {
+      val bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.size)
+      bitmap?.toDrawable(Resources.getSystem())
+    } catch (_: Exception) {
+      null
+    }
+  }
+
+  private fun loadPlaceholderImage() {
+    internalDrawable = ResourceManager.getDrawableResource(R.drawable.broken_image)
+  }
+
+  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 = PixelFormat.TRANSLUCENT
+
+  override fun setBounds(
+    left: Int,
+    top: Int,
+    right: Int,
+    bottom: Int,
+  ) {
+    super.setBounds(left, top, right, bottom)
+    internalDrawable.setBounds(left, top, right, bottom)
+  }
+
+  var onLoaded: (() -> Unit)? = null
+}

package/android/src/main/java/com/swmansion/enriched/common/CheckboxDrawable.kt

@@ -0,0 +1,81 @@
+package com.swmansion.enriched.common
+
+import android.graphics.Canvas
+import android.graphics.ColorFilter
+import android.graphics.Paint
+import android.graphics.Path
+import android.graphics.PixelFormat
+import android.graphics.PorterDuff
+import android.graphics.PorterDuffXfermode
+import android.graphics.drawable.Drawable
+
+class CheckboxDrawable(
+  private val size: Int,
+  private var color: Int,
+  private var isChecked: Boolean,
+) : Drawable() {
+  private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
+  private val path = Path()
+
+  fun update(checked: Boolean) {
+    this.isChecked = checked
+    invalidateSelf()
+  }
+
+  override fun draw(canvas: Canvas) {
+    val saveCount = canvas.saveLayer(0f, 0f, size.toFloat(), size.toFloat(), null)
+
+    paint.color = color
+    paint.style = Paint.Style.FILL
+
+    // Full square background with transparent checkmark
+    if (isChecked) {
+      val cornerRadius = size * 0.15f
+      canvas.drawRoundRect(0f, 0f, size.toFloat(), size.toFloat(), cornerRadius, cornerRadius, paint)
+
+      paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.XOR)
+      paint.strokeWidth = size * 0.15f
+      paint.style = Paint.Style.STROKE
+      paint.strokeCap = Paint.Cap.ROUND
+      paint.strokeJoin = Paint.Join.ROUND
+
+      path.reset()
+      path.moveTo(size * 0.25f, size * 0.5f)
+      path.lineTo(size * 0.45f, size * 0.7f)
+      path.lineTo(size * 0.75f, size * 0.3f)
+      canvas.drawPath(path, paint)
+
+      paint.xfermode = null
+      canvas.restoreToCount(saveCount)
+      return
+    }
+
+    // Border only square for unchecked state
+    paint.style = Paint.Style.STROKE
+    paint.strokeWidth = size * 0.1f
+    val margin = paint.strokeWidth / 2f
+    val cornerRadius = size * 0.15f
+    canvas.drawRoundRect(
+      margin,
+      margin,
+      size - margin,
+      size - margin,
+      cornerRadius,
+      cornerRadius,
+      paint,
+    )
+
+    canvas.restoreToCount(saveCount)
+  }
+
+  override fun setAlpha(alpha: Int) {
+    paint.alpha = alpha
+  }
+
+  override fun setColorFilter(colorFilter: ColorFilter?) {
+    paint.colorFilter = colorFilter
+  }
+
+  @Deprecated("Deprecated in Java")
+  override fun getOpacity(): Int = PixelFormat.TRANSLUCENT
+}

package/android/src/main/java/com/swmansion/enriched/common/EnrichedConstants.kt

@@ -0,0 +1,16 @@
+package com.swmansion.enriched.common
+
+object EnrichedConstants {
+  // Zero Width Space
+  const val ZWS = '\u200B'
+  const val ZWS_STRING = "\u200B"
+
+  // Object Replacement Character
+  const val ORC = '\uFFFC'
+  const val ORC_STRING = "\uFFFC"
+
+  const val TEXT_DEFAULT_FONT_SIZE = 16f
+  const val CLIPBOARD_TAG = "react-native-enriched-clipboard"
+
+  const val ALLOW_FONT_SCALING_DEFAULT = true
+}

package/android/src/main/java/com/swmansion/enriched/common/EnrichedStyle.kt

@@ -0,0 +1,57 @@
+package com.swmansion.enriched.common
+
+interface EnrichedStyle {
+  // Headers
+  val h1FontSize: Int
+  val h1Bold: Boolean
+  val h2FontSize: Int
+  val h2Bold: Boolean
+  val h3FontSize: Int
+  val h3Bold: Boolean
+  val h4FontSize: Int
+  val h4Bold: Boolean
+  val h5FontSize: Int
+  val h5Bold: Boolean
+  val h6FontSize: Int
+  val h6Bold: Boolean
+
+  // Blockquote
+  val blockquoteColor: Int?
+  val blockquoteBorderColor: Int
+  val blockquoteStripeWidth: Int
+  val blockquoteGapWidth: Int
+
+  // Ordered Lists
+  val olGapWidth: Int
+  val olMarginLeft: Int
+  val olMarkerFontWeight: Int?
+  val olMarkerColor: Int?
+
+  // Unordered Lists
+  val ulGapWidth: Int
+  val ulMarginLeft: Int
+  val ulBulletSize: Int
+  val ulBulletColor: Int
+
+  // Checkbox list
+  val ulCheckboxBoxSize: Int
+  val ulCheckboxGapWidth: Int
+  val ulCheckboxMarginLeft: Int
+  val ulCheckboxBoxColor: Int
+
+  // Links
+  val aColor: Int
+  val aUnderline: Boolean
+
+  // Code Blocks
+  val codeBlockColor: Int
+  val codeBlockBackgroundColor: Int
+  val codeBlockRadius: Float
+
+  // Inline Code
+  val inlineCodeColor: Int
+  val inlineCodeBackgroundColor: Int
+
+  // Mentions
+  val mentionsStyle: Map<String, MentionStyle>
+}

package/android/src/main/java/com/swmansion/enriched/common/ForceRedrawSpan.kt

@@ -0,0 +1,14 @@
+package com.swmansion.enriched.common
+
+import android.text.TextPaint
+import android.text.style.MetricAffectingSpan
+
+class ForceRedrawSpan : MetricAffectingSpan() {
+  override fun updateMeasureState(tp: TextPaint) {
+    // Do nothing, we don't actually want to change how it looks
+  }
+
+  override fun updateDrawState(tp: TextPaint?) {
+    // Do nothing
+  }
+}

package/android/src/main/java/com/swmansion/enriched/common/GumboNormalizer.kt

@@ -0,0 +1,5 @@
+package com.swmansion.enriched.common
+
+object GumboNormalizer {
+  external fun normalizeHtml(html: String): String?
+}

package/android/src/main/java/com/swmansion/enriched/common/MentionStyle.kt

@@ -0,0 +1,9 @@
+package com.swmansion.enriched.common
+
+data class MentionStyle(
+  val color: Int,
+  val backgroundColor: Int,
+  val underline: Boolean,
+  val pressColor: Int? = null,
+  val pressBackgroundColor: Int? = null,
+)

package/android/src/main/java/com/swmansion/enriched/common/ResourceManager.kt

@@ -0,0 +1,26 @@
+package com.swmansion.enriched.common
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.content.res.Resources
+import android.graphics.drawable.Drawable
+import androidx.core.content.res.ResourcesCompat
+import androidx.core.graphics.drawable.DrawableCompat
+
+object ResourceManager {
+  private var appContext: Context? = null
+
+  fun init(context: Context) {
+    this.appContext = context.applicationContext
+  }
+
+  @SuppressLint("UseCompatLoadingForDrawables")
+  fun getDrawableResource(id: Int): Drawable {
+    val context = appContext ?: throw IllegalStateException("ResourceManager not initialized! Call init() first.")
+
+    val image = ResourcesCompat.getDrawable(context.resources, id, null)
+    val finalImage = image ?: Resources.getSystem().getDrawable(android.R.drawable.ic_menu_report_image)
+
+    return DrawableCompat.wrap(finalImage)
+  }
+}