react-native-enriched-markdown-scaffold 0.7.4-scaffold.9 → 1.0.2-scaffold.10

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

@@ -5,6 +5,7 @@ import android.graphics.Canvas
 import android.os.Build
 import android.text.Layout
 import android.util.AttributeSet
+import android.view.ActionMode
 import android.view.MotionEvent
 import com.swmansion.enriched.markdown.accessibility.AccessibilityLabels
 import com.swmansion.enriched.markdown.accessibility.AccessibleMarkdownTextView
@@ -12,12 +13,15 @@ import com.swmansion.enriched.markdown.spoiler.SpoilerCapable
 import com.swmansion.enriched.markdown.spoiler.SpoilerOverlay
 import com.swmansion.enriched.markdown.spoiler.SpoilerOverlayDrawer
 import com.swmansion.enriched.markdown.utils.text.interaction.CheckboxTouchHelper
+import com.swmansion.enriched.markdown.utils.text.view.HeadlessActionMode
 import com.swmansion.enriched.markdown.utils.text.view.LinkLongPressMovementMethod
 import com.swmansion.enriched.markdown.utils.text.view.SelectionMenuConfig
 import com.swmansion.enriched.markdown.utils.text.view.applySelectableState
 import com.swmansion.enriched.markdown.utils.text.view.cancelJSTouchForCheckboxTap
 import com.swmansion.enriched.markdown.utils.text.view.cancelJSTouchForLinkTap
+import com.swmansion.enriched.markdown.utils.text.view.clearTextSelection
 import com.swmansion.enriched.markdown.utils.text.view.createSelectionActionModeCallback
+import com.swmansion.enriched.markdown.utils.text.view.isRomSelectionPopupShower
 import com.swmansion.enriched.markdown.utils.text.view.reallowParentInterceptIfLinkReleased
 import com.swmansion.enriched.markdown.utils.text.view.setupAsMarkdownTextView
 import com.swmansion.enriched.markdown.views.BlockSegmentView
@@ -41,6 +45,12 @@ class EnrichedMarkdownInternalText
         checkboxTouchHelper.onCheckboxTap = value
       }
 
+    var enableTaskListItemToggle: Boolean
+      get() = checkboxTouchHelper.isEnabled
+      set(value) {
+        checkboxTouchHelper.isEnabled = value
+      }
+
     override val segmentMarginBottom: Int get() = lastElementMarginBottom.toInt()
 
     override var spoilerOverlayDrawer: SpoilerOverlayDrawer? = null
@@ -49,6 +59,19 @@ class EnrichedMarkdownInternalText
     private var contextMenuItemTexts: List<String> = emptyList()
     private var onContextMenuItemPress: ((itemText: String, selectedText: String, selectionStart: Int, selectionEnd: Int) -> Unit)? = null
     var selectionMenuConfig: SelectionMenuConfig = SelectionMenuConfig()
+    var onCopyRequest: ((markdown: String, text: String, fullSelection: Boolean) -> Unit)? = null
+
+    // Read from onSelectionChanged, which TextView already calls from its own
+    // constructor — so it must stay nullable.
+    var onSelectionChangedCallback: ((view: EnrichedMarkdownInternalText, hasSelection: Boolean) -> Unit)? = null
+    private var activeActionMode: ActionMode? = null
+    var contextMenuHidden: Boolean = false
+      set(value) {
+        if (field == value) return
+        field = value
+        // See EnrichedMarkdownText.setContextMenuHidden.
+        activeActionMode?.invalidate()
+      }
     var accessibilityLabels: AccessibilityLabels = AccessibilityLabels()
       set(value) {
         field = value
@@ -62,9 +85,14 @@ class EnrichedMarkdownInternalText
           this,
           getCustomItemTexts = { contextMenuItemTexts },
           getSelectionMenuConfig = { selectionMenuConfig },
+          isContextMenuHidden = { contextMenuHidden },
+          onActionModeChanged = { activeActionMode = it },
           onCustomItemPress = { itemText, selectedText, start, end ->
             onContextMenuItemPress?.invoke(itemText, selectedText, start, end)
           },
+          onCopyRequest = { markdown, text, fullSelection ->
+            onCopyRequest?.invoke(markdown, text, fullSelection)
+          },
         )
     }
 
