react-native-highlight-text-view 0.1.0

package/HighlightText.podspec

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

package/LICENSE

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

package/README.md

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

package/android/build.gradle

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

package/android/gradle.properties

@@ -0,0 +1,5 @@
+HighlightText_kotlinVersion=2.0.21
+HighlightText_minSdkVersion=24
+HighlightText_targetSdkVersion=34
+HighlightText_compileSdkVersion=35
+HighlightText_ndkVersion=27.1.12297006

package/android/src/main/AndroidManifest.xml

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

package/android/src/main/java/com/highlighttext/HighlightTextPackage.kt

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

package/android/src/main/java/com/highlighttext/HighlightTextView.kt

@@ -0,0 +1,15 @@
+package com.highlighttext
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.View
+
+class HighlightTextView : View {
+  constructor(context: Context?) : super(context)
+  constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs)
+  constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(
+    context,
+    attrs,
+    defStyleAttr
+  )
+}

package/android/src/main/java/com/highlighttext/HighlightTextViewManager.kt

@@ -0,0 +1,41 @@
+package com.highlighttext
+
+import android.graphics.Color
+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.HighlightTextViewManagerInterface
+import com.facebook.react.viewmanagers.HighlightTextViewManagerDelegate
+
+@ReactModule(name = HighlightTextViewManager.NAME)
+class HighlightTextViewManager : SimpleViewManager<HighlightTextView>(),
+  HighlightTextViewManagerInterface<HighlightTextView> {
+  private val mDelegate: ViewManagerDelegate<HighlightTextView>
+
+  init {
+    mDelegate = HighlightTextViewManagerDelegate(this)
+  }
+
+  override fun getDelegate(): ViewManagerDelegate<HighlightTextView>? {
+    return mDelegate
+  }
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  public override fun createViewInstance(context: ThemedReactContext): HighlightTextView {
+    return HighlightTextView(context)
+  }
+
+  @ReactProp(name = "color")
+  override fun setColor(view: HighlightTextView?, color: String?) {
+    view?.setBackgroundColor(Color.parseColor(color))
+  }
+
+  companion object {
+    const val NAME = "HighlightTextView"
+  }
+}

package/ios/HighlightTextView.h

@@ -0,0 +1,24 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef HighlightTextViewNativeComponent_h
+#define HighlightTextViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RoundedBackgroundLayoutManager : NSLayoutManager
+@property (nonatomic, strong) UIColor *backgroundColor;
+@property (nonatomic, assign) CGFloat padding;
+@property (nonatomic, assign) CGFloat paddingLeft;
+@property (nonatomic, assign) CGFloat paddingRight;
+@property (nonatomic, assign) CGFloat paddingTop;
+@property (nonatomic, assign) CGFloat paddingBottom;
+@property (nonatomic, assign) CGFloat cornerRadius;
+@end
+
+@interface HighlightTextView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* HighlightTextViewNativeComponent_h */

package/ios/HighlightTextView.mm

