@expensify/react-native-live-markdown 0.1.296 → 0.1.298

package/README.md

@@ -188,16 +188,17 @@ Currently, `react-native-live-markdown` supports only [ExpensiMark](https://gith
 
 `react-native-live-markdown` supports only latest React Native minor releases with the New Architecture enabled.
 
-| @expensify/react-native-live-markdown | 0.73 | 0.74 | 0.75 | 0.76 | 0.77 | 0.78 | 0.79 |
-| :-----------------------------------: | :--: | :--: | :--: | :--: | :--: | :--: | :--: |
-|               0.1.260+                |  ❌  |  ❌  |  ❌  |  ❌  |  ✅  |  ✅  |  ✅  |
-|           0.1.256 – 0.1.259           |  ❌  |  ❌  |  ❌  |  ❌  |  ✅  |  ❌  |  ❌  |
-|           0.1.248 – 0.1.255           |  ❌  |  ❌  |  ❌  |  ✅  |  ✅  |  ❌  |  ❌  |
-|           0.1.235 – 0.1.247           |  ❌  |  ❌  |  ✅  |  ✅  |  ✅  |  ❌  |  ❌  |
-|           0.1.141 – 0.1.234           |  ❌  |  ❌  |  ✅  |  ✅  |  ❌  |  ❌  |  ❌  |
-|           0.1.129 – 0.1.140           |  ❌  |  ❌  |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |
-|           0.1.122 – 0.1.128           |  ❌  |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |
-|           0.1.15 – 0.1.121            |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |
+| @expensify/react-native-live-markdown | 0.73 | 0.74 | 0.75 | 0.76 | 0.77 | 0.78 | 0.79 | 0.80 |
+| :-----------------------------------: | :--: | :--: | :--: | :--: | :--: | :--: | :--: | :--: |
+|               0.1.297+                |  ❌  |  ❌  |  ❌  |  ❌  |  ✅  |  ✅  |  ✅  |  ✅  |
+|           0.1.260 – 0.1.296           |  ❌  |  ❌  |  ❌  |  ❌  |  ✅  |  ✅  |  ✅  |  ❌  |
+|           0.1.256 – 0.1.259           |  ❌  |  ❌  |  ❌  |  ❌  |  ✅  |  ❌  |  ❌  |  ❌  |
+|           0.1.248 – 0.1.255           |  ❌  |  ❌  |  ❌  |  ✅  |  ✅  |  ❌  |  ❌  |  ❌  |
+|           0.1.235 – 0.1.247           |  ❌  |  ❌  |  ✅  |  ✅  |  ✅  |  ❌  |  ❌  |  ❌  |
+|           0.1.141 – 0.1.234           |  ❌  |  ❌  |  ✅  |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |
+|           0.1.129 – 0.1.140           |  ❌  |  ❌  |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |
+|           0.1.122 – 0.1.128           |  ❌  |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |
+|           0.1.15 – 0.1.121            |  ✅  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |  ❌  |
 
 ## License
 

package/android/build.gradle

@@ -128,8 +128,8 @@ android {
       ]
 
       // TextLayoutManager
-      if (REACT_NATIVE_MINOR_VERSION <= 76 ) {
-          java.srcDirs += "src/reactNativeVersionPatch/CustomMountingManager/76"
+      if (REACT_NATIVE_MINOR_VERSION <= 79 ) {
+          java.srcDirs += "src/reactNativeVersionPatch/CustomMountingManager/79"
       } else {
           java.srcDirs += "src/reactNativeVersionPatch/CustomMountingManager/latest"
       }

package/android/src/main/new_arch/CMakeLists.txt

@@ -51,6 +51,7 @@ target_compile_options(
         -frtti
         -Wall
         -std=c++20
+        -DREACT_NATIVE_MINOR_VERSION=${ReactAndroid_VERSION_MINOR}
 )
 
 target_include_directories(

package/android/src/main/new_arch/react/renderer/components/RNLiveMarkdownSpec/MarkdownTextInputDecoratorShadowNode.cpp

@@ -3,7 +3,9 @@
 #include <fbjni/fbjni.h>
 #include <react/fabric/JFabricUIManager.h>
 #include <react/jni/ReadableNativeMap.h>
+#if REACT_NATIVE_MINOR_VERSION < 80
 #include <react/jni/SafeReleaseJniRef.h>
+#endif // REACT_NATIVE_MINOR_VERSION < 80
 #include <react/renderer/components/view/conversions.h>
 #include <react/renderer/core/ComponentDescriptor.h>
 #include <yoga/Yoga.h>

package/android/src/reactNativeVersionPatch/CustomMountingManager/{76 → 79}/com/expensify/livemarkdown/CustomMountingManager.java

@@ -3,7 +3,6 @@ package com.expensify.livemarkdown;
 import static com.facebook.react.views.text.TextAttributeProps.UNSET;
 
 import android.content.Context;
-import android.content.res.AssetManager;
 import android.text.BoringLayout;
 import android.text.Layout;
 import android.text.Spannable;
@@ -12,6 +11,7 @@ import android.text.TextPaint;
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import androidx.core.util.Preconditions;
 
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableMap;
@@ -21,6 +21,7 @@ import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ViewManagerRegistry;
 import com.facebook.react.views.text.TextAttributeProps;
 import com.facebook.react.views.text.TextLayoutManager;
+import com.facebook.react.views.text.internal.span.ReactTextPaintHolderSpan;
 import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
@@ -30,7 +31,13 @@ import java.lang.reflect.Method;
 
 public class CustomMountingManager extends MountingManager {
   private static final boolean DEFAULT_INCLUDE_FONT_PADDING = true;
-  private static final TextPaint sTextPaintInstance = new TextPaint(TextPaint.ANTI_ALIAS_FLAG);
+  private static final ThreadLocal<TextPaint> sTextPaintInstance =
+          new ThreadLocal<TextPaint>() {
+            @Override
+            protected TextPaint initialValue() {
+              return new TextPaint(TextPaint.ANTI_ALIAS_FLAG);
+            }
+          };
 
   private MarkdownUtils markdownUtils;
 
@@ -77,24 +84,48 @@ public class CustomMountingManager extends MountingManager {
       TextAttributeProps.getHyphenationFrequency(
         paragraphAttributes.getString(TextLayoutManager.PA_KEY_HYPHENATION_FREQUENCY));
 
-    // StaticLayout returns wrong metrics for the last line if it's empty, add something to the
-    // last line so it's measured correctly
-    if (text.toString().endsWith("\n")) {
-      SpannableStringBuilder sb = new SpannableStringBuilder(text);
-      sb.append("I");
+    try {
+      Class<TextLayoutManager> textLayoutManagerClass = TextLayoutManager.class;
 
-      text = sb;
-    }
+      Method getTextAlignmentAttrMethod = textLayoutManagerClass.getDeclaredMethod("getTextAlignmentAttr", MapBuffer.class);
+      getTextAlignmentAttrMethod.setAccessible(true);
 
-    Layout.Alignment alignment = TextLayoutManager.getTextAlignment(attributedString, text);
+      String textAlignmentAttr = (String)getTextAlignmentAttrMethod.invoke(null, attributedString);
 
-    markdownUtils.applyMarkdownFormatting((SpannableStringBuilder)text);
+      Method getTextAlignmentMethod = textLayoutManagerClass.getDeclaredMethod("getTextAlignment", MapBuffer.class, Spannable.class, String.class);
+      getTextAlignmentMethod.setAccessible(true);
 
-    BoringLayout.Metrics boring = BoringLayout.isBoring(text, sTextPaintInstance);
+      Layout.Alignment alignment = (Layout.Alignment)getTextAlignmentMethod.invoke(
+              null,
+              attributedString,
+              text,
+              textAlignmentAttr
+      );
 
-    Class<TextLayoutManager> mapBufferClass = TextLayoutManager.class;
-    try {
-      Method createLayoutMethod = mapBufferClass.getDeclaredMethod("createLayout", Spannable.class, BoringLayout.Metrics.class, float.class, YogaMeasureMode.class, boolean.class, int.class, int.class, Layout.Alignment.class);
+      Method getTextJustificationModeMethod = textLayoutManagerClass.getDeclaredMethod("getTextJustificationMode", String.class);
+      getTextJustificationModeMethod.setAccessible(true);
+
+      Integer justificationMode = (Integer) getTextJustificationModeMethod.invoke(null, textAlignmentAttr);
+
+
+      markdownUtils.applyMarkdownFormatting((SpannableStringBuilder)text);
+
+      TextPaint paint;
+      if (attributedString.contains(TextLayoutManager.AS_KEY_CACHE_ID)) {
+        paint = text.getSpans(0, 0, ReactTextPaintHolderSpan.class)[0].getTextPaint();
+      } else {
+        TextAttributeProps baseTextAttributes =
+                TextAttributeProps.fromMapBuffer(attributedString.getMapBuffer(TextLayoutManager.AS_KEY_BASE_ATTRIBUTES));
+        paint = Preconditions.checkNotNull(sTextPaintInstance.get());
+
+        Method updateTextPaintMethod = textLayoutManagerClass.getDeclaredMethod("updateTextPaint", TextPaint.class, TextAttributeProps.class, Context.class);
+        updateTextPaintMethod.setAccessible(true);
+        updateTextPaintMethod.invoke(null, paint, baseTextAttributes, context);
+      }
+
+      BoringLayout.Metrics boring = BoringLayout.isBoring(text, paint);
+
+      Method createLayoutMethod = textLayoutManagerClass.getDeclaredMethod("createLayout", Spannable.class, BoringLayout.Metrics.class, float.class, YogaMeasureMode.class, boolean.class, int.class, int.class, Layout.Alignment.class, int.class, TextPaint.class);
       createLayoutMethod.setAccessible(true);
 
       Layout layout = (Layout)createLayoutMethod.invoke(
@@ -106,7 +137,9 @@ public class CustomMountingManager extends MountingManager {
         includeFontPadding,
         textBreakStrategy,
         hyphenationFrequency,
-        alignment);
+        alignment,
+        justificationMode,
+        paint);
 
       int maximumNumberOfLines =
         paragraphAttributes.contains(TextLayoutManager.PA_KEY_MAX_NUMBER_OF_LINES)

package/android/src/reactNativeVersionPatch/CustomMountingManager/latest/com/expensify/livemarkdown/CustomFabricUIManager.java

@@ -0,0 +1,47 @@
+package com.expensify.livemarkdown;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.fabric.FabricUIManager;
+import com.facebook.react.fabric.mounting.MountingManager;
+import com.facebook.react.uimanager.ViewManagerRegistry;
+import com.facebook.react.uimanager.events.BatchEventDispatchedListener;
+
+import java.lang.reflect.Field;
+
+public class CustomFabricUIManager {
+
+  public static FabricUIManager create(FabricUIManager source, ReadableMap markdownProps, int parserId) {
+    Class<? extends FabricUIManager> uiManagerClass = source.getClass();
+
+    try {
+      Field mountingManagerField = uiManagerClass.getDeclaredField("mMountingManager");
+      mountingManagerField.setAccessible(true);
+
+      MountingManager sourceMountingManager = readPrivateField(source, "mMountingManager");
+      ReactApplicationContext reactContext = readPrivateField(source, "mReactApplicationContext");
+      ViewManagerRegistry viewManagerRegistry = readPrivateField(source, "mViewManagerRegistry");
+      BatchEventDispatchedListener batchEventDispatchedListener = readPrivateField(source, "mBatchEventDispatchedListener");
+      MountingManager.MountItemExecutor mountItemExecutor = readPrivateField(source, "mMountItemExecutor");
+
+      FabricUIManager customFabricUIManager = new FabricUIManager(reactContext, viewManagerRegistry, batchEventDispatchedListener);
+
+      mountingManagerField.set(customFabricUIManager, new CustomMountingManager(sourceMountingManager, viewManagerRegistry, mountItemExecutor, reactContext, markdownProps, parserId));
+
+      return customFabricUIManager;
+    } catch (NoSuchFieldException | IllegalAccessException e) {
+      throw new RuntimeException("[LiveMarkdown] Cannot read data from FabricUIManager");
+    }
+  }
+
+  @SuppressWarnings("unchecked")
+  private static <T> T readPrivateField(Object obj, String name) throws NoSuchFieldException, IllegalAccessException {
+    Class<?> clazz = obj.getClass();
+
+    Field field = clazz.getDeclaredField(name);
+    field.setAccessible(true);
+    T value = (T) field.get(obj);
+
+    return value;
+  }
+}

package/android/src/reactNativeVersionPatch/CustomMountingManager/latest/com/expensify/livemarkdown/CustomMountingManager.java

@@ -8,6 +8,7 @@ import android.text.Layout;
 import android.text.Spannable;
 import android.text.SpannableStringBuilder;
 import android.text.TextPaint;
+import android.text.TextUtils;
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -15,8 +16,10 @@ import androidx.core.util.Preconditions;
 
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.mapbuffer.MapBuffer;
 import com.facebook.react.fabric.mounting.MountingManager;
+import com.facebook.react.fabric.mounting.SurfaceMountingManager;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ViewManagerRegistry;
 import com.facebook.react.views.text.TextAttributeProps;
@@ -39,20 +42,28 @@ public class CustomMountingManager extends MountingManager {
             }
           };
 
+  private MountingManager sourceMountingManager;
   private MarkdownUtils markdownUtils;
 
   public CustomMountingManager(
+      @NonNull MountingManager sourceMountingManager,
       @NonNull ViewManagerRegistry viewManagerRegistry,
       @NonNull MountItemExecutor mountItemExecutor,
       @NonNull Context context,
       @NonNull ReadableMap decoratorProps,
       int parserId) {
     super(viewManagerRegistry, mountItemExecutor);
+    this.sourceMountingManager = sourceMountingManager;
     this.markdownUtils = new MarkdownUtils((ReactContext) context);
     this.markdownUtils.setMarkdownStyle(new MarkdownStyle(decoratorProps, context));
     this.markdownUtils.setParserId(parserId);
   }
 
+  @Override
+  public SurfaceMountingManager getSurfaceManagerEnforced(int surfaceId, String context) {
+    return sourceMountingManager.getSurfaceManagerEnforced(surfaceId, context);
+  }
+
   @Override
   public long measureMapBuffer(
       @NonNull ReactContext context,
@@ -125,9 +136,20 @@ public class CustomMountingManager extends MountingManager {
 
       BoringLayout.Metrics boring = BoringLayout.isBoring(text, paint);
 
-      Method createLayoutMethod = textLayoutManagerClass.getDeclaredMethod("createLayout", Spannable.class, BoringLayout.Metrics.class, float.class, YogaMeasureMode.class, boolean.class, int.class, int.class, Layout.Alignment.class, int.class, TextPaint.class);
+      Method createLayoutMethod = textLayoutManagerClass.getDeclaredMethod("createLayout", Spannable.class, BoringLayout.Metrics.class, float.class, YogaMeasureMode.class, boolean.class, int.class, int.class, Layout.Alignment.class, int.class, TextUtils.TruncateAt.class, int.class, TextPaint.class);
       createLayoutMethod.setAccessible(true);
 
+      int maximumNumberOfLines =
+        paragraphAttributes.contains(TextLayoutManager.PA_KEY_MAX_NUMBER_OF_LINES)
+          ? paragraphAttributes.getInt(TextLayoutManager.PA_KEY_MAX_NUMBER_OF_LINES)
+          : ReactConstants.UNSET;
+      @Nullable
+      TextUtils.TruncateAt ellipsizeMode =
+        paragraphAttributes.contains(TextLayoutManager.PA_KEY_ELLIPSIZE_MODE)
+          ? TextAttributeProps.getEllipsizeMode(
+          paragraphAttributes.getString(TextLayoutManager.PA_KEY_ELLIPSIZE_MODE))
+          : null;
+
       Layout layout = (Layout)createLayoutMethod.invoke(
         null,
         text,
@@ -139,13 +161,10 @@ public class CustomMountingManager extends MountingManager {
         hyphenationFrequency,
         alignment,
         justificationMode,
+        ellipsizeMode,
+        maximumNumberOfLines,
         paint);
 
-      int maximumNumberOfLines =
-        paragraphAttributes.contains(TextLayoutManager.PA_KEY_MAX_NUMBER_OF_LINES)
-          ? paragraphAttributes.getInt(TextLayoutManager.PA_KEY_MAX_NUMBER_OF_LINES)
-          : UNSET;
-
       int calculatedLineCount =
         maximumNumberOfLines == UNSET || maximumNumberOfLines == 0
           ? layout.getLineCount()

package/apple/MarkdownTextInputDecoratorComponentView.mm

@@ -14,6 +14,7 @@
 #import <RNLiveMarkdown/MarkdownTextInputDecoratorViewComponentDescriptor.h>
 #import <RNLiveMarkdown/MarkdownTextStorageDelegate.h>
 #import <RNLiveMarkdown/RCTMarkdownStyle.h>
+#import <RNLiveMarkdown/RCTTextInput+AdaptiveImageGlyph.h>
 
 #import <objc/runtime.h>
 
@@ -85,6 +86,9 @@ using namespace facebook::react;
     // make sure `adjustsFontSizeToFitWidth` is disabled, otherwise formatting will be overwritten
     react_native_assert(_textField.adjustsFontSizeToFitWidth == NO);
 
+    // Enable TextField AdaptiveImageGlyph support for iOS 18.0+
+    [self enableAdaptiveImageGlyphSupport:_textField];
+
     _markdownTextFieldObserver = [[MarkdownTextFieldObserver alloc] initWithTextField:_textField markdownUtils:_markdownUtils];
 
     // register observers for future edits
@@ -101,6 +105,9 @@ using namespace facebook::react;
   } else if ([backedTextInputView isKindOfClass:[RCTUITextView class]]) {
     _textView = (RCTUITextView *)backedTextInputView;
 
+    // Enable TextView AdaptiveImageGlyph support for iOS 18.0+
+    [self enableAdaptiveImageGlyphSupport:_textView];
+
     // register delegate for future edits
     react_native_assert(_textView.textStorage.delegate == nil);
     _markdownTextStorageDelegate = [[MarkdownTextStorageDelegate alloc] initWithTextView:_textView markdownUtils:_markdownUtils];
@@ -140,6 +147,22 @@ using namespace facebook::react;
   }
 }
 
+- (void)enableAdaptiveImageGlyphSupport:(UIView *)textInputView {
+  if (@available(iOS 18.0, *)) {
+    if ([textInputView respondsToSelector:@selector(setSupportsAdaptiveImageGlyph:)]) {
+      [textInputView setValue:@YES forKey:@"supportsAdaptiveImageGlyph"];
+    }
+  }
+}
+
+- (void)disableAdaptiveImageGlyphSupport:(UIView *)textInputView {
+  if (@available(iOS 18.0, *)) {
+    if ([textInputView respondsToSelector:@selector(setSupportsAdaptiveImageGlyph:)]) {
+      [textInputView setValue:@NO forKey:@"supportsAdaptiveImageGlyph"];
+    }
+  }
+}
+
 - (void)removeTextInputObservers
 {
   react_native_assert(_observersAdded && "MarkdownTextInputDecoratorComponentView tried to remove TextInput observers while they were detached");
@@ -154,6 +177,7 @@ using namespace facebook::react;
     }
     _markdownBackedTextInputDelegate = nil;
     [_textView removeObserver:_markdownTextViewObserver forKeyPath:@"defaultTextAttributes" context:NULL];
+    [self disableAdaptiveImageGlyphSupport:_textView];
     _markdownTextViewObserver = nil;
     _markdownTextStorageDelegate = nil;
     _textView.textStorage.delegate = nil;
@@ -165,6 +189,7 @@ using namespace facebook::react;
     [_textField removeTarget:_markdownTextFieldObserver action:@selector(textFieldDidEndEditing:) forControlEvents:UIControlEventEditingDidEnd];
     [_textField removeObserver:_markdownTextFieldObserver forKeyPath:@"text" context:NULL];
     [_textField removeObserver:_markdownTextFieldObserver forKeyPath:@"attributedText" context:NULL];
+    [self disableAdaptiveImageGlyphSupport:_textField];
     _markdownTextFieldObserver = nil;
     _textField = nil;
   }

package/apple/RCTTextInput+AdaptiveImageGlyph.h

@@ -0,0 +1,14 @@
+#import <React/RCTUITextField.h>
+#import <React/RCTUITextView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTUITextField (AdaptiveImageGlyph)
+- (void)liveMarkdown_insertAdaptiveImageGlyph:(id)glyph replacementRange:(NSRange)replacementRange;
+@end
+
+@interface RCTUITextView (AdaptiveImageGlyph)
+- (void)liveMarkdown_insertAdaptiveImageGlyph:(id)glyph replacementRange:(NSRange)replacementRange;
+@end
+
+NS_ASSUME_NONNULL_END

package/apple/RCTTextInput+AdaptiveImageGlyph.mm

@@ -0,0 +1,128 @@
+#import <RNLiveMarkdown/RCTTextInput+AdaptiveImageGlyph.h>
+#import <UIKit/UIKit.h>
+#import <objc/runtime.h>
+
+// Helper method to setup method swizzling for adaptive image glyph
+static void setupAdaptiveImageGlyphSwizzling(Class targetClass, SEL swizzledSelector) {
+  if (@available(iOS 18.0, *)) {
+    SEL originalSelector = @selector(insertAdaptiveImageGlyph:replacementRange:);
+    
+    if ([targetClass instancesRespondToSelector:originalSelector]) {
+      Method originalMethod = class_getInstanceMethod(targetClass, originalSelector);
+      Method swizzledMethod = class_getInstanceMethod(targetClass, swizzledSelector);
+      
+      if (originalMethod && swizzledMethod) {
+        BOOL didAddMethod = class_addMethod(targetClass,
+          originalSelector,
+          method_getImplementation(swizzledMethod),
+          method_getTypeEncoding(swizzledMethod));
+        
+        if (didAddMethod) {
+          class_replaceMethod(targetClass,
+            swizzledSelector,
+            method_getImplementation(originalMethod),
+            method_getTypeEncoding(originalMethod));
+        } else {
+          method_exchangeImplementations(originalMethod, swizzledMethod);
+        }
+      }
+    }
+  }
+}
+
+// Helper method to process genmoji and convert to pasteable image
+static UIImage *processGenmojiImage(id glyph) {
+  if (!glyph) {
+    return nil;
+  }
+  
+  NSData *imageData = nil;
+  if ([glyph respondsToSelector:@selector(imageContent)]) {
+    imageData = [glyph performSelector:@selector(imageContent)];
+  }
+  
+  if (!imageData) {
+    return nil;
+  }
+  
+  UIImage *originalImage = [UIImage imageWithData:imageData];
+  if (!originalImage) {
+    return nil;
+  }
+  
+  CGSize targetSize = CGSizeMake(128, 128);
+  UIGraphicsBeginImageContextWithOptions(targetSize, NO, 0.0);
+  [originalImage drawInRect:CGRectMake(0, 0, targetSize.width, targetSize.height)];
+  UIImage *resizedImage = UIGraphicsGetImageFromCurrentImageContext();
+  UIGraphicsEndImageContext();
+  
+  if (!resizedImage) {
+    return nil;
+  }
+  
+  NSData *pngData = UIImagePNGRepresentation(resizedImage);
+  if (!pngData) {
+    return nil;
+  }
+  
+  return [UIImage imageWithData:pngData];
+}
+
+// Shared helper method to handle adaptive image glyph paste event
+static void handleAdaptiveImageGlyphPasteEvent(UIView *textInputView, id glyph, NSRange replacementRange) {
+  UIImage *processedImage = processGenmojiImage(glyph);
+  if (!processedImage) {
+    return;
+  }
+  
+  // Save current clipboard contents
+  UIPasteboard *pasteboard = [UIPasteboard generalPasteboard];
+  NSArray *savedItems = pasteboard.items;
+  
+  // Set processed image in clipboard and trigger paste
+  pasteboard.image = processedImage;
+  
+  if ([textInputView canPerformAction:@selector(paste:) withSender:nil]) {
+    [textInputView performSelector:@selector(paste:) withObject:nil];
+  }
+  
+  // Restore previous clipboard contents
+  pasteboard.items = savedItems;
+  
+  // Return without calling original method to prevent input genmoji insertion
+  return;
+}
+
+@implementation RCTUITextField (AdaptiveImageGlyph)
+
++ (void)load {
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    setupAdaptiveImageGlyphSwizzling([self class], @selector(liveMarkdown_insertAdaptiveImageGlyph:replacementRange:));
+  });
+}
+
+- (void)liveMarkdown_insertAdaptiveImageGlyph:(id)glyph replacementRange:(NSRange)replacementRange {
+  if (@available(iOS 18.0, *)) {
+    handleAdaptiveImageGlyphPasteEvent(self, glyph, replacementRange);
+  }
+}
+
+@end
+
+@implementation RCTUITextView (AdaptiveImageGlyph)
+
++ (void)load {
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    setupAdaptiveImageGlyphSwizzling([self class], @selector(liveMarkdown_insertAdaptiveImageGlyph:replacementRange:));
+  });
+}
+
+- (void)liveMarkdown_insertAdaptiveImageGlyph:(id)glyph replacementRange:(NSRange)replacementRange {
+  if (@available(iOS 18.0, *)) {
+    handleAdaptiveImageGlyphPasteEvent(self, glyph, replacementRange);
+  }
+}
+
+@end

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expensify/react-native-live-markdown",
-  "version": "0.1.296",
+  "version": "0.1.298",
   "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -64,13 +64,13 @@
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.5.0",
     "@lwc/eslint-plugin-lwc": "^1.7.2",
-    "@react-native-community/cli": "18.0.0",
-    "@react-native-community/cli-platform-android": "18.0.0",
-    "@react-native-community/cli-platform-ios": "18.0.0",
-    "@react-native/eslint-config": "0.79.2",
+    "@react-native-community/cli": "19.0.0",
+    "@react-native-community/cli-platform-android": "19.0.0",
+    "@react-native-community/cli-platform-ios": "19.0.0",
+    "@react-native/eslint-config": "0.80.1",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^29.5.14",
-    "@types/react": "^19.0.0",
+    "@types/react": "^19.1.0",
     "@typescript-eslint/eslint-plugin": "^6.15.0",
     "@typescript-eslint/parser": "^6.15.0",
     "del-cli": "^5.0.0",
@@ -93,10 +93,11 @@
     "nodemon": "^3.1.3",
     "patch-package": "^8.0.0",
     "prettier": "2.8.8",
-    "react": "^19.0.0",
-    "react-native": "0.79.2",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.80.1",
     "react-native-builder-bob": "^0.30.2",
-    "react-native-reanimated": "3.17.3",
+    "react-native-reanimated": "3.18.0",
     "react-native-web": "^0.20.0",
     "release-it": "^15.0.0",
     "turbo": "^1.10.7",