@@ -94,6 +122,40 @@ class EnrichedMarkdownInternalText
       applySelectableState(selectable)
     }
 
+    override fun onSelectionChanged(
+      selStart: Int,
+      selEnd: Int,
+    ) {
+      super.onSelectionChanged(selStart, selEnd)
+      onSelectionChangedCallback?.invoke(this, selEnd > selStart)
+    }
+
+    // See HeadlessActionMode: with the menu hidden, no toolbar window is created.
+    override fun startActionMode(
+      callback: ActionMode.Callback?,
+      type: Int,
+    ): ActionMode? {
+      if (contextMenuHidden && type == ActionMode.TYPE_FLOATING && callback != null) {
+        return HeadlessActionMode.start(this, callback)
+      }
+      return super.startActionMode(callback, type)
+    }
+
+    // See isRomSelectionPopupShower: MIUI shows its own selection popup this way.
+    override fun postDelayed(
+      action: Runnable?,
+      delayMillis: Long,
+    ): Boolean {
+      if (contextMenuHidden && isRomSelectionPopupShower(action)) return false
+      return super.postDelayed(action, delayMillis)
+    }
+
+    /** Clears the selection and ends its ActionMode. */
+    fun clearSelection() {
+      clearTextSelection()
+      activeActionMode?.finish()
+    }
+
     fun setContextMenuItems(
       items: List<String>,
       onPress: (itemText: String, selectedText: String, selectionStart: Int, selectionEnd: Int) -> Unit,

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

@@ -4,7 +4,9 @@ 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.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
@@ -12,14 +14,18 @@ import com.facebook.react.viewmanagers.EnrichedMarkdownManagerDelegate
 import com.facebook.react.viewmanagers.EnrichedMarkdownManagerInterface
 import com.facebook.yoga.YogaMeasureMode
 import com.swmansion.enriched.markdown.spoiler.SpoilerOverlay
+import com.swmansion.enriched.markdown.utils.common.CodeBlockStreamingMode
 import com.swmansion.enriched.markdown.utils.common.TableStreamingMode
 import com.swmansion.enriched.markdown.utils.common.emitContextMenuItemPress
+import com.swmansion.enriched.markdown.utils.common.emitCopyPress
+import com.swmansion.enriched.markdown.utils.common.emitCopyRequest
 import com.swmansion.enriched.markdown.utils.common.emitLinkLongPress
 import com.swmansion.enriched.markdown.utils.common.emitLinkPress
 import com.swmansion.enriched.markdown.utils.common.emitTaskListItemPress
 import com.swmansion.enriched.markdown.utils.common.markdownEventTypeConstants
 import com.swmansion.enriched.markdown.utils.common.parseAccessibilityLabels
 import com.swmansion.enriched.markdown.utils.common.parseContextMenuItems
+import com.swmansion.enriched.markdown.utils.common.parseImageRequestHeaders
 import com.swmansion.enriched.markdown.utils.common.parseMd4cFlags
 import com.swmansion.enriched.markdown.utils.common.parseSelectionMenuConfig
 import com.swmansion.enriched.markdown.utils.text.interaction.TaskListToggleUtils
@@ -56,6 +62,14 @@ class EnrichedMarkdownManager :
       emitTaskListItemPress(view, taskIndex, newChecked, itemText)
     }
 
+    view.setOnCopyPressCallback { code, language ->
+      emitCopyPress(view, code, language)
+    }
+
+    view.onCopyRequestCallback = { source, markdown, text, whole ->
+      emitCopyRequest(view, source, markdown, text, whole)
+    }
+
     return view
   }
 
