expo-rich-input 0.1.0

package/README.md

@@ -0,0 +1,35 @@
+# expo-rich-input
+
+A native Expo module that replaces `TextInput` entirely, giving the editor raw OS-level edit deltas — insert, delete, and IME compose events — directly from `UIKeyInput` on iOS and `InputConnection` on Android, so the Rope never has to diff a full string.
+
+# API documentation
+
+- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/rich-input/)
+- [Documentation for the main branch](https://docs.expo.dev/versions/unversioned/sdk/rich-input/)
+
+# Installation in managed Expo projects
+
+For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.
+
+# Installation in bare React Native projects
+
+For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
+
+### Add the package to your npm dependencies
+
+```
+npm install expo-rich-input
+```
+
+### Configure for Android
+
+
+
+
+### Configure for iOS
+
+Run `npx pod-install` after installing the npm package.
+
+# Contributing
+
+Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).

package/android/build.gradle

@@ -0,0 +1,18 @@
+plugins {
+  id 'com.android.library'
+  id 'expo-module-gradle-plugin'
+}
+
+group = 'expo.modules.richinput'
+version = '0.1.0'
+
+android {
+  namespace "expo.modules.richinput"
+  defaultConfig {
+    versionCode 1
+    versionName "0.1.0"
+  }
+  lintOptions {
+    abortOnError false
+  }
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest>
+</manifest>

package/android/src/main/java/expo/modules/richinput/ExpoRichInputModule.kt

@@ -0,0 +1,38 @@
+package expo.modules.richinput
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class ExpoRichInputModule : Module() {
+    override fun definition() = ModuleDefinition {
+        Name("ExpoRichInput")
+
+        View(RichInputView::class) {
+
+            Events("onEditEvent", "onKeyboardAction")
+
+            AsyncFunction("focus") {
+                view: RichInputView ->
+                view.focusInput()
+            }
+
+            AsyncFunction("blur") {
+                view: RichInputView ->
+                view.blurInput()
+            }
+
+            // Wire up event dispatchers into the view
+            OnViewDidUpdateProps {
+                view ->
+                view.onEditEvent = {
+                    payload ->
+                    view.dispatchEvent("onEditEvent", payload)
+                }
+                view.onKeyboardAction = {
+                    payload ->
+                    view.dispatchEvent("onKeyboardAction", payload)
+                }
+            }
+        }
+    }
+}

package/android/src/main/java/expo/modules/richinput/ExpoRichInputView.kt

@@ -0,0 +1,130 @@
+package expo.modules.richinput
+
+import android.content.Context
+import android.os.Build
+import android.text.InputType
+import android.view.KeyEvent
+import android.view.View
+import android.view.inputmethod.BaseInputConnection
+import android.view.inputmethod.EditorInfo
+import android.view.inputmethod.InputConnection
+import android.view.inputmethod.InputMethodManager
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.views.ExpoView
+
+class RichInputView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
+
+  // Events dispatched to JS
+  var onEditEvent: ((Map<String, Any>) -> Unit)? = null
+  var onKeyboardAction: ((Map<String, Any>) -> Unit)? = null
+
+  init {
+    // View must be focusable to receive InputConnection
+    isFocusable = true
+    isFocusableInTouchMode = true
+  }
+
+  // MARK: InputConnection — this is where all text input flows through
+  override fun onCreateInputConnection(outAttrs: EditorInfo): InputConnection {
+    outAttrs.inputType = InputType.TYPE_CLASS_TEXT or
+      InputType.TYPE_TEXT_FLAG_MULTI_LINE or
+      InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS
+
+    outAttrs.imeOptions = EditorInfo.IME_FLAG_NO_FULLSCREEN or
+      EditorInfo.IME_ACTION_NONE
+
+    // Disable autocorrect suggestions bar
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      outAttrs.initialCapsMode = 0
+    }
+
+    return EditorInputConnection(this)
+  }
+
+  override fun onCheckIsTextEditor(): Boolean = true
+
+  // MARK: Hardware key events (physical keyboard, back key etc.)
+  override fun onKeyDown(keyCode: Int, event: KeyEvent): Boolean {
+    if (event.isCtrlPressed) {
+      when (keyCode) {
+        KeyEvent.KEYCODE_Z -> {
+          if (event.isShiftPressed) {
+            onKeyboardAction?.invoke(mapOf("action" to "redo"))
+          } else {
+            onKeyboardAction?.invoke(mapOf("action" to "undo"))
+          }
+          return true
+        }
+        KeyEvent.KEYCODE_SLASH -> {
+          onKeyboardAction?.invoke(mapOf("action" to "toggleComment"))
+          return true
+        }
+      }
+    }
+    return super.onKeyDown(keyCode, event)
+  }
+
+  // MARK: Focus control called from JS
+  fun focusInput() {
+    requestFocus()
+    val imm = context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
+    imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
+  }
+
+  fun blurInput() {
+    clearFocus()
+    val imm = context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
+    imm.hideSoftInputFromWindow(windowToken, 0)
+  }
+
+  // MARK: InputConnection inner class
+  inner class EditorInputConnection(view: View) : BaseInputConnection(view, false) {
+
+    // Regular text commit — typing, paste, swipe keyboard word
+    override fun commitText(text: CharSequence?, newCursorPosition: Int): Boolean {
+      val str = text?.toString() ?: return false
+      onEditEvent?.invoke(mapOf(
+        "type" to "insert",
+        "text" to str
+      ))
+      return true
+    }
+
+    // IME composing (Gboard swipe intermediate states, CJK input)
+    override fun setComposingText(text: CharSequence?, newCursorPosition: Int): Boolean {
+      val str = text?.toString() ?: ""
+      onEditEvent?.invoke(mapOf(
+        "type" to "compose",
+        "text" to str
+      ))
+      return true
+    }
+
+    // IME composition confirmed
+    override fun finishComposingText(): Boolean {
+      onEditEvent?.invoke(mapOf(
+        "type" to "composeCommit"
+      ))
+      return true
+    }
+
+    // Backspace — beforeLength is almost always 1
+    override fun deleteSurroundingText(beforeLength: Int, afterLength: Int): Boolean {
+      if (beforeLength > 0) {
+        onEditEvent?.invoke(mapOf(
+          "type" to "delete",
+          "count" to beforeLength
+        ))
+      }
+      return true
+    }
+
+    // Disable autocorrect suggestions — return null to tell the OS
+    // there is no surrounding text context to work with
+    override fun getExtractedText(request: android.view.inputmethod.ExtractedTextRequest?, flags: Int)
+      : android.view.inputmethod.ExtractedText? = null
+
+    override fun getSurroundingText(beforeLength: Int, afterLength: Int, flags: Int)
+      : android.view.inputmethod.SurroundingText? = null
+  }
+}

