react-native-advanced-text 0.1.27 → 0.1.29

package/README.md

@@ -1,37 +1,56 @@
-# 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)
+# react-native-advanced-text
+
+ react-native-advanced-text is a powerful cross-platform text component for React Native that enables word-level interaction, dynamic highlighting, and custom selection actions.
+
+## Installation
+
+
+```sh
+npm install react-native-advanced-text
+```
+
+
+## Usage
+
+
+```js
+import { AdvancedTextView } from "react-native-advanced-text";
+
+<AdvancedText
+  text={'This is an example of AdvancedText component. Tap on any word to see the event in action.'}
+  style={[styles.AdvancedText, { minHeight }]}
+  indicatorWordIndex={2}
+  onWordPress={(event) => {
+    console.log({event})
+  }}
+  menuOptions={['Highlight', 'Copy', 'Translate']}
+  onSelection={(event) => {
+    console.log({event})
+  }}
+  highlightedWords={[
+    {
+      index: 4,
+      highlightColor: '#6baeffb5',
+    },
+  ]}
+  fontSize={24}
+  color={'#FFFFFF'}
+  fontWeight="normal"
+  fontFamily={'monospace'}
+/>
+```
+
+
+## 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/src/main/java/com/advancedtext/AdvancedTextView.kt

@@ -1,637 +1,367 @@
-#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;
-
-
-@class AdvancedTextView;
-
-@interface AdvancedTextView () <RCTAdvancedTextViewViewProtocol, UIGestureRecognizerDelegate, UITextViewDelegate>
-
-@property (nonatomic, strong) NSMutableArray<NSDictionary *> *wordRanges;
-@property (nonatomic, strong) NSMutableDictionary<NSNumber *, UIColor *> *highlightColors;
-@property (nonatomic, strong) NSArray<NSString *> *menuOptions;
-@property (nonatomic, assign) NSInteger indicatorWordIndex;
-@property (nonatomic, assign) CGFloat fontSize;
-@property (nonatomic, strong) NSString *fontWeight;
-@property (nonatomic, strong) UIColor *textColor;
-@property (nonatomic, strong) NSString *textAlign;
-@property (nonatomic, strong) NSString *fontFamily;
+package com.advancedtext
+
+import android.content.Context
+import android.graphics.Color
+import android.graphics.Point
+import android.text.SpannableString
+import android.text.Spannable
+import android.text.Spanned
+import android.text.TextPaint
+import android.text.method.ArrowKeyMovementMethod
+import android.text.style.ClickableSpan
+import android.text.style.BackgroundColorSpan
+import android.text.style.ForegroundColorSpan
+import android.util.AttributeSet
+import android.util.Log
+import android.view.ActionMode
+import android.view.Menu
+import android.view.MenuItem
+import android.view.View
+import android.view.MotionEvent
+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
+import android.graphics.Typeface
+import androidx.core.text.getSpans
+
+class AdvancedTextView : TextView {
+
+    private val TAG = "AdvancedTextView"
+
+    private var highlightedWords: List<HighlightedWord> = emptyList()
+    private var menuOptions: List<String> = emptyList()
+    private var indicatorWordIndex: Int = -1
+    private var lastSelectedText: String = ""
+    private var customActionMode: ActionMode? = null
+    private var currentText: String = ""
+    private var textColor: String = "#000000"
+    private var fontSize: Float = 16f
+    private var fontWeight: String = "normal"
+    private var textAlign: String = "left"
+    private var fontFamily: String = "sans-serif"
+
+    private var wordPositions: List<WordPosition> = emptyList()
+
+    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() {
+        Log.d(TAG, "AdvancedTextView initialized")
+
+        textSize = 16f
+        setPadding(16, 16, 16, 16)
+        setTextIsSelectable(true)
+
+        movementMethod = SmartMovementMethod
+
+        customSelectionActionModeCallback = object : ActionMode.Callback {
+            override fun onCreateActionMode(mode: ActionMode?, menu: Menu?): Boolean {
+                customActionMode = mode
+                return true
+            }
 
-- (void)handleCustomMenuAction:(UIMenuItem *)sender;
+            override fun onPrepareActionMode(mode: ActionMode?, menu: Menu?): Boolean {
+                menu?.clear()
 
-@end
+                val selectionStart = selectionStart
+                val selectionEnd = selectionEnd
 
+                if (selectionStart >= 0 && selectionEnd >= 0 && selectionStart != selectionEnd) {
+                    lastSelectedText = text.subSequence(selectionStart, selectionEnd).toString()
 
-@interface CustomTextView : UITextView
-@property (nonatomic, weak) AdvancedTextView *parentView;
-@end
+                    menuOptions.forEachIndexed { index, option ->
+                        menu?.add(0, index, index, option)
+                    }
 
-@implementation CustomTextView
+                    sendSelectionEvent(lastSelectedText, "selection")
+                    return true
+                }
+                return false
+            }
 
-- (BOOL)canPerformAction:(SEL)action withSender:(id)sender
-{
-    NSLog(@"[CustomTextView] canPerformAction: %@", NSStringFromSelector(action));
+            override fun onActionItemClicked(mode: ActionMode?, item: MenuItem?): Boolean {
+                item?.let {
+                    val menuItemText = it.title.toString()
+                    sendSelectionEvent(lastSelectedText, menuItemText)
+                    mode?.finish()
+                    return true
+                }
+                return false
+            }
 
-    if (action == @selector(handleCustomMenuAction:)) {
-        NSLog(@"[CustomTextView] ✅ Allowing custom action");
-        return YES;
+            override fun onDestroyActionMode(mode: ActionMode?) {
+                customActionMode = null
+            }
+        }
     }
 
-    NSLog(@"[CustomTextView] ❌ Blocking system action: %@", NSStringFromSelector(action));
-    return NO;
-}
+    fun setAdvancedText(text: String) {
+        if (currentText == text) {
+            Log.d(TAG, "Text unchanged, skipping update")
+            return
+        }
 
-- (void)handleCustomMenuAction:(UIMenuItem *)sender
-{
-    if (self.parentView) {
-        [self.parentView handleCustomMenuAction:sender];
+        Log.d(TAG, "setAdvancedText: length=${text.length}")
+        currentText = text
+        calculateWordPositions(text)
+        updateTextWithHighlights()
     }
-}
-
-@end
-
 
+    fun setAdvancedTextColor(colorInt: Int) {
+          textColor = String.format("#%06X", 0xFFFFFF and colorInt)
+          updateTextWithHighlights()
+    }
 
-@interface AdvancedTextView () <RCTAdvancedTextViewViewProtocol, UIGestureRecognizerDelegate, UITextViewDelegate>
-
-@property (nonatomic, strong) CustomTextView *textView;
-
-@end
-
-@implementation AdvancedTextView
+    fun setAdvancedTextSize(size: Float) {
+        if (fontSize == size) return
+        fontSize = size
+        updateTextWithHighlights()
+    }
 
-+ (ComponentDescriptorProvider)componentDescriptorProvider
-{
-    NSLog(@"[AdvancedTextView] componentDescriptorProvider called");
-    return concreteComponentDescriptorProvider<AdvancedTextViewComponentDescriptor>();
-}
+    fun setAdvancedFontWeight(weight: String) {
+        if (fontWeight == weight) return
+        fontWeight = weight
+        updateTextWithHighlights()
+    }
 
-- (instancetype)initWithFrame:(CGRect)frame
-{
-    NSLog(@"[AdvancedTextView] initWithFrame called");
-    if (self = [super initWithFrame:frame]) {
-        @try {
-            static const auto defaultProps = std::make_shared<const AdvancedTextViewProps>();
-            _props = defaultProps;
-
-            _wordRanges = [NSMutableArray array];
-            _highlightColors = [NSMutableDictionary dictionary];
-            _indicatorWordIndex = -1;
-            _fontSize = 16.0;
-            _fontWeight = @"normal";
-            _textColor = [UIColor labelColor];
-            _textAlign = @"left";
-            _fontFamily = @"System";
-
-            [self setupTextView];
-            [self setupGestureRecognizers];
-
-            NSLog(@"[AdvancedTextView] Initialization successful");
-        } @catch (NSException *exception) {
-            NSLog(@"[AdvancedTextView] Exception in init: %@", exception);
-            @throw;
+    fun setAdvancedTextAlign(align: String) {
+        if (textAlign == align) return
+        textAlign = align
+        when (align) {
+            "left" -> textAlignment = View.TEXT_ALIGNMENT_TEXT_START
+            "center" -> textAlignment = View.TEXT_ALIGNMENT_CENTER
+            "right" -> textAlignment = View.TEXT_ALIGNMENT_TEXT_END
+            else -> textAlignment = View.TEXT_ALIGNMENT_TEXT_START
         }
     }
 
-    return self;
-}
+    fun setAdvancedFontFamily(family: String) {
+        if (fontFamily == family) return
+        fontFamily = family
+        typeface = Typeface.create(family, Typeface.NORMAL)
+    }
 
-- (void)setupTextView
-{
-    NSLog(@"[AdvancedTextView] setupTextView called");
-    @try {
-        _textView = [[CustomTextView alloc] initWithFrame:self.bounds];
-        _textView.parentView = self;
-        _textView.editable = NO;
-        _textView.selectable = YES;
-        _textView.scrollEnabled = YES;
-        _textView.backgroundColor = [UIColor clearColor];
-        _textView.textContainerInset = UIEdgeInsetsMake(8, 8, 8, 8);
-        _textView.font = [UIFont systemFontOfSize:16];
-        _textView.textColor = [UIColor labelColor];
-        _textView.delegate = self;
-
-        self.contentView = _textView;
-        NSLog(@"[AdvancedTextView] TextView setup successful");
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in setupTextView: %@", exception);
-        @throw;
+    fun setMenuOptions(menuOptions: List<String>) {
+        if (this.menuOptions == menuOptions) return
+        this.menuOptions = menuOptions
     }
-}
 
-- (void)setupGestureRecognizers
-{
-    NSLog(@"[AdvancedTextView] setupGestureRecognizers called");
-    @try {
-        UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]
-                                              initWithTarget:self
-                                              action:@selector(handleTap:)];
-        tapGesture.delegate = self;
-        [_textView addGestureRecognizer:tapGesture];
-
-        NSLog(@"[AdvancedTextView] Gesture recognizers setup successful");
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in setupGestureRecognizers: %@", exception);
-        @throw;
+    fun setHighlightedWords(highlightedWords: List<HighlightedWord>) {
+        if (this.highlightedWords == highlightedWords) return
+        this.highlightedWords = highlightedWords
+        updateTextWithHighlights()
     }
-}
 
-- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
-{
-    NSLog(@"[AdvancedTextView] updateProps called");
-    @try {
-        const auto &oldViewProps = *std::static_pointer_cast<AdvancedTextViewProps const>(_props);
-        const auto &newViewProps = *std::static_pointer_cast<AdvancedTextViewProps const>(props);
-
-        BOOL textChanged = NO;
-        BOOL highlightsChanged = NO;
-        BOOL menuChanged = NO;
-        BOOL indicatorChanged = NO;
-        BOOL styleChanged = NO;
-
-        if (oldViewProps.fontSize != newViewProps.fontSize && newViewProps.fontSize) {
-            NSLog(@"[AdvancedTextView] Updating fontSize to: %f", newViewProps.fontSize);
-            _fontSize = static_cast<CGFloat>(newViewProps.fontSize);
-            styleChanged = YES;
-        }
+    fun setIndicatorWordIndex(index: Int) {
+        if (this.indicatorWordIndex == index) return
+        this.indicatorWordIndex = index
+        updateTextWithHighlights()
+    }
 
-        if (oldViewProps.textAlign != newViewProps.textAlign && !newViewProps.textAlign.empty()) {
-            NSLog(@"[AdvancedTextView] Updating textAlign to: %s", newViewProps.textAlign.c_str());
-            _textAlign = [NSString stringWithUTF8String:newViewProps.textAlign.c_str()];
-            styleChanged = YES;
+    private fun calculateWordPositions(text: String) {
+        if (text.isEmpty()) {
+            wordPositions = emptyList()
+            return
         }
 
-        if (oldViewProps.fontWeight != newViewProps.fontWeight && !newViewProps.fontWeight.empty()) {
-            NSLog(@"[AdvancedTextView] Updating fontWeight to: %s", newViewProps.fontWeight.c_str());
-            _fontWeight = [NSString stringWithUTF8String:newViewProps.fontWeight.c_str()];
-            styleChanged = YES;
-        }
+        val positions = mutableListOf<WordPosition>()
+        val regex = "\\S+".toRegex()
 
-        if (oldViewProps.fontFamily != newViewProps.fontFamily && !newViewProps.fontFamily.empty()) {
-            NSLog(@"[AdvancedTextView] Updating fontFamily to: %s", newViewProps.fontFamily.c_str());
-            _fontFamily = [NSString stringWithUTF8String:newViewProps.fontFamily.c_str()];
-            styleChanged = YES;
+        regex.findAll(text).forEachIndexed { index, match ->
+            positions.add(WordPosition(
+                index = index,
+                start = match.range.first,
+                end = match.range.last + 1,
+                word = match.value
+            ))
         }
 
-        if (oldViewProps.color != newViewProps.color && !newViewProps.color.empty()) {
-            NSLog(@"[AdvancedTextView] Updating color to: %s", newViewProps.color.c_str());
-            NSString *colorStr = [NSString stringWithUTF8String:newViewProps.color.c_str()];
-            _textColor = [self hexStringToColor:colorStr];
-            styleChanged = YES;
-        }
+        wordPositions = positions
+        Log.d(TAG, "Calculated ${wordPositions.size} word positions")
+    }
 
-        if (oldViewProps.text != newViewProps.text) {
-            textChanged = YES;
-            NSLog(@"[AdvancedTextView] Text changed");
+    private fun updateTextWithHighlights() {
+        if (currentText.isEmpty()) {
+            Log.d(TAG, "No text available, skipping")
+            return
         }
 
-        if (oldViewProps.highlightedWords.size() != newViewProps.highlightedWords.size()) {
-            highlightsChanged = YES;
-        } else {
-            for (size_t i = 0; i < oldViewProps.highlightedWords.size(); i++) {
-                const auto &oldHW = oldViewProps.highlightedWords[i];
-                const auto &newHW = newViewProps.highlightedWords[i];
-                if (oldHW.index != newHW.index || oldHW.highlightColor != newHW.highlightColor) {
-                    highlightsChanged = YES;
-                    break;
-                }
-            }
-        }
+        val spannableString = SpannableString(currentText)
 
-        if (oldViewProps.menuOptions.size() != newViewProps.menuOptions.size()) {
-            menuChanged = YES;
-        } else {
-            for (size_t i = 0; i < oldViewProps.menuOptions.size(); i++) {
-                if (oldViewProps.menuOptions[i] != newViewProps.menuOptions[i]) {
-                    menuChanged = YES;
-                    break;
-                }
+        wordPositions.forEach { wordPos ->
+            highlightedWords.find { it.index == wordPos.index }?.let { highlightedWord ->
+                val color = parseColor(highlightedWord.highlightColor)
+                spannableString.setSpan(
+                    BackgroundColorSpan(color),
+                    wordPos.start,
+                    wordPos.end,
+                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                )
             }
-        }
 
-        if (oldViewProps.indicatorWordIndex != newViewProps.indicatorWordIndex) {
-            indicatorChanged = YES;
-        }
+            if (wordPos.index == indicatorWordIndex) {
+                spannableString.setSpan(
+                    ForegroundColorSpan(Color.parseColor(textColor)),
+                    wordPos.start,
+                    wordPos.end,
+                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                )
+            }
 
-        if (textChanged) {
-            NSString *text = [NSString stringWithUTF8String:newViewProps.text.c_str()];
-            [self updateTextContent:text];
+            // Add clickable span for word clicks
+            spannableString.setSpan(
+                WordClickableSpan(wordPos.index, wordPos.word),
+                wordPos.start,
+                wordPos.end,
+                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+            )
         }
 
-        if (highlightsChanged) {
-            [self updateHighlightedWords:newViewProps.highlightedWords];
+         textAlignment = when (textAlign) {
+            "left" -> View.TEXT_ALIGNMENT_TEXT_START
+            "center" -> View.TEXT_ALIGNMENT_CENTER
+            "right" -> View.TEXT_ALIGNMENT_TEXT_END
+            else -> View.TEXT_ALIGNMENT_TEXT_START
         }
 
-        if (menuChanged) {
-            [self updateMenuOptions:newViewProps.menuOptions];
-        }
+        setTextSize(fontSize)
 
-        if (indicatorChanged) {
-            _indicatorWordIndex = newViewProps.indicatorWordIndex;
-            [self updateTextAppearance];
+        typeface = when (fontWeight) {
+            "bold" -> Typeface.create(fontFamily, Typeface.BOLD)
+            "italic" -> Typeface.create(fontFamily, Typeface.ITALIC)
+            else -> Typeface.create(fontFamily, Typeface.NORMAL)
         }
 
-        if (styleChanged) {
-            NSLog(@"[AdvancedTextView] Style properties changed, updating appearance");
-            [self updateTextAppearance];
+        post {
+            setText(spannableString, BufferType.SPANNABLE)
+            Log.d(TAG, "Text updated with ${wordPositions.size} spans")
         }
-
-        [super updateProps:props oldProps:oldProps];
-        NSLog(@"[AdvancedTextView] updateProps completed successfully");
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in updateProps: %@", exception.reason);
-        @throw;
     }
-}
-
-- (void)updateTextContent:(NSString *)text
-{
-    NSLog(@"[AdvancedTextView] updateTextContent called with text length: %lu",
-          (unsigned long)text.length);
-    @try {
-        if (!text) {
-            NSLog(@"[AdvancedTextView] Text is nil, skipping update");
-            return;
-        }
-
-        _textView.text = text;
-
-        [_wordRanges removeAllObjects];
-
-        NSRange searchRange = NSMakeRange(0, text.length);
-        NSCharacterSet *whitespaceSet = [NSCharacterSet whitespaceAndNewlineCharacterSet];
-
-        NSInteger wordIndex = 0;
-        while (searchRange.location < text.length) {
-            while (searchRange.location < text.length &&
-                   [whitespaceSet characterIsMember:[text characterAtIndex:searchRange.location]]) {
-                searchRange.location++;
-                searchRange.length = text.length - searchRange.location;
-            }
-
-            if (searchRange.location >= text.length) break;
-
-            NSUInteger wordStart = searchRange.location;
-            while (searchRange.location < text.length &&
-                   ![whitespaceSet characterIsMember:[text characterAtIndex:searchRange.location]]) {
-                searchRange.location++;
-            }
-
-            NSRange wordRange = NSMakeRange(wordStart, searchRange.location - wordStart);
-            NSString *word = [text substringWithRange:wordRange];
-
-            [_wordRanges addObject:@{
-                @"word": word,
-                @"range": [NSValue valueWithRange:wordRange],
-                @"index": @(wordIndex)
-            }];
 
-            wordIndex++;
-            searchRange.length = text.length - searchRange.location;
+    private fun parseColor(colorString: String): Int {
+        return try {
+            Color.parseColor(colorString)
+        } catch (e: IllegalArgumentException) {
+            Log.e(TAG, "Invalid color: $colorString, using yellow")
+            Color.YELLOW
         }
-
-        NSLog(@"[AdvancedTextView] Parsed %ld words", (long)_wordRanges.count);
-        [self updateTextAppearance];
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in updateTextContent: %@", exception);
-        @throw;
     }
-}
-
-- (void)updateHighlightedWords:(const std::vector<AdvancedTextViewHighlightedWordsStruct> &)highlightedWords
-{
-    NSLog(@"[AdvancedTextView] updateHighlightedWords called with %zu highlights",
-          highlightedWords.size());
-    @try {
-        [_highlightColors removeAllObjects];
 
-        for (const auto &hw : highlightedWords) {
-            NSInteger index = hw.index;
-            NSString *colorString = [NSString stringWithUTF8String:hw.highlightColor.c_str()];
-            UIColor *color = [self hexStringToColor:colorString];
-
-            if (color) {
-                _highlightColors[@(index)] = color;
+    private fun sendSelectionEvent(selectedText: String, eventType: String) {
+        try {
+            val reactContext = context as? ReactContext ?: return
+            val event = Arguments.createMap().apply {
+                putString("selectedText", selectedText)
+                putString("event", eventType)
             }
-        }
 
-        [self updateTextAppearance];
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in updateHighlightedWords: %@", exception);
-        @throw;
-    }
-}
-
-- (void)updateMenuOptions:(const std::vector<std::string> &)options
-{
-    NSLog(@"[AdvancedTextView] updateMenuOptions called with %zu options", options.size());
-    @try {
-        NSMutableArray *menuArray = [NSMutableArray array];
-        for (const auto &option : options) {
-            NSString *optionStr = [NSString stringWithUTF8String:option.c_str()];
-            [menuArray addObject:optionStr];
-            NSLog(@"[AdvancedTextView] Added menu option: %@", optionStr);
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(id, "onSelection", event)
+        } catch (e: Exception) {
+            Log.e(TAG, "Error sending selection event", e)
         }
-        _menuOptions = [menuArray copy];
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in updateMenuOptions: %@", exception);
-        @throw;
     }
-}
-
-- (void)updateTextAppearance
-{
-    @try {
-        if (!_textView.text || _textView.text.length == 0) {
-            return;
-        }
-
-        NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]
-                                                        initWithString:_textView.text];
-
-
-        UIFont *font = nil;
-
-        if (_fontFamily && _fontFamily.length > 0) {
-            font = [UIFont fontWithName:_fontFamily size:_fontSize > 0 ? _fontSize : 16.0];
-        }
-
-        if (!font) {
-            if (_fontWeight && [_fontWeight.lowercaseString isEqualToString:@"bold"]) {
-                font = [UIFont boldSystemFontOfSize:_fontSize > 0 ? _fontSize : 16.0];
-            } else if (_fontWeight && [_fontWeight.lowercaseString isEqualToString:@"italic"]) {
-                font = [UIFont italicSystemFontOfSize:_fontSize > 0 ? _fontSize : 16.0];
-            } else {
-                font = [UIFont systemFontOfSize:_fontSize > 0 ? _fontSize : 16.0];
-            }
-        }
-
-        [attributedString addAttribute:NSFontAttributeName
-                                 value:font
-                                 range:NSMakeRange(0, attributedString.length)];
-
-
-        UIColor *color = _textColor ?: [UIColor labelColor];
-        [attributedString addAttribute:NSForegroundColorAttributeName
-                                 value:color
-                                 range:NSMakeRange(0, attributedString.length)];
-
 
-        for (NSDictionary *wordInfo in _wordRanges) {
-            NSNumber *index = wordInfo[@"index"];
-            NSValue *rangeValue = wordInfo[@"range"];
-            NSRange range = [rangeValue rangeValue];
+    private inner class WordClickableSpan(
+        private val wordIndex: Int,
+        private val word: String
+    ) : ClickableSpan() {
 
-            if (range.location + range.length > attributedString.length) {
-                continue;
-            }
-
-            UIColor *highlightColor = _highlightColors[index];
-            if (highlightColor) {
-                [attributedString addAttribute:NSBackgroundColorAttributeName
-                                         value:highlightColor
-                                         range:range];
-            }
-
-            if (_indicatorWordIndex >= 0 && [index integerValue] == _indicatorWordIndex) {
-                UIColor *indicatorColor = [[UIColor systemBlueColor] colorWithAlphaComponent:0.3];
-                [attributedString addAttribute:NSBackgroundColorAttributeName
-                                         value:indicatorColor
-                                         range:range];
-            }
+        override fun onClick(widget: View) {
+            Log.d(TAG, "Word clicked: '$word' (index=$wordIndex)")
+            sendWordPressEvent(word, wordIndex)
         }
 
-        _textView.attributedText = attributedString;
-
-        if (_textAlign) {
-            if ([_textAlign.lowercaseString isEqualToString:@"center"]) {
-                _textView.textAlignment = NSTextAlignmentCenter;
-            } else if ([_textAlign.lowercaseString isEqualToString:@"right"]) {
-                _textView.textAlignment = NSTextAlignmentRight;
-            } else {
-                _textView.textAlignment = NSTextAlignmentLeft;
-            }
-        } else {
-            _textView.textAlignment = NSTextAlignmentLeft;
+        override fun updateDrawState(ds: TextPaint) {
+            super.updateDrawState(ds)
+            ds.isUnderlineText = false
+            ds.color = Color.parseColor(textColor)
         }
-
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in updateTextAppearance: %@", exception.reason);
     }
-}
-
 
-- (void)handleTap:(UITapGestureRecognizer *)gesture
-{
-    @try {
-        if (gesture.state != UIGestureRecognizerStateEnded) return;
-
-        CGPoint location = [gesture locationInView:_textView];
-        NSInteger wordIndex = [self wordIndexAtPoint:location];
-
-        _textView.selectedTextRange = nil;
-
-        if (wordIndex >= 0 && wordIndex < _wordRanges.count) {
-            NSDictionary *wordInfo = _wordRanges[wordIndex];
-            NSString *word = wordInfo[@"word"];
+    private fun sendWordPressEvent(word: String, index: Int) {
+        try {
+            val reactContext = context as? ReactContext ?: return
+            val event = Arguments.createMap().apply {
+                putString("word", word)
+                putInt("index", index)
+            }
 
-            [self emitWordPressEvent:word index:wordIndex];
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(id, "onWordPress", event)
+        } catch (e: Exception) {
+            Log.e(TAG, "Error sending word press event", e)
         }
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in handleTap: %@", exception);
     }
-}
-
-#pragma mark - UITextViewDelegate
-
-- (void)textViewDidChangeSelection:(UITextView *)textView
-{
-    NSString *selectedText = [textView.text substringWithRange:textView.selectedRange];
 
-    if (selectedText.length > 0) {
-        NSLog(@"[AdvancedTextView] Selected text: %@", selectedText);
-
-        if (_menuOptions && _menuOptions.count > 0) {
-            [self setupCustomMenuItems];
+    fun clearSelection() {
+        (text as? android.text.Spannable)?.let {
+            Selection.removeSelection(it)
         }
     }
-}
-
-- (void)setupCustomMenuItems
-{
-    NSLog(@"[AdvancedTextView] Setting up %lu custom menu items", (unsigned long)_menuOptions.count);
-
-    UIMenuController *menuController = [UIMenuController sharedMenuController];
-    NSMutableArray *customItems = [NSMutableArray array];
-
-    for (NSString *option in _menuOptions) {
-        UIMenuItem *item = [[UIMenuItem alloc] initWithTitle:option
-                                                      action:@selector(handleCustomMenuAction:)];
-        [customItems addObject:item];
-        NSLog(@"[AdvancedTextView] Created menu item: %@", option);
-    }
-
-    menuController.menuItems = customItems;
-}
-
-
-- (void)handleCustomMenuAction:(UIMenuItem *)sender
-{
-    NSLog(@"[AdvancedTextView] Custom menu action: %@", sender.title);
-
-    NSString *selectedText = [_textView.text substringWithRange:_textView.selectedRange];
-
-    [self emitSelectionEvent:selectedText menuOption:sender.title];
-
-    dispatch_async(dispatch_get_main_queue(), ^{
-        self->_textView.selectedTextRange = nil;
-        NSLog(@"[AdvancedTextView] Selection cleared");
-    });
-}
-
-- (NSInteger)wordIndexAtPoint:(CGPoint)point
-{
-    @try {
-        if (!_textView.layoutManager || !_textView.textContainer) {
-            return -1;
-        }
 
-        point.x -= _textView.textContainerInset.left;
-        point.y -= _textView.textContainerInset.top;
 
-        NSLayoutManager *layoutManager = _textView.layoutManager;
-        NSTextContainer *textContainer = _textView.textContainer;
+    private object SmartMovementMethod : ArrowKeyMovementMethod() {
 
-        NSUInteger characterIndex = [layoutManager characterIndexForPoint:point
-                                                           inTextContainer:textContainer
-                                  fractionOfDistanceBetweenInsertionPoints:nil];
-
-        for (NSDictionary *wordInfo in _wordRanges) {
-            NSValue *rangeValue = wordInfo[@"range"];
-            NSRange range = [rangeValue rangeValue];
-
-            if (NSLocationInRange(characterIndex, range)) {
-                return [wordInfo[@"index"] integerValue];
+        override fun onTouchEvent(widget: TextView?, buffer: Spannable?, event: MotionEvent?): Boolean {
+            if (event != null && widget != null && buffer != null) {
+                if (handleMotion(event, widget, buffer)) {
+                    return true
+                }
             }
+            return super.onTouchEvent(widget, buffer, event)
         }
 
-        return -1;
-    } @catch (NSException *exception) {
-        return -1;
-    }
-}
-
-- (void)setFontSize:(CGFloat)fontSize {
-    _fontSize = fontSize;
-    [self updateTextAppearance];
-}
+        private fun handleMotion(event: MotionEvent, widget: TextView, buffer: Spannable): Boolean {
+            var handled = false
 
-- (void)setFontWeight:(NSString *)fontWeight {
-    _fontWeight = fontWeight;
-    [self updateTextAppearance];
-}
-
-- (void)setTextColor:(UIColor *)textColor {
-    _textColor = textColor;
-    [self updateTextAppearance];
-}
-
-- (void)setTextAlign:(NSString *)textAlign {
-    _textAlign = textAlign;
-    [self updateTextAppearance];
-}
-
-- (void)setFontFamily:(NSString *)fontFamily {
-    _fontFamily = fontFamily;
-    [self updateTextAppearance];
-}
-
-- (void)emitWordPressEvent:(NSString *)word index:(NSInteger)index
-{
-    NSLog(@"[AdvancedTextView] emitWordPressEvent: %@ at index: %ld", word, (long)index);
-    @try {
-        if (_eventEmitter) {
-            auto emitter = std::static_pointer_cast<const AdvancedTextViewEventEmitter>(_eventEmitter);
-
-            AdvancedTextViewEventEmitter::OnWordPress event;
-            event.word = [word UTF8String];
-            event.index = static_cast<int>(index);
-
-            emitter->onWordPress(event);
-        }
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in emitWordPressEvent: %@", exception);
-    }
-}
-
-- (void)emitSelectionEvent:(NSString *)selectedText menuOption:(NSString *)option
-{
-    NSLog(@"[AdvancedTextView] emitSelectionEvent: %@ with option: %@", selectedText, option);
-    @try {
-        if (_eventEmitter) {
-            auto emitter = std::static_pointer_cast<const AdvancedTextViewEventEmitter>(_eventEmitter);
+            if (event.action == MotionEvent.ACTION_DOWN || event.action == MotionEvent.ACTION_UP) {
+                val target = Point().apply {
+                    x = event.x.toInt() - widget.totalPaddingLeft + widget.scrollX
+                    y = event.y.toInt() - widget.totalPaddingTop + widget.scrollY
+                }
 
-            AdvancedTextViewEventEmitter::OnSelection event;
-            event.selectedText = [selectedText UTF8String];
-            event.event = [option UTF8String];
+                val line = widget.layout.getLineForVertical(target.y)
+                val offset = widget.layout.getOffsetForHorizontal(line, target.x.toFloat())
 
-            emitter->onSelection(event);
-        }
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in emitSelectionEvent: %@", exception);
-    }
-}
+                if (event.action == MotionEvent.ACTION_DOWN) {
+                    handled = handled || buffer.execute<ClickableSpan>(offset) {
+                        Selection.setSelection(buffer, buffer.getSpanStart(it), buffer.getSpanEnd(it))
+                    }
+                }
 
-- (void)layoutSubviews
-{
-    @try {
-        [super layoutSubviews];
-        _textView.frame = self.bounds;
-    } @catch (NSException *exception) {
-        NSLog(@"[AdvancedTextView] Exception in layoutSubviews: %@", exception);
-    }
-}
+                if (event.action == MotionEvent.ACTION_UP) {
+                    handled = handled || buffer.execute<ClickableSpan>(offset) {
+                        it.onClick(widget)
+                    }
+                }
+            }
 
-- (UIColor *)hexStringToColor:(NSString *)stringToConvert
-{
-    @try {
-        if (!stringToConvert || [stringToConvert length] == 0) {
-            return nil;
+            return handled
         }
 
-        NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
-        NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
-
-        unsigned hex;
-        if (![stringScanner scanHexInt:&hex]) {
-            return nil;
+        private inline fun <reified T : Any> Spannable.execute(offset: Int, fn: (T) -> Unit): Boolean {
+            val spans = this.getSpans<T>(offset, offset)
+            if (spans.isNotEmpty()) {
+                spans.forEach(fn)
+                return true
+            }
+            return false
         }
-
-        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];
-    } @catch (NSException *exception) {
-        return nil;
     }
-}
-
-Class<RCTComponentViewProtocol> AdvancedTextViewCls(void)
-{
-    return AdvancedTextView.class;
-}
 
-- (void)dealloc
-{
-    NSLog(@"[AdvancedTextView] dealloc called");
+    data class WordPosition(
+        val index: Int,
+        val start: Int,
+        val end: Int,
+        val word: String
+    )
 }
 
-@end
+data class HighlightedWord(
+    val index: Int,
+    val highlightColor: String
+)

package/ios/AdvancedTextView.mm

@@ -10,7 +10,6 @@
 using namespace facebook::react;
 
 
-// Forward declaration
 @class AdvancedTextView;
 
 @interface AdvancedTextView () <RCTAdvancedTextViewViewProtocol, UIGestureRecognizerDelegate, UITextViewDelegate>
@@ -19,14 +18,17 @@ using namespace facebook::react;
 @property (nonatomic, strong) NSMutableDictionary<NSNumber *, UIColor *> *highlightColors;
 @property (nonatomic, strong) NSArray<NSString *> *menuOptions;
 @property (nonatomic, assign) NSInteger indicatorWordIndex;
+@property (nonatomic, assign) CGFloat fontSize;
+@property (nonatomic, strong) NSString *fontWeight;
+@property (nonatomic, strong) UIColor *textColor;
+@property (nonatomic, strong) NSString *textAlign;
+@property (nonatomic, strong) NSString *fontFamily;
 
-// ✅ ADD THIS LINE
 - (void)handleCustomMenuAction:(UIMenuItem *)sender;
 
 @end
 
 
-// Custom UITextView subclass to override menu behavior
 @interface CustomTextView : UITextView
 @property (nonatomic, weak) AdvancedTextView *parentView;
 @end
@@ -37,22 +39,18 @@ using namespace facebook::react;
 {
     NSLog(@"[CustomTextView] canPerformAction: %@", NSStringFromSelector(action));
 
-    // Only allow our custom menu actions
     if (action == @selector(handleCustomMenuAction:)) {
         NSLog(@"[CustomTextView] ✅ Allowing custom action");
         return YES;
     }
 
-    // Block ALL system actions
     NSLog(@"[CustomTextView] ❌ Blocking system action: %@", NSStringFromSelector(action));
     return NO;
 }
 
 - (void)handleCustomMenuAction:(UIMenuItem *)sender
 {
-    // Forward to parent view
     if (self.parentView) {
-
         [self.parentView handleCustomMenuAction:sender];
     }
 }
@@ -86,6 +84,11 @@ using namespace facebook::react;
             _wordRanges = [NSMutableArray array];
             _highlightColors = [NSMutableDictionary dictionary];
             _indicatorWordIndex = -1;
+            _fontSize = 16.0;
+            _fontWeight = @"normal";
+            _textColor = [UIColor labelColor];
+            _textAlign = @"left";
+            _fontFamily = @"System";
 
             [self setupTextView];
             [self setupGestureRecognizers];
@@ -127,7 +130,6 @@ using namespace facebook::react;
 {
     NSLog(@"[AdvancedTextView] setupGestureRecognizers called");
     @try {
-        // Single tap for word selection
         UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]
                                               initWithTarget:self
                                               action:@selector(handleTap:)];
@@ -152,14 +154,44 @@ using namespace facebook::react;
         BOOL highlightsChanged = NO;
         BOOL menuChanged = NO;
         BOOL indicatorChanged = NO;
+        BOOL styleChanged = NO;
+
+        if (oldViewProps.fontSize != newViewProps.fontSize && newViewProps.fontSize) {
+            NSLog(@"[AdvancedTextView] Updating fontSize to: %f", newViewProps.fontSize);
+            _fontSize = static_cast<CGFloat>(newViewProps.fontSize);
+            styleChanged = YES;
+        }
+
+        if (oldViewProps.textAlign != newViewProps.textAlign && !newViewProps.textAlign.empty()) {
+            NSLog(@"[AdvancedTextView] Updating textAlign to: %s", newViewProps.textAlign.c_str());
+            _textAlign = [NSString stringWithUTF8String:newViewProps.textAlign.c_str()];
+            styleChanged = YES;
+        }
+
+        if (oldViewProps.fontWeight != newViewProps.fontWeight && !newViewProps.fontWeight.empty()) {
+            NSLog(@"[AdvancedTextView] Updating fontWeight to: %s", newViewProps.fontWeight.c_str());
+            _fontWeight = [NSString stringWithUTF8String:newViewProps.fontWeight.c_str()];
+            styleChanged = YES;
+        }
+
+        if (oldViewProps.fontFamily != newViewProps.fontFamily && !newViewProps.fontFamily.empty()) {
+            NSLog(@"[AdvancedTextView] Updating fontFamily to: %s", newViewProps.fontFamily.c_str());
+            _fontFamily = [NSString stringWithUTF8String:newViewProps.fontFamily.c_str()];
+            styleChanged = YES;
+        }
+
+        if (oldViewProps.color != newViewProps.color && !newViewProps.color.empty()) {
+            NSLog(@"[AdvancedTextView] Updating color to: %s", newViewProps.color.c_str());
+            NSString *colorStr = [NSString stringWithUTF8String:newViewProps.color.c_str()];
+            _textColor = [self hexStringToColor:colorStr];
+            styleChanged = YES;
+        }
 
-        // Check text change
         if (oldViewProps.text != newViewProps.text) {
             textChanged = YES;
             NSLog(@"[AdvancedTextView] Text changed");
         }
 
-        // Check highlighted words change
         if (oldViewProps.highlightedWords.size() != newViewProps.highlightedWords.size()) {
             highlightsChanged = YES;
         } else {
@@ -173,7 +205,6 @@ using namespace facebook::react;
             }
         }
 
-        // Check menu options change
         if (oldViewProps.menuOptions.size() != newViewProps.menuOptions.size()) {
             menuChanged = YES;
         } else {
@@ -185,12 +216,10 @@ using namespace facebook::react;
             }
         }
 
-        // Check indicator change
         if (oldViewProps.indicatorWordIndex != newViewProps.indicatorWordIndex) {
             indicatorChanged = YES;
         }
 
-        // Apply updates
         if (textChanged) {
             NSString *text = [NSString stringWithUTF8String:newViewProps.text.c_str()];
             [self updateTextContent:text];
@@ -209,6 +238,11 @@ using namespace facebook::react;
             [self updateTextAppearance];
         }
 
+        if (styleChanged) {
+            NSLog(@"[AdvancedTextView] Style properties changed, updating appearance");
+            [self updateTextAppearance];
+        }
+
         [super updateProps:props oldProps:oldProps];
         NSLog(@"[AdvancedTextView] updateProps completed successfully");
     } @catch (NSException *exception) {
@@ -229,7 +263,6 @@ using namespace facebook::react;
 
         _textView.text = text;
 
-        // Parse text into words and their ranges
         [_wordRanges removeAllObjects];
 
         NSRange searchRange = NSMakeRange(0, text.length);
@@ -237,7 +270,6 @@ using namespace facebook::react;
 
         NSInteger wordIndex = 0;
         while (searchRange.location < text.length) {
-            // Skip whitespace
             while (searchRange.location < text.length &&
                    [whitespaceSet characterIsMember:[text characterAtIndex:searchRange.location]]) {
                 searchRange.location++;
@@ -246,7 +278,6 @@ using namespace facebook::react;
 
             if (searchRange.location >= text.length) break;
 
-            // Find word end
             NSUInteger wordStart = searchRange.location;
             while (searchRange.location < text.length &&
                    ![whitespaceSet characterIsMember:[text characterAtIndex:searchRange.location]]) {
@@ -318,21 +349,41 @@ using namespace facebook::react;
 - (void)updateTextAppearance
 {
     @try {
-        if (_wordRanges.count == 0 || !_textView.text || _textView.text.length == 0) {
+        if (!_textView.text || _textView.text.length == 0) {
             return;
         }
 
         NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]
                                                         initWithString:_textView.text];
 
+
+        UIFont *font = nil;
+
+        if (_fontFamily && _fontFamily.length > 0) {
+            font = [UIFont fontWithName:_fontFamily size:_fontSize > 0 ? _fontSize : 16.0];
+        }
+
+        if (!font) {
+            if (_fontWeight && [_fontWeight.lowercaseString isEqualToString:@"bold"]) {
+                font = [UIFont boldSystemFontOfSize:_fontSize > 0 ? _fontSize : 16.0];
+            } else if (_fontWeight && [_fontWeight.lowercaseString isEqualToString:@"italic"]) {
+                font = [UIFont italicSystemFontOfSize:_fontSize > 0 ? _fontSize : 16.0];
+            } else {
+                font = [UIFont systemFontOfSize:_fontSize > 0 ? _fontSize : 16.0];
+            }
+        }
+
         [attributedString addAttribute:NSFontAttributeName
-                                 value:[UIFont systemFontOfSize:16]
+                                 value:font
                                  range:NSMakeRange(0, attributedString.length)];
 
+
+        UIColor *color = _textColor ?: [UIColor labelColor];
         [attributedString addAttribute:NSForegroundColorAttributeName
-                                 value:[UIColor labelColor]
+                                 value:color
                                  range:NSMakeRange(0, attributedString.length)];
 
+
         for (NSDictionary *wordInfo in _wordRanges) {
             NSNumber *index = wordInfo[@"index"];
             NSValue *rangeValue = wordInfo[@"range"];
@@ -358,11 +409,25 @@ using namespace facebook::react;
         }
 
         _textView.attributedText = attributedString;
+
+        if (_textAlign) {
+            if ([_textAlign.lowercaseString isEqualToString:@"center"]) {
+                _textView.textAlignment = NSTextAlignmentCenter;
+            } else if ([_textAlign.lowercaseString isEqualToString:@"right"]) {
+                _textView.textAlignment = NSTextAlignmentRight;
+            } else {
+                _textView.textAlignment = NSTextAlignmentLeft;
+            }
+        } else {
+            _textView.textAlignment = NSTextAlignmentLeft;
+        }
+
     } @catch (NSException *exception) {
         NSLog(@"[AdvancedTextView] Exception in updateTextAppearance: %@", exception.reason);
     }
 }
 
+
 - (void)handleTap:(UITapGestureRecognizer *)gesture
 {
     @try {
@@ -371,7 +436,6 @@ using namespace facebook::react;
         CGPoint location = [gesture locationInView:_textView];
         NSInteger wordIndex = [self wordIndexAtPoint:location];
 
-        // Dismiss any existing selection
         _textView.selectedTextRange = nil;
 
         if (wordIndex >= 0 && wordIndex < _wordRanges.count) {
@@ -464,6 +528,31 @@ using namespace facebook::react;
     }
 }
 
+- (void)setFontSize:(CGFloat)fontSize {
+    _fontSize = fontSize;
+    [self updateTextAppearance];
+}
+
+- (void)setFontWeight:(NSString *)fontWeight {
+    _fontWeight = fontWeight;
+    [self updateTextAppearance];
+}
+
+- (void)setTextColor:(UIColor *)textColor {
+    _textColor = textColor;
+    [self updateTextAppearance];
+}
+
+- (void)setTextAlign:(NSString *)textAlign {
+    _textAlign = textAlign;
+    [self updateTextAppearance];
+}
+
+- (void)setFontFamily:(NSString *)fontFamily {
+    _fontFamily = fontFamily;
+    [self updateTextAppearance];
+}
+
 - (void)emitWordPressEvent:(NSString *)word index:(NSInteger)index
 {
     NSLog(@"[AdvancedTextView] emitWordPressEvent: %@ at index: %ld", word, (long)index);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-advanced-text",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "description": " Advanced text component for React Native with custom select options.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",