react-native-advanced-text 0.1.16 → 0.1.17

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

@@ -1,303 +1,303 @@
-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.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.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 {
-
-    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 isSelectionEnabled: Boolean = true
-    private var customActionMode: ActionMode? = null
-
-    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")
-
-        // Set default text appearance - DON'T set black color here
-        textSize = 16f
-        setPadding(16, 16, 16, 16)
-
-        movementMethod = LinkMovementMethod.getInstance()
-        setTextIsSelectable(true)
-
-        customSelectionActionModeCallback = object : ActionMode.Callback {
-            override fun onCreateActionMode(mode: ActionMode?, menu: Menu?): Boolean {
-                Log.d(TAG, "onCreateActionMode triggered")
-                customActionMode = mode
-                return true
-            }
-
-            override fun onPrepareActionMode(mode: ActionMode?, menu: Menu?): Boolean {
-                Log.d(TAG, "onPrepareActionMode triggered")
-                menu?.clear()
-
-                val selectionStart = selectionStart
-                val selectionEnd = selectionEnd
-
-                if (selectionStart >= 0 && selectionEnd >= 0 && selectionStart != selectionEnd) {
-                    lastSelectedText = text.subSequence(selectionStart, selectionEnd).toString()
-                    Log.d(TAG, "User selected text: '$lastSelectedText'")
-                    Log.d(TAG, "Menu options available: $menuOptions")
-
-                    menuOptions.forEachIndexed { index, option ->
-                        menu?.add(0, index, index, option)
-                    }
-
-                    sendSelectionEvent(lastSelectedText, "selection")
-                    return true
-                }
-                return false
-            }
-
-            override fun onActionItemClicked(mode: ActionMode?, item: MenuItem?): Boolean {
-                item?.let {
-                    val menuItemText = it.title.toString()
-                    Log.d(TAG, "Menu item clicked: $menuItemText")
-                    sendSelectionEvent(lastSelectedText, menuItemText)
-                    mode?.finish()
-                    return true
-                }
-                return false
-            }
-
-            override fun onDestroyActionMode(mode: ActionMode?) {
-                Log.d(TAG, "onDestroyActionMode")
-                customActionMode = null
-            }
-        }
-    }
-
-    fun setAdvancedText(text: String) {
-        Log.d(TAG, "setAdvancedText: $text (length=${text.length})")
-
-        // Set the text first
-        super.setText(text, BufferType.SPANNABLE)
-
-        // Then apply highlights
-        updateTextWithHighlights()
-
-        // Force layout update
-        requestLayout()
-        invalidate()
-    }
-
-    fun setMenuOptions(menuOptions: List<String>) {
-        Log.d(TAG, "setMenuOptions received from RN: $menuOptions")
-        this.menuOptions = menuOptions
-    }
-
-    fun setHighlightedWords(highlightedWords: List<HighlightedWord>) {
-        Log.d(TAG, "setHighlightedWords received from RN: $highlightedWords")
-        this.highlightedWords = highlightedWords
-        updateTextWithHighlights()
-    }
-
-    fun setIndicatorWordIndex(index: Int) {
-        Log.d(TAG, "setIndicatorWordIndex received: $index")
-        this.indicatorWordIndex = index
-        updateTextWithHighlights()
-    }
-
-    private fun updateTextWithHighlights() {
-        val textValue = this.text?.toString() ?: ""
-        Log.d(TAG, "updateTextWithHighlights called")
-        Log.d(TAG, "Current text: $textValue")
-        Log.d(TAG, "Highlighted words: $highlightedWords")
-        Log.d(TAG, "Indicator index: $indicatorWordIndex")
-
-        if (textValue.isEmpty()) {
-            Log.d(TAG, "No text available, skipping")
-            return
-        }
-
-        val spannableString = SpannableString(textValue)
-
-        // Split words while preserving spaces for accurate indexing
-        val words = textValue.split("\\s+".toRegex()).filter { it.isNotEmpty() }
-
-        var currentIndex = 0
-        words.forEachIndexed { wordIndex, word ->
-
-            // Find the actual position of the word in the text
-            val wordStart = textValue.indexOf(word, currentIndex)
-            if (wordStart >= 0) {
-                val wordEnd = wordStart + word.length
-
-                Log.d(TAG, "Processing word '$word' at position $wordStart-$wordEnd, index $wordIndex")
-
-                // Apply clickable span FIRST (this is important)
-                spannableString.setSpan(
-                    WordClickableSpan(wordIndex, word),
-                    wordStart,
-                    wordEnd,
-                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
-                )
-
-                // Then apply background color for highlighted words
-                highlightedWords.find { it.index == wordIndex }?.let { highlightedWord ->
-                    val color = try {
-                        Color.parseColor(highlightedWord.highlightColor)
-                    } catch (e: IllegalArgumentException) {
-                        Log.e(TAG, "Invalid color: ${highlightedWord.highlightColor}, using yellow")
-                        Color.YELLOW
-                    }
-                    Log.d(TAG, "Applying highlight to word '$word' at index $wordIndex with color ${highlightedWord.highlightColor}")
-
-                    spannableString.setSpan(
-                        BackgroundColorSpan(color),
-                        wordStart,
-                        wordEnd,
-                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
-                    )
-                }
-
-                // Then apply indicator span
-                if (wordIndex == indicatorWordIndex) {
-                    Log.d(TAG, "Applying indicator span to word '$word' at index $wordIndex")
-
-                    spannableString.setSpan(
-                        IndicatorSpan(),
-                        wordStart,
-                        wordEnd,
-                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
-                    )
-                }
-
-                currentIndex = wordEnd
-            }
-        }
-
-        // Set the spannable text
-        setText(spannableString, BufferType.SPANNABLE)
-
-        // Ensure movement method is still set
-        movementMethod = LinkMovementMethod.getInstance()
-
-        Log.d(TAG, "Text updated with spans, total spans")
-    }
-
-
-
-    private fun onMenuItemClick(item: MenuItem, selectedText: String): Boolean {
-        val menuItemText = menuOptions[item.itemId]
-        Log.d(TAG, "onMenuItemClick: menuOption='$menuItemText', selectedText='$selectedText'")
-        sendSelectionEvent(selectedText, menuItemText)
-        return true
-    }
-
-    private fun sendSelectionEvent(selectedText: String, eventType: String) {
-        Log.d(TAG, "sendSelectionEvent -> eventType='$eventType' selectedText='$selectedText'")
-
-        try {
-            val reactContext = context as? ReactContext ?: return
-            val event = Arguments.createMap().apply {
-                putString("selectedText", selectedText)
-                putString("event", eventType)
-            }
-
-            reactContext.getJSModule(RCTEventEmitter::class.java)
-                .receiveEvent(id, "onSelection", event)
-        } catch (e: Exception) {
-            Log.e(TAG, "Error sending selection event", e)
-        }
-    }
-
-    private inner class WordClickableSpan(
-    private val wordIndex: Int,
-    private val word: String
-    ) : ClickableSpan() {
-
-        override fun onClick(widget: View) {
-            Log.d(TAG, "WordClickableSpan onClick triggered: '$word' (index=$wordIndex)")
-
-            // Small delay to ensure the click is processed
-            widget.post {
-                sendWordPressEvent(word, wordIndex)
-            }
-        }
-
-        override fun updateDrawState(ds: TextPaint) {
-            // Don't call super to avoid default link styling (blue color, underline)
-            // Keep the original text appearance
-
-            ds.isUnderlineText = false
-            ds.bgColor = Color.TRANSPARENT
-        }
-    }
-
-    private inner class IndicatorSpan : ClickableSpan() {
-        override fun onClick(widget: View) {
-            Log.d(TAG, "IndicatorSpan clicked (shouldn't trigger action)")
-        }
-
-        override fun updateDrawState(ds: TextPaint) {
-
-            ds.isFakeBoldText = true
-            ds.isUnderlineText = false
-        }
-    }
-
-    private fun sendWordPressEvent(word: String, index: Int) {
-        Log.d(TAG, "sendWordPressEvent -> word='$word', index=$index")
-
-        try {
-            val reactContext = context as? ReactContext ?: return
-            val event = Arguments.createMap().apply {
-                putString("word", word)
-                putInt("index", index)
-            }
-
-            reactContext.getJSModule(RCTEventEmitter::class.java)
-                .receiveEvent(id, "onWordPress", event)
-        } catch (e: Exception) {
-            Log.e(TAG, "Error sending word press event", e)
-        }
-    }
-
-    fun clearSelection() {
-        Log.d(TAG, "clearSelection called")
-        val spannable = this.text as? android.text.Spannable ?: return
-        Selection.removeSelection(spannable)
-    }
-
-    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
-        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
-        Log.d(TAG, "onMeasure: width=${measuredWidth}, height=${measuredHeight}")
-    }
-
-    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
-        super.onLayout(changed, left, top, right, bottom)
-        Log.d(TAG, "onLayout: changed=$changed, bounds=[$left,$top,$right,$bottom]")
-    }
-}
-
-data class HighlightedWord(
-    val index: Int,
-    val highlightColor: String
-)
+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.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.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 {
+
+    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 isSelectionEnabled: Boolean = true
+    private var customActionMode: ActionMode? = null
+
+    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")
+
+        // Set default text appearance - DON'T set black color here
+        textSize = 16f
+        setPadding(16, 16, 16, 16)
+
+        movementMethod = LinkMovementMethod.getInstance()
+        setTextIsSelectable(true)
+
+        customSelectionActionModeCallback = object : ActionMode.Callback {
+            override fun onCreateActionMode(mode: ActionMode?, menu: Menu?): Boolean {
+                Log.d(TAG, "onCreateActionMode triggered")
+                customActionMode = mode
+                return true
+            }
+
+            override fun onPrepareActionMode(mode: ActionMode?, menu: Menu?): Boolean {
+                Log.d(TAG, "onPrepareActionMode triggered")
+                menu?.clear()
+
+                val selectionStart = selectionStart
+                val selectionEnd = selectionEnd
+
+                if (selectionStart >= 0 && selectionEnd >= 0 && selectionStart != selectionEnd) {
+                    lastSelectedText = text.subSequence(selectionStart, selectionEnd).toString()
+                    Log.d(TAG, "User selected text: '$lastSelectedText'")
+                    Log.d(TAG, "Menu options available: $menuOptions")
+
+                    menuOptions.forEachIndexed { index, option ->
+                        menu?.add(0, index, index, option)
+                    }
+
+                    sendSelectionEvent(lastSelectedText, "selection")
+                    return true
+                }
+                return false
+            }
+
+            override fun onActionItemClicked(mode: ActionMode?, item: MenuItem?): Boolean {
+                item?.let {
+                    val menuItemText = it.title.toString()
+                    Log.d(TAG, "Menu item clicked: $menuItemText")
+                    sendSelectionEvent(lastSelectedText, menuItemText)
+                    mode?.finish()
+                    return true
+                }
+                return false
+            }
+
+            override fun onDestroyActionMode(mode: ActionMode?) {
+                Log.d(TAG, "onDestroyActionMode")
+                customActionMode = null
+            }
+        }
+    }
+
+    fun setAdvancedText(text: String) {
+        Log.d(TAG, "setAdvancedText: $text (length=${text.length})")
+
+        // Set the text first
+        super.setText(text, BufferType.SPANNABLE)
+
+        // Then apply highlights
+        updateTextWithHighlights()
+
+        // Force layout update
+        requestLayout()
+        invalidate()
+    }
+
+    fun setMenuOptions(menuOptions: List<String>) {
+        Log.d(TAG, "setMenuOptions received from RN: $menuOptions")
+        this.menuOptions = menuOptions
+    }
+
+    fun setHighlightedWords(highlightedWords: List<HighlightedWord>) {
+        Log.d(TAG, "setHighlightedWords received from RN: $highlightedWords")
+        this.highlightedWords = highlightedWords
+        updateTextWithHighlights()
+    }
+
+    fun setIndicatorWordIndex(index: Int) {
+        Log.d(TAG, "setIndicatorWordIndex received: $index")
+        this.indicatorWordIndex = index
+        updateTextWithHighlights()
+    }
+
+    private fun updateTextWithHighlights() {
+        val textValue = this.text?.toString() ?: ""
+        Log.d(TAG, "updateTextWithHighlights called")
+        Log.d(TAG, "Current text: $textValue")
+        Log.d(TAG, "Highlighted words: $highlightedWords")
+        Log.d(TAG, "Indicator index: $indicatorWordIndex")
+
+        if (textValue.isEmpty()) {
+            Log.d(TAG, "No text available, skipping")
+            return
+        }
+
+        val spannableString = SpannableString(textValue)
+
+        // Split words while preserving spaces for accurate indexing
+        val words = textValue.split("\\s+".toRegex()).filter { it.isNotEmpty() }
+
+        var currentIndex = 0
+        words.forEachIndexed { wordIndex, word ->
+
+            // Find the actual position of the word in the text
+            val wordStart = textValue.indexOf(word, currentIndex)
+            if (wordStart >= 0) {
+                val wordEnd = wordStart + word.length
+
+                Log.d(TAG, "Processing word '$word' at position $wordStart-$wordEnd, index $wordIndex")
+
+                // Apply clickable span FIRST (this is important)
+                spannableString.setSpan(
+                    WordClickableSpan(wordIndex, word),
+                    wordStart,
+                    wordEnd,
+                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                )
+
+                // Then apply background color for highlighted words
+                highlightedWords.find { it.index == wordIndex }?.let { highlightedWord ->
+                    val color = try {
+                        Color.parseColor(highlightedWord.highlightColor)
+                    } catch (e: IllegalArgumentException) {
+                        Log.e(TAG, "Invalid color: ${highlightedWord.highlightColor}, using yellow")
+                        Color.YELLOW
+                    }
+                    Log.d(TAG, "Applying highlight to word '$word' at index $wordIndex with color ${highlightedWord.highlightColor}")
+
+                    spannableString.setSpan(
+                        BackgroundColorSpan(color),
+                        wordStart,
+                        wordEnd,
+                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                    )
+                }
+
+                // Then apply indicator span
+                if (wordIndex == indicatorWordIndex) {
+                    Log.d(TAG, "Applying indicator span to word '$word' at index $wordIndex")
+
+                    spannableString.setSpan(
+                        IndicatorSpan(),
+                        wordStart,
+                        wordEnd,
+                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                    )
+                }
+
+                currentIndex = wordEnd
+            }
+        }
+
+        // Set the spannable text
+        setText(spannableString, BufferType.SPANNABLE)
+
+        // Ensure movement method is still set
+        movementMethod = LinkMovementMethod.getInstance()
+
+        Log.d(TAG, "Text updated with spans, total spans")
+    }
+
+
+
+    private fun onMenuItemClick(item: MenuItem, selectedText: String): Boolean {
+        val menuItemText = menuOptions[item.itemId]
+        Log.d(TAG, "onMenuItemClick: menuOption='$menuItemText', selectedText='$selectedText'")
+        sendSelectionEvent(selectedText, menuItemText)
+        return true
+    }
+
+    private fun sendSelectionEvent(selectedText: String, eventType: String) {
+        Log.d(TAG, "sendSelectionEvent -> eventType='$eventType' selectedText='$selectedText'")
+
+        try {
+            val reactContext = context as? ReactContext ?: return
+            val event = Arguments.createMap().apply {
+                putString("selectedText", selectedText)
+                putString("event", eventType)
+            }
+
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(id, "onSelection", event)
+        } catch (e: Exception) {
+            Log.e(TAG, "Error sending selection event", e)
+        }
+    }
+
+    private inner class WordClickableSpan(
+    private val wordIndex: Int,
+    private val word: String
+    ) : ClickableSpan() {
+
+        override fun onClick(widget: View) {
+            Log.d(TAG, "WordClickableSpan onClick triggered: '$word' (index=$wordIndex)")
+
+            // Small delay to ensure the click is processed
+            widget.post {
+                sendWordPressEvent(word, wordIndex)
+            }
+        }
+
+        override fun updateDrawState(ds: TextPaint) {
+            // Don't call super to avoid default link styling (blue color, underline)
+            // Keep the original text appearance
+
+            ds.isUnderlineText = false
+            ds.bgColor = Color.TRANSPARENT
+        }
+    }
+
+    private inner class IndicatorSpan : ClickableSpan() {
+        override fun onClick(widget: View) {
+            Log.d(TAG, "IndicatorSpan clicked (shouldn't trigger action)")
+        }
+
+        override fun updateDrawState(ds: TextPaint) {
+
+            ds.isFakeBoldText = true
+            ds.isUnderlineText = false
+        }
+    }
+
+    private fun sendWordPressEvent(word: String, index: Int) {
+        Log.d(TAG, "sendWordPressEvent -> word='$word', index=$index")
+
+        try {
+            val reactContext = context as? ReactContext ?: return
+            val event = Arguments.createMap().apply {
+                putString("word", word)
+                putInt("index", index)
+            }
+
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(id, "onWordPress", event)
+        } catch (e: Exception) {
+            Log.e(TAG, "Error sending word press event", e)
+        }
+    }
+
+    fun clearSelection() {
+        Log.d(TAG, "clearSelection called")
+        val spannable = this.text as? android.text.Spannable ?: return
+        Selection.removeSelection(spannable)
+    }
+
+    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
+        Log.d(TAG, "onMeasure: width=${measuredWidth}, height=${measuredHeight}")
+    }
+
+    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
+        super.onLayout(changed, left, top, right, bottom)
+        Log.d(TAG, "onLayout: changed=$changed, bounds=[$left,$top,$right,$bottom]")
+    }
+}
+
+data class HighlightedWord(
+    val index: Int,
+    val highlightColor: String
+)

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

