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

package/android/src/main/java/com/swmansion/enriched/markdown/utils/text/view/LinkLayoutCollector.kt

@@ -0,0 +1,100 @@
+package com.swmansion.enriched.markdown.utils.text.view
+
+import android.text.Layout
+import android.text.Spanned
+import android.widget.TextView
+import com.facebook.react.uimanager.PixelUtil
+import com.swmansion.enriched.markdown.spans.LinkChipBackgroundSpan
+import com.swmansion.enriched.markdown.spans.LinkSpacers
+import com.swmansion.enriched.markdown.spans.LinkSpan
+import kotlin.math.max
+import kotlin.math.min
+
+/** One laid-out line of a link, in dp relative to the reporting view. Covers the drawn chip. */
+data class LinkLayoutFragment(
+  val linkIndex: Int,
+  val url: String,
+  val text: String,
+  val x: Float,
+  val y: Float,
+  val width: Float,
+  val height: Float,
+)
+
+object LinkLayoutCollector {
+  /**
+   * Collects the chip rect of every link fragment laid out in [textView], for `onLinkLayout`.
+   * Rects are offset by the text view's own padding plus [offsetXPx]/[offsetYPx] (a segment's
+   * position inside its container), then converted to dp. Links are numbered in document order
+   * from [indexBase]; returns the fragments and the number of links found.
+   */
+  fun collect(
+    textView: TextView,
+    offsetXPx: Int = 0,
+    offsetYPx: Int = 0,
+    indexBase: Int = 0,
+  ): Pair<List<LinkLayoutFragment>, Int> {
+    val layout = textView.layout ?: return emptyList<LinkLayoutFragment>() to 0
+    val text = textView.text as? Spanned ?: return emptyList<LinkLayoutFragment>() to 0
+
+    // LinkRenderer sets one LinkChipBackgroundSpan per link, spacers included.
+    val chips =
+      text
+        .getSpans(0, text.length, LinkChipBackgroundSpan::class.java)
+        .sortedBy { text.getSpanStart(it) }
+    val originX = offsetXPx + textView.totalPaddingLeft
+    val originY = offsetYPx + textView.totalPaddingTop
+
+    val fragments = mutableListOf<LinkLayoutFragment>()
+    chips.forEachIndexed { i, chipSpan ->
+      val start = text.getSpanStart(chipSpan)
+      val end = text.getSpanEnd(chipSpan)
+      if (start !in 0 until end) return@forEachIndexed
+
+      val url = text.getSpans(start, end, LinkSpan::class.java).firstOrNull()?.url ?: ""
+      val linkText = LinkSpacers.strip(text.subSequence(start, end)).toString()
+      val (ascent, descent) = LinkChipBackgroundSpan.linkFontMetrics(text, start, end, textView.paint)
+      val paddingVertical = chipSpan.chip.paddingVertical
+
+      for (line in layout.getLineForOffset(start)..layout.getLineForOffset(end - 1)) {
+        val fragmentStart = max(start, layout.getLineStart(line))
+        val fragmentEnd =
+          LinkChipBackgroundSpan.trimTrailingWhitespace(text, fragmentStart, min(end, layout.getLineEnd(line)))
+        if (fragmentEnd <= fragmentStart) continue
+
+        val left = layout.getPrimaryHorizontal(fragmentStart)
+        val right = lineEndHorizontal(layout, line, fragmentEnd)
+        val baseline = layout.getLineBaseline(line).toFloat()
+        val top = baseline + ascent - paddingVertical
+        val bottom = baseline + descent + paddingVertical
+
+        fragments +=
+          LinkLayoutFragment(
+            linkIndex = indexBase + i,
+            url = url,
+            text = linkText,
+            x = PixelUtil.toDIPFromPixel(min(left, right) + originX),
+            y = PixelUtil.toDIPFromPixel(top + originY),
+            width = PixelUtil.toDIPFromPixel(kotlin.math.abs(right - left)),
+            height = PixelUtil.toDIPFromPixel(bottom - top),
+          )
+      }
+    }
+    return fragments to chips.size
+  }
+
+  /**
+   * x of [offset] on [line]. At a line's end offset `getPrimaryHorizontal` reports the start
+   * of the next line (the same offset), so a fragment cut mid-word uses the line's right edge.
+   */
+  private fun lineEndHorizontal(
+    layout: Layout,
+    line: Int,
+    offset: Int,
+  ): Float =
+    if (offset >= layout.getLineEnd(line) && line < layout.lineCount - 1) {
+      layout.getLineRight(line)
+    } else {
+      layout.getPrimaryHorizontal(offset)
+    }
+}

