react-native-typerich 0.1.0

package/lib/module/TypeRichTextInput.js.map

@@ -0,0 +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":[]}

package/lib/module/TypeRichTextInputNativeComponent.ts

@@ -0,0 +1,92 @@
+import type { ColorValue } from 'react-native';
+import {
+  codegenNativeComponent,
+  codegenNativeCommands,
+  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';
+
+export interface OnChangeTextEvent {
+  value: string;
+}
+
+export interface OnChangeSelectionEvent {
+  start: Int32;
+  end: Int32;
+  text: string;
+}
+export interface onPasteImageEventData {
+  uri: string;
+  type: string;
+  fileName: string;
+  fileSize: Double;
+  error?: { message: string };
+}
+
+export interface TypeRichTextInputNativeProps extends ViewProps {
+  // base props
+  autoFocus?: boolean;
+  editable?: boolean;
+  defaultValue?: string;
+  placeholder?: string;
+  placeholderTextColor?: ColorValue;
+  cursorColor?: ColorValue;
+  selectionColor?: ColorValue;
+  autoCapitalize?: string;
+  scrollEnabled?: boolean;
+  multiline?: boolean;
+  numberOfLines?: Int32;
+  secureTextEntry?: boolean;
+
+  // event callbacks
+  onInputFocus?: DirectEventHandler<null>;
+  onInputBlur?: DirectEventHandler<null>;
+  onChangeText?: DirectEventHandler<OnChangeTextEvent>;
+  onChangeSelection?: DirectEventHandler<OnChangeSelectionEvent>;
+  onPasteImage?: BubblingEventHandler<onPasteImageEventData>;
+
+  // Style related props - used for generating proper setters in component's manager
+  // These should not be passed as regular props
+  color?: ColorValue;
+  fontSize?: Float;
+  fontFamily?: string;
+  fontWeight?: string;
+  fontStyle?: string;
+
+  // other
+  androidExperimentalSynchronousEvents?: boolean;
+}
+
+type ComponentType = HostComponent<TypeRichTextInputNativeProps>;
+
+interface NativeCommands {
+  // General commands
+  focus: (viewRef: React.ElementRef<ComponentType>) => void;
+  blur: (viewRef: React.ElementRef<ComponentType>) => void;
+  setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    // General commands
+    'focus',
+    'blur',
+    'setValue',
+  ],
+});
+
+export default codegenNativeComponent<TypeRichTextInputNativeProps>(
+  'TypeRichTextInputView',
+  {
+    interfaceOnly: true,
+  }
+) as HostComponent<TypeRichTextInputNativeProps>;

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as TypeRichTextInput } from "./TypeRichTextInput.js";
+export * from "./TypeRichTextInput.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","TypeRichTextInput"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,wBAAqB;AAClE,cAAc,wBAAqB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types/react-native-codegen.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=react-native-codegen.d.js.map

package/lib/module/types/react-native-codegen.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/react-native-codegen.d.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

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

@@ -0,0 +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;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onChangeText?: (value: string) => void;
+    onChangeSelection?: (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;
+}
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,57 @@
+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';
+export interface OnChangeTextEvent {
+    value: string;
+}
+export interface OnChangeSelectionEvent {
+    start: Int32;
+    end: Int32;
+    text: string;
+}
+export interface onPasteImageEventData {
+    uri: string;
+    type: string;
+    fileName: string;
+    fileSize: Double;
+    error?: {
+        message: string;
+    };
+}
+export interface TypeRichTextInputNativeProps extends ViewProps {
+    autoFocus?: boolean;
+    editable?: boolean;
+    defaultValue?: string;
+    placeholder?: string;
+    placeholderTextColor?: ColorValue;
+    cursorColor?: ColorValue;
+    selectionColor?: ColorValue;
+    autoCapitalize?: string;
+    scrollEnabled?: boolean;
+    multiline?: boolean;
+    numberOfLines?: Int32;
+    secureTextEntry?: boolean;
+    onInputFocus?: DirectEventHandler<null>;
+    onInputBlur?: DirectEventHandler<null>;
+    onChangeText?: DirectEventHandler<OnChangeTextEvent>;
+    onChangeSelection?: DirectEventHandler<OnChangeSelectionEvent>;
+    onPasteImage?: BubblingEventHandler<onPasteImageEventData>;
+    color?: ColorValue;
+    fontSize?: Float;
+    fontFamily?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+    androidExperimentalSynchronousEvents?: boolean;
+}
+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;
+}
+export declare const Commands: NativeCommands;
+declare const _default: HostComponent<TypeRichTextInputNativeProps>;
+export default _default;
+//# sourceMappingURL=TypeRichTextInputNativeComponent.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

