react-native-typerich 0.1.0 → 0.1.4

package/README.md

@@ -1,27 +1,46 @@
-# react-native-type-rich-text-input
+# react-native-typerich
 
-Textinput replacement
+Drop in TextInput replacement with inbuilt support for Image Pasting and Gboard stickers
+currently available only for android
 
 ## Installation
 
-
 ```sh
-npm install react-native-type-rich-text-input
+npm install react-native-typerich
 ```
 
-
 ## Usage
 
-
 ```js
-import { TypeRichTextInputView } from "react-native-type-rich-text-input";
+import { TypeRichTextInput } from 'react-native-typerich';
 
 // ...
 
-<TypeRichTextInputView color="tomato" />
+<TypeRichTextInput
+  ref={ref}
+  style={styles.typeRichTextInput}
+  placeholder="Type here..."
+  placeholderTextColor="rgb(0, 26, 114)"
+  selectionColor="red"
+  cursorColor="green"
+  autoCapitalize="words"
+  onChangeText={(text: string) => console.log(text)}
+  onFocus={() => console.log('focused')}
+  onBlur={() => console.log('blurred')}
+  onChangeSelection={(e: { start: number, end: number, text: string }) =>
+    console.log(e)
+  }
+  androidExperimentalSynchronousEvents={true}
+  multiline
+  numberOfLines={5}
+  onPasteImageData={(e) => {
+    console.log(e);
+  }}
+  defaultValue="TypeRichTextInput"
+  keyboardAppearance="dark" // ios only
+/>;
 ```
 
