react-native-enriched-html 0.0.0 → 1.0.0

package/lib/typescript/src/web/pmPlugins/StripBoldInStyledHeadingsPlugin.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        stripBoldInStyledHeadings: {
+            normalizeBoldInStyledHeadings: () => ReturnType;
+        };
+    }
+}
+export declare const StripBoldInStyledHeadingsPlugin: Extension<any, any>;
+//# sourceMappingURL=StripBoldInStyledHeadingsPlugin.d.ts.map

package/lib/typescript/src/web/pmPlugins/StripBoldInStyledHeadingsPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripBoldInStyledHeadingsPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/web/pmPlugins/StripBoldInStyledHeadingsPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,cAAc,CAAC;AAU5D,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,yBAAyB,EAAE;YAEzB,6BAA6B,EAAE,MAAM,UAAU,CAAC;SACjD,CAAC;KACH;CACF;AAwBD,eAAO,MAAM,+BAA+B,qBAqC1C,CAAC"}

package/lib/typescript/src/web/pmPlugins/StripMarksInCodeBlockPlugin.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/core';
+export declare const StripMarksInCodeBlockPlugin: Extension<any, any>;
+//# sourceMappingURL=StripMarksInCodeBlockPlugin.d.ts.map

package/lib/typescript/src/web/pmPlugins/StripMarksInCodeBlockPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripMarksInCodeBlockPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/web/pmPlugins/StripMarksInCodeBlockPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,eAAO,MAAM,2BAA2B,qBA8BtC,CAAC"}

package/lib/typescript/src/web/pmPlugins/StripMarksOnImagePlugin.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/core';
+export declare const StripMarksOnImagePlugin: Extension<any, any>;
+//# sourceMappingURL=StripMarksOnImagePlugin.d.ts.map

package/lib/typescript/src/web/pmPlugins/StripMarksOnImagePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripMarksOnImagePlugin.d.ts","sourceRoot":"","sources":["../../../../../src/web/pmPlugins/StripMarksOnImagePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,eAAO,MAAM,uBAAuB,qBA6BlC,CAAC"}

package/lib/typescript/src/web/positionMapping.d.ts

@@ -0,0 +1,39 @@
+import type { Node } from '@tiptap/pm/model';
+/**
+ * Position model mismatch: ProseMirror vs native (iOS/Android)
+ *
+ * Native selection/cursor offsets are plain string indices in rendered text
+ * Block boundaries are represented by a single '\n'.
+ *
+ * ProseMirror positions are tree positions. Entering/leaving block nodes
+ * consumes extra positions that do not map to extra native characters.
+ * Crossing one paragraph boundary is 1 native char ('\n') but usually 2 PM
+ * positions (close paragraph + open next paragraph).
+ *
+ * Example for three paragraphs "AAAA", "BBBB", "CCCC":
+ *
+ *   PM:      1  2  3  4  5  6  7  8  9  10 11 12 13 14 15 16 17
+ *   Native:  0  1  2  3  4  4  5  6  7   8  9  9 10 11 12 13 14
+ *
+ * PM 5 and PM 6 both map to native 4, PM 11 and PM 12 both map to native 9.
+ *
+ * Inline images occupy one index in the native plain string as a '\ufffc' character,
+ * we do the same for the web implementation.
+ */
+/**
+ * Plain text in the native coordinate model for [from, to), including '\ufffc' per inline image.
+ */
+export declare function nativeLeafText(doc: Node, from: number, to: number): string;
+/**
+ * Returns the native position for a given TipTap document position.
+ */
+export declare function tiptapPosToNativePos(doc: Node, tiptapPos: number): number;
+/**
+ * Returns the TipTap document position for a given native position.
+ *
+ * Traverses only text-bearing block nodes (paragraphs, headings, etc.),
+ * skipping wrapper nodes like block quotes and lists. This ensures the result
+ * is always a valid cursor position drilled down to the innermost content node.
+ */
+export declare function nativePosToTiptapPos(doc: Node, nativePos: number): number;
+//# sourceMappingURL=positionMapping.d.ts.map

package/lib/typescript/src/web/positionMapping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionMapping.d.ts","sourceRoot":"","sources":["../../../../src/web/positionMapping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAE1E;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAGzE;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CA8BzE"}

package/lib/typescript/src/web/returnKeyTypeToEnterKeyHint.d.ts

