react-native-enriched-markdown-scaffold 1.0.2-scaffold.3 → 1.0.2-scaffold.4

package/android/generated/java/com/facebook/react/viewmanagers/EnrichedMarkdownManagerDelegate.java

@@ -32,6 +32,9 @@ public class EnrichedMarkdownManagerDelegate<T extends View, U extends BaseViewM
       case "markdownStyle":
         mViewManager.setMarkdownStyle(view, (ReadableMap) value);
         break;
+      case "emitLinkLayout":
+        mViewManager.setEmitLinkLayout(view, value == null ? false : (boolean) value);
+        break;
       case "enableTaskListItemToggle":
         mViewManager.setEnableTaskListItemToggle(view, value == null ? true : (boolean) value);
         break;

package/android/generated/java/com/facebook/react/viewmanagers/EnrichedMarkdownManagerInterface.java

@@ -18,6 +18,7 @@ import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
 public interface EnrichedMarkdownManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
   void setMarkdown(T view, @Nullable String value);
   void setMarkdownStyle(T view, @Nullable ReadableMap value);
+  void setEmitLinkLayout(T view, boolean value);
   void setEnableTaskListItemToggle(T view, boolean value);
   void setEnableLinkPreview(T view, boolean value);
   void setSelectable(T view, boolean value);

package/android/generated/java/com/facebook/react/viewmanagers/EnrichedMarkdownTextManagerDelegate.java

@@ -32,6 +32,9 @@ public class EnrichedMarkdownTextManagerDelegate<T extends View, U extends BaseV
       case "markdownStyle":
         mViewManager.setMarkdownStyle(view, (ReadableMap) value);
         break;
+      case "emitLinkLayout":
+        mViewManager.setEmitLinkLayout(view, value == null ? false : (boolean) value);
+        break;
       case "enableTaskListItemToggle":
         mViewManager.setEnableTaskListItemToggle(view, value == null ? true : (boolean) value);
         break;

package/android/generated/java/com/facebook/react/viewmanagers/EnrichedMarkdownTextManagerInterface.java

@@ -18,6 +18,7 @@ import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
 public interface EnrichedMarkdownTextManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
   void setMarkdown(T view, @Nullable String value);
   void setMarkdownStyle(T view, @Nullable ReadableMap value);
+  void setEmitLinkLayout(T view, boolean value);
   void setEnableTaskListItemToggle(T view, boolean value);
   void setEnableLinkPreview(T view, boolean value);
   void setSelectable(T view, boolean value);

package/android/generated/jni/react/renderer/components/EnrichedMarkdownTextSpec/EventEmitters.cpp

@@ -31,6 +31,30 @@ void EnrichedMarkdownEventEmitter::onLinkLongPress(OnLinkLongPress event) const
 }
 
 