@@ -64,12 +78,23 @@ class EnrichedMarkdownManager :
     view.commitProps()
   }
 
+  override fun updateState(
+    view: EnrichedMarkdown,
+    props: ReactStylesDiffMap?,
+    stateWrapper: StateWrapper?,
+  ): Any? {
+    view.stateWrapper = stateWrapper
+    return super.updateState(view, props, stateWrapper)
+  }
+
   override fun onDropViewInstance(view: EnrichedMarkdown) {
     super.onDropViewInstance(view)
     view.cleanup()
     MeasurementStore.release(view.id)
     MeasurementStore.clearStreamingTableMode(view.id)
+    MeasurementStore.clearStreamingCodeBlockMode(view.id)
     MeasurementStore.clearBreakStrategy(view.id)
+    MeasurementStore.clearFontScalingSettings(view.id)
   }
 
   override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> = markdownEventTypeConstants()
@@ -144,6 +169,36 @@ class EnrichedMarkdownManager :
     view?.setAllowTrailingMargin(allowTrailingMargin)
   }
 
+  @ReactProp(name = "contextMenuHidden", defaultBoolean = false)
+  override fun setContextMenuHidden(
+    view: EnrichedMarkdown?,
+    contextMenuHidden: Boolean,
+  ) {
+    view?.setContextMenuHidden(contextMenuHidden)
+  }
+
+  @ReactProp(name = "emitLinkLayout", defaultBoolean = false)
+  override fun setEmitLinkLayout(
+    view: EnrichedMarkdown?,
+    emitLinkLayout: Boolean,
+  ) {
+    view?.setEmitLinkLayout(emitLinkLayout)
+  }
+
+  @ReactProp(name = "emitSelectionChange", defaultBoolean = false)
+  override fun setEmitSelectionChange(
+    view: EnrichedMarkdown?,
+    emitSelectionChange: Boolean,
+  ) {
+    view?.setEmitSelectionChange(emitSelectionChange)
+  }
+
+  // Commands
+
+  override fun clearSelection(view: EnrichedMarkdown?) {
+    view?.clearSelection()
+  }
+
   @ReactProp(name = "enableLinkPreview", defaultBoolean = true)
   override fun setEnableLinkPreview(
     view: EnrichedMarkdown?,
@@ -152,6 +207,22 @@ class EnrichedMarkdownManager :
     // No-op on Android — only used on iOS
   }
 
+  @ReactProp(name = "linkLongPressSelects", defaultBoolean = false)
+  override fun setLinkLongPressSelects(
+    view: EnrichedMarkdown?,
+    linkLongPressSelects: Boolean,
+  ) {
+    // No-op on Android — only used on iOS
+  }
+
+  @ReactProp(name = "enableTaskListItemToggle", defaultBoolean = true)
+  override fun setEnableTaskListItemToggle(
+    view: EnrichedMarkdown?,
+    enableTaskListItemToggle: Boolean,
+  ) {
+    view?.enableTaskListItemToggle = enableTaskListItemToggle
+  }
+
   @ReactProp(name = "lineBreakStrategyIOS")
   override fun setLineBreakStrategyIOS(
     view: EnrichedMarkdown?,
@@ -188,6 +259,11 @@ class EnrichedMarkdownManager :
         else -> TableStreamingMode.PROGRESSIVE
       }
     view.tableStreamingMode = tableMode
+    view.codeBlockStreamingMode =
+      when (config?.getString("codeBlockMode")) {
+        "hidden" -> CodeBlockStreamingMode.HIDDEN
+        else -> CodeBlockStreamingMode.PROGRESSIVE
+      }
   }
 
   @ReactProp(name = "spoilerOverlay")
@@ -215,6 +291,15 @@ class EnrichedMarkdownManager :
     view.setContextMenuItems(parseContextMenuItems(value))
   }
 