@@ -0,0 +1,4 @@
+import type { ReturnKeyTypeOptions } from 'react-native';
+export type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+export declare function returnKeyTypeToEnterKeyHint(returnKeyType: ReturnKeyTypeOptions | undefined): EnterKeyHint;
+//# sourceMappingURL=returnKeyTypeToEnterKeyHint.d.ts.map

package/lib/typescript/src/web/returnKeyTypeToEnterKeyHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"returnKeyTypeToEnterKeyHint.d.ts","sourceRoot":"","sources":["../../../../src/web/returnKeyTypeToEnterKeyHint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,MAAM,GACN,IAAI,GACJ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,MAAM,CAAC;AAIX,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,oBAAoB,GAAG,SAAS,GAC9C,YAAY,CAYd"}

package/lib/typescript/src/web/styleConversion/buildMentionRulesCSS.d.ts

@@ -0,0 +1,3 @@
+import type { HtmlStyle } from '../../types';
+export declare function buildMentionRulesCSS(htmlStyle?: HtmlStyle): string;
+//# sourceMappingURL=buildMentionRulesCSS.d.ts.map

package/lib/typescript/src/web/styleConversion/buildMentionRulesCSS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildMentionRulesCSS.d.ts","sourceRoot":"","sources":["../../../../../src/web/styleConversion/buildMentionRulesCSS.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAA0B,MAAM,aAAa,CAAC;AAYrE,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CA6BlE"}

package/lib/typescript/src/web/styleConversion/enrichedInputStyleToCSSProperties.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+import type { EnrichedInputStyle } from '../../types';
+interface ExtraOptions {
+    scrollEnabled?: boolean;
+}
+export declare function enrichedInputStyleToCSSProperties(style: EnrichedInputStyle, extraOptions?: ExtraOptions): CSSProperties;
+export {};
+//# sourceMappingURL=enrichedInputStyleToCSSProperties.d.ts.map

package/lib/typescript/src/web/styleConversion/enrichedInputStyleToCSSProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enrichedInputStyleToCSSProperties.d.ts","sourceRoot":"","sources":["../../../../../src/web/styleConversion/enrichedInputStyleToCSSProperties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD,UAAU,YAAY;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,kBAAkB,EACzB,YAAY,GAAE,YAAiB,GAC9B,aAAa,CAyKf"}

package/lib/typescript/src/web/styleConversion/enrichedInputThemingToCSSProperties.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+import type { ColorValue } from 'react-native';
+export interface EnrichedInputThemingColors {
+    cursorColor?: ColorValue;
+    placeholderTextColor?: ColorValue;
+    selectionColor?: ColorValue;
+}
+export declare function enrichedInputThemingToCSSProperties({ cursorColor, placeholderTextColor, selectionColor, }: EnrichedInputThemingColors): CSSProperties;
+//# sourceMappingURL=enrichedInputThemingToCSSProperties.d.ts.map

package/lib/typescript/src/web/styleConversion/enrichedInputThemingToCSSProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enrichedInputThemingToCSSProperties.d.ts","sourceRoot":"","sources":["../../../../../src/web/styleConversion/enrichedInputThemingToCSSProperties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU/C,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAED,wBAAgB,mCAAmC,CAAC,EAClD,WAAW,EACX,oBAAoB,EACpB,cAAc,GACf,EAAE,0BAA0B,GAAG,aAAa,CAY5C"}

package/lib/typescript/src/web/styleConversion/htmlStyleToCSSVariables.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'react';
+import type { HtmlStyle } from '../../types';
+export declare function mergeWithDefaultHtmlStyle(htmlStyle?: HtmlStyle): Required<HtmlStyle>;
+export declare const ETI_MENTION_CSS_VARS: {
+    readonly color: (indicator: string) => string;
+    readonly backgroundColor: (indicator: string) => string;
+    readonly textDecorationLine: (indicator: string) => string;
+};
+export declare function htmlStyleToCSSVariables(htmlStyle?: HtmlStyle): CSSProperties;
+//# sourceMappingURL=htmlStyleToCSSVariables.d.ts.map

package/lib/typescript/src/web/styleConversion/htmlStyleToCSSVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlStyleToCSSVariables.d.ts","sourceRoot":"","sources":["../../../../../src/web/styleConversion/htmlStyleToCSSVariables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAA0B,MAAM,aAAa,CAAC;AAWrE,wBAAgB,yBAAyB,CACvC,SAAS,CAAC,EAAE,SAAS,GACpB,QAAQ,CAAC,SAAS,CAAC,CAuBrB;AA4BD,eAAO,MAAM,oBAAoB;gCACZ,MAAM;0CAEI,MAAM;6CAEH,MAAM;CAE9B,CAAC;AAyIX,wBAAgB,uBAAuB,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,aAAa,CAe5E"}