@@ -0,0 +1,294 @@
+#import "HighlightTextView.h"
+
+#import <react/renderer/components/HighlightTextViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/HighlightTextViewSpec/EventEmitters.h>
+#import <react/renderer/components/HighlightTextViewSpec/Props.h>
+#import <react/renderer/components/HighlightTextViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@implementation RoundedBackgroundLayoutManager
+
+- (void)drawBackgroundForGlyphRange:(NSRange)glyphsToShow atPoint:(CGPoint)origin {
+    NSTextStorage *textStorage = self.textStorage;
+    NSTextContainer *textContainer = self.textContainers.firstObject;
+    
+    [textStorage enumerateAttribute:NSBackgroundColorAttributeName 
+                            inRange:glyphsToShow 
+                            options:0 
+                         usingBlock:^(id value, NSRange range, BOOL *stop) {
+        if (value && [value isKindOfClass:[UIColor class]]) {
+            // Draw background for each character individually to avoid line wrapping issues
+            for (NSUInteger i = range.location; i < range.location + range.length; i++) {
+                NSRange charRange = NSMakeRange(i, 1);
+                NSRange glyphRange = [self glyphRangeForCharacterRange:charRange actualCharacterRange:NULL];
+                
+                if (glyphRange.length > 0) {
+                    // Get the actual character to ensure it's not a whitespace or control character
+                    unichar character = [textStorage.string characterAtIndex:i];
+                    if (character == '\n' || character == '\r' || character == ' ' || character == '\t') {
+                        continue;
+                    }
+                    
+                    CGRect boundingRect = [self boundingRectForGlyphRange:glyphRange inTextContainer:textContainer];
+                    
+                    // Ensure the glyph has reasonable dimensions and isn't a line fragment artifact
+                    // Also check that it's not spanning the full container width (which indicates line wrapping issues)
+                    if (boundingRect.size.width > 1.0 && boundingRect.size.height > 1.0 && 
+                        boundingRect.size.width < (textContainer.size.width * 0.8)) {
+                        
+                        // Apply individual padding values
+                        boundingRect.origin.x += origin.x - self.paddingLeft;
+                        boundingRect.origin.y += origin.y - self.paddingTop;
+                        boundingRect.size.width += self.paddingLeft + self.paddingRight;
+                        boundingRect.size.height += self.paddingTop + self.paddingBottom;
+                        
+                        UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:boundingRect cornerRadius:self.cornerRadius];
+                        [self.backgroundColor setFill];
+                        [path fill];
+                    }
+                }
+            }
+        }
+    }];
+    
+    // Don't call super to avoid default background drawing
+}
+
+@end
+
+@interface HighlightTextView () <RCTHighlightTextViewViewProtocol, UITextViewDelegate>
+
+@end
+
+@implementation HighlightTextView {
+    UITextView * _textView;
+    RoundedBackgroundLayoutManager * _layoutManager;
+    NSString * _characterBackgroundColor;
+    CGFloat _padding;
+    CGFloat _paddingLeft;
+    CGFloat _paddingRight;
+    CGFloat _paddingTop;
+    CGFloat _paddingBottom;
+    CGFloat _cornerRadius;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<HighlightTextViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const HighlightTextViewProps>();
+    _props = defaultProps;
+
+    _characterBackgroundColor = @"#FFFF00";
+    _padding = 4.0;
+    _paddingLeft = 4.0;
+    _paddingRight = 4.0;
+    _paddingTop = 4.0;
+    _paddingBottom = 4.0;
+    _cornerRadius = 4.0;
+    
+    // Create text storage, layout manager, and text container
+    NSTextStorage *textStorage = [[NSTextStorage alloc] init];
+    _layoutManager = [[RoundedBackgroundLayoutManager alloc] init];
+    _layoutManager.backgroundColor = [self hexStringToColor:_characterBackgroundColor];
+    _layoutManager.padding = _padding;
+    _layoutManager.paddingLeft = _paddingLeft;
+    _layoutManager.paddingRight = _paddingRight;
+    _layoutManager.paddingTop = _paddingTop;
+    _layoutManager.paddingBottom = _paddingBottom;
+    _layoutManager.cornerRadius = _cornerRadius;
+    
+    [textStorage addLayoutManager:_layoutManager];
+    
+    NSTextContainer *textContainer = [[NSTextContainer alloc] init];
+    [_layoutManager addTextContainer:textContainer];
+    
+    _textView = [[UITextView alloc] initWithFrame:CGRectZero textContainer:textContainer];
+    _textView.delegate = self;
+    _textView.font = [UIFont systemFontOfSize:32];
+    _textView.textAlignment = NSTextAlignmentCenter;
+    _textView.textContainerInset = UIEdgeInsetsMake(10, 10, 10, 10);
+    _textView.backgroundColor = [UIColor clearColor];
+    _textView.editable = YES;
+    _textView.scrollEnabled = YES;
+    _textView.userInteractionEnabled = YES;
+
+    self.contentView = _textView;
+    self.userInteractionEnabled = YES;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &oldViewProps = *std::static_pointer_cast<HighlightTextViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<HighlightTextViewProps const>(props);
+
+    if (oldViewProps.color != newViewProps.color) {
+        _characterBackgroundColor = [[NSString alloc] initWithUTF8String: newViewProps.color.c_str()];
+        _layoutManager.backgroundColor = [self hexStringToColor:_characterBackgroundColor];
+        [self applyCharacterBackgrounds];
+    }
+    
+    if (oldViewProps.textColor != newViewProps.textColor) {
+        NSString *textColorStr = [[NSString alloc] initWithUTF8String: newViewProps.textColor.c_str()];
+        _textView.textColor = [self hexStringToColor:textColorStr];
+        [self applyCharacterBackgrounds];
+    }
+    
+    if (oldViewProps.textAlign != newViewProps.textAlign) {
+        NSString *alignment = [[NSString alloc] initWithUTF8String: newViewProps.textAlign.c_str()];
+        if ([alignment isEqualToString:@"center"]) {
+            _textView.textAlignment = NSTextAlignmentCenter;
+        } else if ([alignment isEqualToString:@"right"]) {
+            _textView.textAlignment = NSTextAlignmentRight;
+        } else {
+            _textView.textAlignment = NSTextAlignmentLeft;
+        }
+        [self applyCharacterBackgrounds]; // Reapply to update alignment
+    }
+    
+    if (oldViewProps.fontSize != newViewProps.fontSize) {
+        NSString *fontSizeStr = [[NSString alloc] initWithUTF8String: newViewProps.fontSize.c_str()];
+        CGFloat fontSize = [fontSizeStr floatValue];
+        if (fontSize > 0) {
+            NSString *fontFamily = _textView.font.familyName;
+            _textView.font = [UIFont fontWithName:fontFamily size:fontSize] ?: [UIFont systemFontOfSize:fontSize];
+        }
+    }
+    
+    if (oldViewProps.fontFamily != newViewProps.fontFamily) {
+        NSString *fontFamily = [[NSString alloc] initWithUTF8String: newViewProps.fontFamily.c_str()];
+        CGFloat fontSize = _textView.font.pointSize;
+        _textView.font = [UIFont fontWithName:fontFamily size:fontSize] ?: [UIFont systemFontOfSize:fontSize];
+    }
+    
+    if (oldViewProps.padding != newViewProps.padding) {
+        NSString *paddingStr = [[NSString alloc] initWithUTF8String: newViewProps.padding.c_str()];
+        CGFloat padding = [paddingStr floatValue];
+        if (padding > 0) {
+            _padding = padding;
+            _paddingLeft = _paddingRight = _paddingTop = _paddingBottom = padding;
+            _layoutManager.padding = _padding;
+            _layoutManager.paddingLeft = _paddingLeft;
+            _layoutManager.paddingRight = _paddingRight;
+            _layoutManager.paddingTop = _paddingTop;
+            _layoutManager.paddingBottom = _paddingBottom;
+        }
+    }
+    
+    if (oldViewProps.paddingLeft != newViewProps.paddingLeft) {
+        NSString *paddingStr = [[NSString alloc] initWithUTF8String: newViewProps.paddingLeft.c_str()];
+        CGFloat padding = [paddingStr floatValue];
+        if (padding >= 0) {
+            _paddingLeft = padding;
+            _layoutManager.paddingLeft = _paddingLeft;
+        }
+    }
+    
+    if (oldViewProps.paddingRight != newViewProps.paddingRight) {
+        NSString *paddingStr = [[NSString alloc] initWithUTF8String: newViewProps.paddingRight.c_str()];
+        CGFloat padding = [paddingStr floatValue];
+        if (padding >= 0) {
+            _paddingRight = padding;
+            _layoutManager.paddingRight = _paddingRight;
+        }
+    }
+    
+    if (oldViewProps.paddingTop != newViewProps.paddingTop) {
+        NSString *paddingStr = [[NSString alloc] initWithUTF8String: newViewProps.paddingTop.c_str()];
+        CGFloat padding = [paddingStr floatValue];
+        if (padding >= 0) {
+            _paddingTop = padding;
+            _layoutManager.paddingTop = _paddingTop;
+        }
+    }
+    
+    if (oldViewProps.paddingBottom != newViewProps.paddingBottom) {
+        NSString *paddingStr = [[NSString alloc] initWithUTF8String: newViewProps.paddingBottom.c_str()];
+        CGFloat padding = [paddingStr floatValue];
+        if (padding >= 0) {
+            _paddingBottom = padding;
+            _layoutManager.paddingBottom = _paddingBottom;
+        }
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+Class<RCTComponentViewProtocol> HighlightTextViewCls(void)
+{
+    return HighlightTextView.class;
+}
+
+- (void)textViewDidChange:(UITextView *)textView
+{
+    [self applyCharacterBackgrounds];
+}
+
+- (void)applyCharacterBackgrounds
+{
+    NSString *text = _textView.text;
+    if (text.length == 0) {
+        return;
+    }
+    
+    NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:text];
+    UIColor *bgColor = [self hexStringToColor:_characterBackgroundColor];
+    
+    // Apply font and paragraph style
+    [attributedString addAttribute:NSFontAttributeName 
+                             value:_textView.font 
+                             range:NSMakeRange(0, text.length)];
+    
+    // Apply text color if available
+    if (_textView.textColor) {
+        [attributedString addAttribute:NSForegroundColorAttributeName 
+                                 value:_textView.textColor 
+                                 range:NSMakeRange(0, text.length)];
+    }
+    
+    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
+    paragraphStyle.alignment = _textView.textAlignment;
+    [attributedString addAttribute:NSParagraphStyleAttributeName 
+                             value:paragraphStyle 
+                             range:NSMakeRange(0, text.length)];
+    
+    for (NSUInteger i = 0; i < text.length; i++) {
+        unichar character = [text characterAtIndex:i];
+        
+        // Skip newlines and spaces for background
+        if (character != '\n' && character != ' ') {
+            [attributedString addAttribute:NSBackgroundColorAttributeName 
+                                     value:bgColor 
+                                     range:NSMakeRange(i, 1)];
+        }
+    }
+    
+    _textView.attributedText = attributedString;
+    [_textView setNeedsDisplay];
+}
+
+- (UIColor *)hexStringToColor:(NSString *)stringToConvert
+{
+    NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
+    NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
+
+    unsigned hex;
+    if (![stringScanner scanHexInt:&hex]) return nil;
+    int r = (hex >> 16) & 0xFF;
+    int g = (hex >> 8) & 0xFF;
+    int b = (hex) & 0xFF;
+
+    return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
+}
+
+@end

package/lib/module/HighlightTextViewNativeComponent.ts

@@ -0,0 +1,18 @@
+import { codegenNativeComponent, type ViewProps } from 'react-native';
+
+export interface HighlightTextViewProps extends ViewProps {
+  color?: string;
+  textColor?: string;
+  textAlign?: string;
+  fontFamily?: string;
+  fontSize?: string;
+  padding?: string;
+  paddingLeft?: string;
+  paddingRight?: string;
+  paddingTop?: string;
+  paddingBottom?: string;
+}
+
+export default codegenNativeComponent<HighlightTextViewProps>(
+  'HighlightTextView'
+);

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as HighlightTextView } from './HighlightTextViewNativeComponent';
+export * from './HighlightTextViewNativeComponent';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","HighlightTextView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,oCAAoC;AACjF,cAAc,oCAAoC","ignoreList":[]}