+  @ReactProp(name = "imageRequestHeaders")
+  override fun setImageRequestHeaders(
+    view: EnrichedMarkdown?,
+    value: ReadableArray?,
+  ) {
+    if (view == null) return
+    view.setImageRequestHeaders(parseImageRequestHeaders(value))
+  }
+
   @ReactProp(name = "selectionMenuConfig")
   override fun setSelectionMenuConfig(
     view: EnrichedMarkdown?,

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

@@ -9,8 +9,11 @@ import android.os.Looper
 import android.text.Layout
 import android.util.AttributeSet
 import android.util.Log
+import android.util.TypedValue
+import android.view.ActionMode
 import android.view.MotionEvent
 import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.StateWrapper
 import com.swmansion.enriched.markdown.accessibility.AccessibilityLabels
 import com.swmansion.enriched.markdown.accessibility.AccessibleMarkdownTextView
 import com.swmansion.enriched.markdown.parser.Md4cFlags
@@ -21,17 +24,27 @@ import com.swmansion.enriched.markdown.spoiler.SpoilerOverlay
 import com.swmansion.enriched.markdown.spoiler.SpoilerOverlayDrawer
 import com.swmansion.enriched.markdown.styles.StyleConfig
 import com.swmansion.enriched.markdown.utils.common.BreakStrategyUtils
+import com.swmansion.enriched.markdown.utils.common.emitLinkLayout
+import com.swmansion.enriched.markdown.utils.common.emitSelectionChange
 import com.swmansion.enriched.markdown.utils.text.TailFadeInAnimator
 import com.swmansion.enriched.markdown.utils.text.interaction.CheckboxTouchHelper
+import com.swmansion.enriched.markdown.utils.text.view.HeadlessActionMode
+import com.swmansion.enriched.markdown.utils.text.view.LinkLayoutCollector
+import com.swmansion.enriched.markdown.utils.text.view.LinkLayoutFragment
 import com.swmansion.enriched.markdown.utils.text.view.LinkLongPressMovementMethod
+import com.swmansion.enriched.markdown.utils.text.view.SelectionChangeReporter
 import com.swmansion.enriched.markdown.utils.text.view.SelectionMenuConfig
+import com.swmansion.enriched.markdown.utils.text.view.SelectionSnapshot
 import com.swmansion.enriched.markdown.utils.text.view.applySelectableState
 import com.swmansion.enriched.markdown.utils.text.view.applySelectionColors
 import com.swmansion.enriched.markdown.utils.text.view.cancelJSTouchForCheckboxTap
 import com.swmansion.enriched.markdown.utils.text.view.cancelJSTouchForLinkTap
+import com.swmansion.enriched.markdown.utils.text.view.clearTextSelection
 import com.swmansion.enriched.markdown.utils.text.view.createSelectionActionModeCallback
+import com.swmansion.enriched.markdown.utils.text.view.currentTextSelection
 import com.swmansion.enriched.markdown.utils.text.view.emitLinkLongPressEvent
 import com.swmansion.enriched.markdown.utils.text.view.emitLinkPressEvent
+import com.swmansion.enriched.markdown.utils.text.view.isRomSelectionPopupShower
 import com.swmansion.enriched.markdown.utils.text.view.reallowParentInterceptIfLinkReleased
 import com.swmansion.enriched.markdown.utils.text.view.setupAsMarkdownTextView
 import java.util.concurrent.Executors
@@ -60,8 +73,12 @@ class EnrichedMarkdownText
 
     val layoutManager = EnrichedMarkdownTextLayoutManager(this)
 
+    // used to force a Yoga re-measure when a block image resolves its box height
+    var stateWrapper: StateWrapper? = null
+
     private var contextMenuItemTexts: List<String> = emptyList()
     var onContextMenuItemPressCallback: ((itemText: String, selectedText: String, selectionStart: Int, selectionEnd: Int) -> Unit)? = null
+    var onCopyRequestCallback: ((markdown: String, text: String, whole: Boolean) -> Unit)? = null
 
     var markdownStyle: StyleConfig? = null
       private set
@@ -78,6 +95,7 @@ class EnrichedMarkdownText
     private var allowFontScaling: Boolean = true
     private var maxFontSizeMultiplier: Float = 0f
     private var allowTrailingMargin: Boolean = false
+    private var imageRequestHeaders: Map<String, String> = emptyMap()
 
     private var streamingAnimation: Boolean = false
     private var previousTextLength: Int = 0
@@ -91,20 +109,46 @@ class EnrichedMarkdownText
     private var selectionColor: Int? = null
     private var selectionHandleColor: Int? = null
     private var selectionMenuConfig = SelectionMenuConfig()
+    private var contextMenuHidden = false
+    private var activeActionMode: ActionMode? = null
+
+    private var linkLayoutEnabled = false
+    private var lastLinkLayout: List<LinkLayoutFragment>? = null
+
+    // Nullable and assigned in init: TextView calls onSelectionChanged from its
+    // own constructor, before this class's fields exist.
+    private var selectionReporter: SelectionChangeReporter? = null
 
     init {
       setupAsMarkdownTextView()
+      selectionReporter =
+        SelectionChangeReporter(this, ::selectionSnapshot) { snapshot -> emitSelectionChange(this, snapshot) }
       customSelectionActionModeCallback =
         createSelectionActionModeCallback(
           this,
           getCustomItemTexts = { contextMenuItemTexts },
           getSelectionMenuConfig = { selectionMenuConfig },
+          isContextMenuHidden = { contextMenuHidden },
+          onActionModeChanged = { activeActionMode = it },
           onCustomItemPress = { itemText, selectedText, start, end ->
             onContextMenuItemPressCallback?.invoke(itemText, selectedText, start, end)
           },
+          // A full selection already carries the original markdown.
+          onCopyRequest = { markdown, text, fullSelection ->
+            onCopyRequestCallback?.invoke(markdown, text, fullSelection && currentMarkdown.isNotEmpty())
+          },
         )
     }
 
+    fun setContextMenuHidden(hidden: Boolean) {
+      if (contextMenuHidden == hidden) return
+      contextMenuHidden = hidden
+      // Rebuild a toolbar that is already on screen; without this the flip
+      // would only take effect on the next selection, leaving a working Copy
+      // menu up after the app asked for it to be hidden.
+      activeActionMode?.invalidate()
+    }
+
     fun setMarkdownContent(markdown: String) {
       if (currentMarkdown == markdown) return
       currentMarkdown = markdown
@@ -116,12 +160,20 @@ class EnrichedMarkdownText
       // Register font scaling settings when style is set (view should have ID by now)
       updateMeasurementStoreFontScaling()
       val newStyle = style?.let { StyleConfig(it, context, allowFontScaling, maxFontSizeMultiplier) }
+      newStyle?.imageRequestHeaders = imageRequestHeaders
       if (markdownStyle == newStyle) return
       markdownStyle = newStyle
       updateJustificationMode(newStyle)
       scheduleRender()
     }
 
+    fun setImageRequestHeaders(headers: Map<String, String>) {
+      if (imageRequestHeaders == headers) return
+      imageRequestHeaders = headers
+      markdownStyle?.imageRequestHeaders = headers
+      scheduleRenderIfNeeded()
+    }
+
     override fun onConfigurationChanged(newConfig: Configuration) {
       super.onConfigurationChanged(newConfig)
 
@@ -177,6 +229,10 @@ class EnrichedMarkdownText
       }
     }
 
