react-native-advanced-text 0.1.18 → 0.1.20

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

@@ -32,6 +32,7 @@ class AdvancedTextView : TextView {
     private var lastSelectedText: String = ""
     private var customActionMode: ActionMode? = null
     private var currentText: String = ""
+    private var textColor: String = "#000000"
 
     // Cache for word positions to avoid recalculating
     private var wordPositions: List<WordPosition> = emptyList()
@@ -90,6 +91,12 @@ class AdvancedTextView : TextView {
         }
     }
 
+
+    fun setAdvancedTextColor(colorInt: Int) {
+        textColor = String.format("#%06X", 0xFFFFFF and colorInt)
+        updateTextWithHighlights()
+    }
+
     fun setAdvancedText(text: String) {
         if (currentText == text) {
             Log.d(TAG, "Text unchanged, skipping update")
@@ -165,7 +172,7 @@ class AdvancedTextView : TextView {
             // Apply indicator color
             if (wordPos.index == indicatorWordIndex) {
                 spannableString.setSpan(
-                    ForegroundColorSpan(Color.RED),
+                    ForegroundColorSpan(Color.parseColor(textColor)),
                     wordPos.start,
                     wordPos.end,
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
@@ -213,8 +220,8 @@ class AdvancedTextView : TextView {
     }
 
     private inner class WordClickableSpan(
-        private val wordIndex: Int,
-        private val word: String
+    private val wordIndex: Int,
+    private val word: String
     ) : ClickableSpan() {
 
         override fun onClick(widget: View) {
@@ -231,6 +238,7 @@ class AdvancedTextView : TextView {
         override fun updateDrawState(ds: TextPaint) {
             super.updateDrawState(ds)
             ds.isUnderlineText = false
+            ds.color = Color.parseColor(textColor)
         }
     }
 

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

@@ -8,25 +8,10 @@ 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
-import com.facebook.react.uimanager.PixelUtil
 
 @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
-    }
+class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>() {
 
     override fun getName(): String {
         return NAME
@@ -40,17 +25,18 @@ class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>(),
         )
         // Set default text color to black to ensure visibility
         view.setTextColor(Color.BLACK)
+        android.util.Log.d(NAME, "createViewInstance: View created")
         return view
     }
 
     @ReactProp(name = "text")
-    override fun setText(view: AdvancedTextView?, text: String?) {
-        android.util.Log.d("AdvancedTextViewManager", "setText called with: '$text'")
+    fun setText(view: AdvancedTextView?, text: String?) {
+        android.util.Log.d(NAME, "setText called with: '$text'")
         view?.setAdvancedText(text ?: "")
     }
 
     @ReactProp(name = "highlightedWords")
-    override fun setHighlightedWords(view: AdvancedTextView?, highlightedWords: ReadableArray?) {
+    fun setHighlightedWords(view: AdvancedTextView?, highlightedWords: ReadableArray?) {
         if (highlightedWords == null) {
             view?.setHighlightedWords(emptyList())
             return
@@ -70,11 +56,12 @@ class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>(),
                 }
             }
         }
+        android.util.Log.d(NAME, "setHighlightedWords: ${words.size} words")
         view?.setHighlightedWords(words)
     }
 
     @ReactProp(name = "menuOptions")
-    override fun setMenuOptions(view: AdvancedTextView?, menuOptions: ReadableArray?) {
+    fun setMenuOptions(view: AdvancedTextView?, menuOptions: ReadableArray?) {
         if (menuOptions == null) {
             view?.setMenuOptions(emptyList())
             return
@@ -86,25 +73,28 @@ class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>(),
                 options.add(option)
             }
         }
+        android.util.Log.d(NAME, "setMenuOptions: ${options.size} options")
         view?.setMenuOptions(options)
     }
 
     @ReactProp(name = "indicatorWordIndex")
-    override fun setIndicatorWordIndex(view: AdvancedTextView?, index: Int) {
+    fun setIndicatorWordIndex(view: AdvancedTextView?, index: Int) {
+        android.util.Log.d(NAME, "setIndicatorWordIndex: $index")
         view?.setIndicatorWordIndex(if (index >= 0) index else -1)
     }
 
     @ReactProp(name = "color", customType = "Color")
     fun setColor(view: AdvancedTextView?, color: Int?) {
-        android.util.Log.d("AdvancedTextViewManager", "setColor called with: $color")
-        view?.setTextColor(color ?: Color.BLACK)
+        android.util.Log.d(NAME, "setColor called with: $color")
+        if (color != null) {
+            view?.setAdvancedTextColor(color)
+        }
     }
 
     @ReactProp(name = "fontSize")
     fun setFontSize(view: AdvancedTextView?, fontSize: Float) {
-        android.util.Log.d("AdvancedTextViewManager", "setFontSize called with: $fontSize")
+        android.util.Log.d(NAME, "setFontSize called with: $fontSize")
         if (fontSize > 0) {
-            // Convert from React Native points to Android pixels
             view?.setTextSize(TypedValue.COMPLEX_UNIT_SP, fontSize)
         }
     }

package/lib/module/AdvancedTextViewNativeComponent.ts

@@ -2,7 +2,7 @@
 import type { ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 // @ts-ignore
-import type { DirectEventHandler, Float, Int32} from 'react-native/Libraries/Types/CodegenTypes';
+import type { DirectEventHandler, Int32} from 'react-native/Libraries/Types/CodegenTypes';
 
 interface HighlightedWord {
   index: Int32;
@@ -16,8 +16,6 @@ interface NativeProps extends ViewProps {
   onWordPress?: DirectEventHandler<{ word: string; index: Int32 }>;
   onSelection?: DirectEventHandler<{ selectedText: string; event: string }>;
   indicatorWordIndex?: Int32;
-  color?: Int32;
-  fontSize?: Float;
 }
 
 export default codegenNativeComponent<NativeProps>('AdvancedTextView');

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

@@ -1,5 +1,5 @@
 import type { ViewProps } from 'react-native';
-import type { DirectEventHandler, Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 interface HighlightedWord {
     index: Int32;
     highlightColor: string;
@@ -17,8 +17,6 @@ interface NativeProps extends ViewProps {
         event: string;
     }>;
     indicatorWordIndex?: Int32;
-    color?: Int32;
-    fontSize?: Float;
 }
 declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

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,KAAK,EAAC,MAAM,2CAA2C,CAAC;AAEjG,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,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1E,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;;AAED,wBAAuE"}
+{"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,EAAC,MAAM,2CAA2C,CAAC;AAE1F,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,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1E,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;;AAED,wBAAuE"}

package/package.json

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

package/src/AdvancedTextViewNativeComponent.ts

@@ -2,7 +2,7 @@
 import type { ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 // @ts-ignore
-import type { DirectEventHandler, Float, Int32} from 'react-native/Libraries/Types/CodegenTypes';
+import type { DirectEventHandler, Int32} from 'react-native/Libraries/Types/CodegenTypes';
 
 interface HighlightedWord {
   index: Int32;
@@ -16,8 +16,6 @@ interface NativeProps extends ViewProps {
   onWordPress?: DirectEventHandler<{ word: string; index: Int32 }>;
   onSelection?: DirectEventHandler<{ selectedText: string; event: string }>;
   indicatorWordIndex?: Int32;
-  color?: Int32;
-  fontSize?: Float;
 }
 
 export default codegenNativeComponent<NativeProps>('AdvancedTextView');