package/lib/module/package.json

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

package/lib/typescript/package.json

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

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

@@ -0,0 +1,16 @@
+import { type ViewProps } from 'react-native';
+export interface HighlightTextViewProps extends ViewProps {
+    color?: string;
+    textColor?: string;
+    textAlign?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    padding?: string;
+    paddingLeft?: string;
+    paddingRight?: string;
+    paddingTop?: string;
+    paddingBottom?: string;
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<HighlightTextViewProps>;
+export default _default;
+//# sourceMappingURL=HighlightTextViewNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/HighlightTextViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;AAED,wBAEE"}

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

@@ -0,0 +1,3 @@
+export { default as HighlightTextView } from './HighlightTextViewNativeComponent';
+export * from './HighlightTextViewNativeComponent';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAClF,cAAc,oCAAoC,CAAC"}

package/package.json

@@ -0,0 +1,169 @@
+{
+  "name": "react-native-highlight-text-view",
+  "version": "0.1.0",
+  "description": "A native text input for React Native that supports inline text highlighting",
+  "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-highlight-text-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/aqeelkhokhar/react-native-highlight-text.git.git"
+  },
+  "author": "Aqeel Ahmad Khokhar <aqeelahmadkhokhar99@gmail.com> (https://portfolio-aqeel-ahmads-projects-6ef4879c.vercel.app/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/aqeelkhokhar/react-native-highlight-text.git/issues"
+  },
+  "homepage": "https://github.com/aqeelkhokhar/react-native-highlight-text.git#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",
+    "@evilmartians/lefthook": "^1.12.3",
+    "@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",
+    "prettier": "^3.6.2",
+    "react": "19.1.0",
+    "react-native": "0.81.1",
+    "react-native-builder-bob": "^0.40.13",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "HighlightTextViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.highlighttext"
+    },
+    "ios": {
+      "componentProvider": {
+        "HighlightTextView": "HighlightTextView"
+      }
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "version": "0.54.5"
+  }
+}

package/src/HighlightTextViewNativeComponent.ts

@@ -0,0 +1,18 @@
+import { codegenNativeComponent, type ViewProps } from 'react-native';
+
+export interface HighlightTextViewProps extends ViewProps {
+  color?: string;
+  textColor?: string;
+  textAlign?: string;
+  fontFamily?: string;
+  fontSize?: string;
+  padding?: string;
+  paddingLeft?: string;
+  paddingRight?: string;
+  paddingTop?: string;
+  paddingBottom?: string;
+}
+
+export default codegenNativeComponent<HighlightTextViewProps>(
+  'HighlightTextView'
+);

package/src/index.tsx

@@ -0,0 +1,2 @@
+export { default as HighlightTextView } from './HighlightTextViewNativeComponent';
+export * from './HighlightTextViewNativeComponent';