package/package.json

@@ -0,0 +1,180 @@
+{
+  "name": "react-native-typerich",
+  "version": "0.1.0",
+  "description": "Textinput replacement",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-typerich-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "release": "release-it --only-version",
+    "test": "jest"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/divyanshu-patil/react-native-typerich.git"
+  },
+  "author": "Divyanshu Patil <work.divyanshupatil@gmail.com> (https://github.com/divyanshu-patil)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/divyanshu-patil/react-native-typerich/issues"
+  },
+  "homepage": "https://github.com/divyanshu-patil/react-native-typerich#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@react-native-community/cli": "20.0.1",
+    "@react-native/babel-preset": "0.81.1",
+    "@react-native/eslint-config": "^0.81.1",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.1.0",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jest": "^29.7.0",
+    "lefthook": "^2.0.3",
+    "prettier": "^2.8.8",
+    "react": "19.1.0",
+    "react-native": "0.81.1",
+    "react-native-builder-bob": "^0.40.16",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.12.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "codegen",
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "codegenConfig": {
+    "name": "TypeRichTextInputViewSpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "outputDir": {
+      "ios": "ios/generated",
+      "android": "android/generated"
+    },
+    "android": {
+      "javaPackageName": "com.typerich"
+    },
+    "ios": {
+      "componentProvider": {
+        "TypeRichTextInputView": "TypeRichTextInputView"
+      }
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "tools": [
+      "eslint",
+      "lefthook",
+      "release-it",
+      "jest"
+    ],
+    "version": "0.55.1"
+  }
+}

package/react-native.config.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import('@react-native-community/cli-types').UserDependencyConfig}
+ */
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        cmakeListsPath: '../android/src/main/new_arch/CMakeLists.txt',
+        componentDescriptors: ['TypeRichTextInputViewComponentDescriptor'],
+      },
+    },
+  },
+};

package/src/TypeRichTextInput.tsx

@@ -0,0 +1,115 @@
+import { forwardRef, useImperativeHandle, useRef, type Ref } from 'react';
+
+import type { ColorValue, ViewProps, NativeSyntheticEvent } from 'react-native';
+
+import NativeTypeRichTextInput, {
+  Commands,
+  type onPasteImageEventData,
+} 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;
+
+  // JS friendly event callbacks
+  onFocus?: () => void;
+  onBlur?: () => void;
+  onChangeText?: (value: string) => void;
+  onChangeSelection?: (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 {
+  focus: () => void;
+  blur: () => void;
+  setValue: (text: string) => void;
+}
+
+const TypeRichTextInput = forwardRef(
+  (props: TypeRichTextInputProps, ref: Ref<TypeRichTextInputRef>) => {
+    const nativeRef = useRef(null);
+
+    useImperativeHandle(ref, () => ({
+      focus: () => {
+        if (nativeRef.current) {
+          Commands.focus(nativeRef.current);
+        }
+      },
+      blur: () => {
+        if (nativeRef.current) {
+          Commands.blur(nativeRef.current);
+        }
+      },
+      setValue: (text: string) => {
+        if (nativeRef.current) {
+          Commands.setValue(nativeRef.current, text);
+        }
+      },
+    }));
+
+    /**
+     todo: make this only for NativeSyntheticEvent
+     */
+    function handlePasteImage(
+      event:
+        | onPasteImageEventData
+        | { nativeEvent: onPasteImageEventData }
+        | NativeSyntheticEvent<onPasteImageEventData>
+        | any
+    ): void {
+      // always getting nativeevent but will refactor later
+      const data: onPasteImageEventData | undefined =
+        event && typeof event === 'object'
+          ? event.nativeEvent ?? event
+          : undefined;
+
+      if (data) {
+        props.onPasteImageData?.(data as onPasteImageEventData);
+      }
+    }
+
+    return (
+      <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
+          )
+        }
+        onPasteImage={handlePasteImage}
+      />
+    );
+  }
+);
+
+export default TypeRichTextInput;