package/build/ExpoRichInput.types.d.ts

@@ -0,0 +1,18 @@
+export type EditEventType = "insert" | "delete" | "compose" | "composeCommit";
+export interface EditEvent {
+    type: EditEventType;
+    text?: string;
+    count?: number;
+}
+export interface KeyboardActionEvent {
+    action: "undo" | "redo" | "toggleComment";
+}
+export interface ExpoRichInputRef {
+    focus: () => Promise<void>;
+    blur: () => Promise<void>;
+}
+export interface ExpoRichInputProps {
+    onEditEvent: (event: EditEvent) => void;
+    onKeyboardAction?: (event: KeyboardActionEvent) => void;
+}
+//# sourceMappingURL=ExpoRichInput.types.d.ts.map

package/build/ExpoRichInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoRichInput.types.d.ts","sourceRoot":"","sources":["../src/ExpoRichInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAC;AAE9E,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;CAC7C;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC3D"}

package/build/ExpoRichInput.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ExpoRichInput.types.js.map

package/build/ExpoRichInput.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoRichInput.types.js","sourceRoot":"","sources":["../src/ExpoRichInput.types.ts"],"names":[],"mappings":"","sourcesContent":["export type EditEventType = \"insert\" | \"delete\" | \"compose\" | \"composeCommit\";\n\nexport interface EditEvent {\n    type: EditEventType;\n    text?: string;\n    count?: number;\n}\n\nexport interface KeyboardActionEvent {\n    action: \"undo\" | \"redo\" | \"toggleComment\";\n}\n\nexport interface ExpoRichInputRef {\n    focus: () => Promise<void>;\n    blur: () => Promise<void>;\n}\n\nexport interface ExpoRichInputProps {\n    onEditEvent: (event: EditEvent) => void;\n    onKeyboardAction?: (event: KeyboardActionEvent) => void;\n}\n"]}