+    fun commitProps() {
+      updateMeasurementStoreFontScaling()
+    }
+
     private fun updateMeasurementStoreFontScaling() {
       MeasurementStore.updateFontScalingSettings(id, allowFontScaling, maxFontSizeMultiplier)
     }
@@ -189,7 +245,10 @@ class EnrichedMarkdownText
 
     private fun recreateStyleConfig() {
       markdownStyleMap?.let { styleMap ->
-        markdownStyle = StyleConfig(styleMap, context, allowFontScaling, maxFontSizeMultiplier)
+        markdownStyle =
+          StyleConfig(styleMap, context, allowFontScaling, maxFontSizeMultiplier).also {
+            it.imageRequestHeaders = imageRequestHeaders
+          }
         updateJustificationMode(markdownStyle)
       }
     }
@@ -242,6 +301,10 @@ class EnrichedMarkdownText
     private fun applyRenderedText(styledText: CharSequence) {
       val tailStart = previousTextLength
 
+      markdownStyle?.paragraphStyle?.fontSize?.let {
+        setTextSize(TypedValue.COMPLEX_UNIT_PX, it)
+      }
+
       text = styledText
 
       if (movementMethod !is LinkLongPressMovementMethod) {
@@ -266,8 +329,99 @@ class EnrichedMarkdownText
       }
 
       applySelectionColors(selectionColor, selectionHandleColor)
+      emitLinkLayoutIfNeeded()
+      // New text drops the selection; report it if setText didn't already.
+      selectionReporter?.schedule()
+    }
+
+    fun setEmitSelectionChange(enabled: Boolean) {
+      selectionReporter?.enabled = enabled
     }
 
