@onekeyfe/react-native-text-input 0.3.0 → 3.0.92

package/OneKeyTextInput.podspec

@@ -0,0 +1,18 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "OneKeyTextInput"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+  s.platforms    = { :ios => "15.5" }
+  s.source       = { :git => "https://github.com/OneKeyHQ/app-modules.git", :tag => "#{s.version}" }
+  s.source_files = "ios/**/*.{h,m,mm}"
+  s.frameworks   = "UIKit", "UniformTypeIdentifiers"
+
+  s.dependency "React-Core"
+end

package/README.md

@@ -1,33 +1,15 @@
-# react-native-text-input
+# @onekeyfe/react-native-text-input
 
-text-input
+React Native TextInput with paste events for text and images on Android and iOS.
 
-## Installation
+```tsx
+import TextInput from '@onekeyfe/react-native-text-input';
 
-```sh
-npm install react-native-text-input
+<TextInput
+  onPaste={({ nativeEvent }) => {
+    console.log(nativeEvent.items);
+  }}
+/>
 ```
 
-## Usage
-
-
-```js
-import { TextInputView } from "react-native-text-input";
-
-// ...
-
-<TextInputView color="tomato" />
-```
-
-
-## Contributing
-
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
-
-## License
-
-MIT
-
----
-
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+Image paste items contain a MIME type and a temporary local file URL. Text paste items use `text/plain`.

package/android/build.gradle

@@ -8,7 +8,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:7.2.1"
+    classpath "com.android.tools.build:gradle:8.7.2"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
   }
@@ -113,14 +113,14 @@ dependencies {
   // For < 0.71, this will be from the local maven repo
   // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
   //noinspection GradleDynamicVersion
-  implementation "com.facebook.react:react-native:+"
+  implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 }
 
 if (isNewArchitectureEnabled()) {
   react {
     jsRootDir = file("../src/")
-    libraryName = "TextInputView"
+    libraryName = "RNTextInputViewSpec"
     codegenJavaPackageName = "com.textinput"
   }
 }

package/android/gradle.properties

@@ -1,5 +1,5 @@
-TextInput_kotlinVersion=1.7.0
-TextInput_minSdkVersion=21
-TextInput_targetSdkVersion=31
-TextInput_compileSdkVersion=31
-TextInput_ndkversion=21.4.7075529
+TextInput_kotlinVersion=2.1.20
+TextInput_minSdkVersion=24
+TextInput_targetSdkVersion=36
+TextInput_compileSdkVersion=36
+TextInput_ndkversion=27.1.12297006

package/android/src/main/java/com/textinput/TextInputViewManager.kt

@@ -7,13 +7,12 @@ import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.uimanager.annotations.ReactProp
-import com.facebook.react.uimanager.events.EventDispatcher
 import com.facebook.react.views.textinput.ReactEditText
 import com.facebook.react.views.textinput.ReactTextInputManager
 import so.onekey.app.wallet.pasteinput.PasteWatcher
 
-@ReactModule(name = ReactTextInputManager.REACT_CLASS)
-class TextInputViewManager() : ReactTextInputManager() {
+@ReactModule(name = TextInputViewManager.REACT_CLASS)
+class TextInputViewManager : ReactTextInputManager() {
 
     companion object {
         const val REACT_CLASS = "OneKeyTextInput"
@@ -53,19 +52,20 @@ class TextInputViewManager() : ReactTextInputManager() {
 
     private class ReactPasteWatcher(editText: TextInputView) : PasteWatcher {
         private val mReactEditText: TextInputView = editText
-        private val mEventDispatcher: EventDispatcher
-        private val mSurfaceId: Int
-
-        init {
-            val reactContext = UIManagerHelper.getReactContext(editText)
-            mEventDispatcher =
-                UIManagerHelper.getEventDispatcherForReactTag(reactContext, editText.id)!!
-            mSurfaceId = UIManagerHelper.getSurfaceId(reactContext)
-        }
 
         override fun onPaste(type: String, data: String) {
-            mEventDispatcher.dispatchEvent(
-                TextInputPasteEvent(mSurfaceId, mReactEditText.id, type, data)
+            val reactContext = UIManagerHelper.getReactContext(mReactEditText) ?: return
+            val eventDispatcher =
+                UIManagerHelper.getEventDispatcherForReactTag(reactContext, mReactEditText.id)
+                    ?: return
+
+            eventDispatcher.dispatchEvent(
+                TextInputPasteEvent(
+                    UIManagerHelper.getSurfaceId(reactContext),
+                    mReactEditText.id,
+                    type,
+                    data
+                )
             )
         }
     }

package/ios/OneKeyTextInputPasteObserver.h

@@ -0,0 +1,11 @@
+#import <React/RCTEventEmitter.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface OneKeyTextInputPasteObserver : RCTEventEmitter
+
++ (void)emitPasteForTarget:(NSInteger)target type:(NSString *)type data:(NSString *)data;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/OneKeyTextInputPasteObserver.mm

@@ -0,0 +1,204 @@
+#import "OneKeyTextInputPasteObserver.h"
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTUITextField.h>
+#import <React/RCTUITextView.h>
+#import <React/UIView+React.h>
+#import <UniformTypeIdentifiers/UniformTypeIdentifiers.h>
+#import <objc/runtime.h>
+
+static NSString *const OneKeyTextInputPasteEvent = @"OneKeyTextInputPaste";
+static __weak OneKeyTextInputPasteObserver *OneKeyPasteObserver = nil;
+static BOOL OneKeyPasteObserverHasListeners = NO;
+static const void *OneKeyPasteInFlightKey = &OneKeyPasteInFlightKey;
+
+@implementation OneKeyTextInputPasteObserver
+
+RCT_EXPORT_MODULE(OneKeyTextInputPasteObserver)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return YES;
+}
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    OneKeyPasteObserver = self;
+  }
+  return self;
+}
+
+- (NSArray<NSString *> *)supportedEvents
+{
+  return @[ OneKeyTextInputPasteEvent ];
+}
+
+- (void)startObserving
+{
+  OneKeyPasteObserverHasListeners = YES;
+}
+
+- (void)stopObserving
+{
+  OneKeyPasteObserverHasListeners = NO;
+}
+
++ (void)emitPasteForTarget:(NSInteger)target type:(NSString *)type data:(NSString *)data
+{
+  NSCharacterSet *whitespace = NSCharacterSet.whitespaceAndNewlineCharacterSet;
+  if (target <= 0 ||
+      [type stringByTrimmingCharactersInSet:whitespace].length == 0 ||
+      [data stringByTrimmingCharactersInSet:whitespace].length == 0) {
+    return;
+  }
+  dispatch_async(dispatch_get_main_queue(), ^{
+    if (!OneKeyPasteObserverHasListeners || OneKeyPasteObserver == nil) {
+      return;
+    }
+    [OneKeyPasteObserver sendEventWithName:OneKeyTextInputPasteEvent
+                                      body:@{
+                                        @"target" : @(target),
+                                        @"items" : @[ @{ @"type" : type, @"data" : data } ],
+                                      }];
+  });
+}
+
+@end
+
+static NSInteger OneKeyReactTagForBackedTextInput(UIView *view)
+{
+  for (UIView *candidate = view; candidate != nil; candidate = candidate.superview) {
+    if (candidate.reactTag != nil) {
+      return candidate.reactTag.integerValue;
+    }
+    if (candidate.tag > 0 && [NSStringFromClass(candidate.class) containsString:@"TextInputComponentView"]) {
+      return candidate.tag;
+    }
+  }
+  return 0;
+}
+
+static void OneKeyEmitPaste(UIView *view, NSString *type, NSString *data)
+{
+  [OneKeyTextInputPasteObserver emitPasteForTarget:OneKeyReactTagForBackedTextInput(view) type:type data:data];
+}
+
+static BOOL OneKeyProcessImagePaste(UIView *view, UIPasteboard *pasteboard, dispatch_block_t fallbackPaste)
+{
+  if ([objc_getAssociatedObject(view, OneKeyPasteInFlightKey) boolValue]) {
+    return YES;
+  }
+
+  for (NSItemProvider *itemProvider in pasteboard.itemProviders) {
+    for (NSString *identifier in itemProvider.registeredTypeIdentifiers) {
+      UTType *type = [UTType typeWithIdentifier:identifier];
+      if (type == nil || ![type conformsToType:UTTypeImage]) {
+        continue;
+      }
+
+      objc_setAssociatedObject(view, OneKeyPasteInFlightKey, @YES, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+      NSString *clipboardString = pasteboard.hasStrings ? pasteboard.string : nil;
+      NSInteger target = OneKeyReactTagForBackedTextInput(view);
+      [itemProvider loadDataRepresentationForTypeIdentifier:identifier
+                                          completionHandler:^(NSData *data, NSError *error) {
+        NSString *mimeType = type.preferredMIMEType ?: @"application/octet-stream";
+        NSString *fileExtension = type.preferredFilenameExtension ?: @"bin";
+        NSString *fileName = [NSString stringWithFormat:@"%@.%@", NSUUID.UUID.UUIDString, fileExtension];
+        NSString *filePath = [NSTemporaryDirectory() stringByAppendingPathComponent:fileName];
+        BOOL writeSucceeded = error == nil && data != nil && [data writeToFile:filePath atomically:YES];
+
+        dispatch_async(dispatch_get_main_queue(), ^{
+          objc_setAssociatedObject(view, OneKeyPasteInFlightKey, @NO, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+          if (writeSucceeded) {
+            [OneKeyTextInputPasteObserver emitPasteForTarget:target
+                                                       type:mimeType
+                                                       data:[NSURL fileURLWithPath:filePath].absoluteString];
+          } else {
+            if (clipboardString.length > 0) {
+              [OneKeyTextInputPasteObserver emitPasteForTarget:target type:@"text/plain" data:clipboardString];
+            }
+            fallbackPaste();
+          }
+        });
+      }];
+      return YES;
+    }
+  }
+  return NO;
+}
+
+static void OneKeySwizzle(Class cls, SEL originalSelector, SEL replacementSelector)
+{
+  Method originalMethod = class_getInstanceMethod(cls, originalSelector);
+  Method replacementMethod = class_getInstanceMethod(cls, replacementSelector);
+  if (originalMethod != nil && replacementMethod != nil) {
+    method_exchangeImplementations(originalMethod, replacementMethod);
+  }
+}
+
+@implementation RCTUITextField (OneKeyPaste)
+
++ (void)load
+{
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    OneKeySwizzle(self, @selector(paste:), @selector(onekey_paste:));
+    OneKeySwizzle(self, @selector(canPerformAction:withSender:), @selector(onekey_canPerformAction:withSender:));
+  });
+}
+
+- (void)onekey_paste:(id)sender
+{
+  UIPasteboard *pasteboard = UIPasteboard.generalPasteboard;
+  if (pasteboard.hasImages && OneKeyProcessImagePaste(self, pasteboard, ^{ [self onekey_paste:nil]; })) {
+    return;
+  }
+  if (pasteboard.hasStrings) {
+    OneKeyEmitPaste(self, @"text/plain", pasteboard.string);
+  }
+  [self onekey_paste:sender];
+}
+
+- (BOOL)onekey_canPerformAction:(SEL)action withSender:(id)sender
+{
+  if (action == @selector(paste:) && UIPasteboard.generalPasteboard.hasImages) {
+    return YES;
+  }
+  return [self onekey_canPerformAction:action withSender:sender];
+}
+
+@end
+
+@implementation RCTUITextView (OneKeyPaste)
+
++ (void)load
+{
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    OneKeySwizzle(self, @selector(paste:), @selector(onekey_paste:));
+    OneKeySwizzle(self, @selector(canPerformAction:withSender:), @selector(onekey_canPerformAction:withSender:));
+  });
+}
+
+- (void)onekey_paste:(id)sender
+{
+  UIPasteboard *pasteboard = UIPasteboard.generalPasteboard;
+  if (pasteboard.hasImages && OneKeyProcessImagePaste(self, pasteboard, ^{ [self onekey_paste:nil]; })) {
+    return;
+  }
+  if (pasteboard.hasStrings) {
+    OneKeyEmitPaste(self, @"text/plain", pasteboard.string);
+  }
+  [self onekey_paste:sender];
+}
+
+- (BOOL)onekey_canPerformAction:(SEL)action withSender:(id)sender
+{
+  if (action == @selector(paste:) && UIPasteboard.generalPasteboard.hasImages) {
+    return YES;
+  }
+  return [self onekey_canPerformAction:action withSender:sender];
+}
+
+@end

package/lib/module/AndroidTextInputNativeComponent.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import * as NativeComponentRegistry from 'react-native/Libraries/NativeComponent/NativeComponentRegistry';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import { colorAttribute } from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes';
+export const Commands = codegenNativeCommands({
+  supportedCommands: ['focus', 'blur', 'setTextAndSelection']
+});
+export const __INTERNAL_VIEW_CONFIG = {
+  uiViewClassName: 'OneKeyTextInput',
+  bubblingEventTypes: {
+    topEndEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onEndEditing',
+        captured: 'onEndEditingCapture'
+      }
+    },
+    topKeyPress: {
+      phasedRegistrationNames: {
+        bubbled: 'onKeyPress',
+        captured: 'onKeyPressCapture'
+      }
+    },
+    topSubmitEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onSubmitEditing',
+        captured: 'onSubmitEditingCapture'
+      }
+    }
+  },
+  directEventTypes: {
+    topScroll: {
+      registrationName: 'onScroll'
+    },
+    topPaste: {
+      registrationName: 'onPaste'
+    }
+  },
+  validAttributes: {
+    acceptDragAndDropTypes: true,
+    maxFontSizeMultiplier: true,
+    adjustsFontSizeToFit: true,
+    minimumFontScale: true,
+    autoFocus: true,
+    placeholder: true,
+    inlineImagePadding: true,
+    contextMenuHidden: true,
+    textShadowColor: colorAttribute,
+    maxLength: true,
+    selectTextOnFocus: true,
+    textShadowRadius: true,
+    underlineColorAndroid: colorAttribute,
+    textDecorationLine: true,
+    submitBehavior: true,
+    textAlignVertical: true,
+    fontStyle: true,
+    textShadowOffset: true,
+    selectionColor: colorAttribute,
+    selectionHandleColor: colorAttribute,
+    placeholderTextColor: colorAttribute,
+    importantForAutofill: true,
+    lineHeight: true,
+    textTransform: true,
+    returnKeyType: true,
+    keyboardType: true,
+    multiline: true,
+    color: colorAttribute,
+    autoComplete: true,
+    numberOfLines: true,
+    letterSpacing: true,
+    returnKeyLabel: true,
+    fontSize: true,
+    onKeyPress: true,
+    cursorColor: colorAttribute,
+    text: true,
+    showSoftInputOnFocus: true,
+    textAlign: true,
+    autoCapitalize: true,
+    autoCorrect: true,
+    caretHidden: true,
+    secureTextEntry: true,
+    textBreakStrategy: true,
+    onScroll: true,
+    onPaste: true,
+    onContentSizeChange: true,
+    disableFullscreenUI: true,
+    includeFontPadding: true,
+    fontWeight: true,
+    fontFamily: true,
+    allowFontScaling: true,
+    onSelectionChange: true,
+    mostRecentEventCount: true,
+    inlineImageLeft: true,
+    editable: true,
+    fontVariant: true,
+    borderBottomRightRadius: true,
+    borderBottomColor: colorAttribute,
+    borderRadius: true,
+    borderRightColor: colorAttribute,
+    borderColor: colorAttribute,
+    borderTopRightRadius: true,
+    borderStyle: true,
+    borderBottomLeftRadius: true,
+    borderLeftColor: colorAttribute,
+    borderTopLeftRadius: true,
+    borderTopColor: colorAttribute
+  }
+};
+let AndroidTextInputNativeComponent = NativeComponentRegistry.get('OneKeyTextInput', () => __INTERNAL_VIEW_CONFIG);
+export default AndroidTextInputNativeComponent;
+//# sourceMappingURL=AndroidTextInputNativeComponent.js.map