package/build/ExpoRichInputModule.d.ts

@@ -0,0 +1,3 @@
+export declare function focus(viewRef: any): Promise<void>;
+export declare function blur(viewRef: any): Promise<void>;
+//# sourceMappingURL=ExpoRichInputModule.d.ts.map

package/build/ExpoRichInputModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoRichInputModule.d.ts","sourceRoot":"","sources":["../src/ExpoRichInputModule.ts"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAEjD;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAEhD"}

package/build/ExpoRichInputModule.js

@@ -0,0 +1,9 @@
+import { requireNativeModule } from "expo-modules-core";
+const ExpoRichInput = requireNativeModule("ExpoRichInput");
+export function focus(viewRef) {
+    return ExpoRichInput.focus(viewRef);
+}
+export function blur(viewRef) {
+    return ExpoRichInput.blur(viewRef);
+}
+//# sourceMappingURL=ExpoRichInputModule.js.map

package/build/ExpoRichInputModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoRichInputModule.js","sourceRoot":"","sources":["../src/ExpoRichInputModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,aAAa,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;AAE3D,MAAM,UAAU,KAAK,CAAC,OAAY;IAC9B,OAAO,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,OAAY;IAC7B,OAAO,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACvC,CAAC","sourcesContent":["import { requireNativeModule } from \"expo-modules-core\";\n\nconst ExpoRichInput = requireNativeModule(\"ExpoRichInput\");\n\nexport function focus(viewRef: any): Promise<void> {\n    return ExpoRichInput.focus(viewRef);\n}\n\nexport function blur(viewRef: any): Promise<void> {\n    return ExpoRichInput.blur(viewRef);\n}\n"]}

package/build/ExpoRichInputView.d.ts

@@ -0,0 +1,3 @@
+import { ExpoRichInputProps, ExpoRichInputRef } from "./ExpoRichInput.types";
+export declare const ExpoRichInputView: import("react").ForwardRefExoticComponent<ExpoRichInputProps & import("react").RefAttributes<ExpoRichInputRef>>;
+//# sourceMappingURL=ExpoRichInputView.d.ts.map

package/build/ExpoRichInputView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoRichInputView.d.ts","sourceRoot":"","sources":["../src/ExpoRichInputView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI7E,eAAO,MAAM,iBAAiB,iHAmB5B,CAAC"}

package/build/ExpoRichInputView.js

@@ -0,0 +1,24 @@
+import { requireNativeViewManager } from "expo-modules-core";
+import { forwardRef, useRef, useImperativeHandle } from "react";
+import { StyleSheet } from "react-native";
+import { focus, blur } from "./ExpoRichInputModule";
+const NativeView = requireNativeViewManager("ExpoRichInput");
+export const ExpoRichInputView = forwardRef(({ onEditEvent, onKeyboardAction }, ref) => {
+    const nativeRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        focus: () => focus(nativeRef.current),
+        blur: () => blur(nativeRef.current)
+    }));
+    return (<NativeView ref={nativeRef} style={styles.input} onEditEvent={(e) => onEditEvent(e.nativeEvent)} onKeyboardAction={(e) => onKeyboardAction?.(e.nativeEvent)}/>);
+});
+const styles = StyleSheet.create({
+    input: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: 1,
+        height: 1,
+        opacity: 0
+    }
+});
+//# sourceMappingURL=ExpoRichInputView.js.map