+    // See HeadlessActionMode: with the menu hidden, no toolbar window is created.
+    override fun startActionMode(
+      callback: ActionMode.Callback?,
+      type: Int,
+    ): ActionMode? {
+      if (contextMenuHidden && type == ActionMode.TYPE_FLOATING && callback != null) {
+        return HeadlessActionMode.start(this, callback)
+      }
+      return super.startActionMode(callback, type)
+    }
+
+    // See isRomSelectionPopupShower: MIUI shows its own selection popup this way.
+    override fun postDelayed(
+      action: Runnable?,
+      delayMillis: Long,
+    ): Boolean {
+      if (contextMenuHidden && isRomSelectionPopupShower(action)) return false
+      return super.postDelayed(action, delayMillis)
+    }
+
+    /** Clears the selection (ending its ActionMode) and reports `active: false`. */
+    fun clearSelection() {
+      clearTextSelection()
+      activeActionMode?.finish()
+      selectionReporter?.flushNow()
+    }
+
+    override fun onSelectionChanged(
+      selStart: Int,
+      selEnd: Int,
+    ) {
+      super.onSelectionChanged(selStart, selEnd)
+      selectionReporter?.onSelectionChanged(selEnd > selStart)
+    }
+
+    private fun selectionSnapshot(): SelectionSnapshot {
+      val selection = currentTextSelection() ?: return SelectionSnapshot.INACTIVE
+      return SelectionSnapshot(
+        active = true,
+        source = "selection",
+        text = selection.text,
+        markdown = selection.markdown,
+        // Same rule as onCopyRequest: a full selection already carries the original markdown.
+        whole = selection.fullSelection && currentMarkdown.isNotEmpty(),
+        rect = selection.rect,
+        startRect = selection.startRect,
+        endRect = selection.endRect,
+      )
+    }
+
+    fun setEmitLinkLayout(enabled: Boolean) {
+      if (linkLayoutEnabled == enabled) return
+      linkLayoutEnabled = enabled
+      lastLinkLayout = null
+      emitLinkLayoutIfNeeded()
+    }
+
+    /**
+     * Reports link rects to JS (for `renderLinkDecoration`) after every render and layout;
+     * deduplicated so an unchanged layout — the common case while streaming — sends nothing.
+     */
+    private fun emitLinkLayoutIfNeeded() {
+      if (!linkLayoutEnabled || layout == null || width <= 0) return
+      val (fragments, _) = LinkLayoutCollector.collect(this)
+      if (fragments == lastLinkLayout) return
+      lastLinkLayout = fragments
+      emitLinkLayout(this, fragments)
+    }
+
+    override fun onLayout(
+      changed: Boolean,
+      left: Int,
+      top: Int,
+      right: Int,
+      bottom: Int,
+    ) {
+      super.onLayout(changed, left, top, right, bottom)
+      emitLinkLayoutIfNeeded()
+    }
+
+    // Trailing bottom margin included in the shadow-node measurement — must be
+    // mirrored when re-storing the measurement from the display text.
+    fun trailingMarginBottomPx(): Float = if (allowTrailingMargin) renderer.getLastElementMarginBottom() else 0f
+
     fun setContextMenuItems(items: List<String>) {
       contextMenuItemTexts = items
     }