@@ -1,95 +1,95 @@
-// File: AdvancedTextViewManager.kt
-// This should be the ONLY content in this file
-package com.advancedtext
-
-import android.view.ViewGroup
-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 {
-        val view = AdvancedTextView(context)
-        // Set default layout params to ensure the view is visible
-        view.layoutParams = ViewGroup.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT,
-            ViewGroup.LayoutParams.WRAP_CONTENT
-        )
-        return view
-    }
-
-    @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)
-    }
-
-    // Add this method to register custom events
-    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
-        return mapOf(
-            "onWordPress" to mapOf("registrationName" to "onWordPress"),
-            "onSelection" to mapOf("registrationName" to "onSelection")
-        )
-    }
-
-    companion object {
-        const val NAME = "AdvancedTextView"
-    }
-}
+// File: AdvancedTextViewManager.kt
+// This should be the ONLY content in this file
+package com.advancedtext
+
+import android.view.ViewGroup
+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 {
+        val view = AdvancedTextView(context)
+        // Set default layout params to ensure the view is visible
+        view.layoutParams = ViewGroup.LayoutParams(
+            ViewGroup.LayoutParams.MATCH_PARENT,
+            ViewGroup.LayoutParams.WRAP_CONTENT
+        )
+        return view
+    }
+
+    @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)
+    }
+
+    // Add this method to register custom events
+    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+        return mapOf(
+            "onWordPress" to mapOf("registrationName" to "onWordPress"),
+            "onSelection" to mapOf("registrationName" to "onSelection")
+        )
+    }
+
+    companion object {
+        const val NAME = "AdvancedTextView"
+    }
+}

package/lib/module/AdvancedTextViewNativeComponent.ts

@@ -1,5 +1,5 @@
-import { codegenNativeComponent } from 'react-native';
 import type { ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
 // @ts-ignore
 // eslint-disable-next-line prettier/prettier
 import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';

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

@@ -1 +1 @@
-{"version":3,"file":"AdvancedTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/AdvancedTextViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,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"}
+{"version":3,"file":"AdvancedTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/AdvancedTextViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,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/package.json

@@ -1,175 +1,175 @@
-{
-  "name": "react-native-advanced-text",
-  "version": "0.1.16",
-  "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"
-  }
-}
+{
+  "name": "react-native-advanced-text",
+  "version": "0.1.17",
+  "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/AdvancedTextViewNativeComponent.ts

@@ -1,5 +1,5 @@
-import { codegenNativeComponent } from 'react-native';
 import type { ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
 // @ts-ignore
 // eslint-disable-next-line prettier/prettier
 import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';