package/build/ExpoRichInputView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoRichInputView.js","sourceRoot":"","sources":["../src/ExpoRichInputView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGpD,MAAM,UAAU,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEpC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACrC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;KACtC,CAAC,CAAC,CAAC;IAEJ,OAAO,CACH,CAAC,UAAU,CACP,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,WAAW,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CACpD,gBAAgB,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,EAClE,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACb;CACJ,CAAC,CAAC","sourcesContent":["import { requireNativeViewManager } from \"expo-modules-core\";\nimport { forwardRef, useRef, useImperativeHandle } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { focus, blur } from \"./ExpoRichInputModule\";\nimport { ExpoRichInputProps, ExpoRichInputRef } from \"./ExpoRichInput.types\";\n\nconst NativeView = requireNativeViewManager(\"ExpoRichInput\");\n\nexport const ExpoRichInputView = forwardRef<\n    ExpoRichInputRef,\n    ExpoRichInputProps\n>(({ onEditEvent, onKeyboardAction }, ref) => {\n    const nativeRef = useRef<any>(null);\n\n    useImperativeHandle(ref, () => ({\n        focus: () => focus(nativeRef.current),\n        blur: () => blur(nativeRef.current)\n    }));\n\n    return (\n        <NativeView\n            ref={nativeRef}\n            style={styles.input}\n            onEditEvent={(e: any) => onEditEvent(e.nativeEvent)}\n            onKeyboardAction={(e: any) => onKeyboardAction?.(e.nativeEvent)}\n        />\n    );\n});\n\nconst styles = StyleSheet.create({\n    input: {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: 1,\n        height: 1,\n        opacity: 0\n    }\n});\n"]}

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export { ExpoRichInputView } from "./ExpoRichInputView";
+export { focus, blur } from "./ExpoRichInputModule";
+export type { EditEvent, EditEventType, KeyboardActionEvent, ExpoRichInputRef, ExpoRichInputProps } from "./ExpoRichInput.types";
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACpD,YAAY,EACR,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,uBAAuB,CAAC"}

package/build/index.js

@@ -0,0 +1,3 @@
+export { ExpoRichInputView } from "./ExpoRichInputView";
+export { focus, blur } from "./ExpoRichInputModule"; // can remove after testing
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC,CAAC,2BAA2B","sourcesContent":["export { ExpoRichInputView } from \"./ExpoRichInputView\";\nexport { focus, blur } from \"./ExpoRichInputModule\"; // can remove after testing\nexport type {\n    EditEvent,\n    EditEventType,\n    KeyboardActionEvent,\n    ExpoRichInputRef,\n    ExpoRichInputProps\n} from \"./ExpoRichInput.types\";\n"]}

package/expo-module.config.json

@@ -0,0 +1,10 @@
+{
+  "name": "expo-rich-input",
+  "platforms": ["apple", "android"],
+  "apple": {
+    "modules": ["ExpoRichInputModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.richinput.ExpoRichInputModule"]
+  }
+}

package/ios/ExpoRichInput.podspec

