react-native-typerich 0.1.14 → 1.1.1

package/README.md

@@ -11,36 +11,266 @@ npm install react-native-typerich
 
 ## Usage
 
-```js
+```jsx
 import { TypeRichTextInput } from 'react-native-typerich';
 
 // ...
-
 <TypeRichTextInput
-  ref={ref}
+  ref={inputRef}
+  value={value}
   style={styles.typeRichTextInput}
   placeholder="Type here..."
   placeholderTextColor="rgb(0, 26, 114)"
-  selectionColor="red"
-  cursorColor="green"
+  editable={true}
+  selectionColor="deepskyblue"
+  cursorColor="dodgerblue"
   autoCapitalize="words"
+  autoFocus
   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) => {
+    setImage(e);
     console.log(e);
   }}
-  defaultValue="TypeRichTextInput"
-  keyboardAppearance="dark" // ios only
+  androidExperimentalSynchronousEvents={true} // not tested very well
+  multiline
+  numberOfLines={5}
+  lineHeight={22}
+  fontFamily="serif"
+  fontStyle="italic"
+  fontWeight={'700'}
+  fontSize={26}
+  color="darkgreen"
 />;
 ```
 
+## Props
+
+- **Props that works Same as React Native's Default `TextInput`:**
+
+```ts
+value?: string;
+autoFocus?: boolean;
+editable?: boolean;
+defaultValue?: string;
+placeholder?: string;
+placeholderTextColor?: ColorValue;
+cursorColor?: ColorValue;
+selectionColor?: ColorValue;
+autoCapitalize?: string;
+scrollEnabled?: boolean;
+secureTextEntry?: boolean;
+```
+
+- **Styling Props you need to pass externally:**
+
+```ts
+color?: ColorValue;
+fontSize?: Float;
+fontFamily?: string;
+fontWeight?: string;
+fontStyle?: string;
+lineHeight?: Float;
+```
+
+- **props that have some bugs:**
+
+```ts
+multiline?: boolean;
+numberOfLines?: Int32;
+```
+
+> using this togather adds some extra height sometimes.
+> use multline without numberOfLines and it works fine
+> use `maxHeight` instead of number of lines
+
+> [!NOTE]
+> This is not a Major bug and the change is unnoticable
+
+## Events
+
+### 1. onFocus
+
+callback signature
+
+```ts
+onFocus?: () => void;
+```
+
+### 2. onBlur
+
+callback signature
+
+```ts
+onBlur?: () => void;
+```
+
+### 3. onChangeText
+
+callback signature
+
+```ts
+onChangeText?: (value: string) => void;
+```
+
+### 4. onChangeSelection
+
+callback signature
+
+```ts
+onChangeSelection?: (event: {
+  start: number;
+  end: number;
+  text: string;
+}) => void;
+```
+
+### 4. onPasteImageData
+
+> fires on when user paste image
+
+callback signature
+
+```ts
+onPasteImageData?: (data: {
+  uri: string;
+  type: string;
+  fileName: string;
+  fileSize: Double;
+  source: 'keyboard' | 'clipboard' | 'context_menu'; // it never receives source as 'context_menu' and will be removed in future we suggest not using it
+  error?: { message: string };
+}) => void;
+```
+
+### Event props
+
+- `uri`: uri of the image, can be directly used or passed to Image comp
+- `type`: mime type of image
+- `fileName`: File name of image (always starts with `typerich_` prefix)
+- `fileSize`: File Size in bytes
+- `source`: its enum with two possible values
+  - `keyboard`: if its pasted from gboard's clipboard or is a sticker or something similar
+  - `clipboard`: if its pasted from context menu (long press)
+- `error`: error message if there is any
+
+## Commands
+
+### 1. focus()
+
+> use to get programmatic focus on TextInput
+
+Command signature
+
+```ts
+focus: () => void;
+```
+
+useage
+
+```ts
+inputRef.current?.focus();
+```
+
+### 2. blur()
+
+> use to programmatically blur TextInput
+
+Command signature
+
+```ts
+blur: () => void;
+```
+
+useage
+
+```ts
+inputRef.current?.blur();
+```
+
+### 3. setText(text)
+
+> use to set the value of TextInput (replaces whole content)
+
+> [!NOTE]
+> it does not updates selection automatically use have to call `setSelection()`
+
+Command signature
+
+```ts
+setText: (text: string) => void;
+```
+
+useage
+
+```ts
+inputRef.current?.setText('This is Text');
+```
+
+### 4. insertTextAt(start, end, text)
+
+> use to insert value at specific position (keeps content of TextInput)
+
+> [!NOTE]
+> it preserves the cursor and updates the selection
+> no need to call the `setSelection` after this
+
+Command signature
+
+```ts
+insertTextAt: (start: number, end: number, text: string) => void;
+```
+
+useage
+
+```ts
+inputRef.current?.insertTextAt(4, 6, 'This is Text');
+```
+
+### 5. setSelection(start, end)
+
+> use to set the value of TextInput (replaces whole content)
+
+Command signature
+
+```ts
+setSelection: (start: number, end: number) => void;
+```
+
+useage
+
+```ts
+inputRef.current?.setSelection(4, 6);
+```
+
+### 6. getNativeRef()
+
+> use to get the internal ref object of the TypeRichTextInput
+
+> [!NOTE]
+> you mostly does not need to use this
+> only use this when you need to use the ref in certain cases like following
+
+```ts
+const hostRef = input?.getNativeRef?.();
+const node = findNodeHandle(hostRef); // findNodeHandle is from 'react-native'
+```
+
+Command signature
+
+```ts
+getNativeRef: () => any | null;
+```
+
+useage
+
+```ts
+inputRef.current?.getNativeRef();
+```
+
 ## Contributing
 
 - [Development workflow](CONTRIBUTING.md#development-workflow)
@@ -54,3 +284,12 @@ MIT
 ---
 
 Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+
+## Credits
+
+- **Divyanshu Patil** – Author & maintainer
+- Built with help from the open-source community ❤️
+
+### special thanks to [Software-Mansion](https://github.com/software-mansion) for the custom shadow node code
+
+checkout [react-native-enriched](https://github.com/software-mansion/react-native-enriched) by [software-mansion](https://github.com/software-mansion)

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

@@ -65,7 +65,6 @@ class TypeRichTextInputView : AppCompatEditText {
   private var isSettingTextFromJS = false
   private var isInitialized = false
 
-
   constructor(context: Context) : super(context) {
     prepareComponent()
   }
@@ -303,6 +302,10 @@ class TypeRichTextInputView : AppCompatEditText {
     super.onSelectionChanged(selStart, selEnd)
     if (isDuringTransaction) return
 
+    dispatchSelectionChangeEvent(selStart,selEnd)
+  }
+
+  fun dispatchSelectionChangeEvent(selStart: Int, selEnd: Int){
     val reactContext = context as? ReactContext ?: return
     val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
       ?: return
@@ -321,7 +324,6 @@ class TypeRichTextInputView : AppCompatEditText {
     )
   }
 
-
   override fun clearFocus() {
     super.clearFocus()
     inputMethodManager?.hideSoftInputFromWindow(windowToken, 0)
@@ -329,6 +331,7 @@ class TypeRichTextInputView : AppCompatEditText {
 
   override fun onFocusChanged(focused: Boolean, direction: Int, previouslyFocusedRect: Rect?) {
     super.onFocusChanged(focused, direction, previouslyFocusedRect)
+
     val reactContext = context as ReactContext
     val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
     val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
@@ -355,7 +358,8 @@ class TypeRichTextInputView : AppCompatEditText {
   fun requestFocusProgrammatically() {
     requestFocus()
     inputMethodManager?.showSoftInput(this, 0)
-    setSelection(text?.length ?: 0)
+//    setSelection(text?.length ?: 0)
+    setSelection(selectionStart,selectionEnd)
   }
 
   fun setMultiline(enabled: Boolean) {
@@ -422,6 +426,28 @@ class TypeRichTextInputView : AppCompatEditText {
     }
   }
 
+  fun insertTextAt(start: Int, end: Int, insert: String) {
+    val editable = editableText ?: return
+
+    val safeStart = start.coerceIn(0, editable.length)
+    val safeEnd = end.coerceIn(0, editable.length)
+
+    var newCursor = safeStart
+
+    isSettingTextFromJS = true
+    try {
+      runAsATransaction {
+        editable.replace(safeStart, safeEnd, insert) // this will not emit selectionChange event cause of transaction
+        newCursor = safeStart + insert.length
+        setSelection(newCursor, newCursor)
+      }
+    } finally {
+      isSettingTextFromJS = false
+      layoutManager.invalidateLayout()
+    }
+    dispatchSelectionChangeEvent(newCursor,newCursor) // manually emit selectionChange event
+  }
+
   fun setAutoFocus(autoFocus: Boolean) {
     this.autoFocus = autoFocus
   }
@@ -470,6 +496,7 @@ class TypeRichTextInputView : AppCompatEditText {
     val sizePx = ceil(PixelUtil.toPixelFromSP(size))
     fontSize = sizePx
     setTextSize(TypedValue.COMPLEX_UNIT_PX, sizePx)
+    layoutManager.invalidateLayout()
   }
 
   fun setFontFamily(family: String?) {
@@ -513,6 +540,10 @@ class TypeRichTextInputView : AppCompatEditText {
   }
 
   fun setSecureTextEntry(isSecure: Boolean) {
+    if (isSecure) {
+      setMultiline(false)
+      maxLines = 1
+    }
     transformationMethod =
       if (isSecure)
         android.text.method.PasswordTransformationMethod.getInstance()

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

@@ -53,6 +53,11 @@ class TypeRichTextInputViewManager :
     view?.setDefaultValue(value)
   }
 
+  @ReactProp(name = "value")
+  override fun setValue(view: TypeRichTextInputView?, value: String?) {
+    view?.setValue(value)
+  }
+
   @ReactProp(name = "color")
   override fun setColor(view: TypeRichTextInputView, value: Int?) {
     if (value != null) view.setTextColor(value)
@@ -175,10 +180,14 @@ class TypeRichTextInputViewManager :
     view?.clearFocus()
   }
 
-  override fun setValue(view: TypeRichTextInputView?, text: String) {
+  override fun setText(view: TypeRichTextInputView?, text: String) {
     view?.setValue(text)
   }
 
+  override fun insertTextAt(view: TypeRichTextInputView?,start:Int,end:Int, text:String) {
+    view?.insertTextAt(start,end, text)
+  }
+
   override fun setSelection(
     view: TypeRichTextInputView?,
     start: Int,

package/lib/module/TypeRichTextInput.js

@@ -46,9 +46,9 @@ const TypeRichTextInput = /*#__PURE__*/forwardRef((props, ref) => {
         Commands.blur(nativeRef.current);
       }
     },
-    setValue: text => {
+    setText: text => {
       if (isAndroid && nativeRef.current) {
-        Commands.setValue(nativeRef.current, text);
+        Commands.setText(nativeRef.current, text);
       }
     },
     setSelection(start, end) {
@@ -56,6 +56,11 @@ const TypeRichTextInput = /*#__PURE__*/forwardRef((props, ref) => {
         Commands.setSelection(nativeRef.current, start, end);
       }
     },
+    insertTextAt: (start, end, text) => {
+      if (isAndroid && nativeRef.current) {
+        Commands.insertTextAt(nativeRef.current, start, end, text);
+      }
+    },
     getNativeRef: () => nativeRef.current
   }));
 

package/lib/module/TypeRichTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useImperativeHandle","useRef","Platform","View","Commands","jsx","_jsx","NativeTypeRichTextInput","OS","require","default","normalizeEvent","event","nativeEvent","isAndroid","TypeRichTextInput","props","ref","nativeRef","focus","current","blur","setValue","text","setSelection","start","end","getNativeRef","handlePasteImage","data","undefined","onPasteImageData","handleOnChangeTextEvent","e","onChangeText","value","handleonChangeSelectionEvent","onChangeSelection","androidExperimentalSynchronousEvents","onFocus","onBlur","restProps","onInputFocus","onInputBlur","onPasteImage"],"sourceRoot":"../../src","sources":["TypeRichTextInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useImperativeHandle","useRef","Platform","View","Commands","jsx","_jsx","NativeTypeRichTextInput","OS","require","default","normalizeEvent","event","nativeEvent","isAndroid","TypeRichTextInput","props","ref","nativeRef","focus","current","blur","setText","text","setSelection","start","end","insertTextAt","getNativeRef","handlePasteImage","data","undefined","onPasteImageData","handleOnChangeTextEvent","e","onChangeText","value","handleonChangeSelectionEvent","onChangeSelection","androidExperimentalSynchronousEvents","onFocus","onBlur","restProps","onInputFocus","onInputBlur","onPasteImage"],"sourceRoot":"../../src","sources":["TypeRichTextInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TypeRichTextInputNativeComponent.ts

@@ -34,6 +34,7 @@ export interface onPasteImageEventData {
 
 export interface TypeRichTextInputNativeProps extends ViewProps {
   // base props
+  value?: string;
   autoFocus?: boolean;
   editable?: boolean;
   defaultValue?: string;
@@ -77,7 +78,13 @@ interface NativeCommands {
   // General commands
   focus: (viewRef: React.ElementRef<ComponentType>) => void;
   blur: (viewRef: React.ElementRef<ComponentType>) => void;
-  setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+  setText: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+  insertTextAt: (
+    viewRef: React.ElementRef<ComponentType>,
+    start: Int32,
+    end: Int32,
+    text: string
+  ) => void;
   setSelection: (
     viewRef: React.ElementRef<ComponentType>,
     start: Int32,
@@ -90,8 +97,9 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
     // General commands
     'focus',
     'blur',
-    'setValue',
+    'setText',
     'setSelection',
+    'insertTextAt',
   ],
 });
 

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

@@ -17,7 +17,8 @@ export interface TypeRichTextInputProps extends Omit<TypeRichTextInputNativeProp
 export interface TypeRichTextInputRef {
     focus: () => void;
     blur: () => void;
-    setValue: (text: string) => void;
+    setText: (text: string) => void;
+    insertTextAt: (start: number, end: number, text: string) => void;
     setSelection: (start: number, end: number) => void;
     getNativeRef: () => any | null;
 }

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

@@ -1 +1 @@
-{"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;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC;CAChC;AAID;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,yHA8FtB,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,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC;CAChC;AAID;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,yHAmGtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -21,6 +21,7 @@ export interface onPasteImageEventData {
     };
 }
 export interface TypeRichTextInputNativeProps extends ViewProps {
+    value?: string;
     autoFocus?: boolean;
     editable?: boolean;
     defaultValue?: string;
@@ -51,7 +52,8 @@ type ComponentType = HostComponent<TypeRichTextInputNativeProps>;
 interface NativeCommands {
     focus: (viewRef: React.ElementRef<ComponentType>) => void;
     blur: (viewRef: React.ElementRef<ComponentType>) => void;
-    setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+    setText: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+    insertTextAt: (viewRef: React.ElementRef<ComponentType>, start: Int32, end: Int32, text: string) => void;
     setSelection: (viewRef: React.ElementRef<ComponentType>, start: Int32, end: Int32) => void;
 }
 export declare const Commands: NativeCommands;

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

@@ -1 +1 @@
-{"version":3,"file":"TypeRichTextInputNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TypeRichTextInputNativeComponent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TypeRichTextInputNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TypeRichTextInputNativeComponent.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-typerich",
-  "version": "0.1.14",
+  "version": "1.1.1",
   "description": "Textinput replacement",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/TypeRichTextInput.tsx

@@ -54,7 +54,8 @@ export interface TypeRichTextInputProps
 export interface TypeRichTextInputRef {
   focus: () => void;
   blur: () => void;
-  setValue: (text: string) => void;
+  setText: (text: string) => void;
+  insertTextAt: (start: number, end: number, text: string) => void;
   setSelection: (start: number, end: number) => void;
   getNativeRef: () => any | null;
 }
@@ -87,9 +88,9 @@ const TypeRichTextInput = forwardRef(
           Commands.blur(nativeRef.current);
         }
       },
-      setValue: (text: string) => {
+      setText: (text: string) => {
         if (isAndroid && nativeRef.current) {
-          Commands.setValue(nativeRef.current, text);
+          Commands.setText(nativeRef.current, text);
         }
       },
       setSelection(start, end) {
@@ -97,6 +98,11 @@ const TypeRichTextInput = forwardRef(
           Commands.setSelection(nativeRef.current, start, end);
         }
       },
+      insertTextAt: (start: number, end: number, text: string) => {
+        if (isAndroid && nativeRef.current) {
+          Commands.insertTextAt(nativeRef.current, start, end, text);
+        }
+      },
       getNativeRef: () => nativeRef.current,
     }));
 

package/src/TypeRichTextInputNativeComponent.ts

@@ -34,6 +34,7 @@ export interface onPasteImageEventData {
 
 export interface TypeRichTextInputNativeProps extends ViewProps {
   // base props
+  value?: string;
   autoFocus?: boolean;
   editable?: boolean;
   defaultValue?: string;
@@ -77,7 +78,13 @@ interface NativeCommands {
   // General commands
   focus: (viewRef: React.ElementRef<ComponentType>) => void;
   blur: (viewRef: React.ElementRef<ComponentType>) => void;
-  setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+  setText: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+  insertTextAt: (
+    viewRef: React.ElementRef<ComponentType>,
+    start: Int32,
+    end: Int32,
+    text: string
+  ) => void;
   setSelection: (
     viewRef: React.ElementRef<ComponentType>,
     start: Int32,
@@ -90,8 +97,9 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
     // General commands
     'focus',
     'blur',
-    'setValue',
+    'setText',
     'setSelection',
+    'insertTextAt',
   ],
 });