package/src/TypeRichTextInputNativeComponent.ts

@@ -0,0 +1,92 @@
+import type { ColorValue } from 'react-native';
+import {
+  codegenNativeComponent,
+  codegenNativeCommands,
+  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';
+
+export interface OnChangeTextEvent {
+  value: string;
+}
+
+export interface OnChangeSelectionEvent {
+  start: Int32;
+  end: Int32;
+  text: string;
+}
+export interface onPasteImageEventData {
+  uri: string;
+  type: string;
+  fileName: string;
+  fileSize: Double;
+  error?: { message: string };
+}
+
+export interface TypeRichTextInputNativeProps extends ViewProps {
+  // base props
+  autoFocus?: boolean;
+  editable?: boolean;
+  defaultValue?: string;
+  placeholder?: string;
+  placeholderTextColor?: ColorValue;
+  cursorColor?: ColorValue;
+  selectionColor?: ColorValue;
+  autoCapitalize?: string;
+  scrollEnabled?: boolean;
+  multiline?: boolean;
+  numberOfLines?: Int32;
+  secureTextEntry?: boolean;
+
+  // event callbacks
+  onInputFocus?: DirectEventHandler<null>;
+  onInputBlur?: DirectEventHandler<null>;
+  onChangeText?: DirectEventHandler<OnChangeTextEvent>;
+  onChangeSelection?: DirectEventHandler<OnChangeSelectionEvent>;
+  onPasteImage?: BubblingEventHandler<onPasteImageEventData>;
+
+  // Style related props - used for generating proper setters in component's manager
+  // These should not be passed as regular props
+  color?: ColorValue;
+  fontSize?: Float;
+  fontFamily?: string;
+  fontWeight?: string;
+  fontStyle?: string;
+
+  // other
+  androidExperimentalSynchronousEvents?: boolean;
+}
+
+type ComponentType = HostComponent<TypeRichTextInputNativeProps>;
+
+interface NativeCommands {
+  // General commands
+  focus: (viewRef: React.ElementRef<ComponentType>) => void;
+  blur: (viewRef: React.ElementRef<ComponentType>) => void;
+  setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    // General commands
+    'focus',
+    'blur',
+    'setValue',
+  ],
+});
+
+export default codegenNativeComponent<TypeRichTextInputNativeProps>(
+  'TypeRichTextInputView',
+  {
+    interfaceOnly: true,
+  }
+) as HostComponent<TypeRichTextInputNativeProps>;

package/src/index.tsx

@@ -0,0 +1,6 @@
+export { default as TypeRichTextInput } from './TypeRichTextInput';
+export * from './TypeRichTextInput';
+export type {
+  OnChangeTextEvent,
+  OnChangeSelectionEvent,
+} from './TypeRichTextInputNativeComponent';

package/src/types/react-native-codegen.d.ts

@@ -0,0 +1,11 @@
+declare module 'react-native/Libraries/Types/CodegenTypes' {
+  export type Int32 = number;
+  export type Float = number;
+  export type Double = number;
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  export type WithDefault<T, DefaultT> = T;
+
+  export type BubblingEventHandler<T> = (event: T) => void;
+  export type DirectEventHandler<T> = (event: T) => void;
+}