@@ -0,0 +1,29 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'ExpoRichInput'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platforms      = {
+    :ios => '15.1',
+    :tvos => '15.1'
+  }
+  s.swift_version  = '5.9'
+  s.source         = { git: 'https://github.com/AdwaithAnandSR/expo-rich-input' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+
+  s.source_files = "**/*.{h,m,mm,swift,hpp,cpp}"
+end

package/ios/ExpoRichInputModule.swift

@@ -0,0 +1,30 @@
+import ExpoModulesCore
+
+public class RichInputModule: Module {
+    public func definition() -> ModuleDefinition {
+        Name("ExpoRichInput")
+
+        View(RichInputView.self) {
+
+            // MARK: Events exposed to JS
+            Events("onEditEvent", "onKeyboardAction")
+
+            // MARK: Functions callable from JS
+            // ref.current.focus()
+            AsyncFunction("focus") {
+                (view: RichInputView) in
+                DispatchQueue.main.async {
+                    view.focusInput()
+                }
+            }
+
+            // ref.current.blur()
+            AsyncFunction("blur") {
+                (view: RichInputView) in
+                DispatchQueue.main.async {
+                    view.blurInput()
+                }
+            }
+        }
+    }
+}

package/ios/ExpoRichInputView.swift

@@ -0,0 +1,119 @@
+import ExpoModulesCore
+import UIKit
+
+class RichInputView: ExpoView, UIKeyInput {
+
+    // MARK: Events
+    let onEditEvent = EventDispatcher()
+    let onKeyboardAction = EventDispatcher()
+
+    // MARK: UIKeyInput — required
+    var hasText: Bool {
+        true
+    } // always true so backspace keeps firing
+
+    func insertText(_ text: String) {
+        // Tab key comes as "\t"
+        // Newline comes as "\n"
+        onEditEvent([
+            "type": "insert",
+            "text": text
+        ])
+    }
+
+    func deleteBackward() {
+        onEditEvent([
+            "type": "delete",
+            "count": 1
+        ])
+    }
+
+    // MARK: UIResponder — keyboard traits
+    override var canBecomeFirstResponder: Bool {
+        true
+    }
+
+    override var autocorrectionType: UITextAutocorrectionType {
+        get {
+            .no
+        }
+        set {}
+    }
+
+    override var autocapitalizationType: UITextAutocapitalizationType {
+        get {
+            .none
+        }
+        set {}
+    }
+
+    override var spellCheckingType: UITextSpellCheckingType {
+        get {
+            .no
+        }
+        set {}
+    }
+
+    override var keyboardType: UIKeyboardType {
+        get {
+            .asciiCapable
+        }
+        set {}
+    }
+
+    override var returnKeyType: UIReturnKeyType {
+        get {
+            .default
+            }
+            set {}
+        }
+
+        override var smartQuotesType: UITextSmartQuotesType {
+            get {
+                .no
+            }
+            set {}
+        }
+
+        // MARK: Hardware keyboard shortcuts (iPad + external keyboard)
+        override var keyCommands: [UIKeyCommand]? {
+            return [
+                UIKeyCommand(
+                    input: "z",
+                    modifierFlags: .command,
+                    action: #selector(handleUndo)
+                ),
+                UIKeyCommand(
+                    input: "z",
+                    modifierFlags: [.command, .shift],
+                    action: #selector(handleRedo)
+                ),
+                UIKeyCommand(
+                    input: "/",
+                    modifierFlags: .command,
+                    action: #selector(handleToggleComment)
+                ),
+            ]
+        }
+
+        @objc func handleUndo() {
+            onKeyboardAction(["action": "undo"])
+        }
+
+        @objc func handleRedo() {
+            onKeyboardAction(["action": "redo"])
+        }
+
+        @objc func handleToggleComment() {
+            onKeyboardAction(["action": "toggleComment"])
+        }
+
+        // MARK: Focus control (called from JS)
+        func focusInput() {
+            becomeFirstResponder()
+        }
+
+        func blurInput() {
+            resignFirstResponder()
+        }
+    }

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "expo-rich-input",
+  "version": "0.1.0",
+  "description": "A native Expo module that replaces `TextInput` entirely, giving the editor raw OS-level edit deltas — insert, delete, and IME compose events — directly from `UIKeyInput` on iOS and `InputConnection` on Android, so the Rope never has to diff a full string.",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android"
+  },
+ "files": [
+    "build",
+    "android",
+    "ios",
+    "expo-module.config.json"
+  ],
+  "keywords": [
+    "react-native",
+    "expo",
+    "expo-rich-input",
+    "ExpoRichInput"
+  ],
+  "repository": "https://github.com/AdwaithAnandSR/expo-rich-input",
+  "bugs": {
+    "url": "https://github.com/AdwaithAnandSR/expo-rich-input/issues"
+  },
+  "author": "AdwaithAnandSR <adwaith.anand.dev@gmail.com> (https://github.com/AdwaithAnandSR)",
+  "license": "MIT",
+  "homepage": "https://github.com/AdwaithAnandSR/expo-rich-input#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "~19.1.1",
+    "expo-module-scripts": "^55.0.2",
+    "expo": "^55.0.11",
+    "react-native": "0.82.1"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}