package/lib/typescript/src/web/styleConversion/mentionIndicatorCssKey.d.ts

@@ -0,0 +1,3 @@
+export declare const MENTION_STYLE_DEFAULT_KEY = "default";
+export declare function indicatorToMentionCssKey(indicator: string): string;
+//# sourceMappingURL=mentionIndicatorCssKey.d.ts.map

package/lib/typescript/src/web/styleConversion/mentionIndicatorCssKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentionIndicatorCssKey.d.ts","sourceRoot":"","sources":["../../../../../src/web/styleConversion/mentionIndicatorCssKey.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,YAAY,CAAC;AAEnD,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAWlE"}

package/lib/typescript/src/web/styleConversion/toColor.d.ts

@@ -0,0 +1,3 @@
+import type { ColorValue } from 'react-native';
+export declare function toColor(value?: ColorValue): string | undefined;
+//# sourceMappingURL=toColor.d.ts.map

package/lib/typescript/src/web/styleConversion/toColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toColor.d.ts","sourceRoot":"","sources":["../../../../../src/web/styleConversion/toColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,OAAO,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAc9D"}

package/lib/typescript/src/web/tiptapHtmlNormalizer.d.ts

@@ -0,0 +1,3 @@
+export declare function prepareHtmlForTiptap(html: string): string;
+export declare function normalizeHtmlFromTiptap(html: string): string;
+//# sourceMappingURL=tiptapHtmlNormalizer.d.ts.map

package/lib/typescript/src/web/tiptapHtmlNormalizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiptapHtmlNormalizer.d.ts","sourceRoot":"","sources":["../../../../src/web/tiptapHtmlNormalizer.ts"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAqB5D"}

package/lib/typescript/src/web/useOnChangeHtml.d.ts

@@ -0,0 +1,5 @@
+import { type Editor } from '@tiptap/react';
+import type { OnChangeHtmlEvent } from '../types';
+import type { NativeSyntheticEvent } from 'react-native';
+export declare const useOnChangeHtml: (editor: Editor, onChangeHtml?: (e: NativeSyntheticEvent<OnChangeHtmlEvent>) => void) => void;
+//# sourceMappingURL=useOnChangeHtml.d.ts.map

package/lib/typescript/src/web/useOnChangeHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChangeHtml.d.ts","sourceRoot":"","sources":["../../../../src/web/useOnChangeHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIzD,eAAO,MAAM,eAAe,GAC1B,QAAQ,MAAM,EACd,eAAe,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,SAKpE,CAAC"}

package/lib/typescript/src/web/useOnChangeState.d.ts

@@ -0,0 +1,6 @@
+import { type Editor } from '@tiptap/react';
+import type { OnChangeStateEvent } from '../types';
+import type { NativeSyntheticEvent } from 'react-native';
+import type { HtmlStyle } from '../types';
+export declare const useOnChangeState: (editor: Editor | null, htmlStyle: Required<HtmlStyle>, onChangeState?: (e: NativeSyntheticEvent<OnChangeStateEvent>) => void) => void;
+//# sourceMappingURL=useOnChangeState.d.ts.map

package/lib/typescript/src/web/useOnChangeState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChangeState.d.ts","sourceRoot":"","sources":["../../../../src/web/useOnChangeState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,MAAM,GAAG,IAAI,EACrB,WAAW,QAAQ,CAAC,SAAS,CAAC,EAC9B,gBAAgB,CAAC,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,SA0BtE,CAAC"}

package/lib/typescript/src/web/useOnChangeText.d.ts

@@ -0,0 +1,5 @@
+import { type Editor } from '@tiptap/react';
+import type { OnChangeTextEvent } from '../types';
+import type { NativeSyntheticEvent } from 'react-native';
+export declare const useOnChangeText: (editor: Editor, onChangeText?: (e: NativeSyntheticEvent<OnChangeTextEvent>) => void) => void;
+//# sourceMappingURL=useOnChangeText.d.ts.map

package/lib/typescript/src/web/useOnChangeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChangeText.d.ts","sourceRoot":"","sources":["../../../../src/web/useOnChangeText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIzD,eAAO,MAAM,eAAe,GAC1B,QAAQ,MAAM,EACd,eAAe,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,SAMpE,CAAC"}

package/lib/typescript/src/web/useOnEditorChange.d.ts

