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

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.297",
+  "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",