react-native-advanced-text 0.1.1

package/AdvancedText.podspec

@@ -0,0 +1,20 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "AdvancedText"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/AminAllahham/react-native-advanced-text.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift,cpp}"
+  s.private_header_files = "ios/**/*.h"
+
+  install_modules_dependencies(s)
+end

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 Amin Al-lahham
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# react-native-advanced-text
+
+ Advanced text component for React Native with custom select options.
+
+## Installation
+
+
+```sh
+npm install react-native-advanced-text
+```
+
+
+## Usage
+
+
+```js
+import { AdvancedTextView } from "react-native-advanced-text";
+
+// ...
+
+<AdvancedTextView color="tomato" />
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/build.gradle

@@ -0,0 +1,77 @@
+buildscript {
+  ext.getExtOrDefault = {name ->
+    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['AdvancedText_' + name]
+  }
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.7.2"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${getExtOrDefault('kotlinVersion')}"
+  }
+}
+
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+apply plugin: "com.facebook.react"
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["AdvancedText_" + name]).toInteger()
+}
+
+android {
+  namespace "com.advancedtext"
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+  }
+
+  buildFeatures {
+    buildConfig true
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+
+  sourceSets {
+    main {
+      java.srcDirs += [
+        "generated/java",
+        "generated/jni"
+      ]
+    }
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  implementation "com.facebook.react:react-android"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+}

package/android/gradle.properties

@@ -0,0 +1,5 @@
+AdvancedText_kotlinVersion=2.0.21
+AdvancedText_minSdkVersion=24
+AdvancedText_targetSdkVersion=34
+AdvancedText_compileSdkVersion=35
+AdvancedText_ndkVersion=27.1.12297006

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/advancedtext/AdvancedTextPackage.kt

@@ -0,0 +1,19 @@
+package com.advancedtext
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+import java.util.ArrayList
+
+class AdvancedTextViewPackage : ReactPackage {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    val viewManagers: MutableList<ViewManager<*, *>> = ArrayList()
+    viewManagers.add(AdvancedTextViewManager())
+    return viewManagers
+  }
+
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return emptyList()
+  }
+}

package/android/src/main/java/com/advancedtext/AdvancedTextView.kt

@@ -0,0 +1,207 @@
+package com.advancedtext
+
+import android.content.Context
+import android.graphics.Color
+import android.text.SpannableString
+import android.text.Spanned
+import android.text.TextPaint
+import android.text.method.LinkMovementMethod
+import android.text.style.ClickableSpan
+import android.text.style.BackgroundColorSpan
+import android.util.AttributeSet
+import android.view.ContextMenu
+import android.view.MenuItem
+import android.view.View
+import android.widget.TextView
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.events.RCTEventEmitter
+import android.text.Selection
+
+class AdvancedTextView : TextView, View.OnCreateContextMenuListener {
+    private var highlightedWords: List<HighlightedWord> = emptyList()
+    private var menuOptions: List<String> = emptyList()
+    private var indicatorWordIndex: Int = -1
+    private var lastSelectedText: String = ""
+    private var isSelectionEnabled: Boolean = true
+
+    constructor(context: Context?) : super(context) {
+        init()
+    }
+
+    constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs) {
+        init()
+    }
+
+    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    ) {
+        init()
+    }
+
+    private fun init() {
+        movementMethod = LinkMovementMethod.getInstance()
+        setTextIsSelectable(true)
+        setOnCreateContextMenuListener(this)
+
+        setOnLongClickListener {
+            if (isSelectionEnabled) {
+                false
+            } else {
+                true
+            }
+        }
+    }
+
+    fun setHighlightedWords(highlightedWords: List<HighlightedWord>) {
+        this.highlightedWords = highlightedWords
+        updateTextWithHighlights()
+    }
+
+    fun setMenuOptions(menuOptions: List<String>) {
+        this.menuOptions = menuOptions
+    }
+
+    fun setIndicatorWordIndex(index: Int) {
+        this.indicatorWordIndex = index
+        updateTextWithHighlights()
+    }
+
+    fun setAdvancedText(text: String) {
+        this.text = text
+        updateTextWithHighlights()
+    }
+
+    private fun updateTextWithHighlights() {
+        val text = this.text.toString()
+        if (text.isEmpty()) return
+
+        val spannableString = SpannableString(text)
+        val words = text.split("\\s+".toRegex())
+
+        var currentIndex = 0
+        words.forEachIndexed { wordIndex, word ->
+            if (word.isNotEmpty()) {
+                val wordStart = text.indexOf(word, currentIndex)
+                if (wordStart >= 0) {
+                    val wordEnd = wordStart + word.length
+
+                    highlightedWords.find { it.index == wordIndex }?.let { highlightedWord ->
+                        val color = Color.parseColor(highlightedWord.highlightColor)
+                        spannableString.setSpan(
+                            BackgroundColorSpan(color),
+                            wordStart,
+                            wordEnd,
+                            Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                        )
+                    }
+
+                    if (wordIndex == indicatorWordIndex) {
+                        spannableString.setSpan(
+                            IndicatorSpan(),
+                            wordStart,
+                            wordEnd,
+                            Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                        )
+                    }
+
+                    spannableString.setSpan(
+                        WordClickableSpan(wordIndex, word),
+                        wordStart,
+                        wordEnd,
+                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                    )
+
+                    currentIndex = wordEnd
+                }
+            }
+        }
+
+        this.text = spannableString
+    }
+
+    override fun onCreateContextMenu(menu: ContextMenu?, v: View?, menuInfo: ContextMenu.ContextMenuInfo?) {
+        val selectionStart = selectionStart
+        val selectionEnd = selectionEnd
+
+        if (selectionStart >= 0 && selectionEnd >= 0 && selectionStart != selectionEnd) {
+            lastSelectedText = text.subSequence(selectionStart, selectionEnd).toString()
+
+            menu?.clear()
+
+            menuOptions.forEachIndexed { index, option ->
+                menu?.add(0, index, index, option)?.setOnMenuItemClickListener {
+                    onMenuItemClick(it, lastSelectedText)
+                    true
+                }
+            }
+
+            sendSelectionEvent(lastSelectedText, "selection")
+        }
+    }
+
+    private fun onMenuItemClick(item: MenuItem, selectedText: String): Boolean {
+        val menuItemText = menuOptions[item.itemId]
+        sendSelectionEvent(selectedText, menuItemText)
+        return true
+    }
+
+    private fun sendSelectionEvent(selectedText: String, eventType: String) {
+        val reactContext = context as ReactContext
+        val event = Arguments.createMap().apply {
+            putString("selectedText", selectedText)
+            putString("event", eventType)
+        }
+        reactContext.getJSModule(RCTEventEmitter::class.java)
+            .receiveEvent(id, "onSelection", event)
+    }
+
+    private inner class WordClickableSpan(
+        private val wordIndex: Int,
+        private val word: String
+    ) : ClickableSpan() {
+        override fun onClick(widget: View) {
+            sendWordPressEvent(word, wordIndex)
+        }
+
+        override fun updateDrawState(ds: TextPaint) {
+            super.updateDrawState(ds)
+            ds.isUnderlineText = false
+        }
+    }
+
+    private inner class IndicatorSpan : ClickableSpan() {
+        override fun onClick(widget: View) {
+
+        }
+
+        override fun updateDrawState(ds: TextPaint) {
+            super.updateDrawState(ds)
+            ds.color = Color.RED
+            ds.isFakeBoldText = true
+            ds.isUnderlineText = false
+        }
+    }
+
+    private fun sendWordPressEvent(word: String, index: Int) {
+        val reactContext = context as ReactContext
+        val event = Arguments.createMap().apply {
+            putString("word", word)
+            putInt("index", index)
+        }
+        reactContext.getJSModule(RCTEventEmitter::class.java)
+            .receiveEvent(id, "onWordPress", event)
+    }
+
+    fun clearSelection() {
+        val spannable = this.text as? android.text.Spannable ?: return
+        Selection.removeSelection(spannable)
+    }
+}
+
+data class HighlightedWord(
+    val index: Int,
+    val highlightColor: String
+)

package/android/src/main/java/com/advancedtext/AdvancedTextViewManager.kt

@@ -0,0 +1,80 @@
+package com.advancedtext
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.AdvancedTextViewManagerInterface
+import com.facebook.react.viewmanagers.AdvancedTextViewManagerDelegate
+
+@ReactModule(name = AdvancedTextViewManager.NAME)
+class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>(),
+    AdvancedTextViewManagerInterface<AdvancedTextView> {
+    private val mDelegate: ViewManagerDelegate<AdvancedTextView>
+
+    init {
+        mDelegate = AdvancedTextViewManagerDelegate(this)
+    }
+
+    override fun getDelegate(): ViewManagerDelegate<AdvancedTextView>? {
+        return mDelegate
+    }
+
+    override fun getName(): String {
+        return NAME
+    }
+
+    public override fun createViewInstance(context: ThemedReactContext): AdvancedTextView {
+        return AdvancedTextView(context)
+    }
+
+    @ReactProp(name = "text")
+    override fun setText(view: AdvancedTextView?, text: String?) {
+        view?.setAdvancedText(text ?: "")
+    }
+
+    @ReactProp(name = "highlightedWords")
+    override fun setHighlightedWords(view: AdvancedTextView?, highlightedWords: ReadableArray?) {
+        val words = mutableListOf<HighlightedWord>()
+        highlightedWords?.let {
+            for (i in 0 until it.size()) {
+                val map = it.getMap(i)
+                map?.let { wordMap ->
+                    words.add(
+                        HighlightedWord(
+                            index = wordMap.getInt("index"),
+                            highlightColor = wordMap.getString("highlightColor") ?: "#FFFF00"
+                        )
+                    )
+                }
+            }
+        }
+        view?.setHighlightedWords(words)
+    }
+
+    @ReactProp(name = "menuOptions")
+    override fun setMenuOptions(view: AdvancedTextView?, menuOptions: ReadableArray?) {
+        val options = mutableListOf<String>()
+        menuOptions?.let {
+            for (i in 0 until it.size()) {
+                it.getString(i)?.let { option ->
+                    options.add(option)
+                }
+            }
+        }
+        view?.setMenuOptions(options)
+    }
+
+    @ReactProp(name = "indicatorWordIndex")
+    override fun setIndicatorWordIndex(view: AdvancedTextView?, index: Int) {
+        view?.setIndicatorWordIndex(index)
+    }
+
+
+
+    companion object {
+        const val NAME = "AdvancedTextView"
+    }
+}

package/ios/AdvancedTextView.h

@@ -0,0 +1,14 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef AdvancedTextViewNativeComponent_h
+#define AdvancedTextViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface AdvancedTextView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* AdvancedTextViewNativeComponent_h */

package/ios/AdvancedTextView.mm

@@ -0,0 +1,71 @@
+#import "AdvancedTextView.h"
+
+#import <react/renderer/components/AdvancedTextViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/AdvancedTextViewSpec/EventEmitters.h>
+#import <react/renderer/components/AdvancedTextViewSpec/Props.h>
+#import <react/renderer/components/AdvancedTextViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface AdvancedTextView () <RCTAdvancedTextViewViewProtocol>
+
+@end
+
+@implementation AdvancedTextView {
+    UIView * _view;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<AdvancedTextViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const AdvancedTextViewProps>();
+    _props = defaultProps;
+
+    _view = [[UIView alloc] init];
+
+    self.contentView = _view;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &oldViewProps = *std::static_pointer_cast<AdvancedTextViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<AdvancedTextViewProps const>(props);
+
+    if (oldViewProps.color != newViewProps.color) {
+        NSString * colorToConvert = [[NSString alloc] initWithUTF8String: newViewProps.color.c_str()];
+        [_view setBackgroundColor:[self hexStringToColor:colorToConvert]];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+Class<RCTComponentViewProtocol> AdvancedTextViewCls(void)
+{
+    return AdvancedTextView.class;
+}
+
+- hexStringToColor:(NSString *)stringToConvert
+{
+    NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
+    NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
+
+    unsigned hex;
+    if (![stringScanner scanHexInt:&hex]) return nil;
+    int r = (hex >> 16) & 0xFF;
+    int g = (hex >> 8) & 0xFF;
+    int b = (hex) & 0xFF;
+
+    return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
+}
+
+@end

package/lib/module/AdvancedText.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import AdvancedTextViewNativeComponent from './AdvancedTextViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AdvancedText = ({
+  text,
+  highlightedWords,
+  menuOptions,
+  onWordPress,
+  onSelection,
+  indicatorWordIndex,
+  ...restProps
+}) => {
+  return /*#__PURE__*/_jsx(AdvancedTextViewNativeComponent, {
+    text: text,
+    highlightedWords: highlightedWords,
+    menuOptions: menuOptions,
+    onWordPress: onWordPress,
+    onSelection: onSelection,
+    indicatorWordIndex: indicatorWordIndex,
+    ...restProps
+  });
+};
+//# sourceMappingURL=AdvancedText.js.map

package/lib/module/AdvancedText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AdvancedTextViewNativeComponent","jsx","_jsx","AdvancedText","text","highlightedWords","menuOptions","onWordPress","onSelection","indicatorWordIndex","restProps"],"sourceRoot":"..\\..\\src","sources":["AdvancedText.tsx"],"mappings":";;AACA,OAAOA,+BAA+B,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBhF,OAAO,MAAMC,YAAmC,GAAGA,CAAC;EAClDC,IAAI;EACJC,gBAAgB;EAChBC,WAAW;EACXC,WAAW;EACXC,WAAW;EACXC,kBAAkB;EAClB,GAAGC;AACL,CAAC,KAAK;EACJ,oBACER,IAAA,CAACF,+BAA+B;IAC9BI,IAAI,EAAEA,IAAK;IACXC,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,kBAAkB,EAAEA,kBAAmB;IAAA,GACnCC;EAAS,CACd,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/AdvancedTextViewNativeComponent.ts

@@ -0,0 +1,20 @@
+import { codegenNativeComponent } from 'react-native';
+import type { ViewProps } from 'react-native';
+// @ts-ignore
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+
+interface HighlightedWord {
+  index: Int32;
+  highlightColor: string;
+}
+
+interface NativeProps extends ViewProps {
+  text: string;
+  highlightedWords?: ReadonlyArray<HighlightedWord>;
+  menuOptions?: ReadonlyArray<string>;
+  onWordPress?: DirectEventHandler<{ word: string }>;
+  onSelection?: DirectEventHandler<{ selectedText: string; eventType: string }>;
+  indicatorWordIndex?: Int32;
+}
+
+export default codegenNativeComponent<NativeProps>('AdvancedTextView');

package/lib/module/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { AdvancedText } from "./AdvancedText.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AdvancedText"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB","ignoreList":[]}

package/lib/module/package.json

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

package/lib/typescript/package.json

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

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

@@ -0,0 +1,21 @@
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+interface HighlightedWord {
+    index: number;
+    highlightColor: string;
+}
+interface NativeProps extends ViewProps {
+    text: string;
+    highlightedWords?: ReadonlyArray<HighlightedWord>;
+    menuOptions?: ReadonlyArray<string>;
+    onWordPress?: (event: NativeSyntheticEvent<{
+        word: string;
+    }>) => void;
+    onSelection?: (event: NativeSyntheticEvent<{
+        selectedText: string;
+        eventType: string;
+    }>) => void;
+    indicatorWordIndex?: number;
+}
+export declare const AdvancedText: React.FC<NativeProps>;
+export {};
+//# sourceMappingURL=AdvancedText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedText.d.ts","sourceRoot":"","sources":["../../../src/AdvancedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,oBAAoB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,KACrE,IAAI,CAAC;IACV,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoB9C,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { ViewProps } from 'react-native';
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+interface HighlightedWord {
+    index: Int32;
+    highlightColor: string;
+}
+interface NativeProps extends ViewProps {
+    text: string;
+    highlightedWords?: ReadonlyArray<HighlightedWord>;
+    menuOptions?: ReadonlyArray<string>;
+    onWordPress?: DirectEventHandler<{
+        word: string;
+    }>;
+    onSelection?: DirectEventHandler<{
+        selectedText: string;
+        eventType: string;
+    }>;
+    indicatorWordIndex?: Int32;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=AdvancedTextViewNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/AdvancedTextViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAE3F,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9E,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;;AAED,wBAAuE"}

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

@@ -0,0 +1,2 @@
+export { AdvancedText } from './AdvancedText';
+//# 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,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,175 @@
+{
+  "name": "react-native-advanced-text",
+  "version": "0.1.1",
+  "description": " Advanced text component for React Native with custom select options.",
+  "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-advanced-text-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/AminAllahham/react-native-advanced-text.git"
+  },
+  "author": "Amin Al-lahham <amin.allahham9@gmail.com> (https://github.com/AminAllahham)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AminAllahham/react-native-advanced-text/issues"
+  },
+  "homepage": "https://github.com/AminAllahham/react-native-advanced-text#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.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "AdvancedTextViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.advancedtext"
+    },
+    "ios": {
+      "componentProvider": {
+        "AdvancedTextView": "AdvancedTextView"
+      }
+    }
+  },
+  "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/"
+    ]
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "tools": [
+      "eslint",
+      "lefthook",
+      "release-it",
+      "jest"
+    ],
+    "version": "0.55.1"
+  }
+}

package/src/AdvancedText.tsx

@@ -0,0 +1,40 @@
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import AdvancedTextViewNativeComponent from './AdvancedTextViewNativeComponent';
+
+interface HighlightedWord {
+  index: number;
+  highlightColor: string;
+}
+
+interface NativeProps extends ViewProps {
+  text: string;
+  highlightedWords?: ReadonlyArray<HighlightedWord>;
+  menuOptions?: ReadonlyArray<string>;
+  onWordPress?: (event: NativeSyntheticEvent<{ word: string }>) => void;
+  onSelection?: (
+    event: NativeSyntheticEvent<{ selectedText: string; eventType: string }>
+  ) => void;
+  indicatorWordIndex?: number;
+}
+
+export const AdvancedText: React.FC<NativeProps> = ({
+  text,
+  highlightedWords,
+  menuOptions,
+  onWordPress,
+  onSelection,
+  indicatorWordIndex,
+  ...restProps
+}) => {
+  return (
+    <AdvancedTextViewNativeComponent
+      text={text}
+      highlightedWords={highlightedWords}
+      menuOptions={menuOptions}
+      onWordPress={onWordPress}
+      onSelection={onSelection}
+      indicatorWordIndex={indicatorWordIndex}
+      {...restProps}
+    />
+  );
+};

package/src/AdvancedTextViewNativeComponent.ts

@@ -0,0 +1,20 @@
+import { codegenNativeComponent } from 'react-native';
+import type { ViewProps } from 'react-native';
+// @ts-ignore
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+
+interface HighlightedWord {
+  index: Int32;
+  highlightColor: string;
+}
+
+interface NativeProps extends ViewProps {
+  text: string;
+  highlightedWords?: ReadonlyArray<HighlightedWord>;
+  menuOptions?: ReadonlyArray<string>;
+  onWordPress?: DirectEventHandler<{ word: string }>;
+  onSelection?: DirectEventHandler<{ selectedText: string; eventType: string }>;
+  indicatorWordIndex?: Int32;
+}
+
+export default codegenNativeComponent<NativeProps>('AdvancedTextView');

package/src/index.tsx

@@ -0,0 +1 @@
+export { AdvancedText } from './AdvancedText';