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

package/lib/typescript/src/web/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,WAAW,GACX,MAAM,GACN,MAAM,GACN,SAAS,GACT,WAAW,GACX,WAAW,GACX,QAAQ,GACR,UAAU,GACV,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,GACX,WAAW,GACX,MAAM,GACN,OAAO,GACP,YAAY,GACZ,eAAe,GACf,aAAa,GACb,UAAU,GACV,WAAW,GACX,eAAe,GACf,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,iBAAiB,GACjB,WAAW,GACX,iBAAiB,GACjB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,wBAAwB,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC;CAC9C;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,MAAM,CAAC,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/web/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/web/utils.d.ts

@@ -11,6 +11,10 @@ export declare function filenameFromUrl(url: string): string;
 export declare function indexTaskItems(node: ASTNode, counter?: {
     value: number;
 }): void;
+/** Stamps Link nodes with their document-order index (the `renderLinkDecoration` key). */
+export declare function indexLinks(node: ASTNode, counter?: {
+    value: number;
+}): void;
 /**
  * Stamps Image nodes with `isInline` when they appear inside a paragraph
  * that also contains other content (text, links, etc.).

package/lib/typescript/src/web/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/web/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAIrD;AAED,gEAAgE;AAChE,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQnD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;;CAAe,GAAG,IAAI,CAK1E;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAcpD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/web/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAIrD;AAED,gEAAgE;AAChE,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQnD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;;CAAe,GAAG,IAAI,CAK1E;AAED,0FAA0F;AAC1F,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;;CAAe,GAAG,IAAI,CAKtE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAcpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-enriched-markdown-scaffold",
-  "version": "1.0.2-scaffold.2",
+  "version": "1.0.2-scaffold.4",
   "description": "Markdown-based Rich Text solution for React Native",
   "main": "./lib/module/index",
   "module": "./lib/module/index",

package/src/EnrichedMarkdownNativeComponent.ts

@@ -75,6 +75,11 @@ interface LinkStyleInternal {
   color: ColorValue;
   underline: boolean;
   backgroundColor: ColorValue;
+  borderRadius: CodegenTypes.Float;
+  paddingHorizontal: CodegenTypes.Float;
+  paddingVertical: CodegenTypes.Float;
+  borderColor: ColorValue;
+  borderWidth: CodegenTypes.Float;
 }
 
 // Mirrors EnrichedMarkdownTextNativeComponent.ts — kept in sync manually (codegen spec files must be self-contained).
@@ -83,6 +88,11 @@ interface LinkVariantEntryInternal {
   color: ColorValue;
   underline: boolean;
   backgroundColor: ColorValue;
+  borderRadius: CodegenTypes.Float;
+  paddingHorizontal: CodegenTypes.Float;
+  paddingVertical: CodegenTypes.Float;
+  borderColor: ColorValue;
+  borderWidth: CodegenTypes.Float;
 }
 
 interface StrongStyleInternal {
@@ -245,6 +255,25 @@ export interface LinkLongPressEvent {
   url: string;
 }
 
+/**
+ * `fragments` holds one entry per laid-out line of a link (a wrapping link
+ * yields several). Rects are in dp, relative to the native view's origin, and
+ * cover the drawn chip (glyphs + padding). Flattened rather than nested per
+ * link, and written inline, because codegen only accepts inline object
+ * literals as event array elements.
+ */
+export interface LinkLayoutEvent {
+  fragments: {
+    linkIndex: CodegenTypes.Int32;
+    url: string;
+    text: string;
+    x: CodegenTypes.Double;
+    y: CodegenTypes.Double;
+    width: CodegenTypes.Double;
+    height: CodegenTypes.Double;
+  }[];
+}
+
 export interface TaskListItemPressEvent {
   index: CodegenTypes.Int32;
   checked: boolean;
@@ -256,6 +285,14 @@ export interface CopyPressEvent {
   language: string;
 }
 
+export interface CopyRequestEvent {
+  // 'selection' | 'math' | 'table' | 'code'
+  source: string;
+  markdown: string;
+  text: string;
+  whole: boolean;
+}
+
 export interface ContextMenuItemConfig {
   text: string;
   icon?: string;
@@ -284,6 +321,8 @@ export interface SelectionMenuConfig {
   systemItemsNone: boolean;
   // false hides the copy button in the code block header.
   codeBlockCopyButton: boolean;
+  // true: the Copy item emits onCopyRequest instead of writing the clipboard.
+  interceptCopy: boolean;
 }
 
 export interface OnContextMenuItemPressEvent {
@@ -390,6 +429,18 @@ export interface NativeProps extends ViewProps {
    * - Android: Handles long press gestures on links.
    */
   onLinkLongPress?: CodegenTypes.BubblingEventHandler<LinkLongPressEvent>;
+  /**
+   * When true, the view reports the laid-out rects of every link through
+   * `onLinkLayout` (after each render and whenever its size changes).
+   * Set by the JS wrapper only when `renderLinkDecoration` is provided.
+   * @default false
+   */
+  emitLinkLayout?: CodegenTypes.WithDefault<boolean, false>;
+  /**
+   * Fired with the rects of every link fragment while `emitLinkLayout` is on.
+   * Deduplicated: not re-fired when the payload is unchanged.
+   */
+  onLinkLayout?: CodegenTypes.DirectEventHandler<LinkLayoutEvent>;
   /**
    * Callback fired when a task list checkbox is tapped.
    * Receives the 0-based task index, current checked state, and the item's plain text.
@@ -410,6 +461,12 @@ export interface NativeProps extends ViewProps {
    * action. Receives the copied code and its language.
    */
   onCopyPress?: CodegenTypes.BubblingEventHandler<CopyPressEvent>;
+  /**
+   * Fired instead of writing the clipboard when the Copy item of the text
+   * selection menu or a table / math / code block menu is pressed while
+   * `selectionMenuConfig.interceptCopy` is set.
+   */
+  onCopyRequest?: CodegenTypes.BubblingEventHandler<CopyRequestEvent>;
   /**
    * Controls whether the system link preview is shown on long press (iOS only).
    *

package/src/EnrichedMarkdownTextNativeComponent.ts

@@ -75,6 +75,11 @@ interface LinkStyleInternal {
   color: ColorValue;
   underline: boolean;
   backgroundColor: ColorValue;
+  borderRadius: CodegenTypes.Float;
+  paddingHorizontal: CodegenTypes.Float;
+  paddingVertical: CodegenTypes.Float;
+  borderColor: ColorValue;
+  borderWidth: CodegenTypes.Float;
 }
 
 // Mirrors EnrichedMarkdownNativeComponent.ts — kept in sync manually (codegen spec files must be self-contained).
@@ -83,6 +88,11 @@ interface LinkVariantEntryInternal {
   color: ColorValue;
   underline: boolean;
   backgroundColor: ColorValue;
+  borderRadius: CodegenTypes.Float;
+  paddingHorizontal: CodegenTypes.Float;
+  paddingVertical: CodegenTypes.Float;
+  borderColor: ColorValue;
+  borderWidth: CodegenTypes.Float;
 }
 
 interface StrongStyleInternal {
@@ -246,6 +256,25 @@ export interface LinkLongPressEvent {
   url: string;
 }
 
+/**
+ * `fragments` holds one entry per laid-out line of a link (a wrapping link
+ * yields several). Rects are in dp, relative to the native view's origin, and
+ * cover the drawn chip (glyphs + padding). Flattened rather than nested per
+ * link, and written inline, because codegen only accepts inline object
+ * literals as event array elements.
+ */
+export interface LinkLayoutEvent {
+  fragments: {
+    linkIndex: CodegenTypes.Int32;
+    url: string;
+    text: string;
+    x: CodegenTypes.Double;
+    y: CodegenTypes.Double;
+    width: CodegenTypes.Double;
+    height: CodegenTypes.Double;
+  }[];
+}
+
 export interface TaskListItemPressEvent {
   index: CodegenTypes.Int32;
   checked: boolean;
@@ -257,6 +286,14 @@ export interface CopyPressEvent {
   language: string;
 }
 
+export interface CopyRequestEvent {
+  // 'selection' | 'math' | 'table' | 'code'
+  source: string;
+  markdown: string;
+  text: string;
+  whole: boolean;
+}
+
 export interface ContextMenuItemConfig {
   text: string;
   icon?: string;
@@ -285,6 +322,8 @@ export interface SelectionMenuConfig {
   systemItemsNone: boolean;
   // false hides the copy button in the code block header.
   codeBlockCopyButton: boolean;
+  // true: the Copy item emits onCopyRequest instead of writing the clipboard.
+  interceptCopy: boolean;
 }
 
 export interface OnContextMenuItemPressEvent {
@@ -391,6 +430,18 @@ export interface NativeProps extends ViewProps {
    * - Android: Handles long press gestures on links.
    */
   onLinkLongPress?: CodegenTypes.BubblingEventHandler<LinkLongPressEvent>;
+  /**
+   * When true, the view reports the laid-out rects of every link through
+   * `onLinkLayout` (after each render and whenever its size changes).
+   * Set by the JS wrapper only when `renderLinkDecoration` is provided.
+   * @default false
+   */
+  emitLinkLayout?: CodegenTypes.WithDefault<boolean, false>;
+  /**
+   * Fired with the rects of every link fragment while `emitLinkLayout` is on.
+   * Deduplicated: not re-fired when the payload is unchanged.
+   */
+  onLinkLayout?: CodegenTypes.DirectEventHandler<LinkLayoutEvent>;
   /**
    * Callback fired when a task list checkbox is tapped.
    * Receives the 0-based task index, current checked state, and the item's plain text.
@@ -411,6 +462,12 @@ export interface NativeProps extends ViewProps {
    * action. Receives the copied code and its language.
    */
   onCopyPress?: CodegenTypes.BubblingEventHandler<CopyPressEvent>;
+  /**
+   * Fired instead of writing the clipboard when the Copy item of the text
+   * selection menu or a table / math / code block menu is pressed while
+   * `selectionMenuConfig.interceptCopy` is set.
+   */
+  onCopyRequest?: CodegenTypes.BubblingEventHandler<CopyRequestEvent>;
   /**
    * Controls whether the system link preview is shown on long press (iOS only).
    *

package/src/index.tsx

@@ -7,12 +7,15 @@ export type {
   ContextMenuItem as TextContextMenuItem,
   SelectionMenuConfig as TextSelectionMenuConfig,
   SelectionMenuPluralLabels as TextSelectionMenuPluralLabels,
+  LinkDecorationInfo,
+  LinkRect,
 } from './native/EnrichedMarkdownText';
 export type {
   LinkPressEvent,
   LinkLongPressEvent,
   TaskListItemPressEvent,
   CopyPressEvent,
+  CopyEvent,
   OnPasteEvent,
 } from './types/events';
 export type {

package/src/index.web.tsx

@@ -1,5 +1,9 @@
 export { EnrichedMarkdownText, default } from './web/EnrichedMarkdownText';
-export type { EnrichedMarkdownTextProps } from './types/MarkdownTextProps.web';
+export type {
+  EnrichedMarkdownTextProps,
+  LinkDecorationInfo,
+  LinkRect,
+} from './types/MarkdownTextProps.web';
 export type { MarkdownStyle, Md4cFlags } from './types/MarkdownStyle';
 export type {
   LinkPressEvent,

package/src/native/EnrichedMarkdownText.tsx

@@ -1,6 +1,9 @@
-import { useMemo, useCallback, useRef, useEffect } from 'react';
+import { useMemo, useCallback, useRef, useEffect, useState } from 'react';
 import EnrichedMarkdownTextNativeComponent from '../EnrichedMarkdownTextNativeComponent';
-import type { MarkdownStyleInternal } from '../EnrichedMarkdownTextNativeComponent';
+import type {
+  LinkLayoutEvent,
+  MarkdownStyleInternal,
+} from '../EnrichedMarkdownTextNativeComponent';
 import EnrichedMarkdownNativeComponent from '../EnrichedMarkdownNativeComponent';
 import { normalizeMarkdownStyle } from '../normalizeMarkdownStyle';
 import { resolveAccessibilityLabels } from '../accessibilityLabelDefaults';
@@ -8,7 +11,8 @@ import {
   normalizeMenuItem,
   normalizeLegacyBooleanMenuItem,
 } from '../normalizeMenuItem';
-import type { NativeSyntheticEvent } from 'react-native';
+import { StyleSheet, View } from 'react-native';
+import type { LayoutChangeEvent, NativeSyntheticEvent } from 'react-native';
 import type { MarkdownStyle, Md4cFlags } from '../types/MarkdownStyle';
 import type {
   EnrichedMarkdownTextProps,
@@ -16,12 +20,15 @@ import type {
   ContextMenuItem,
   SelectionMenuConfig,
   SelectionMenuPluralLabels,
+  LinkDecorationInfo,
+  LinkRect,
 } from '../types/MarkdownTextProps';
 import type {
   LinkPressEvent,
   LinkLongPressEvent,
   TaskListItemPressEvent,
   CopyPressEvent,
+  CopyEvent,
   OnContextMenuItemPressEvent,
 } from '../types/events';
 
@@ -32,12 +39,15 @@ export type {
   ContextMenuItem,
   SelectionMenuConfig,
   SelectionMenuPluralLabels,
+  LinkDecorationInfo,
+  LinkRect,
 };
 export type {
   LinkPressEvent,
   LinkLongPressEvent,
   TaskListItemPressEvent,
   CopyPressEvent,
+  CopyEvent,
 };
 
 // Default English labels for the built-in selection menu actions. Defaults are
@@ -101,6 +111,34 @@ const buildPluralTemplates = (
   return templates;
 };
 
+type LinkLayoutFragment = LinkLayoutEvent['fragments'][number];
+
+/** Groups the flat per-line fragments native reports into one entry per link. */
+const groupLinkFragments = (
+  fragments: ReadonlyArray<LinkLayoutFragment>
+): LinkDecorationInfo[] => {
+  const byIndex = new Map<number, LinkDecorationInfo>();
+  for (const { linkIndex, url, text, x, y, width, height } of fragments) {
+    const rect: LinkRect = { x, y, width, height };
+    const info = byIndex.get(linkIndex);
+    if (info) {
+      info.rects.push(rect);
+      info.rect = rect;
+    } else {
+      byIndex.set(linkIndex, {
+        index: linkIndex,
+        url,
+        text,
+        rect,
+        rects: [rect],
+      });
+    }
+  }
+  return [...byIndex.values()];
+};
+
+const ZERO_OFFSET = { x: 0, y: 0 };
+
 const defaultMd4cFlags: Md4cFlags = {
   underline: false,
   superscript: false,
@@ -119,6 +157,7 @@ export const EnrichedMarkdownText = ({
   onTaskListItemPress,
   enableTaskListItemToggle = true,
   onCopyPress,
+  onCopy,
   enableLinkPreview,
   selectable = true,
   md4cFlags = defaultMd4cFlags,
@@ -139,6 +178,8 @@ export const EnrichedMarkdownText = ({
   textBreakStrategy,
   lineBreakStrategyIOS,
   writingDirection = 'first-strong',
+  renderLinkDecoration,
+  onLayout,
   ...rest
 }: EnrichedMarkdownTextProps) => {
   const normalizedStyleRef = useRef<MarkdownStyleInternal | null>(null);
@@ -239,6 +280,41 @@ export const EnrichedMarkdownText = ({
     [onCopyPress]
   );
 
+  const handleCopyRequest = useCallback(
+    // Codegen types `source` as a plain string; native only sends the four
+    // values of CopyEvent['source'].
+    (
+      e: NativeSyntheticEvent<Omit<CopyEvent, 'source'> & { source: string }>
+    ) => {
+      const { source, markdown: copied, text, whole } = e.nativeEvent;
+      onCopy?.({
+        source: source as CopyEvent['source'],
+        markdown: copied,
+        text,
+        whole,
+      });
+    },
+    [onCopy]
+  );
+  const interceptCopy = onCopy != null;
+
+  const decorated = renderLinkDecoration != null;
+  const [linkLayout, setLinkLayout] = useState<LinkDecorationInfo[]>([]);
+  // Where the native view sits inside the wrapper (the wrapper's padding).
+  const [nativeOffset, setNativeOffset] = useState(ZERO_OFFSET);
+
+  const handleLinkLayout = useCallback(
+    (e: NativeSyntheticEvent<LinkLayoutEvent>) => {
+      setLinkLayout(groupLinkFragments(e.nativeEvent.fragments));
+    },
+    []
+  );
+
+  const handleNativeLayout = useCallback((e: LayoutChangeEvent) => {
+    const { x, y } = e.nativeEvent.layout;
+    setNativeOffset((prev) => (prev.x === x && prev.y === y ? prev : { x, y }));
+  }, []);
+
   const tableMode = streamingConfig?.tableMode ?? 'progressive';
   const codeBlockMode = streamingConfig?.codeBlockMode ?? 'progressive';
   const normalizedStreamingConfig = useMemo(
@@ -302,8 +378,9 @@ export const EnrichedMarkdownText = ({
       copyFormatMarkdown: copyFormat === 'markdown',
       systemItemsNone: config?.systemItems === 'none',
       codeBlockCopyButton: codeBlockCopyButton.enabled,
+      interceptCopy,
     };
-  }, [selectionMenuConfig]);
+  }, [selectionMenuConfig, interceptCopy]);
 
   const resolvedAccessibilityLabels = useMemo(
     () => resolveAccessibilityLabels(accessibilityLabels),
@@ -318,6 +395,7 @@ export const EnrichedMarkdownText = ({
     onTaskListItemPress: handleTaskListItemPress,
     enableTaskListItemToggle,
     onCopyPress: handleCopyPress,
+    onCopyRequest: handleCopyRequest,
     enableLinkPreview: onLinkLongPress == null && (enableLinkPreview ?? true),
     selectable,
     md4cFlags: normalizedMd4cFlags,
@@ -342,11 +420,53 @@ export const EnrichedMarkdownText = ({
     ...rest,
   };
 
-  if (flavor === 'github') {
-    return <EnrichedMarkdownNativeComponent {...sharedProps} />;
+  const NativeComponent =
+    flavor === 'github'
+      ? EnrichedMarkdownNativeComponent
+      : EnrichedMarkdownTextNativeComponent;
+
+  // Without decorations the native view is returned as-is (no wrapper, no
+  // layout events) so existing layouts are untouched.
+  if (!decorated) {
+    return <NativeComponent {...sharedProps} onLayout={onLayout} />;
   }
 
-  return <EnrichedMarkdownTextNativeComponent {...sharedProps} />;
+  return (
+    <View style={containerStyle} onLayout={onLayout}>
+      <NativeComponent
+        {...sharedProps}
+        style={undefined}
+        emitLinkLayout
+        onLinkLayout={handleLinkLayout}
+        onLayout={handleNativeLayout}
+      />
+      {linkLayout.map((info) => {
+        const decoration = renderLinkDecoration(info);
+        if (decoration == null) return null;
+        return (
+          <View
+            key={info.index}
+            pointerEvents="box-none"
+            style={[
+              styles.decoration,
+              {
+                left: nativeOffset.x + info.rect.x,
+                top: nativeOffset.y + info.rect.y,
+                width: info.rect.width,
+                height: info.rect.height,
+              },
+            ]}
+          >
+            {decoration}
+          </View>
+        );
+      })}
+    </View>
+  );
 };
 
+const styles = StyleSheet.create({
+  decoration: { position: 'absolute' },
+});
+
 export default EnrichedMarkdownText;

package/src/normalizeMarkdownStyle.ts

@@ -183,6 +183,11 @@ const DEFAULT_NORMALIZED_STYLE = Object.freeze({
     color: normalizeColor('#2563EB')!,
     underline: true,
     backgroundColor: normalizeColor('transparent')!,
+    borderRadius: 0,
+    paddingHorizontal: 0,
+    paddingVertical: 0,
+    borderColor: normalizeColor('transparent')!,
+    borderWidth: 0,
   },
   linkVariants: [],
   strong: { fontFamily: '', fontWeight: 'bold', color: undefined },
@@ -338,9 +343,17 @@ export const normalizeMarkdownStyle = (
         color: ((override.color ? normalizeColor(override.color) : null) ??
           linkBase.color) as string,
         underline: override.underline ?? linkBase.underline,
+        // Chip ("box") properties never inherit from the base link style.
         backgroundColor: (override.backgroundColor
           ? (normalizeColor(override.backgroundColor) ?? transparent)
           : transparent) as string,
+        borderRadius: override.borderRadius ?? 0,
+        paddingHorizontal: override.paddingHorizontal ?? 0,
+        paddingVertical: override.paddingVertical ?? 0,
+        borderColor: (override.borderColor
+          ? (normalizeColor(override.borderColor) ?? transparent)
+          : transparent) as string,
+        borderWidth: override.borderWidth ?? 0,
       };
     }
   );

package/src/normalizeMarkdownStyle.web.ts

@@ -147,6 +147,11 @@ const DEFAULT_NORMALIZED_STYLE: MarkdownStyleInternal = Object.freeze({
     color: '#2563EB',
     underline: true,
     backgroundColor: 'transparent',
+    borderRadius: 0,
+    paddingHorizontal: 0,
+    paddingVertical: 0,
+    borderColor: 'transparent',
+    borderWidth: 0,
   },
   linkVariants: [],
   strong: { fontFamily: '', fontWeight: 'bold', color: undefined },
@@ -289,7 +294,13 @@ export const normalizeMarkdownStyle = (
         pattern,
         color: override.color ?? linkBase.color,
         underline: override.underline ?? linkBase.underline,
+        // Chip ("box") properties never inherit from the base link style.
         backgroundColor: override.backgroundColor ?? 'transparent',
+        borderRadius: override.borderRadius ?? 0,
+        paddingHorizontal: override.paddingHorizontal ?? 0,
+        paddingVertical: override.paddingVertical ?? 0,
+        borderColor: override.borderColor ?? 'transparent',
+        borderWidth: override.borderWidth ?? 0,
       };
     }
   );

package/src/types/MarkdownStyle.ts

@@ -84,17 +84,39 @@ interface CodeBlockStyle extends BaseBlockStyle {
   syntaxColors?: CodeBlockSyntaxColors;
 }
 
-export interface LinkStyle {
+/**
+ * Chip ("box") properties shared by `link` and `linkVariants`. Unlike `color`
+ * and `underline`, these never inherit from the base `link` style: a variant
+ * that omits them renders without a chip (`0` / `transparent`).
+ */
+interface LinkChipStyle {
+  backgroundColor?: string;
+  /** Corner radius of the chip, in dp. */
+  borderRadius?: number;
+  /**
+   * Horizontal padding, in dp. Reserves real space in the line on both outer
+   * edges of the link (affects measurement and wrapping).
+   */
+  paddingHorizontal?: number;
+  /**
+   * Vertical padding, in dp. Only affects the drawn chip (it bleeds into the
+   * surrounding line spacing); the line box is unchanged.
+   */
+  paddingVertical?: number;
+  borderColor?: string;
+  /** Border width, in dp. Drawn inset, within the chip bounds. */
+  borderWidth?: number;
+}
+
+export interface LinkStyle extends LinkChipStyle {
   fontFamily?: string;
   color?: string;
   underline?: boolean;
-  backgroundColor?: string;
 }
 
-export interface LinkVariantStyle {
+export interface LinkVariantStyle extends LinkChipStyle {
   color?: string;
   underline?: boolean;
-  backgroundColor?: string;
 }
 
 interface StrongStyle {
@@ -350,7 +372,9 @@ export interface MarkdownStyle {
    * specific patterns take precedence.
    *
    * `color` and `underline` inherit from the base `link` style when omitted.
-   * `backgroundColor` defaults to `transparent`.
+   * Chip properties (`backgroundColor`, `borderRadius`, `paddingHorizontal`,
+   * `paddingVertical`, `borderColor`, `borderWidth`) do not inherit: when
+   * omitted they default to `0` / `transparent`.
    * `fontFamily` always follows the base `link` style and cannot be overridden per-variant.
    *
    * @example

package/src/types/MarkdownStyleInternal.ts

@@ -88,6 +88,11 @@ interface LinkStyleInternal {
   color: string;
   underline: boolean;
   backgroundColor: string;
+  borderRadius: number;
+  paddingHorizontal: number;
+  paddingVertical: number;
+  borderColor: string;
+  borderWidth: number;
 }
 
 export interface LinkVariantEntryInternal {
@@ -95,6 +100,11 @@ export interface LinkVariantEntryInternal {
   color: string;
   underline: boolean;
   backgroundColor: string;
+  borderRadius: number;
+  paddingHorizontal: number;
+  paddingVertical: number;
+  borderColor: string;
+  borderWidth: number;
 }
 
 interface StrongStyleInternal {