-
 ## Contributing
 
 - [Development workflow](CONTRIBUTING.md#development-workflow)

package/TypeRichTextInput.podspec

@@ -13,7 +13,8 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => min_ios_version_supported }
   s.source       = { :git => "https://github.com/divyanshu-patil/react-native-typerich.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm,swift,cpp}"
+  # s.source_files = "ios/**/*.{h,m,mm,swift,cpp}"
+  s.source_files = []
   s.private_header_files = "ios/**/*.h"
 
   install_modules_dependencies(s)

package/android/src/main/java/com/typerich/TypeRichTextInputView.kt

@@ -33,7 +33,9 @@ import com.facebook.react.views.text.ReactTypefaceUtils.parseFontWeight
 import com.typerich.events.OnChangeTextEvent
 import com.typerich.events.OnInputBlurEvent
 import com.typerich.events.OnInputFocusEvent
+import com.typerich.events.OnChangeSelectionEvent
 import com.typerich.events.OnPasteImageEvent
+import com.typerich.utils.EnumPasteSource
 import java.io.File
 import kotlin.math.ceil
 
@@ -58,7 +60,7 @@ class TypeRichTextInputView : AppCompatEditText {
   private var fontWeight: Int = ReactConstants.UNSET
   private var defaultValue: CharSequence? = null
   private var defaultValueDirty: Boolean = false
-
+  private var keyboardAppearance: String = "default"
   private var inputMethodManager: InputMethodManager? = null
 
   constructor(context: Context) : super(context) {
@@ -161,7 +163,9 @@ class TypeRichTextInputView : AppCompatEditText {
         "image/*"
       }
 
-      val meta = buildMetaForUri(uri, mime)
+      val source = EnumPasteSource.KEYBOARD.value
+
+      val meta = buildMetaForUri(uri, mime, source)
       dispatchImagePasteEvent(meta)
 
       if ((flags and InputConnectionCompat.INPUT_CONTENT_GRANT_READ_URI_PERMISSION) != 0) {
@@ -186,15 +190,17 @@ class TypeRichTextInputView : AppCompatEditText {
 
       // uri
       item.uri?.let { uri ->
+        val source = EnumPasteSource.CLIPBOARD.value
         val mime = context.contentResolver.getType(uri) ?: "image/*"
-        dispatchImagePasteEvent(buildMetaForUri(uri, mime))
+        dispatchImagePasteEvent(buildMetaForUri(uri, mime, source))
         return true
       }
 
       // intent
       item.intent?.data?.let { uri ->
+        val source = EnumPasteSource.CLIPBOARD.value
         val mime = context.contentResolver.getType(uri) ?: "image/*"
-        dispatchImagePasteEvent(buildMetaForUri(uri, mime))
+        dispatchImagePasteEvent(buildMetaForUri(uri, mime, source))
         return true
       }
 
@@ -208,9 +214,9 @@ class TypeRichTextInputView : AppCompatEditText {
   }
 
   // --- helper: convert content URI to cached file metadata ---
-  private data class PasteImageMeta(val fileName: String, val fileSize: Long, val type: String, val uri: String)
+  private data class PasteImageMeta(val fileName: String, val fileSize: Long,val source: String, val type: String, val uri: String)
 
-  private fun buildMetaForUri(srcUri: Uri, mime: String): PasteImageMeta {
+  private fun buildMetaForUri(srcUri: Uri, mime: String,source: String): PasteImageMeta {
     val ext = when (mime) {
       "image/png" -> ".png"
       "image/jpeg", "image/jpg" -> ".jpg"
@@ -228,7 +234,8 @@ class TypeRichTextInputView : AppCompatEditText {
       fileName = temp.name,
       fileSize = temp.length(),
       type = mime,
-      uri = Uri.fromFile(temp).toString()
+      uri = Uri.fromFile(temp).toString(),
+      source = source
     )
   }
 
@@ -238,7 +245,7 @@ class TypeRichTextInputView : AppCompatEditText {
     val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
     try {
       dispatcher?.dispatchEvent(
-        OnPasteImageEvent(surfaceId, id, meta.uri,meta.type,meta.fileName,meta.fileSize.toDouble(),null,experimentalSynchronousEvents)
+        OnPasteImageEvent(surfaceId, id, meta.uri,meta.type,meta.fileName,meta.fileSize.toDouble(),meta.source,null,experimentalSynchronousEvents)
       )
     } catch (e: Exception) {
       e.printStackTrace()
@@ -278,9 +285,26 @@ class TypeRichTextInputView : AppCompatEditText {
 
   override fun onSelectionChanged(selStart: Int, selEnd: Int) {
     super.onSelectionChanged(selStart, selEnd)
-    // you can later dispatch OnChangeSelectionEvent here if needed
+
+    val reactContext = context as? ReactContext ?: return
+    val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
+      ?: return
+
+    val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
+
+    dispatcher.dispatchEvent(
+      OnChangeSelectionEvent(
+        surfaceId,
+        id,
+        selStart,
+        selEnd,
+        text?.toString() ?: "",
+        experimentalSynchronousEvents
+      )
+    )
   }
 
+
   override fun clearFocus() {
     super.clearFocus()
     inputMethodManager?.hideSoftInputFromWindow(windowToken, 0)

package/android/src/main/java/com/typerich/TypeRichTextInputViewManager.kt

@@ -128,6 +128,12 @@ class TypeRichTextInputViewManager :
     view?.setSecureTextEntry(value)
   }
 
+  @ReactProp(name = "keyboardAppearance")
+  override fun setKeyboardAppearance(
+    view: TypeRichTextInputView,
+    appearance: String?
+  ) {
+  }
 
   override fun onAfterUpdateTransaction(view: TypeRichTextInputView) {
     super.onAfterUpdateTransaction(view)

package/android/src/main/java/com/typerich/events/OnChangeSelectionEvent.kt

@@ -4,7 +4,7 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.uimanager.events.Event
 
-class OnChangeSelectionEvent(surfaceId: Int, viewId: Int, private val text: String, private val start: Int, private val end: Int, private val experimentalSynchronousEvents: Boolean) :
+class OnChangeSelectionEvent(surfaceId: Int, viewId: Int, private val start: Int, private val end: Int, private val text: String, private val experimentalSynchronousEvents: Boolean) :
   Event<OnChangeSelectionEvent>(surfaceId, viewId) {
 
   override fun getEventName(): String {

package/android/src/main/java/com/typerich/events/OnPasteImageEvent.kt

@@ -11,6 +11,7 @@ class OnPasteImageEvent(
   private val type: String,
   private val fileName: String,
   private val fileSize: Double,  // RN Int32 maps to Kotlin Int
+  private val source: String, // clipboard or gboard
   private val errorMessage: String? = null,
   private val experimentalSynchronousEvents: Boolean
 ) : Event<OnPasteImageEvent>(surfaceId, viewId) {
@@ -25,6 +26,7 @@ class OnPasteImageEvent(
     map.putString("type", type)
     map.putString("fileName", fileName)
     map.putDouble("fileSize", fileSize)
+    map.putString("source", source)
 
     if (errorMessage != null) {
       val errorMap = Arguments.createMap()

package/android/src/main/java/com/typerich/utils/EnumPasteSource.kt

@@ -0,0 +1,12 @@
+package com.typerich.utils
+
+enum class EnumPasteSource(val value: String) {
+  KEYBOARD("keyboard"),
+  CLIPBOARD("clipboard"),
+  CONTEXT_MENU("context_menu");
+
+  companion object {
+    fun from(value: String): EnumPasteSource? =
+      values().find { it.value == value }
+  }
+}

package/ios/TypeRichTextInputView.h

@@ -1,3 +1,4 @@
+
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
 
@@ -11,4 +12,4 @@ NS_ASSUME_NONNULL_BEGIN
 
 NS_ASSUME_NONNULL_END
 
-#endif /* TypeRichTextInputViewNativeComponent_h */
+#endif /* TypeRichTextInputViewNativeComponent_h */

package/ios/TypeRichTextInputView.mm

@@ -41,11 +41,6 @@ using namespace facebook::react;
     const auto &oldViewProps = *std::static_pointer_cast<TypeRichTextInputViewProps const>(_props);
     const auto &newViewProps = *std::static_pointer_cast<TypeRichTextInputViewProps const>(props);
 
-    if (oldViewProps.color != newViewProps.color) {
-        NSString * colorToConvert = [[NSString alloc] initWithUTF8String: newViewProps.color.c_str()];
-        [_view setBackgroundColor:[self hexStringToColor:colorToConvert]];
-    }
-
     [super updateProps:props oldProps:oldProps];
 }
 
@@ -54,18 +49,4 @@ Class<RCTComponentViewProtocol> TypeRichTextInputViewCls(void)
     return TypeRichTextInputView.class;
 }
 
-- hexStringToColor:(NSString *)stringToConvert
-{
-    NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
-    NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
-
-    unsigned hex;
-    if (![stringScanner scanHexInt:&hex]) return nil;
-    int r = (hex >> 16) & 0xFF;
-    int g = (hex >> 8) & 0xFF;
-    int b = (hex) & 0xFF;
-
-    return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
-}
-
-@end
+@end

package/ios/TypeRichTextInputViewManager.mm

@@ -0,0 +1,21 @@
+
+#import <React/RCTViewManager.h>
+#import <React/RCTComponentViewFactory.h>
+#import "TypeRichTextInputView.h"
+
+@interface TypeRichTextInputViewManager : NSObject <RCTComponentViewProtocol>
+@end
+
+@implementation TypeRichTextInputViewManager
+
++ (NSString *)componentName
+{
+  return @"TypeRichTextInputView";
+}
+
++ (Class)componentViewClass
+{
+  return [TypeRichTextInputView class];
+}
+
+@end

package/lib/module/TypeRichTextInput.js

@@ -1,10 +1,36 @@
 "use strict";
 
 import { forwardRef, useImperativeHandle, useRef } from 'react';
-import NativeTypeRichTextInput, { Commands } from './TypeRichTextInputNativeComponent';
+import { Platform, View } from 'react-native';
+import { Commands } from './TypeRichTextInputNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+let NativeTypeRichTextInput;
+if (Platform.OS === 'android') {
+  NativeTypeRichTextInput = require('./TypeRichTextInputNativeComponent').default;
+} else {
+  // iOS fallback (temporary)
+  NativeTypeRichTextInput = View;
+}
+export function normalizeEvent(event) {
+  if (event && typeof event === 'object' && 'nativeEvent' in event) {
+    return event.nativeEvent;
+  }
+  return event;
+}
 
 // Public facing props (same as NativeProps but events normalized)
-import { jsx as _jsx } from "react/jsx-runtime";
+
+/**
+ * TypeRichTextInput
+ *
+ * A high-performance rich text input component with:
+ * - image pasting support
+ * - Fabric-based rendering
+ * - custom ShadowNode on Android
+ *
+ * iOS support is currently unavailable and renders a `View` comp as fallback
+ * we are planning to add support for ios too soon
+ */
 const TypeRichTextInput = /*#__PURE__*/forwardRef((props, ref) => {
   const nativeRef = useRef(null);
   useImperativeHandle(ref, () => ({
@@ -35,14 +61,26 @@ const TypeRichTextInput = /*#__PURE__*/forwardRef((props, ref) => {
       props.onPasteImageData?.(data);
     }
   }
+  function handleOnChangeTextEvent(event) {
+    const e = normalizeEvent(event);
+    props.onChangeText?.(e.value);
+  }
+  function handleonChangeSelectionEvent(event) {
+    const e = normalizeEvent(event);
+    props.onChangeSelection?.({
+      start: e.start,
+      end: e.end,
+      text: e.text
+    });
+  }
   return /*#__PURE__*/_jsx(NativeTypeRichTextInput, {
     androidExperimentalSynchronousEvents: props.androidExperimentalSynchronousEvents,
     ref: nativeRef,
     ...props,
     onInputFocus: () => props.onFocus?.(),
     onInputBlur: () => props.onBlur?.(),
-    onChangeText: event => props.onChangeText?.(event.nativeEvent.value),
-    onChangeSelection: event => props.onChangeSelection?.(event.nativeEvent.start, event.nativeEvent.end, event.nativeEvent.text),
+    onChangeText: handleOnChangeTextEvent,
+    onChangeSelection: handleonChangeSelectionEvent,
     onPasteImage: handlePasteImage
   });
 });

package/lib/module/TypeRichTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useImperativeHandle","useRef","NativeTypeRichTextInput","Commands","jsx","_jsx","TypeRichTextInput","props","ref","nativeRef","focus","current","blur","setValue","text","handlePasteImage","event","data","nativeEvent","undefined","onPasteImageData","androidExperimentalSynchronousEvents","onInputFocus","onFocus","onInputBlur","onBlur","onChangeText","value","onChangeSelection","start","end","onPasteImage"],"sourceRoot":"../../src","sources":["TypeRichTextInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAkB,OAAO;AAIzE,OAAOC,uBAAuB,IAC5BC,QAAQ,QAEH,oCAAoC;;AAE3C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAuCA,MAAMC,iBAAiB,gBAAGP,UAAU,CAClC,CAACQ,KAA6B,EAAEC,GAA8B,KAAK;EACjE,MAAMC,SAAS,GAAGR,MAAM,CAAC,IAAI,CAAC;EAE9BD,mBAAmB,CAACQ,GAAG,EAAE,OAAO;IAC9BE,KAAK,EAAEA,CAAA,KAAM;MACX,IAAID,SAAS,CAACE,OAAO,EAAE;QACrBR,QAAQ,CAACO,KAAK,CAACD,SAAS,CAACE,OAAO,CAAC;MACnC;IACF,CAAC;IACDC,IAAI,EAAEA,CAAA,KAAM;MACV,IAAIH,SAAS,CAACE,OAAO,EAAE;QACrBR,QAAQ,CAACS,IAAI,CAACH,SAAS,CAACE,OAAO,CAAC;MAClC;IACF,CAAC;IACDE,QAAQ,EAAGC,IAAY,IAAK;MAC1B,IAAIL,SAAS,CAACE,OAAO,EAAE;QACrBR,QAAQ,CAACU,QAAQ,CAACJ,SAAS,CAACE,OAAO,EAAEG,IAAI,CAAC;MAC5C;IACF;EACF,CAAC,CAAC,CAAC;;EAEH;AACJ;AACA;EACI,SAASC,gBAAgBA,CACvBC,KAIO,EACD;IACN;IACA,MAAMC,IAAuC,GAC3CD,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAC9BA,KAAK,CAACE,WAAW,IAAIF,KAAK,GAC1BG,SAAS;IAEf,IAAIF,IAAI,EAAE;MACRV,KAAK,CAACa,gBAAgB,GAAGH,IAA6B,CAAC;IACzD;EACF;EAEA,oBACEZ,IAAA,CAACH,uBAAuB;IACtBmB,oCAAoC,EAClCd,KAAK,CAACc,oCACP;IACDb,GAAG,EAAEC,SAAU;IAAA,GACXF,KAAK;IACTe,YAAY,EAAEA,CAAA,KAAMf,KAAK,CAACgB,OAAO,GAAG,CAAE;IACtCC,WAAW,EAAEA,CAAA,KAAMjB,KAAK,CAACkB,MAAM,GAAG,CAAE;IACpCC,YAAY,EAAGV,KAAK,IAAKT,KAAK,CAACmB,YAAY,GAAGV,KAAK,CAACE,WAAW,CAACS,KAAK,CAAE;IACvEC,iBAAiB,EAAGZ,KAAK,IACvBT,KAAK,CAACqB,iBAAiB,GACrBZ,KAAK,CAACE,WAAW,CAACW,KAAK,EACvBb,KAAK,CAACE,WAAW,CAACY,GAAG,EACrBd,KAAK,CAACE,WAAW,CAACJ,IACpB,CACD;IACDiB,YAAY,EAAEhB;EAAiB,CAChC,CAAC;AAEN,CACF,CAAC;AAED,eAAeT,iBAAiB","ignoreList":[]}
+{"version":3,"names":["forwardRef","useImperativeHandle","useRef","Platform","View","Commands","jsx","_jsx","NativeTypeRichTextInput","OS","require","default","normalizeEvent","event","nativeEvent","TypeRichTextInput","props","ref","nativeRef","focus","current","blur","setValue","text","handlePasteImage","data","undefined","onPasteImageData","handleOnChangeTextEvent","e","onChangeText","value","handleonChangeSelectionEvent","onChangeSelection","start","end","androidExperimentalSynchronousEvents","onInputFocus","onFocus","onInputBlur","onBlur","onPasteImage"],"sourceRoot":"../../src","sources":["TypeRichTextInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAkB,OAAO;AAGzE,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAE7C,SACEC,QAAQ,QAKH,oCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,IAAIC,uBAA4B;AAEhC,IAAIL,QAAQ,CAACM,EAAE,KAAK,SAAS,EAAE;EAC7BD,uBAAuB,GACrBE,OAAO,CAAC,oCAAoC,CAAC,CAACC,OAAO;AACzD,CAAC,MAAM;EACL;EACAH,uBAAuB,GAAGJ,IAAI;AAChC;AAGA,OAAO,SAASQ,cAAcA,CAAIC,KAA0B,EAAK;EAC/D,IAAIA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAI,aAAa,IAAIA,KAAK,EAAE;IAChE,OAAQA,KAAK,CAAwBC,WAAW;EAClD;EACA,OAAOD,KAAK;AACd;;AAEA;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,iBAAiB,gBAAGf,UAAU,CAClC,CAACgB,KAA6B,EAAEC,GAA8B,KAAK;EACjE,MAAMC,SAAS,GAAGhB,MAAM,CAAC,IAAI,CAAC;EAE9BD,mBAAmB,CAACgB,GAAG,EAAE,OAAO;IAC9BE,KAAK,EAAEA,CAAA,KAAM;MACX,IAAID,SAAS,CAACE,OAAO,EAAE;QACrBf,QAAQ,CAACc,KAAK,CAACD,SAAS,CAACE,OAAO,CAAC;MACnC;IACF,CAAC;IACDC,IAAI,EAAEA,CAAA,KAAM;MACV,IAAIH,SAAS,CAACE,OAAO,EAAE;QACrBf,QAAQ,CAACgB,IAAI,CAACH,SAAS,CAACE,OAAO,CAAC;MAClC;IACF,CAAC;IACDE,QAAQ,EAAGC,IAAY,IAAK;MAC1B,IAAIL,SAAS,CAACE,OAAO,EAAE;QACrBf,QAAQ,CAACiB,QAAQ,CAACJ,SAAS,CAACE,OAAO,EAAEG,IAAI,CAAC;MAC5C;IACF;EACF,CAAC,CAAC,CAAC;;EAEH;AACJ;AACA;EACI,SAASC,gBAAgBA,CACvBX,KAIO,EACD;IACN;IACA,MAAMY,IAAuC,GAC3CZ,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAC9BA,KAAK,CAACC,WAAW,IAAID,KAAK,GAC1Ba,SAAS;IAEf,IAAID,IAAI,EAAE;MACRT,KAAK,CAACW,gBAAgB,GAAGF,IAA6B,CAAC;IACzD;EACF;EAEA,SAASG,uBAAuBA,CAC9Bf,KAA6D,EAC7D;IACA,MAAMgB,CAAC,GAAGjB,cAAc,CAACC,KAAK,CAAC;IAC/BG,KAAK,CAACc,YAAY,GAAGD,CAAC,CAACE,KAAK,CAAC;EAC/B;EAEA,SAASC,4BAA4BA,CACnCnB,KAAuE,EACvE;IACA,MAAMgB,CAAC,GAAGjB,cAAc,CAACC,KAAK,CAAC;IAC/BG,KAAK,CAACiB,iBAAiB,GAAG;MACxBC,KAAK,EAAEL,CAAC,CAACK,KAAK;MACdC,GAAG,EAAEN,CAAC,CAACM,GAAG;MACVZ,IAAI,EAAEM,CAAC,CAACN;IACV,CAAC,CAAC;EACJ;EAEA,oBACEhB,IAAA,CAACC,uBAAuB;IACtB4B,oCAAoC,EAClCpB,KAAK,CAACoB,oCACP;IACDnB,GAAG,EAAEC,SAAU;IAAA,GACXF,KAAK;IACTqB,YAAY,EAAEA,CAAA,KAAMrB,KAAK,CAACsB,OAAO,GAAG,CAAE;IACtCC,WAAW,EAAEA,CAAA,KAAMvB,KAAK,CAACwB,MAAM,GAAG,CAAE;IACpCV,YAAY,EAAEF,uBAAwB;IACtCK,iBAAiB,EAAED,4BAA6B;IAChDS,YAAY,EAAEjB;EAAiB,CAChC,CAAC;AAEN,CACF,CAAC;AAED,eAAeT,iBAAiB","ignoreList":[]}

package/lib/module/TypeRichTextInputNativeComponent.ts

@@ -8,12 +8,11 @@ import type { HostComponent } from 'react-native';
 import type {
   BubblingEventHandler,
   Double,
-} from 'react-native/Libraries/Types/CodegenTypes';
-import type {
+  WithDefault,
   DirectEventHandler,
   Float,
   Int32,
-} from 'react-native/Libraries/Types/CodegenTypesNamespace';
+} from 'react-native/Libraries/Types/CodegenTypes';
 
 export interface OnChangeTextEvent {
   value: string;
@@ -29,6 +28,7 @@ export interface onPasteImageEventData {
   type: string;
   fileName: string;
   fileSize: Double;
+  source: 'keyboard' | 'clipboard' | 'context_menu';
   error?: { message: string };
 }
 
@@ -46,6 +46,10 @@ export interface TypeRichTextInputNativeProps extends ViewProps {
   multiline?: boolean;
   numberOfLines?: Int32;
   secureTextEntry?: boolean;
+  keyboardAppearance?: WithDefault<'default' | 'light' | 'dark', 'default'>; // ios only
+
+  // Todo
+  // disableImagePasting?: boolean
 
   // event callbacks
   onInputFocus?: DirectEventHandler<null>;

package/lib/typescript/src/TypeRichTextInput.d.ts

@@ -1,35 +1,35 @@
-import type { ColorValue, ViewProps } from 'react-native';
-import { type onPasteImageEventData } from './TypeRichTextInputNativeComponent';
-export interface TypeRichTextInputProps extends ViewProps {
-    autoFocus?: boolean;
-    editable?: boolean;
-    defaultValue?: string;
-    placeholder?: string;
-    placeholderTextColor?: ColorValue;
-    cursorColor?: ColorValue;
-    selectionColor?: ColorValue;
-    autoCapitalize?: string;
-    scrollEnabled?: boolean;
-    multiline?: boolean;
-    numberOfLines?: number;
-    secureTextEntry?: boolean;
+import { type onPasteImageEventData, type TypeRichTextInputNativeProps } from './TypeRichTextInputNativeComponent';
+type MaybeNativeEvent<T> = T | {
+    nativeEvent: T;
+};
+export declare function normalizeEvent<T>(event: MaybeNativeEvent<T>): T;
+export interface TypeRichTextInputProps extends Omit<TypeRichTextInputNativeProps, 'onChangeText' | 'onChangeSelection' | 'onInputFocus' | 'onInputBlur' | 'onPasteImage'> {
     onFocus?: () => void;
     onBlur?: () => void;
     onChangeText?: (value: string) => void;
-    onChangeSelection?: (start: number, end: number, text: string) => void;
+    onChangeSelection?: (event: {
+        start: number;
+        end: number;
+        text: string;
+    }) => void;
     onPasteImageData?: (data: onPasteImageEventData) => void;
-    color?: ColorValue;
-    fontSize?: number;
-    fontFamily?: string;
-    fontWeight?: string;
-    fontStyle?: string;
-    androidExperimentalSynchronousEvents?: boolean;
 }
 export interface TypeRichTextInputRef {
     focus: () => void;
     blur: () => void;
     setValue: (text: string) => void;
 }
+/**
+ * TypeRichTextInput
+ *
+ * A high-performance rich text input component with:
+ * - image pasting support
+ * - Fabric-based rendering
+ * - custom ShadowNode on Android
+ *
+ * iOS support is currently unavailable and renders a `View` comp as fallback
+ * we are planning to add support for ios too soon
+ */
 declare const TypeRichTextInput: import("react").ForwardRefExoticComponent<TypeRichTextInputProps & import("react").RefAttributes<TypeRichTextInputRef>>;
 export default TypeRichTextInput;
 //# sourceMappingURL=TypeRichTextInput.d.ts.map

package/lib/typescript/src/TypeRichTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeRichTextInput.d.ts","sourceRoot":"","sources":["../../../src/TypeRichTextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAEhF,OAAgC,EAE9B,KAAK,qBAAqB,EAC3B,MAAM,oCAAoC,CAAC;AAG5C,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAGzD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,oCAAoC,CAAC,EAAE,OAAO,CAAC;CAChD;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,iBAAiB,yHAgEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"TypeRichTextInput.d.ts","sourceRoot":"","sources":["../../../src/TypeRichTextInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,4BAA4B,EAClC,MAAM,oCAAoC,CAAC;AAW5C,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,EAAE,CAAC,CAAA;CAAE,CAAC;AAElD,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAK/D;AAGD,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,4BAA4B,EAC1B,cAAc,GACd,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,cAAc,CACjB;IAED,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KACd,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC1D;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,yHA4EtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/TypeRichTextInputNativeComponent.d.ts

@@ -1,8 +1,7 @@
 import type { ColorValue } from 'react-native';
 import { type ViewProps } from 'react-native';
 import type { HostComponent } from 'react-native';
-import type { BubblingEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
-import type { DirectEventHandler, Float, Int32 } from 'react-native/Libraries/Types/CodegenTypesNamespace';
+import type { BubblingEventHandler, Double, WithDefault, DirectEventHandler, Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 export interface OnChangeTextEvent {
     value: string;
 }
@@ -16,6 +15,7 @@ export interface onPasteImageEventData {
     type: string;
     fileName: string;
     fileSize: Double;
+    source: 'keyboard' | 'clipboard' | 'context_menu';
     error?: {
         message: string;
     };
@@ -33,6 +33,7 @@ export interface TypeRichTextInputNativeProps extends ViewProps {
     multiline?: boolean;
     numberOfLines?: Int32;
     secureTextEntry?: boolean;
+    keyboardAppearance?: WithDefault<'default' | 'light' | 'dark', 'default'>;
     onInputFocus?: DirectEventHandler<null>;
     onInputBlur?: DirectEventHandler<null>;
     onChangeText?: DirectEventHandler<OnChangeTextEvent>;

package/lib/typescript/src/TypeRichTextInputNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeRichTextInputNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TypeRichTextInputNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EACV,oBAAoB,EACpB,MAAM,EACP,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACL,KAAK,EACN,MAAM,oDAAoD,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7B;AAED,MAAM,WAAW,4BAA6B,SAAQ,SAAS;IAE7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,YAAY,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;IAI3D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,oCAAoC,CAAC,EAAE,OAAO,CAAC;CAChD;AAED,KAAK,aAAa,GAAG,aAAa,CAAC,4BAA4B,CAAC,CAAC;AAEjE,UAAU,cAAc;IAEtB,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5E;AAED,eAAO,MAAM,QAAQ,EAAE,cAOrB,CAAC;wBAOE,aAAa,CAAC,4BAA4B,CAAC;AALhD,wBAKiD"}
+{"version":3,"file":"TypeRichTextInputNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TypeRichTextInputNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EACV,oBAAoB,EACpB,MAAM,EACN,WAAW,EACX,kBAAkB,EAClB,KAAK,EACL,KAAK,EACN,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAClD,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7B;AAED,MAAM,WAAW,4BAA6B,SAAQ,SAAS;IAE7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,WAAW,CAAC,SAAS,GAAG,OAAO,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;IAM1E,YAAY,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;IAI3D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,oCAAoC,CAAC,EAAE,OAAO,CAAC;CAChD;AAED,KAAK,aAAa,GAAG,aAAa,CAAC,4BAA4B,CAAC,CAAC;AAEjE,UAAU,cAAc;IAEtB,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5E;AAED,eAAO,MAAM,QAAQ,EAAE,cAOrB,CAAC;wBAOE,aAAa,CAAC,4BAA4B,CAAC;AALhD,wBAKiD"}

package/lib/typescript/src/index.d.ts

@@ -1,4 +1,4 @@
 export { default as TypeRichTextInput } from './TypeRichTextInput';
 export * from './TypeRichTextInput';
-export type { OnChangeTextEvent, OnChangeSelectionEvent, } from './TypeRichTextInputNativeComponent';
+export type { OnChangeTextEvent, OnChangeSelectionEvent, onPasteImageEventData, } from './TypeRichTextInputNativeComponent';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,qBAAqB,CAAC;AACpC,YAAY,EACV,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,qBAAqB,CAAC;AACpC,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,oCAAoC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-typerich",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "description": "Textinput replacement",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -43,7 +43,12 @@
   "keywords": [
     "react-native",
     "ios",
-    "android"
+    "android",
+    "rich text input",
+    "image pasting",
+    "gboard stickers",
+    "live markdown",
+    "markdown textinput"
   ],
   "repository": {
     "type": "git",
@@ -96,7 +101,6 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "codegen",
       [
         "module",
         {

package/src/TypeRichTextInput.tsx

@@ -1,43 +1,54 @@
 import { forwardRef, useImperativeHandle, useRef, type Ref } from 'react';
 
-import type { ColorValue, ViewProps, NativeSyntheticEvent } from 'react-native';
+import type { NativeSyntheticEvent } from 'react-native';
+import { Platform, View } from 'react-native';
 
-import NativeTypeRichTextInput, {
+import {
   Commands,
+  type OnChangeSelectionEvent,
+  type OnChangeTextEvent,
   type onPasteImageEventData,
+  type TypeRichTextInputNativeProps,
 } from './TypeRichTextInputNativeComponent';
 
-// Public facing props (same as NativeProps but events normalized)
-export interface TypeRichTextInputProps extends ViewProps {
-  autoFocus?: boolean;
-  editable?: boolean;
-  defaultValue?: string;
-  placeholder?: string;
-  placeholderTextColor?: ColorValue;
-  cursorColor?: ColorValue;
-  selectionColor?: ColorValue;
-  autoCapitalize?: string;
-  scrollEnabled?: boolean;
-  multiline?: boolean;
-  numberOfLines?: number;
-  secureTextEntry?: boolean;
+let NativeTypeRichTextInput: any;
+
+if (Platform.OS === 'android') {
+  NativeTypeRichTextInput =
+    require('./TypeRichTextInputNativeComponent').default;
+} else {
+  // iOS fallback (temporary)
+  NativeTypeRichTextInput = View;
+}
+type MaybeNativeEvent<T> = T | { nativeEvent: T };
 
-  // JS friendly event callbacks
+export function normalizeEvent<T>(event: MaybeNativeEvent<T>): T {
+  if (event && typeof event === 'object' && 'nativeEvent' in event) {
+    return (event as { nativeEvent: T }).nativeEvent;
+  }
+  return event as T;
+}
+
+// Public facing props (same as NativeProps but events normalized)
+export interface TypeRichTextInputProps
+  extends Omit<
+    TypeRichTextInputNativeProps,
+    | 'onChangeText'
+    | 'onChangeSelection'
+    | 'onInputFocus'
+    | 'onInputBlur'
+    | 'onPasteImage'
+  > {
+  // JS-friendly callbacks
   onFocus?: () => void;
   onBlur?: () => void;
   onChangeText?: (value: string) => void;
-  onChangeSelection?: (start: number, end: number, text: string) => void;
+  onChangeSelection?: (event: {
+    start: number;
+    end: number;
+    text: string;
+  }) => void;
   onPasteImageData?: (data: onPasteImageEventData) => void;
-
-  // style props
-  color?: ColorValue;
-  fontSize?: number;
-  fontFamily?: string;
-  fontWeight?: string;
-  fontStyle?: string;
-
-  // other
-  androidExperimentalSynchronousEvents?: boolean;
 }
 
 export interface TypeRichTextInputRef {
@@ -46,6 +57,17 @@ export interface TypeRichTextInputRef {
   setValue: (text: string) => void;
 }
 
+/**
+ * TypeRichTextInput
+ *
+ * A high-performance rich text input component with:
+ * - image pasting support
+ * - Fabric-based rendering
+ * - custom ShadowNode on Android
+ *
+ * iOS support is currently unavailable and renders a `View` comp as fallback
+ * we are planning to add support for ios too soon
+ */
 const TypeRichTextInput = forwardRef(
   (props: TypeRichTextInputProps, ref: Ref<TypeRichTextInputRef>) => {
     const nativeRef = useRef(null);
@@ -89,6 +111,24 @@ const TypeRichTextInput = forwardRef(
       }
     }
 
+    function handleOnChangeTextEvent(
+      event: OnChangeTextEvent | { nativeEvent: OnChangeTextEvent }
+    ) {
+      const e = normalizeEvent(event);
+      props.onChangeText?.(e.value);
+    }
+
+    function handleonChangeSelectionEvent(
+      event: OnChangeSelectionEvent | { nativeEvent: OnChangeSelectionEvent }
+    ) {
+      const e = normalizeEvent(event);
+      props.onChangeSelection?.({
+        start: e.start,
+        end: e.end,
+        text: e.text,
+      });
+    }
+
     return (
       <NativeTypeRichTextInput
         androidExperimentalSynchronousEvents={
@@ -98,14 +138,8 @@ const TypeRichTextInput = forwardRef(
         {...props}
         onInputFocus={() => props.onFocus?.()}
         onInputBlur={() => props.onBlur?.()}
-        onChangeText={(event) => props.onChangeText?.(event.nativeEvent.value)}
-        onChangeSelection={(event) =>
-          props.onChangeSelection?.(
-            event.nativeEvent.start,
-            event.nativeEvent.end,
-            event.nativeEvent.text
-          )
-        }
+        onChangeText={handleOnChangeTextEvent}
+        onChangeSelection={handleonChangeSelectionEvent}
         onPasteImage={handlePasteImage}
       />
     );

package/src/TypeRichTextInputNativeComponent.ts

@@ -8,12 +8,11 @@ import type { HostComponent } from 'react-native';
 import type {
   BubblingEventHandler,
   Double,
-} from 'react-native/Libraries/Types/CodegenTypes';
-import type {
+  WithDefault,
   DirectEventHandler,
   Float,
   Int32,
-} from 'react-native/Libraries/Types/CodegenTypesNamespace';
+} from 'react-native/Libraries/Types/CodegenTypes';
 
 export interface OnChangeTextEvent {
   value: string;
@@ -29,6 +28,7 @@ export interface onPasteImageEventData {
   type: string;
   fileName: string;
   fileSize: Double;
+  source: 'keyboard' | 'clipboard' | 'context_menu';
   error?: { message: string };
 }
 
@@ -46,6 +46,10 @@ export interface TypeRichTextInputNativeProps extends ViewProps {
   multiline?: boolean;
   numberOfLines?: Int32;
   secureTextEntry?: boolean;
+  keyboardAppearance?: WithDefault<'default' | 'light' | 'dark', 'default'>; // ios only
+
+  // Todo
+  // disableImagePasting?: boolean
 
   // event callbacks
   onInputFocus?: DirectEventHandler<null>;

package/src/index.tsx

@@ -3,4 +3,5 @@ export * from './TypeRichTextInput';
 export type {
   OnChangeTextEvent,
   OnChangeSelectionEvent,
+  onPasteImageEventData,
 } from './TypeRichTextInputNativeComponent';

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/ComponentDescriptors.cpp

@@ -1,22 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateComponentDescriptorCpp.js
- */
-
-#include <react/renderer/components/TypeRichTextInputViewSpec/ComponentDescriptors.h>
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-
-namespace facebook::react {
-
-void TypeRichTextInputViewSpec_registerComponentDescriptorsFromCodegen(
-  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
-
-}
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/ComponentDescriptors.h

@@ -1,24 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateComponentDescriptorH.js
- */
-
-#pragma once
-
-#include <react/renderer/components/TypeRichTextInputViewSpec/ShadowNodes.h>
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-
-namespace facebook::react {
-
-
-
-void TypeRichTextInputViewSpec_registerComponentDescriptorsFromCodegen(
-  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/EventEmitters.cpp

@@ -1,70 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateEventEmitterCpp.js
- */
-
-#include <react/renderer/components/TypeRichTextInputViewSpec/EventEmitters.h>
-
-
-namespace facebook::react {
-
-void TypeRichTextInputViewEventEmitter::onInputFocus(OnInputFocus event) const {
-  dispatchEvent("inputFocus", [](jsi::Runtime &runtime) {
-    auto payload = jsi::Object(runtime);
-    
-    return payload;
-  });
-}
-
-
-void TypeRichTextInputViewEventEmitter::onInputBlur(OnInputBlur event) const {
-  dispatchEvent("inputBlur", [](jsi::Runtime &runtime) {
-    auto payload = jsi::Object(runtime);
-    
-    return payload;
-  });
-}
-
-
-void TypeRichTextInputViewEventEmitter::onChangeText(OnChangeText event) const {
-  dispatchEvent("changeText", [event=std::move(event)](jsi::Runtime &runtime) {
-    auto payload = jsi::Object(runtime);
-    payload.setProperty(runtime, "value", event.value);
-    return payload;
-  });
-}
-
-
-void TypeRichTextInputViewEventEmitter::onChangeSelection(OnChangeSelection event) const {
-  dispatchEvent("changeSelection", [event=std::move(event)](jsi::Runtime &runtime) {
-    auto payload = jsi::Object(runtime);
-    payload.setProperty(runtime, "start", event.start);
-payload.setProperty(runtime, "end", event.end);
-payload.setProperty(runtime, "text", event.text);
-    return payload;
-  });
-}
-
-
-void TypeRichTextInputViewEventEmitter::onPasteImage(OnPasteImage event) const {
-  dispatchEvent("pasteImage", [event=std::move(event)](jsi::Runtime &runtime) {
-    auto payload = jsi::Object(runtime);
-    payload.setProperty(runtime, "uri", event.uri);
-payload.setProperty(runtime, "type", event.type);
-payload.setProperty(runtime, "fileName", event.fileName);
-payload.setProperty(runtime, "fileSize", event.fileSize);
-{
-  auto error = jsi::Object(runtime);
-  error.setProperty(runtime, "message", event.error.message);
-  payload.setProperty(runtime, "error", error);
-}
-    return payload;
-  });
-}
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/EventEmitters.h

@@ -1,59 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateEventEmitterH.js
- */
-#pragma once
-
-#include <react/renderer/components/view/ViewEventEmitter.h>
-
-
-namespace facebook::react {
-class TypeRichTextInputViewEventEmitter : public ViewEventEmitter {
- public:
-  using ViewEventEmitter::ViewEventEmitter;
-
-  struct OnInputFocus {
-      
-    };
-
-  struct OnInputBlur {
-      
-    };
-
-  struct OnChangeText {
-      std::string value;
-    };
-
-  struct OnChangeSelection {
-      int start;
-    int end;
-    std::string text;
-    };
-
-  struct OnPasteImageError {
-      std::string message;
-    };
-
-  struct OnPasteImage {
-      std::string uri;
-    std::string type;
-    std::string fileName;
-    double fileSize;
-    OnPasteImageError error;
-    };
-  void onInputFocus(OnInputFocus value) const;
-
-  void onInputBlur(OnInputBlur value) const;
-
-  void onChangeText(OnChangeText value) const;
-
-  void onChangeSelection(OnChangeSelection value) const;
-
-  void onPasteImage(OnPasteImage value) const;
-};
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/Props.cpp

@@ -1,132 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GeneratePropsCpp.js
- */
-
-#include <react/renderer/components/TypeRichTextInputViewSpec/Props.h>
-#include <react/renderer/core/PropsParserContext.h>
-#include <react/renderer/core/propsConversions.h>
-
-namespace facebook::react {
-
-TypeRichTextInputViewProps::TypeRichTextInputViewProps(
-    const PropsParserContext &context,
-    const TypeRichTextInputViewProps &sourceProps,
-    const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
-
-    autoFocus(convertRawProp(context, rawProps, "autoFocus", sourceProps.autoFocus, {false})),
-    editable(convertRawProp(context, rawProps, "editable", sourceProps.editable, {false})),
-    defaultValue(convertRawProp(context, rawProps, "defaultValue", sourceProps.defaultValue, {})),
-    placeholder(convertRawProp(context, rawProps, "placeholder", sourceProps.placeholder, {})),
-    placeholderTextColor(convertRawProp(context, rawProps, "placeholderTextColor", sourceProps.placeholderTextColor, {})),
-    cursorColor(convertRawProp(context, rawProps, "cursorColor", sourceProps.cursorColor, {})),
-    selectionColor(convertRawProp(context, rawProps, "selectionColor", sourceProps.selectionColor, {})),
-    autoCapitalize(convertRawProp(context, rawProps, "autoCapitalize", sourceProps.autoCapitalize, {})),
-    scrollEnabled(convertRawProp(context, rawProps, "scrollEnabled", sourceProps.scrollEnabled, {false})),
-    multiline(convertRawProp(context, rawProps, "multiline", sourceProps.multiline, {false})),
-    numberOfLines(convertRawProp(context, rawProps, "numberOfLines", sourceProps.numberOfLines, {0})),
-    secureTextEntry(convertRawProp(context, rawProps, "secureTextEntry", sourceProps.secureTextEntry, {false})),
-    color(convertRawProp(context, rawProps, "color", sourceProps.color, {})),
-    fontSize(convertRawProp(context, rawProps, "fontSize", sourceProps.fontSize, {0.0})),
-    fontFamily(convertRawProp(context, rawProps, "fontFamily", sourceProps.fontFamily, {})),
-    fontWeight(convertRawProp(context, rawProps, "fontWeight", sourceProps.fontWeight, {})),
-    fontStyle(convertRawProp(context, rawProps, "fontStyle", sourceProps.fontStyle, {})),
-    androidExperimentalSynchronousEvents(convertRawProp(context, rawProps, "androidExperimentalSynchronousEvents", sourceProps.androidExperimentalSynchronousEvents, {false})) {}
-    
-#ifdef RN_SERIALIZABLE_STATE
-ComponentName TypeRichTextInputViewProps::getDiffPropsImplementationTarget() const {
-  return "TypeRichTextInputView";
-}
-
-folly::dynamic TypeRichTextInputViewProps::getDiffProps(
-    const Props* prevProps) const {
-  static const auto defaultProps = TypeRichTextInputViewProps();
-  const TypeRichTextInputViewProps* oldProps = prevProps == nullptr
-      ? &defaultProps
-      : static_cast<const TypeRichTextInputViewProps*>(prevProps);
-  if (this == oldProps) {
-    return folly::dynamic::object();
-  }
-  folly::dynamic result = HostPlatformViewProps::getDiffProps(prevProps);
-  
-  if (autoFocus != oldProps->autoFocus) {
-    result["autoFocus"] = autoFocus;
-  }
-    
-  if (editable != oldProps->editable) {
-    result["editable"] = editable;
-  }
-    
-  if (defaultValue != oldProps->defaultValue) {
-    result["defaultValue"] = defaultValue;
-  }
-    
-  if (placeholder != oldProps->placeholder) {
-    result["placeholder"] = placeholder;
-  }
-    
-  if (placeholderTextColor != oldProps->placeholderTextColor) {
-    result["placeholderTextColor"] = *placeholderTextColor;
-  }
-    
-  if (cursorColor != oldProps->cursorColor) {
-    result["cursorColor"] = *cursorColor;
-  }
-    
-  if (selectionColor != oldProps->selectionColor) {
-    result["selectionColor"] = *selectionColor;
-  }
-    
-  if (autoCapitalize != oldProps->autoCapitalize) {
-    result["autoCapitalize"] = autoCapitalize;
-  }
-    
-  if (scrollEnabled != oldProps->scrollEnabled) {
-    result["scrollEnabled"] = scrollEnabled;
-  }
-    
-  if (multiline != oldProps->multiline) {
-    result["multiline"] = multiline;
-  }
-    
-  if (numberOfLines != oldProps->numberOfLines) {
-    result["numberOfLines"] = numberOfLines;
-  }
-    
-  if (secureTextEntry != oldProps->secureTextEntry) {
-    result["secureTextEntry"] = secureTextEntry;
-  }
-    
-  if (color != oldProps->color) {
-    result["color"] = *color;
-  }
-    
-  if ((fontSize != oldProps->fontSize) && !(std::isnan(fontSize) && std::isnan(oldProps->fontSize))) {
-    result["fontSize"] = fontSize;
-  }
-    
-  if (fontFamily != oldProps->fontFamily) {
-    result["fontFamily"] = fontFamily;
-  }
-    
-  if (fontWeight != oldProps->fontWeight) {
-    result["fontWeight"] = fontWeight;
-  }
-    
-  if (fontStyle != oldProps->fontStyle) {
-    result["fontStyle"] = fontStyle;
-  }
-    
-  if (androidExperimentalSynchronousEvents != oldProps->androidExperimentalSynchronousEvents) {
-    result["androidExperimentalSynchronousEvents"] = androidExperimentalSynchronousEvents;
-  }
-  return result;
-}
-#endif
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/Props.h

@@ -1,51 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GeneratePropsH.js
- */
-#pragma once
-
-#include <react/renderer/components/view/ViewProps.h>
-#include <react/renderer/core/PropsParserContext.h>
-#include <react/renderer/graphics/Color.h>
-
-namespace facebook::react {
-
-class TypeRichTextInputViewProps final : public ViewProps {
- public:
-  TypeRichTextInputViewProps() = default;
-  TypeRichTextInputViewProps(const PropsParserContext& context, const TypeRichTextInputViewProps &sourceProps, const RawProps &rawProps);
-
-#pragma mark - Props
-
-  bool autoFocus{false};
-  bool editable{false};
-  std::string defaultValue{};
-  std::string placeholder{};
-  SharedColor placeholderTextColor{};
-  SharedColor cursorColor{};
-  SharedColor selectionColor{};
-  std::string autoCapitalize{};
-  bool scrollEnabled{false};
-  bool multiline{false};
-  int numberOfLines{0};
-  bool secureTextEntry{false};
-  SharedColor color{};
-  Float fontSize{0.0};
-  std::string fontFamily{};
-  std::string fontWeight{};
-  std::string fontStyle{};
-  bool androidExperimentalSynchronousEvents{false};
-
-  #ifdef RN_SERIALIZABLE_STATE
-  ComponentName getDiffPropsImplementationTarget() const override;
-
-  folly::dynamic getDiffProps(const Props* prevProps) const override;
-  #endif
-};
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/RCTComponentViewHelpers.h

@@ -1,80 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GenerateComponentHObjCpp.js
-*/
-
-#import <Foundation/Foundation.h>
-#import <React/RCTDefines.h>
-#import <React/RCTLog.h>
-
-NS_ASSUME_NONNULL_BEGIN
-
-@protocol RCTTypeRichTextInputViewViewProtocol <NSObject>
-- (void)focus;
-- (void)blur;
-- (void)setValue:(NSString *)text;
-@end
-
-RCT_EXTERN inline void RCTTypeRichTextInputViewHandleCommand(
-  id<RCTTypeRichTextInputViewViewProtocol> componentView,
-  NSString const *commandName,
-  NSArray const *args)
-{
-  if ([commandName isEqualToString:@"focus"]) {
-#if RCT_DEBUG
-  if ([args count] != 0) {
-    RCTLogError(@"%@ command %@ received %d arguments, expected %d.", @"TypeRichTextInputView", commandName, (int)[args count], 0);
-    return;
-  }
-#endif
-
-  
-
-  [componentView focus];
-  return;
-}
-
-if ([commandName isEqualToString:@"blur"]) {
-#if RCT_DEBUG
-  if ([args count] != 0) {
-    RCTLogError(@"%@ command %@ received %d arguments, expected %d.", @"TypeRichTextInputView", commandName, (int)[args count], 0);
-    return;
-  }
-#endif
-
-  
-
-  [componentView blur];
-  return;
-}
-
-if ([commandName isEqualToString:@"setValue"]) {
-#if RCT_DEBUG
-  if ([args count] != 1) {
-    RCTLogError(@"%@ command %@ received %d arguments, expected %d.", @"TypeRichTextInputView", commandName, (int)[args count], 1);
-    return;
-  }
-#endif
-
-  NSObject *arg0 = args[0];
-#if RCT_DEBUG
-  if (!RCTValidateTypeOfViewCommandArgument(arg0, [NSString class], @"string", @"TypeRichTextInputView", commandName, @"1st")) {
-    return;
-  }
-#endif
-  NSString * text = (NSString *)arg0;
-
-  [componentView setValue:text];
-  return;
-}
-
-#if RCT_DEBUG
-  RCTLogError(@"%@ received command %@, which is not a supported command.", @"TypeRichTextInputView", commandName);
-#endif
-}
-
-NS_ASSUME_NONNULL_END

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/ShadowNodes.cpp

@@ -1,17 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateShadowNodeCpp.js
- */
-
-#include <react/renderer/components/TypeRichTextInputViewSpec/ShadowNodes.h>
-
-namespace facebook::react {
-
-
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/ShadowNodes.h

@@ -1,23 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateShadowNodeH.js
- */
-
-#pragma once
-
-#include <react/renderer/components/TypeRichTextInputViewSpec/EventEmitters.h>
-#include <react/renderer/components/TypeRichTextInputViewSpec/Props.h>
-#include <react/renderer/components/TypeRichTextInputViewSpec/States.h>
-#include <react/renderer/components/view/ConcreteViewShadowNode.h>
-#include <jsi/jsi.h>
-
-namespace facebook::react {
-
-
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/States.cpp

@@ -1,16 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateStateCpp.js
- */
-#include <react/renderer/components/TypeRichTextInputViewSpec/States.h>
-
-namespace facebook::react {
-
-
-
-} // namespace facebook::react

package/ios/generated/build/generated/ios/react/renderer/components/TypeRichTextInputViewSpec/States.h

@@ -1,20 +0,0 @@
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateStateH.js
- */
-#pragma once
-
-#include <react/renderer/core/StateData.h>
-#ifdef RN_SERIALIZABLE_STATE
-#include <folly/dynamic.h>
-#endif
-
-namespace facebook::react {
-
-
-
-} // namespace facebook::react