@@ -0,0 +1,6 @@
+import { type Editor } from '@tiptap/react';
+import type { NativeSyntheticEvent } from 'react-native';
+export declare const useOnEditorChange: <T extends {
+    value: string;
+}>(editor: Editor, handler: ((e: NativeSyntheticEvent<T>) => void) | undefined, getValue: (editor: Editor) => string) => void;
+//# sourceMappingURL=useOnEditorChange.d.ts.map

package/lib/typescript/src/web/useOnEditorChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnEditorChange.d.ts","sourceRoot":"","sources":["../../../../src/web/useOnEditorChange.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAC3D,QAAQ,MAAM,EACd,SAAS,CAAC,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAC3D,UAAU,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,SAwBrC,CAAC"}

package/lib/typescript/src/web/useOnLinkDetected.d.ts

@@ -0,0 +1,4 @@
+import { type Editor } from '@tiptap/react';
+import type { OnLinkDetected } from '../types';
+export declare const useOnLinkDetected: (editor: Editor | null, onLinkDetected?: (e: OnLinkDetected) => void) => void;
+//# sourceMappingURL=useOnLinkDetected.d.ts.map

package/lib/typescript/src/web/useOnLinkDetected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnLinkDetected.d.ts","sourceRoot":"","sources":["../../../../src/web/useOnLinkDetected.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,MAAM,GAAG,IAAI,EACrB,iBAAiB,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,SAyE7C,CAAC"}

package/package.json

@@ -1,4 +1,235 @@
 {
   "name": "react-native-enriched-html",
-  "version": "0.0.0"
+  "version": "1.0.0",
+  "description": "HTML-based Rich Text solution for React Native",
+  "source": "./src/index.tsx",
+  "main": "./lib/module/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "react-native": {
+        "source": "./src/index.native.tsx",
+        "types": "./lib/typescript/src/index.native.d.ts",
+        "default": "./lib/module/index.native.js"
+      },
+      "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-enriched-example",
+    "example-web": "yarn workspace react-native-enriched-web-example",
+    "test": "jest --passWithNoTests",
+    "typecheck": "yarn typecheck:lib && yarn typecheck:example && yarn typecheck:example-web",
+    "typecheck:lib": "tsc -p tsconfig.build.json",
+    "typecheck:example": "tsc -p apps/example/tsconfig.json",
+    "typecheck:example-web": "tsc -p apps/example-web/tsconfig.app.json",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint:android": "cd apps/example/android && ./gradlew lintVerify",
+    "lint:android:fix": "cd apps/example/android && ./gradlew lintFormat",
+    "lint-clang:ios": "find ios/ \\( -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.mm\" \\) | grep -v -e Pods -e build -e generated | xargs npx clang-format -i -n --Werror",
+    "lint-clang:ios:fix": "find ios/ \\( -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.mm\" \\) | grep -v -e Pods -e build -e generated | xargs npx clang-format -i",
+    "lint-clang:android": "find android/ \\( -iname \"*.h\" -o -iname \"*.cpp\" \\) | grep -v -e build -e generated | xargs npx clang-format -i -n --Werror",
+    "lint-clang:android:fix": "find android/ \\( -iname \"*.h\" -o -iname \"*.cpp\" \\) | grep -v -e build -e generated | xargs npx clang-format -i",
+    "lint-clang": "yarn lint-clang:ios && yarn lint-clang:android",
+    "lint-clang:fix": "yarn lint-clang:ios:fix && yarn lint-clang:android:fix",
+    "clean": "./scripts/git-clean.sh",
+    "prepare": "bob build",
+    "release": "release-it",
+    "android-studio": "open -a 'Android Studio' apps/example/android",
+    "xcode": "open -a 'Xcode' apps/example/ios/EnrichedTextInputExample.xcworkspace",
+    "test:e2e:mobile": ".maestro/scripts/run-tests-all.sh",
+    "test:e2e:android": ".maestro/scripts/run-tests.sh --platform android",
+    "test:e2e:ios": ".maestro/scripts/run-tests.sh --platform ios",
+    "test:e2e:web": ".playwright/scripts/run-tests.sh",
+    "test:e2e": "bash -c '.maestro/scripts/run-tests-all.sh \"$@\" && .playwright/scripts/run-tests.sh \"$@\"' _"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/software-mansion/react-native-enriched-html.git"
+  },
+  "author": "Software Mansion <contact@swmansion.com> (https://swmansion.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/software-mansion/react-native-enriched-html/issues"
+  },
+  "homepage": "https://github.com/software-mansion/react-native-enriched-html#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@tiptap/core": "3.20.4",
+    "@tiptap/extension-blockquote": "3.20.4",
+    "@tiptap/extension-bold": "3.20.4",
+    "@tiptap/extension-code": "3.20.4",
+    "@tiptap/extension-document": "3.20.4",
+    "@tiptap/extension-heading": "3.20.4",
+    "@tiptap/extension-history": "3.20.4",
+    "@tiptap/extension-image": "3.20.4",
+    "@tiptap/extension-italic": "3.20.4",
+    "@tiptap/extension-link": "3.20.4",
+    "@tiptap/extension-list": "3.20.4",
+    "@tiptap/extension-paragraph": "3.20.4",
+    "@tiptap/extension-strike": "3.20.4",
+    "@tiptap/extension-text": "3.20.4",
+    "@tiptap/extension-underline": "3.20.4",
+    "@tiptap/extensions": "3.20.4",
+    "@tiptap/pm": "3.20.4",
+    "@tiptap/react": "3.20.4"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@playwright/test": "1.58.2",
+    "@react-native-community/cli": "20.0.0",
+    "@react-native/eslint-config": "^0.81.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "clang-format": "^1.8.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "playwright": "1.58.2",
+    "prettier": "^3.0.3",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.0",
+    "react-native-builder-bob": "^0.40.18",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "apps/example",
+    "apps/example-web"
+  ],
+  "packageManager": "yarn@4.13.0",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/apps/example/node_modules",
+      "<rootDir>/lib/"
+    ],
+    "testPathIgnorePatterns": [
+      "/node_modules/",
+      "<rootDir>/.playwright/",
+      "<rootDir>/apps/example-web/"
+    ]
+  },
+  "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"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "codegen",
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "ReactNativeEnrichedSpec",
+    "type": "components",
+    "jsSrcsDir": "src/spec",
+    "outputDir": {
+      "ios": "ios/generated",
+      "android": "android/generated"
+    },
+    "android": {
+      "javaPackageName": "com.swmansion.enriched"
+    },
+    "ios": {
+      "componentProvider": {
+        "EnrichedTextView": "EnrichedTextView",
+        "EnrichedTextInputView": "EnrichedTextInputView"
+      }
+    },
+    "includesGeneratedCode": true
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "version": "0.49.8"
+  }
 }