package/android/src/main/java/com/swmansion/enriched/markdown/utils/text/view/SelectionActionMode.kt

@@ -12,6 +12,7 @@ import android.widget.TextView
 import com.swmansion.enriched.markdown.EnrichedMarkdown
 import com.swmansion.enriched.markdown.EnrichedMarkdownText
 import com.swmansion.enriched.markdown.spans.ImageSpan
+import com.swmansion.enriched.markdown.spans.LinkSpacers
 import com.swmansion.enriched.markdown.styles.StyleConfig
 import com.swmansion.enriched.markdown.utils.common.layout.isLayoutRTL
 import com.swmansion.enriched.markdown.utils.text.conversion.HTMLGenerator
@@ -211,7 +212,8 @@ private fun TextView.copyWithHTML() {
   if (start < 0 || end < 0 || start >= end) return
 
   val spannable = text as? Spannable ?: return
-  val selectedText = spannable.subSequence(start, end)
+  // Link spacers only reserve layout space; keep them out of every copied flavor.
+  val selectedText = LinkSpacers.strip(spannable.subSequence(start, end))
   val plainText = selectedText.toString()
 
   val styleConfig =
@@ -243,7 +245,7 @@ private fun TextView.requestCopy(onCopyRequest: (markdown: String, text: String,
   val end = selectionEnd
   if (start < 0 || end < 0 || start >= end) return
 
-  val selectedText = text.subSequence(start, end).toString()
+  val selectedText = LinkSpacers.strip(text.subSequence(start, end)).toString()
   val markdown = MarkdownExtractor.getMarkdownForSelection(this) ?: selectedText
   // Same threshold MarkdownExtractor uses to return the original markdown.
   onCopyRequest(markdown, selectedText, start == 0 && end >= text.length - 1)

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

@@ -24,6 +24,7 @@ import com.swmansion.enriched.markdown.accessibility.AccessibilityLabels
 import com.swmansion.enriched.markdown.parser.MarkdownASTNode
 import com.swmansion.enriched.markdown.parser.MarkdownASTNode.NodeType
 import com.swmansion.enriched.markdown.renderer.Renderer
+import com.swmansion.enriched.markdown.spans.LinkChipBackgroundSpan
 import com.swmansion.enriched.markdown.styles.StyleConfig
 import com.swmansion.enriched.markdown.styles.TableStyle
 import com.swmansion.enriched.markdown.utils.common.layout.isLayoutRTL
@@ -81,6 +82,19 @@ class TableContainerView(
 
   val rowCount: Int get() = rows.size
 
+  /**
+   * Number of links across all cells. Tables are not reported by `onLinkLayout`, but their links
+   * still count so later link indices stay in document order.
+   */
+  val linkCount: Int
+    get() =
+      rows.sumOf { row ->
+        row.sumOf { cell ->
+          // LinkRenderer attaches one LinkChipBackgroundSpan per link.
+          cell.attributedText.getSpans(0, cell.attributedText.length, LinkChipBackgroundSpan::class.java).size
+        }
+      }
+
   fun animateNewRows(
     previousRowCount: Int,
     durationMs: Long,

package/docs/API_REFERENCE.md

@@ -69,6 +69,59 @@ Callback when a link is long pressed. Access URL via `event.url`. On iOS, automa
 />
 ```
 
+### `renderLinkDecoration`
+
+Renders a React Native view on top of each link — for example a badge or sparkle on a [link chip](STYLES.md#link-chips). Return `null` to leave a link undecorated.
+
+| Type                                                   | Default Value | Platform |
+| ------------------------------------------------------ | ------------- | -------- |
+| `(info: LinkDecorationInfo) => ReactNode \| null`       | -             | Both     |
+
+`LinkDecorationInfo`:
+
+| Field   | Type         | Description |
+| ------- | ------------ | ----------- |
+| `index` | `number`     | Position of the link in the document (0-based). Stable key for the link |
+| `url`   | `string`     | Link URL |
+| `text`  | `string`     | Visible link text |
+| `rect`  | `LinkRect`   | Anchor rect: the drawn chip (glyphs + horizontal/vertical padding) of the link's **last** line fragment |
+| `rects` | `LinkRect[]` | Every line fragment, in order (several when the link wraps) |
+
+`LinkRect` is `{ x, y, width, height }` in dp, relative to the component's content box (inside `containerStyle` padding).
+
+The returned node is placed inside an absolutely positioned box matching `rect`, with `pointerEvents="box-none"`, so position it relative to that box. Negative offsets let it overflow the chip:
+
+```tsx
+<EnrichedMarkdownText
+  markdown="Read the [guide](https://example.com/guide) first."
+  markdownStyle={{
+    link: {
+      backgroundColor: '#DCE2FF',
+      borderRadius: 5,
+      paddingHorizontal: 7,
+      underline: false,
+    },
+  }}
+  renderLinkDecoration={({ url }) =>
+    url.startsWith('https://') ? (
+      <View style={{ position: 'absolute', top: -8, right: -8 }}>
+        <SparkleIcon />
+      </View>
+    ) : null
+  }
+/>
+```
+
+Notes and limitations:
+
+- When this prop is not set the component renders exactly as before: no wrapper view and no layout events.
+- Setting it wraps the native view in a `View` (which takes `containerStyle`). Switching between set and unset remounts the native view.
+- Rects are measured natively after layout and sent to JS, so decorations appear one frame after the text. Updates are deduplicated — streaming does not re-render decorations unless a link actually moves.
+- Links inside tables (`flavor="github"`) are not reported.
+- On Android, parts of a decoration that overflow the component's bounds do not receive touches.
+- Web: `rect` is the link's whole inline box and `rects` is `[rect]`; for a wrapping link the decoration anchors to that box rather than the last line.
+- Not supported by `EnrichedMarkdownTextInput`.
+
 ### `onTaskListItemPress`
 
 Callback when a task list checkbox is tapped. Receives `index` (0-based), `checked` (new state after toggling), and `text` (item text).

package/docs/MENTIONS.md

@@ -69,7 +69,14 @@ linkVariants: {
 }
 ```
 
-Each key is a regex tested against the link URL. First match wins. Unspecified properties inherit from the base `link` style. Patterns are auto-sorted longest-first.
+Each key is a regex tested against the link URL. First match wins. Patterns are auto-sorted longest-first.
+
+Inheritance from the base `link` style is split in two groups:
+
+- **Text** (`color`, `underline`): unspecified properties inherit from `link`.
+- **Box** (`backgroundColor`, `borderRadius`, `paddingHorizontal`, `paddingVertical`, `borderColor`, `borderWidth`): never inherited. A variant that sets none of them renders without a chip, even when `link` is a chip.
+
+`fontFamily` is only configurable on `link` and applies to every variant. See [Link chips](STYLES.md#link-chips) for the box properties.
 
 ## Positioning the Suggestion List
 

package/docs/STYLES.md

@@ -368,6 +368,33 @@ Per-token foreground colors for syntax highlighting, keyed on the highlight toke
 | `fontFamily` | `string` | Font family for links. Overrides the parent block's font family when set |
 | `color` | `string` | Link text color |
 | `underline` | `boolean` | Show underline |
+| `backgroundColor` | `string` | Chip background, drawn behind the link's glyphs (ascender to descender) plus padding |
+| `borderRadius` | `number` | Chip corner radius |
+| `paddingHorizontal` | `number` | Space added before and after the link text. It takes real room in the line, so it affects wrapping and measured size |
+| `paddingVertical` | `number` | Extends the chip above and below the text. Drawn only: it does not change the line height, so it can overlap neighbouring lines (or be clipped at the component's top/bottom edge) if the line height is too small |
+| `borderColor` | `string` | Chip border color |
+| `borderWidth` | `number` | Chip border width, drawn inset (does not grow the chip) |
+
+#### Link chips
+
+Setting `backgroundColor`, `borderRadius`, padding or a border turns a link into a chip. When a link wraps, each line gets its own piece of the chip; only the outer ends are rounded and the border is left open where the link breaks.
+
+```tsx
+link: {
+  color: '#3346C8',
+  underline: false,
+  backgroundColor: '#DCE2FF',
+  borderRadius: 5,
+  paddingHorizontal: 7,
+  paddingVertical: 4,
+}
+```
+
+Horizontal padding is reserved with an invisible non-breaking spacer at each end of the link, so the padding always stays attached to the text on wrap. The spacer is removed from copied text (plain, HTML, RTF, Markdown and `onCopy`) and is part of the link's tap area.
+
+On iOS (and in RTF copies), links inside table cells fall back to a plain text background: `backgroundColor` and `paddingHorizontal` are kept (the background covers the horizontal padding), but `borderRadius`, `paddingVertical` and the border are not drawn.
+
+Use [`renderLinkDecoration`](API_REFERENCE.md#renderlinkdecoration) to draw a React Native view on top of a chip (e.g. a badge or icon).
 
 ### Strong-specific
 

package/docs/TEXT.md

@@ -95,6 +95,8 @@ Links in Markdown are interactive and can be handled with the `onLinkPress` and
 
 See the [API Reference](API_REFERENCE.md#onlinkpress) for detailed examples and usage.
 
+Links can be styled as chips (background, radius, padding, border — see [Link chips](STYLES.md#link-chips)) and decorated with your own views via [`renderLinkDecoration`](API_REFERENCE.md#renderlinkdecoration).
+
 ## Supported Markdown Elements
 
 `react-native-enriched-markdown-scaffold` supports a comprehensive set of Markdown elements. See [Element Structure](ELEMENTS_STRUCTURE.md) for a detailed overview of all supported elements, their syntax, block vs inline categorization, nesting behavior, and how elements inherit typography from their parent blocks.

package/ios/EnrichedMarkdown.mm

@@ -38,6 +38,7 @@
 #import "SegmentReconciler.h"
 #import "SegmentRenderer.h"
 #import "SegmentViewRegistry.h"
+#import "ENRMLinkLayout.h"
 #import "SelectionColorUtils.h"
 #import "StreamingMarkdownFilter.h"
 #import "StyleConfig.h"
@@ -73,6 +74,7 @@ static char kENRMSegmentFadeAnimatorKey;
 + (ENRMMd4cFlags *)flagsFromProps:(const EnrichedMarkdownMd4cFlagsStruct &)props;
 - (void)emitLinkPress:(NSString *)url;
 - (void)emitLinkLongPress:(NSString *)url;
+- (void)emitLinkLayoutIfNeeded;
 - (void)emitTaskListItemPress:(NSInteger)index checked:(BOOL)checked text:(NSString *)text;
 - (void)emitCopyPress:(NSString *)code language:(NSString *)language;
 - (void)emitCopyRequest:(NSString *)source markdown:(NSString *)markdown text:(NSString *)text whole:(BOOL)whole;
@@ -123,6 +125,9 @@ static char kENRMSegmentFadeAnimatorKey;
 
   ENRMSpoilerOverlay _spoilerOverlay;
 
+  BOOL _emitLinkLayout;
+  NSArray<NSDictionary *> *_lastLinkLayout;
+
   NSLineBreakStrategy _lineBreakStrategy;
 
   ENRMWritingDirectionMode _writingDirectionMode;
@@ -941,6 +946,7 @@ static char kENRMSegmentFadeAnimatorKey;
 {
   [super layoutSubviews];
   [self computeSegmentLayoutForWidth:self.bounds.size.width applyFrames:YES];
+  [self emitLinkLayoutIfNeeded];
 }
 
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
@@ -976,6 +982,12 @@ static char kENRMSegmentFadeAnimatorKey;
 
   _selectable = newViewProps.selectable;
 
+  if (newViewProps.emitLinkLayout != _emitLinkLayout) {
+    _emitLinkLayout = newViewProps.emitLinkLayout;
+    _lastLinkLayout = nil;
+    [self setNeedsLayout];
+  }
+
   for (RCTUIView *segment in _segmentViews) {
     if ([segment isKindOfClass:[EnrichedMarkdownInternalText class]]) {
       EnrichedMarkdownInternalText *textSegment = (EnrichedMarkdownInternalText *)segment;
@@ -1171,6 +1183,8 @@ static char kENRMSegmentFadeAnimatorKey;
   _cachedMarkdown = nil;
   _renderedMarkdown = nil;
   _config = nil;
+  _emitLinkLayout = NO;
+  _lastLinkLayout = nil;
   _md4cFlags = [EnrichedMarkdown flagsFromProps:resetProps->md4cFlags];
   _maxFontSizeMultiplier = 0;
   _allowTrailingMargin = NO;
@@ -1281,6 +1295,40 @@ Class<RCTComponentViewProtocol> EnrichedMarkdownCls(void)
     emitter->onLinkPress({.url = std::string(url.UTF8String)});
 }
 
+/// Reports link rects of every text segment (offset by the segment origin) 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.
+- (void)emitLinkLayoutIfNeeded
+{
+  if (!_emitLinkLayout || self.bounds.size.width <= 0)
+    return;
+
+  auto emitter = std::static_pointer_cast<EnrichedMarkdownEventEmitter const>(_eventEmitter);
+  if (!emitter)
+    return;
+
+  NSMutableArray<NSDictionary *> *fragments = [NSMutableArray array];
+  NSInteger linkCount = 0;
+  for (RCTUIView *segment in _segmentViews) {
+    if ([segment isKindOfClass:[TableContainerView class]]) {
+      linkCount += ((TableContainerView *)segment).linkCount;
+      continue;
+    }
+    if (![segment isKindOfClass:[EnrichedMarkdownInternalText class]])
+      continue;
+    NSInteger segmentLinks = 0;
+    [fragments addObjectsFromArray:ENRMCollectLinkLayoutFragments(((EnrichedMarkdownInternalText *)segment).textView,
+                                                                  segment.frame.origin, linkCount, &segmentLinks)];
+    linkCount += segmentLinks;
+  }
+
+  if (_lastLinkLayout != nil && [fragments isEqualToArray:_lastLinkLayout])
+    return;
+  _lastLinkLayout = [fragments copy];
+  emitter->onLinkLayout(ENRMLinkLayoutEventFromFragments<EnrichedMarkdownEventEmitter::OnLinkLayout>(fragments));
+}
+
 - (void)emitLinkLongPress:(NSString *)url
 {
   auto emitter = std::static_pointer_cast<EnrichedMarkdownEventEmitter const>(_eventEmitter);

package/ios/EnrichedMarkdownText.mm

@@ -6,6 +6,7 @@
 #import "ENRMAtomicSize.h"
 #import "ENRMContextMenuTextView+macOS.h"
 #import "ENRMImageAttachment.h"
+#import "ENRMLinkLayout.h"
 #import "ENRMMarkdownParser.h"
 #import "ENRMSpoilerOverlayManager.h"
 #import "ENRMSpoilerTapUtils.h"
@@ -56,6 +57,7 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
 - (void)setupLayoutManager;
 - (void)emitLinkPress:(NSString *)url;
 - (void)emitLinkLongPress:(NSString *)url;
+- (void)emitLinkLayoutIfNeeded;
 - (void)emitTaskListItemPress:(NSInteger)index checked:(BOOL)checked text:(NSString *)text;
 - (void)emitContextMenuItemPress:(NSString *)itemText
                     selectedText:(NSString *)selectedText
@@ -110,6 +112,9 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
 
   ENRMSpoilerOverlayManager *_spoilerManager;
 
+  BOOL _emitLinkLayout;
+  NSArray<NSDictionary *> *_lastLinkLayout;
+
   NSLineBreakStrategy _lineBreakStrategy;
 
   ENRMWritingDirectionMode _writingDirectionMode;
@@ -183,6 +188,9 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
   [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
 
   _lastCommittedSize.store(CGSizeMake(layoutMetrics.frame.size.width, layoutMetrics.frame.size.height));
+#if TARGET_OS_OSX
+  [self emitLinkLayoutIfNeeded];
+#endif
 
   NSWritingDirection resolved = _resolvedLayoutDirection;
   if (layoutMetrics.layoutDirection == LayoutDirection::RightToLeft) {
@@ -218,6 +226,7 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
     if (needsHeightUpdate(measured, self.bounds)) {
       [self requestHeightUpdate];
     }
+    [self emitLinkLayoutIfNeeded];
   }
 }
 
@@ -464,6 +473,8 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
     if (forceHeightUpdate || needsHeightUpdate(measured, self.bounds)) {
       [self requestHeightUpdate];
     }
+
+    [self emitLinkLayoutIfNeeded];
   }
 
   if (_textView.hidden) {
@@ -484,6 +495,7 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
 {
   [super layoutSubviews];
   [_spoilerManager updateIfNeeded];
+  [self emitLinkLayoutIfNeeded];
 }
 #endif
 
@@ -521,6 +533,12 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
     }
   }
 
+  if (newViewProps.emitLinkLayout != _emitLinkLayout) {
+    _emitLinkLayout = newViewProps.emitLinkLayout;
+    _lastLinkLayout = nil;
+    [self emitLinkLayoutIfNeeded];
+  }
+
   if (_textView.selectable != newViewProps.selectable) {
     _textView.selectable = newViewProps.selectable;
   }
@@ -697,6 +715,8 @@ typedef NS_OPTIONS(NSUInteger, ENRMDirtyFlags) {
   _accessibilityNeedsRebuild = NO;
   [_spoilerManager removeAllOverlays];
   _spoilerManager = nil;
+  _emitLinkLayout = NO;
+  _lastLinkLayout = nil;
   if (_textView != nil) {
     ENRMSetAttributedText(_textView, [[NSAttributedString alloc] initWithString:@""]);
     _textView.hidden = YES;
@@ -742,6 +762,25 @@ Class<RCTComponentViewProtocol> EnrichedMarkdownTextCls(void)
     emitter->onLinkLongPress({.url = std::string(url.UTF8String)});
 }
 
+/// Reports link rects to JS (for `renderLinkDecoration`). Called after every
+/// render and layout change; deduplicated so an unchanged layout — the common
+/// case during streaming — sends nothing.
+- (void)emitLinkLayoutIfNeeded
+{
+  if (!_emitLinkLayout || _renderedMarkdown == nil || self.bounds.size.width <= 0)
+    return;
+
+  auto emitter = std::static_pointer_cast<EnrichedMarkdownTextEventEmitter const>(_eventEmitter);
+  if (!emitter)
+    return;
+
+  NSArray<NSDictionary *> *fragments = ENRMCollectLinkLayoutFragments(_textView, CGPointZero, 0, NULL);
+  if (_lastLinkLayout != nil && [fragments isEqualToArray:_lastLinkLayout])
+    return;
+  _lastLinkLayout = fragments;
+  emitter->onLinkLayout(ENRMLinkLayoutEventFromFragments<EnrichedMarkdownTextEventEmitter::OnLinkLayout>(fragments));
+}
+
 - (void)emitTaskListItemPress:(NSInteger)index checked:(BOOL)checked text:(NSString *)text
 {
   auto emitter = std::static_pointer_cast<EnrichedMarkdownTextEventEmitter const>(_eventEmitter);

package/ios/generated/ReactCodegen/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/ios/generated/ReactCodegen/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/ios/generated/ReactCodegen/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;
   }