+void EnrichedMarkdownEventEmitter::onLinkLayout(OnLinkLayout event) const {
+  dispatchEvent("linkLayout", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    
+    auto fragments = jsi::Array(runtime, event.fragments.size());
+    size_t fragmentsIndex = 0;
+    for (auto fragmentsValue : event.fragments) {
+      auto fragmentsObject = jsi::Object(runtime);
+      fragmentsObject.setProperty(runtime, "linkIndex", fragmentsValue.linkIndex);
+fragmentsObject.setProperty(runtime, "url", fragmentsValue.url);
+fragmentsObject.setProperty(runtime, "text", fragmentsValue.text);
+fragmentsObject.setProperty(runtime, "x", fragmentsValue.x);
+fragmentsObject.setProperty(runtime, "y", fragmentsValue.y);
+fragmentsObject.setProperty(runtime, "width", fragmentsValue.width);
+fragmentsObject.setProperty(runtime, "height", fragmentsValue.height);
+      fragments.setValueAtIndex(runtime, fragmentsIndex++, fragmentsObject);
+    }
+    payload.setProperty(runtime, "fragments", fragments);
+  
+    return payload;
+  });
+}
+
+
 void EnrichedMarkdownEventEmitter::onTaskListItemPress(OnTaskListItemPress event) const {
   dispatchEvent("taskListItemPress", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
@@ -370,6 +394,30 @@ void EnrichedMarkdownTextEventEmitter::onLinkLongPress(OnLinkLongPress event) co
 }
 
 
+void EnrichedMarkdownTextEventEmitter::onLinkLayout(OnLinkLayout event) const {
+  dispatchEvent("linkLayout", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    
+    auto fragments = jsi::Array(runtime, event.fragments.size());
+    size_t fragmentsIndex = 0;
+    for (auto fragmentsValue : event.fragments) {
+      auto fragmentsObject = jsi::Object(runtime);
+      fragmentsObject.setProperty(runtime, "linkIndex", fragmentsValue.linkIndex);
+fragmentsObject.setProperty(runtime, "url", fragmentsValue.url);
+fragmentsObject.setProperty(runtime, "text", fragmentsValue.text);
+fragmentsObject.setProperty(runtime, "x", fragmentsValue.x);
+fragmentsObject.setProperty(runtime, "y", fragmentsValue.y);
+fragmentsObject.setProperty(runtime, "width", fragmentsValue.width);
+fragmentsObject.setProperty(runtime, "height", fragmentsValue.height);
+      fragments.setValueAtIndex(runtime, fragmentsIndex++, fragmentsObject);
+    }
+    payload.setProperty(runtime, "fragments", fragments);
+  
+    return payload;
+  });
+}
+
+
 void EnrichedMarkdownTextEventEmitter::onTaskListItemPress(OnTaskListItemPress event) const {
   dispatchEvent("taskListItemPress", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);

package/android/generated/jni/react/renderer/components/EnrichedMarkdownTextSpec/EventEmitters.h

@@ -25,6 +25,20 @@ class EnrichedMarkdownEventEmitter : public ViewEventEmitter {
       std::string url;
     };
 
+  struct OnLinkLayoutFragments {
+      int linkIndex;
+    std::string url;
+    std::string text;
+    double x;
+    double y;
+    double width;
+    double height;
+    };
+
+  struct OnLinkLayout {
+      std::vector<OnLinkLayoutFragments> fragments;
+    };
+
   struct OnTaskListItemPress {
       int index;
     bool checked;
@@ -53,6 +67,8 @@ class EnrichedMarkdownEventEmitter : public ViewEventEmitter {
 
   void onLinkLongPress(OnLinkLongPress value) const;
 
+  void onLinkLayout(OnLinkLayout value) const;
+
   void onTaskListItemPress(OnTaskListItemPress value) const;
 
   void onCopyPress(OnCopyPress value) const;
@@ -301,6 +317,20 @@ class EnrichedMarkdownTextEventEmitter : public ViewEventEmitter {
       std::string url;
     };
 
+  struct OnLinkLayoutFragments {
+      int linkIndex;
+    std::string url;
+    std::string text;
+    double x;
+    double y;
+    double width;
+    double height;
+    };
+
+  struct OnLinkLayout {
+      std::vector<OnLinkLayoutFragments> fragments;
+    };
+
   struct OnTaskListItemPress {
       int index;
     bool checked;
@@ -329,6 +359,8 @@ class EnrichedMarkdownTextEventEmitter : public ViewEventEmitter {
 
   void onLinkLongPress(OnLinkLongPress value) const;
 
+  void onLinkLayout(OnLinkLayout value) const;
+
   void onTaskListItemPress(OnTaskListItemPress value) const;
 
   void onCopyPress(OnCopyPress value) const;

package/android/generated/jni/react/renderer/components/EnrichedMarkdownTextSpec/Props.cpp

@@ -21,6 +21,7 @@ EnrichedMarkdownProps::EnrichedMarkdownProps(
 
     markdown(convertRawProp(context, rawProps, "markdown", sourceProps.markdown, {})),
     markdownStyle(convertRawProp(context, rawProps, "markdownStyle", sourceProps.markdownStyle, {})),
+    emitLinkLayout(convertRawProp(context, rawProps, "emitLinkLayout", sourceProps.emitLinkLayout, {false})),
     enableTaskListItemToggle(convertRawProp(context, rawProps, "enableTaskListItemToggle", sourceProps.enableTaskListItemToggle, {true})),
     enableLinkPreview(convertRawProp(context, rawProps, "enableLinkPreview", sourceProps.enableLinkPreview, {true})),
     selectable(convertRawProp(context, rawProps, "selectable", sourceProps.selectable, {false})),
@@ -66,6 +67,10 @@ folly::dynamic EnrichedMarkdownProps::getDiffProps(
     result["markdownStyle"] = toDynamic(markdownStyle);
   }
     
+  if (emitLinkLayout != oldProps->emitLinkLayout) {
+    result["emitLinkLayout"] = emitLinkLayout;
+  }
+    
   if (enableTaskListItemToggle != oldProps->enableTaskListItemToggle) {
     result["enableTaskListItemToggle"] = enableTaskListItemToggle;
   }
@@ -304,6 +309,7 @@ EnrichedMarkdownTextProps::EnrichedMarkdownTextProps(
 
     markdown(convertRawProp(context, rawProps, "markdown", sourceProps.markdown, {})),
     markdownStyle(convertRawProp(context, rawProps, "markdownStyle", sourceProps.markdownStyle, {})),
+    emitLinkLayout(convertRawProp(context, rawProps, "emitLinkLayout", sourceProps.emitLinkLayout, {false})),
     enableTaskListItemToggle(convertRawProp(context, rawProps, "enableTaskListItemToggle", sourceProps.enableTaskListItemToggle, {true})),
     enableLinkPreview(convertRawProp(context, rawProps, "enableLinkPreview", sourceProps.enableLinkPreview, {true})),
     selectable(convertRawProp(context, rawProps, "selectable", sourceProps.selectable, {false})),
@@ -349,6 +355,10 @@ folly::dynamic EnrichedMarkdownTextProps::getDiffProps(
     result["markdownStyle"] = toDynamic(markdownStyle);
   }
     
+  if (emitLinkLayout != oldProps->emitLinkLayout) {
+    result["emitLinkLayout"] = emitLinkLayout;
+  }
+    
   if (enableTaskListItemToggle != oldProps->enableTaskListItemToggle) {
     result["enableTaskListItemToggle"] = enableTaskListItemToggle;
   }

package/android/generated/jni/react/renderer/components/EnrichedMarkdownTextSpec/Props.h

@@ -997,6 +997,11 @@ struct EnrichedMarkdownMarkdownStyleLinkStruct {
   SharedColor color{};
   bool underline{false};
   SharedColor backgroundColor{};
+  Float borderRadius{0.0};
+  Float paddingHorizontal{0.0};
+  Float paddingVertical{0.0};
+  SharedColor borderColor{};
+  Float borderWidth{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -1008,6 +1013,11 @@ struct EnrichedMarkdownMarkdownStyleLinkStruct {
     result["color"] = ::facebook::react::toDynamic(color);
     result["underline"] = underline;
     result["backgroundColor"] = ::facebook::react::toDynamic(backgroundColor);
+    result["borderRadius"] = borderRadius;
+    result["paddingHorizontal"] = paddingHorizontal;
+    result["paddingVertical"] = paddingVertical;
+    result["borderColor"] = ::facebook::react::toDynamic(borderColor);
+    result["borderWidth"] = borderWidth;
     return result;
   }
 #endif
@@ -1032,6 +1042,26 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_backgroundColor != map.end()) {
     fromRawValue(context, tmp_backgroundColor->second, result.backgroundColor);
   }
+  auto tmp_borderRadius = map.find("borderRadius");
+  if (tmp_borderRadius != map.end()) {
+    fromRawValue(context, tmp_borderRadius->second, result.borderRadius);
+  }
+  auto tmp_paddingHorizontal = map.find("paddingHorizontal");
+  if (tmp_paddingHorizontal != map.end()) {
+    fromRawValue(context, tmp_paddingHorizontal->second, result.paddingHorizontal);
+  }
+  auto tmp_paddingVertical = map.find("paddingVertical");
+  if (tmp_paddingVertical != map.end()) {
+    fromRawValue(context, tmp_paddingVertical->second, result.paddingVertical);
+  }
+  auto tmp_borderColor = map.find("borderColor");
+  if (tmp_borderColor != map.end()) {
+    fromRawValue(context, tmp_borderColor->second, result.borderColor);
+  }
+  auto tmp_borderWidth = map.find("borderWidth");
+  if (tmp_borderWidth != map.end()) {
+    fromRawValue(context, tmp_borderWidth->second, result.borderWidth);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownMarkdownStyleLinkStruct &value) {
@@ -1049,6 +1079,11 @@ struct EnrichedMarkdownMarkdownStyleLinkVariantsStruct {
   SharedColor color{};
   bool underline{false};
   SharedColor backgroundColor{};
+  Float borderRadius{0.0};
+  Float paddingHorizontal{0.0};
+  Float paddingVertical{0.0};
+  SharedColor borderColor{};
+  Float borderWidth{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -1060,6 +1095,11 @@ struct EnrichedMarkdownMarkdownStyleLinkVariantsStruct {
     result["color"] = ::facebook::react::toDynamic(color);
     result["underline"] = underline;
     result["backgroundColor"] = ::facebook::react::toDynamic(backgroundColor);
+    result["borderRadius"] = borderRadius;
+    result["paddingHorizontal"] = paddingHorizontal;
+    result["paddingVertical"] = paddingVertical;
+    result["borderColor"] = ::facebook::react::toDynamic(borderColor);
+    result["borderWidth"] = borderWidth;
     return result;
   }
 #endif
@@ -1084,6 +1124,26 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_backgroundColor != map.end()) {
     fromRawValue(context, tmp_backgroundColor->second, result.backgroundColor);
   }
+  auto tmp_borderRadius = map.find("borderRadius");
+  if (tmp_borderRadius != map.end()) {
+    fromRawValue(context, tmp_borderRadius->second, result.borderRadius);
+  }
+  auto tmp_paddingHorizontal = map.find("paddingHorizontal");
+  if (tmp_paddingHorizontal != map.end()) {
+    fromRawValue(context, tmp_paddingHorizontal->second, result.paddingHorizontal);
+  }
+  auto tmp_paddingVertical = map.find("paddingVertical");
+  if (tmp_paddingVertical != map.end()) {
+    fromRawValue(context, tmp_paddingVertical->second, result.paddingVertical);
+  }
+  auto tmp_borderColor = map.find("borderColor");
+  if (tmp_borderColor != map.end()) {
+    fromRawValue(context, tmp_borderColor->second, result.borderColor);
+  }
+  auto tmp_borderWidth = map.find("borderWidth");
+  if (tmp_borderWidth != map.end()) {
+    fromRawValue(context, tmp_borderWidth->second, result.borderWidth);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownMarkdownStyleLinkVariantsStruct &value) {
@@ -2826,6 +2886,7 @@ class EnrichedMarkdownProps final : public ViewProps {
 
   std::string markdown{};
   EnrichedMarkdownMarkdownStyleStruct markdownStyle{};
+  bool emitLinkLayout{false};
   bool enableTaskListItemToggle{true};
   bool enableLinkPreview{true};
   bool selectable{false};
@@ -4980,6 +5041,11 @@ struct EnrichedMarkdownTextMarkdownStyleLinkStruct {
   SharedColor color{};
   bool underline{false};
   SharedColor backgroundColor{};
+  Float borderRadius{0.0};
+  Float paddingHorizontal{0.0};
+  Float paddingVertical{0.0};
+  SharedColor borderColor{};
+  Float borderWidth{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -4991,6 +5057,11 @@ struct EnrichedMarkdownTextMarkdownStyleLinkStruct {
     result["color"] = ::facebook::react::toDynamic(color);
     result["underline"] = underline;
     result["backgroundColor"] = ::facebook::react::toDynamic(backgroundColor);
+    result["borderRadius"] = borderRadius;
+    result["paddingHorizontal"] = paddingHorizontal;
+    result["paddingVertical"] = paddingVertical;
+    result["borderColor"] = ::facebook::react::toDynamic(borderColor);
+    result["borderWidth"] = borderWidth;
     return result;
   }
 #endif
@@ -5015,6 +5086,26 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_backgroundColor != map.end()) {
     fromRawValue(context, tmp_backgroundColor->second, result.backgroundColor);
   }
+  auto tmp_borderRadius = map.find("borderRadius");
+  if (tmp_borderRadius != map.end()) {
+    fromRawValue(context, tmp_borderRadius->second, result.borderRadius);
+  }
+  auto tmp_paddingHorizontal = map.find("paddingHorizontal");
+  if (tmp_paddingHorizontal != map.end()) {
+    fromRawValue(context, tmp_paddingHorizontal->second, result.paddingHorizontal);
+  }
+  auto tmp_paddingVertical = map.find("paddingVertical");
+  if (tmp_paddingVertical != map.end()) {
+    fromRawValue(context, tmp_paddingVertical->second, result.paddingVertical);
+  }
+  auto tmp_borderColor = map.find("borderColor");
+  if (tmp_borderColor != map.end()) {
+    fromRawValue(context, tmp_borderColor->second, result.borderColor);
+  }
+  auto tmp_borderWidth = map.find("borderWidth");
+  if (tmp_borderWidth != map.end()) {
+    fromRawValue(context, tmp_borderWidth->second, result.borderWidth);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownTextMarkdownStyleLinkStruct &value) {
@@ -5032,6 +5123,11 @@ struct EnrichedMarkdownTextMarkdownStyleLinkVariantsStruct {
   SharedColor color{};
   bool underline{false};
   SharedColor backgroundColor{};
+  Float borderRadius{0.0};
+  Float paddingHorizontal{0.0};
+  Float paddingVertical{0.0};
+  SharedColor borderColor{};
+  Float borderWidth{0.0};
 
 
 #ifdef RN_SERIALIZABLE_STATE
@@ -5043,6 +5139,11 @@ struct EnrichedMarkdownTextMarkdownStyleLinkVariantsStruct {
     result["color"] = ::facebook::react::toDynamic(color);
     result["underline"] = underline;
     result["backgroundColor"] = ::facebook::react::toDynamic(backgroundColor);
+    result["borderRadius"] = borderRadius;
+    result["paddingHorizontal"] = paddingHorizontal;
+    result["paddingVertical"] = paddingVertical;
+    result["borderColor"] = ::facebook::react::toDynamic(borderColor);
+    result["borderWidth"] = borderWidth;
     return result;
   }
 #endif
@@ -5067,6 +5168,26 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_backgroundColor != map.end()) {
     fromRawValue(context, tmp_backgroundColor->second, result.backgroundColor);
   }
+  auto tmp_borderRadius = map.find("borderRadius");
+  if (tmp_borderRadius != map.end()) {
+    fromRawValue(context, tmp_borderRadius->second, result.borderRadius);
+  }
+  auto tmp_paddingHorizontal = map.find("paddingHorizontal");
+  if (tmp_paddingHorizontal != map.end()) {
+    fromRawValue(context, tmp_paddingHorizontal->second, result.paddingHorizontal);
+  }
+  auto tmp_paddingVertical = map.find("paddingVertical");
+  if (tmp_paddingVertical != map.end()) {
+    fromRawValue(context, tmp_paddingVertical->second, result.paddingVertical);
+  }
+  auto tmp_borderColor = map.find("borderColor");
+  if (tmp_borderColor != map.end()) {
+    fromRawValue(context, tmp_borderColor->second, result.borderColor);
+  }
+  auto tmp_borderWidth = map.find("borderWidth");
+  if (tmp_borderWidth != map.end()) {
+    fromRawValue(context, tmp_borderWidth->second, result.borderWidth);
+  }
 }
 
 static inline std::string toString(const EnrichedMarkdownTextMarkdownStyleLinkVariantsStruct &value) {
@@ -6809,6 +6930,7 @@ class EnrichedMarkdownTextProps final : public ViewProps {
 
   std::string markdown{};
   EnrichedMarkdownTextMarkdownStyleStruct markdownStyle{};
+  bool emitLinkLayout{false};
   bool enableTaskListItemToggle{true};
   bool enableLinkPreview{true};
   bool selectable{false};

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

@@ -25,9 +25,12 @@ import com.swmansion.enriched.markdown.utils.common.RenderedSegment
 import com.swmansion.enriched.markdown.utils.common.SegmentReconciler
 import com.swmansion.enriched.markdown.utils.common.StreamingMarkdownFilter
 import com.swmansion.enriched.markdown.utils.common.TableStreamingMode
+import com.swmansion.enriched.markdown.utils.common.emitLinkLayout
 import com.swmansion.enriched.markdown.utils.common.isReducedMotionEnabled
 import com.swmansion.enriched.markdown.utils.common.splitASTIntoSegments
 import com.swmansion.enriched.markdown.utils.text.TailFadeInAnimator
+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.SelectionMenuConfig
 import com.swmansion.enriched.markdown.utils.text.view.applySelectionColors
 import com.swmansion.enriched.markdown.views.BlockMenuOptions
@@ -99,6 +102,8 @@ class EnrichedMarkdown
     private var selectionMenuConfig = SelectionMenuConfig()
     private var accessibilityLabels = AccessibilityLabels()
     private var textBreakStrategy: String = BreakStrategyUtils.DEFAULT_STRATEGY
+    private var linkLayoutEnabled = false
+    private var lastLinkLayout: List<LinkLayoutFragment>? = null
 
     private var onLinkPressCallback: ((String) -> Unit)? = null
     private var onLinkLongPressCallback: ((String) -> Unit)? = null
@@ -782,6 +787,39 @@ class EnrichedMarkdown
           currentY += segment?.segmentMarginBottom ?: 0
         }
       }
+
+      emitLinkLayoutIfNeeded()
+    }
+
+    fun setEmitLinkLayout(enabled: Boolean) {
+      if (linkLayoutEnabled == enabled) return
+      linkLayoutEnabled = enabled
+      lastLinkLayout = null
+      emitLinkLayoutIfNeeded()
+    }
+
+    /**
+     * Reports link rects of every text segment (offset by the segment's position) to JS for
+     * `renderLinkDecoration`. Tables are skipped: their cells scroll horizontally, so rects would
+     * go stale. Runs after each segment layout pass; deduplicated so an unchanged layout sends nothing.
+     */
+    private fun emitLinkLayoutIfNeeded() {
+      if (!linkLayoutEnabled || width <= 0) return
+      val fragments = mutableListOf<LinkLayoutFragment>()
+      var linkCount = 0
+      segmentViews.forEach { view ->
+        if (view is TableContainerView) {
+          linkCount += view.linkCount
+          return@forEach
+        }
+        if (view !is EnrichedMarkdownInternalText) return@forEach
+        val (segmentFragments, segmentLinks) = LinkLayoutCollector.collect(view, view.left, view.top, linkCount)
+        fragments += segmentFragments
+        linkCount += segmentLinks
+      }
+      if (fragments == lastLinkLayout) return
+      lastLinkLayout = fragments
+      emitLinkLayout(this, fragments)
     }
 
     private fun computeSegmentsTotalHeight(): Int {

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

@@ -177,6 +177,14 @@ class EnrichedMarkdownManager :
     view?.setContextMenuHidden(contextMenuHidden)
   }
 
+  @ReactProp(name = "emitLinkLayout", defaultBoolean = false)
+  override fun setEmitLinkLayout(
+    view: EnrichedMarkdown?,
+    emitLinkLayout: Boolean,
+  ) {
+    view?.setEmitLinkLayout(emitLinkLayout)
+  }
+
   @ReactProp(name = "enableLinkPreview", defaultBoolean = true)
   override fun setEnableLinkPreview(
     view: EnrichedMarkdown?,

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

@@ -24,8 +24,11 @@ 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.text.TailFadeInAnimator
 import com.swmansion.enriched.markdown.utils.text.interaction.CheckboxTouchHelper
+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.SelectionMenuConfig
 import com.swmansion.enriched.markdown.utils.text.view.applySelectableState
@@ -102,6 +105,9 @@ class EnrichedMarkdownText
     private var contextMenuHidden = false
     private var activeActionMode: ActionMode? = null
 
+    private var linkLayoutEnabled = false
+    private var lastLinkLayout: List<LinkLayoutFragment>? = null
+
     init {
       setupAsMarkdownTextView()
       customSelectionActionModeCallback =
@@ -310,6 +316,37 @@ class EnrichedMarkdownText
       }
 
       applySelectionColors(selectionColor, selectionHandleColor)
+      emitLinkLayoutIfNeeded()
+    }
+
+    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

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

@@ -177,6 +177,14 @@ class EnrichedMarkdownTextManager :
     view?.setContextMenuHidden(contextMenuHidden)
   }
 
+  @ReactProp(name = "emitLinkLayout", defaultBoolean = false)
+  override fun setEmitLinkLayout(
+    view: EnrichedMarkdownText?,
+    emitLinkLayout: Boolean,
+  ) {
+    view?.setEmitLinkLayout(emitLinkLayout)
+  }
+
   @ReactProp(name = "enableLinkPreview", defaultBoolean = true)
   override fun setEnableLinkPreview(
     view: EnrichedMarkdownText?,

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

@@ -0,0 +1,36 @@
+package com.swmansion.enriched.markdown.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+import com.swmansion.enriched.markdown.utils.text.view.LinkLayoutFragment
+
+class LinkLayoutEvent(
+  surfaceId: Int,
+  viewId: Int,
+  private val fragments: List<LinkLayoutFragment>,
+) : Event<LinkLayoutEvent>(surfaceId, viewId) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    val array = Arguments.createArray()
+    fragments.forEach { fragment ->
+      array.pushMap(
+        Arguments.createMap().apply {
+          putInt("linkIndex", fragment.linkIndex)
+          putString("url", fragment.url)
+          putString("text", fragment.text)
+          putDouble("x", fragment.x.toDouble())
+          putDouble("y", fragment.y.toDouble())
+          putDouble("width", fragment.width.toDouble())
+          putDouble("height", fragment.height.toDouble())
+        },
+      )
+    }
+    return Arguments.createMap().apply { putArray("fragments", array) }
+  }
+
+  companion object {
+    const val EVENT_NAME: String = "onLinkLayout"
+  }
+}

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

@@ -2,6 +2,9 @@ package com.swmansion.enriched.markdown.renderer
 
 import android.text.SpannableStringBuilder
 import com.swmansion.enriched.markdown.parser.MarkdownASTNode
+import com.swmansion.enriched.markdown.spans.LinkChipBackgroundSpan
+import com.swmansion.enriched.markdown.spans.LinkSpacerSpan
+import com.swmansion.enriched.markdown.spans.LinkSpacers
 import com.swmansion.enriched.markdown.spans.LinkSpan
 import com.swmansion.enriched.markdown.utils.text.span.SPAN_FLAGS_EXCLUSIVE_EXCLUSIVE
 
@@ -16,14 +19,41 @@ class LinkRenderer(
     factory: RendererFactory,
   ) {
     val url = node.getAttribute("url") ?: return
+    // Chip ("box") properties never fall back to the base link style.
+    val chip = factory.styleCache.linkChipForUrl(url)
+    val padding = chip.paddingHorizontal
 
-    factory.renderWithSpan(builder, { factory.renderChildren(node, builder, onLinkPress, onLinkLongPress) }) { start, end, blockStyle ->
-      builder.setSpan(
-        LinkSpan(url, onLinkPress, onLinkLongPress, factory.styleCache, blockStyle, factory.context),
-        start,
-        end,
-        SPAN_FLAGS_EXCLUSIVE_EXCLUSIVE,
-      )
+    val start = builder.length
+    // The leading spacer goes in before the children so ranges they register stay valid.
+    if (padding > 0f) appendSpacer(builder, padding)
+    val contentStart = builder.length
+
+    factory.renderChildren(node, builder, onLinkPress, onLinkLongPress)
+
+    if (builder.length == contentStart) {
+      if (contentStart > start) builder.delete(start, contentStart)
+      return
     }
+    if (padding > 0f) appendSpacer(builder, padding)
+    val end = builder.length
+
+    val blockStyle = factory.blockStyleContext.requireBlockStyle()
+    builder.setSpan(
+      LinkSpan(url, onLinkPress, onLinkLongPress, factory.styleCache, blockStyle, factory.context),
+      start,
+      end,
+      SPAN_FLAGS_EXCLUSIVE_EXCLUSIVE,
+    )
+    // One instance per link: also identifies the link for link-layout reporting.
+    builder.setSpan(LinkChipBackgroundSpan(chip), start, end, SPAN_FLAGS_EXCLUSIVE_EXCLUSIVE)
+  }
+
+  private fun appendSpacer(
+    builder: SpannableStringBuilder,
+    width: Float,
+  ) {
+    val position = builder.length
+    builder.append(LinkSpacers.CHAR)
+    builder.setSpan(LinkSpacerSpan(width), position, position + 1, SPAN_FLAGS_EXCLUSIVE_EXCLUSIVE)
   }
 }