package/react-native.config.js

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

package/src/index.native.tsx

@@ -0,0 +1,34 @@
+// EnrichedTextInput
+export { EnrichedTextInput } from './native/EnrichedTextInput';
+export type {
+  EnrichedInputStyle,
+  EnrichedTextInputProps,
+  OnChangeTextEvent,
+  OnChangeHtmlEvent,
+  OnChangeStateEvent,
+  OnLinkDetected,
+  OnMentionDetected,
+  OnChangeSelectionEvent,
+  OnKeyPressEvent,
+  OnPasteImagesEvent,
+  OnSubmitEditing,
+  HtmlStyle,
+  MentionStyleProperties,
+  FocusEvent,
+  BlurEvent,
+  EnrichedTextInputInstance,
+  ContextMenuItem,
+  OnChangeMentionEvent,
+  TextShortcut,
+  TextShortcutStyle,
+} from './types';
+
+// EnrichedText
+export { EnrichedText } from './native/EnrichedText';
+export type {
+  EnrichedTextProps,
+  EnrichedTextInstance,
+  EnrichedTextHtmlStyle,
+  OnMentionPressEvent,
+  OnLinkPressEvent,
+} from './types';

package/src/index.tsx

@@ -0,0 +1,24 @@
+export { EnrichedTextInput } from './web/EnrichedTextInput';
+export type {
+  EnrichedInputStyle,
+  EnrichedTextInputProps,
+  OnChangeTextEvent,
+  OnChangeHtmlEvent,
+  OnChangeStateEvent,
+  OnLinkDetected,
+  OnMentionDetected,
+  OnChangeSelectionEvent,
+  OnKeyPressEvent,
+  OnPasteImagesEvent,
+  OnSubmitEditing,
+  HtmlStyle,
+  MentionStyleProperties,
+  FocusEvent,
+  BlurEvent,
+  EnrichedTextInputInstance,
+  ContextMenuItem,
+  OnChangeMentionEvent,
+  EnrichedTextHtmlStyle,
+  OnMentionPressEvent,
+  OnLinkPressEvent,
+} from './types';