@@ -326,6 +480,10 @@ class EnrichedMarkdownText
       checkboxTouchHelper.onCheckboxTap = callback
     }
 
+    fun setEnableTaskListItemToggle(enabled: Boolean) {
+      checkboxTouchHelper.isEnabled = enabled
+    }
+
     override fun onAttachedToWindow() {
       super.onAttachedToWindow()
       pendingStyledText?.let {
@@ -335,6 +493,7 @@ class EnrichedMarkdownText
     }
 
     override fun onDetachedFromWindow() {
+      selectionReporter?.cancel()
       stopSpoilerAnimations()
       super.onDetachedFromWindow()
     }

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

@@ -1,12 +1,21 @@
 package com.swmansion.enriched.markdown
 
+import com.facebook.react.bridge.Arguments
+
 class EnrichedMarkdownTextLayoutManager(
   private val view: EnrichedMarkdownText,
 ) {
+  private var forceHeightRecalculationCounter = 0
+
   fun invalidateLayout() {
     val text = view.text
     val paint = view.paint
-    MeasurementStore.store(view.id, text, paint)
+    val heightChanged = MeasurementStore.store(view.id, text, paint, view.trailingMarginBottomPx())
+    if (!heightChanged) return
+    val stateWrapper = view.stateWrapper ?: return
+    val state = Arguments.createMap()
+    state.putInt("forceHeightRecalculationCounter", ++forceHeightRecalculationCounter)
+    stateWrapper.updateState(state)
   }
 
   fun releaseMeasurementStore() {

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

@@ -4,7 +4,9 @@ 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.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
@@ -13,12 +15,14 @@ import com.facebook.react.viewmanagers.EnrichedMarkdownTextManagerInterface
 import com.facebook.yoga.YogaMeasureMode
 import com.swmansion.enriched.markdown.spoiler.SpoilerOverlay
 import com.swmansion.enriched.markdown.utils.common.emitContextMenuItemPress
+import com.swmansion.enriched.markdown.utils.common.emitCopyRequest
 import com.swmansion.enriched.markdown.utils.common.emitLinkLongPress
 import com.swmansion.enriched.markdown.utils.common.emitLinkPress
 import com.swmansion.enriched.markdown.utils.common.emitTaskListItemPress
 import com.swmansion.enriched.markdown.utils.common.markdownEventTypeConstants
 import com.swmansion.enriched.markdown.utils.common.parseAccessibilityLabels
 import com.swmansion.enriched.markdown.utils.common.parseContextMenuItems
+import com.swmansion.enriched.markdown.utils.common.parseImageRequestHeaders
 import com.swmansion.enriched.markdown.utils.common.parseMd4cFlags
 import com.swmansion.enriched.markdown.utils.common.parseSelectionMenuConfig
 import com.swmansion.enriched.markdown.utils.text.interaction.TaskListTapUtils
@@ -39,6 +43,9 @@ class EnrichedMarkdownTextManager :
     view.onContextMenuItemPressCallback = { itemText, selectedText, selectionStart, selectionEnd ->
       emitContextMenuItemPress(view, itemText, selectedText, selectionStart, selectionEnd)
     }
+    view.onCopyRequestCallback = { markdown, text, whole ->
+      emitCopyRequest(view, "selection", markdown, text, whole)
+    }
 
     view.setOnLinkPressCallback { url ->
       emitLinkPress(view, url)
@@ -69,6 +76,20 @@ class EnrichedMarkdownTextManager :
     return view
   }
 
+  override fun onAfterUpdateTransaction(view: EnrichedMarkdownText) {
+    super.onAfterUpdateTransaction(view)
+    view.commitProps()
+  }
+
+  override fun updateState(
+    view: EnrichedMarkdownText,
+    props: ReactStylesDiffMap?,
+    stateWrapper: StateWrapper?,
+  ): Any? {
+    view.stateWrapper = stateWrapper
+    return super.updateState(view, props, stateWrapper)
+  }
+
   override fun onDropViewInstance(view: EnrichedMarkdownText) {
     super.onDropViewInstance(view)
     MeasurementStore.clearFontScalingSettings(view.id)
@@ -148,6 +169,36 @@ class EnrichedMarkdownTextManager :
     view?.setAllowTrailingMargin(allowTrailingMargin)
   }
 
+  @ReactProp(name = "contextMenuHidden", defaultBoolean = false)
+  override fun setContextMenuHidden(
+    view: EnrichedMarkdownText?,
+    contextMenuHidden: Boolean,
+  ) {
+    view?.setContextMenuHidden(contextMenuHidden)
+  }
+
+  @ReactProp(name = "emitLinkLayout", defaultBoolean = false)
+  override fun setEmitLinkLayout(
+    view: EnrichedMarkdownText?,
+    emitLinkLayout: Boolean,
+  ) {
+    view?.setEmitLinkLayout(emitLinkLayout)
+  }
+
+  @ReactProp(name = "emitSelectionChange", defaultBoolean = false)
+  override fun setEmitSelectionChange(
+    view: EnrichedMarkdownText?,
+    emitSelectionChange: Boolean,
+  ) {
+    view?.setEmitSelectionChange(emitSelectionChange)
+  }
+
+  // Commands
+
+  override fun clearSelection(view: EnrichedMarkdownText?) {
+    view?.clearSelection()
+  }
+
   @ReactProp(name = "enableLinkPreview", defaultBoolean = true)
   override fun setEnableLinkPreview(
     view: EnrichedMarkdownText?,
@@ -156,6 +207,22 @@ class EnrichedMarkdownTextManager :
     // No-op on Android — only used on iOS
   }
 
+  @ReactProp(name = "linkLongPressSelects", defaultBoolean = false)
+  override fun setLinkLongPressSelects(
+    view: EnrichedMarkdownText?,
+    linkLongPressSelects: Boolean,
+  ) {
+    // No-op on Android — only used on iOS
+  }
+
+  @ReactProp(name = "enableTaskListItemToggle", defaultBoolean = true)
+  override fun setEnableTaskListItemToggle(
+    view: EnrichedMarkdownText?,
+    enableTaskListItemToggle: Boolean,
+  ) {
+    view?.setEnableTaskListItemToggle(enableTaskListItemToggle)
+  }
+
   @ReactProp(name = "lineBreakStrategyIOS")
   override fun setLineBreakStrategyIOS(
     view: EnrichedMarkdownText?,
@@ -213,6 +280,15 @@ class EnrichedMarkdownTextManager :
     view.setContextMenuItems(parseContextMenuItems(value))
   }
 
+  @ReactProp(name = "imageRequestHeaders")
+  override fun setImageRequestHeaders(
+    view: EnrichedMarkdownText?,
+    value: ReadableArray?,
+  ) {
+    if (view == null) return
+    view.setImageRequestHeaders(parseImageRequestHeaders(value))
+  }
+
   @ReactProp(name = "selectionMenuConfig")
   override fun setSelectionMenuConfig(
     view: EnrichedMarkdownText?,