Android Integration

Author: Zain Sajjad

.gitattributes

@@ -0,0 +1 @@
+*.pbxproj -text

.gitignore

@@ -0,0 +1,46 @@
+
+# OSX
+#
+.DS_Store
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+  
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+      
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+      

README.md

@@ -0,0 +1,44 @@
+# react-native-text-detector
+
+## Getting started
+
+`$ npm install react-native-text-detector --save`
+
+### Mostly automatic installation
+
+`$ react-native link react-native-text-detector`
+
+### Manual installation
+
+#### iOS
+
+1.  In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
+2.  Go to `node_modules` ➜ `react-native-text-detector` and add `RNTextDetector.xcodeproj`
+3.  In XCode, in the project navigator, select your project. Add `libRNTextDetector.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
+4.  Run your project (`Cmd+R`)<
+
+#### Android
+
+1.  Open up `android/app/src/main/java/[...]/MainActivity.java`
+
+- Add `import com.fetchsky.RNTextDetector.RNTextDetectorPackage;` to the imports at the top of the file
+- Add `new RNTextDetectorPackage()` to the list returned by the `getPackages()` method
+
+2.  Append the following lines to `android/settings.gradle`:
+    ```
+    include ':react-native-text-detector'
+    project(':react-native-text-detector').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-text-detector/android')
+    ```
+3.  Insert the following lines inside the dependencies block in `android/app/build.gradle`:
+    ```
+      compile project(':react-native-text-detector')
+    ```
+
+## Usage
+
+```javascript
+import RNTextDetector from "react-native-text-detector";
+
+// TODO: What to do with the module?
+RNTextDetector;
+```

android/build.gradle

@@ -0,0 +1,38 @@
+
+buildscript {
+    repositories {
+        jcenter()
+    }
+
+    dependencies {
+        classpath 'com.android.tools.build:gradle:1.3.1'
+    }
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion 27
+    buildToolsVersion "23.0.1"
+
+    defaultConfig {
+        minSdkVersion 16
+        targetSdkVersion 27
+        versionCode 1
+        versionName "1.0"
+    }
+    lintOptions {
+        abortOnError false
+    }
+}
+
+repositories {
+    mavenCentral()
+}
+
+dependencies {
+    implementation 'com.google.firebase:firebase-core:+'
+    implementation 'com.google.firebase:firebase-ml-vision:+'
+    compile 'com.facebook.react:react-native:+'
+}
+  

android/src/main/AndroidManifest.xml

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

android/src/main/java/com/fetchsky/RNTextDetector/RNTextDetectorModule.java

@@ -0,0 +1,96 @@
+
+package com.fetchsky.RNTextDetector;
+
+import android.graphics.Rect;
+import android.support.annotation.NonNull;
+import android.util.Log;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.bridge.WritableMap;
+
+import com.google.android.gms.tasks.OnFailureListener;
+import com.google.android.gms.tasks.OnSuccessListener;
+import com.google.android.gms.tasks.Task;
+import com.google.firebase.ml.vision.FirebaseVision;
+import com.google.firebase.ml.vision.common.FirebaseVisionImage;
+import com.google.firebase.ml.vision.text.FirebaseVisionText;
+import com.google.firebase.ml.vision.text.FirebaseVisionTextDetector;
+
+import java.io.IOException;
+
+public class RNTextDetectorModule extends ReactContextBaseJavaModule {
+
+  private final ReactApplicationContext reactContext;
+
+  public RNTextDetectorModule(ReactApplicationContext reactContext) {
+    super(reactContext);
+    this.reactContext = reactContext;
+  }
+
+  @ReactMethod
+    public void textRecognize(String uri, final Promise promise) {
+        try {
+            image = FirebaseVisionImage.fromFilePath(this.reactContext, android.net.Uri.parse(uri));
+            Task<FirebaseVisionText> result =
+                    detector.detectInImage(image)
+                            .addOnSuccessListener(new OnSuccessListener<FirebaseVisionText>() {
+                                @Override
+                                public void onSuccess(FirebaseVisionText firebaseVisionText) {
+                                    promise.resolve(getDataAsArray(firebaseVisionText));
+                                }
+                            })
+                            .addOnFailureListener(
+                                    new OnFailureListener() {
+                                        @Override
+                                        public void onFailure(@NonNull Exception e) {
+                                            e.printStackTrace();
+                                            promise.reject(e);
+                                        }
+                                    });;
+        } catch (IOException e) {
+            promise.reject(e);
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * Converts firebaseVisionText into a map
+     *
+     * @param firebaseVisionText
+     * @return
+     */
+    private WritableArray getDataAsArray(FirebaseVisionText firebaseVisionText) {
+        WritableArray data = Arguments.createArray();
+        WritableMap info = Arguments.createMap();
+        WritableMap coordinates = Arguments.createMap();
+
+        for (FirebaseVisionText.Block block: firebaseVisionText.getBlocks()) {
+            info = Arguments.createMap();
+            coordinates = Arguments.createMap();
+
+            Rect boundingBox = block.getBoundingBox();
+
+            coordinates.putInt("top", boundingBox.top);
+            coordinates.putInt("left", boundingBox.left);
+            coordinates.putInt("width", boundingBox.width());
+            coordinates.putInt("height", boundingBox.height());
+
+            info.putMap("bounding", coordinates);
+            info.putString("text", block.getText());
+            data.pushMap(info);
+        }
+
+        return data;
+    }
+
+
+  @Override
+  public String getName() {
+    return "RNTextDetector";
+  }
+}

android/src/main/java/com/fetchsky/RNTextDetector/RNTextDetectorPackage.java

@@ -0,0 +1,29 @@
+
+package com.fetchsky.RNTextDetector;
+
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+import com.facebook.react.bridge.JavaScriptModule;
+
+public class RNTextDetectorPackage implements ReactPackage {
+    @Override
+    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+      return Arrays.<NativeModule>asList(new RNTextDetectorModule(reactContext));
+    }
+
+    // Deprecated from RN 0.47
+    public List<Class<? extends JavaScriptModule>> createJSModules() {
+      return Collections.emptyList();
+    }
+
+    @Override
+    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+      return Collections.emptyList();
+    }
+}

index.js

@@ -0,0 +1,6 @@
+
+import { NativeModules } from 'react-native';
+
+const { RNTextDetector } = NativeModules;
+
+export default RNTextDetector;

ios/RNTextDetector.h

@@ -0,0 +1,11 @@
+
+#if __has_include("RCTBridgeModule.h")
+#import "RCTBridgeModule.h"
+#else
+#import <React/RCTBridgeModule.h>
+#endif
+
+@interface RNTextDetector : NSObject <RCTBridgeModule>
+
+@end
+  

ios/RNTextDetector.m

@@ -0,0 +1,13 @@
+
+#import "RNTextDetector.h"
+
+@implementation RNTextDetector
+
+- (dispatch_queue_t)methodQueue
+{
+    return dispatch_get_main_queue();
+}
+RCT_EXPORT_MODULE()
+
+@end
+  

ios/RNTextDetector.podspec

@@ -0,0 +1,19 @@
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = "RNTextDetector"
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platform       = :ios, "7.0"
+  s.source         = { :git => "https://github.com/zsajjad/RNTextDetector.git", :tag => "master" }
+  s.source_files   = "*.{h,m}"
+  s.requires_arc   = true
+
+  s.dependency "React"
+end
+
+