Starting to add native libs for iOS

Author: alvaromb

.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,45 @@
+
+# react-native-interactive-image-library
+
+## Getting started
+
+`$ npm install react-native-interactive-image-library --save`
+
+### Mostly automatic installation
+
+`$ react-native link react-native-interactive-image-library`
+
+### 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-interactive-image-library` and add `RNIKInteractiveImageLibrary.xcodeproj`
+3. In XCode, in the project navigator, select your project. Add `libRNIKInteractiveImageLibrary.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.apsl.interfacekit.RNIKInteractiveImageLibraryPackage;` to the imports at the top of the file
+  - Add `new RNIKInteractiveImageLibraryPackage()` to the list returned by the `getPackages()` method
+2. Append the following lines to `android/settings.gradle`:
+  	```
+  	include ':react-native-interactive-image-library'
+  	project(':react-native-interactive-image-library').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-interactive-image-library/android')
+  	```
+3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
+  	```
+      compile project(':react-native-interactive-image-library')
+  	```
+
+
+## Usage
+```javascript
+import RNIKInteractiveImageLibrary from 'react-native-interactive-image-library';
+
+// TODO: What to do with the module?
+RNIKInteractiveImageLibrary;
+```
+  

android/build.gradle

@@ -0,0 +1,36 @@
+
+buildscript {
+    repositories {
+        jcenter()
+    }
+
+    dependencies {
+        classpath 'com.android.tools.build:gradle:1.3.1'
+    }
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion 23
+    buildToolsVersion "23.0.1"
+
+    defaultConfig {
+        minSdkVersion 16
+        targetSdkVersion 22
+        versionCode 1
+        versionName "1.0"
+    }
+    lintOptions {
+        abortOnError false
+    }
+}
+
+repositories {
+    mavenCentral()
+}
+
+dependencies {
+    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.apsl.interfacekit">
+
+</manifest>
+  

android/src/main/java/com/apsl/interfacekit/RNIKInteractiveImageLibraryModule.java

@@ -0,0 +1,22 @@
+
+package com.apsl.interfacekit;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.Callback;
+
+public class RNIKInteractiveImageLibraryModule extends ReactContextBaseJavaModule {
+
+  private final ReactApplicationContext reactContext;
+
+  public RNIKInteractiveImageLibraryModule(ReactApplicationContext reactContext) {
+    super(reactContext);
+    this.reactContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "RNIKInteractiveImageLibrary";
+  }
+}

android/src/main/java/com/apsl/interfacekit/RNIKInteractiveImageLibraryPackage.java

@@ -0,0 +1,28 @@
+
+package com.apsl.interfacekit;
+
+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 RNIKInteractiveImageLibraryPackage implements ReactPackage {
+    @Override
+    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+      return Arrays.<NativeModule>asList(new RNIKInteractiveImageLibraryModule(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 { RNIKInteractiveImageLibrary } = NativeModules;
+
+export default RNIKInteractiveImageLibrary;

ios/RNIKInteractiveImageLibrary.h

@@ -0,0 +1,17 @@
+
+#if __has_include("RCTBridgeModule.h")
+#import "RCTBridgeModule.h"
+#else
+#import <React/RCTBridgeModule.h>
+#endif
+#import <CoreMotion/CoreMotion.h>
+#import <QuartzCore/QuartzCore.h>
+
+@interface RNIKInteractiveImageLibrary : NSObject <RCTBridgeModule>
+
+@property (strong, nonatomic) CMMotionManager *motionManager;
+@property (strong, nonatomic) CADisplayLink *motionDisplayLink;
+@property (nonatomic) double motionLastYaw;
+
+@end
+  

ios/RNIKInteractiveImageLibrary.m

@@ -0,0 +1,61 @@
+
+#import "RNIKInteractiveImageLibrary.h"
+#import <React/RCTBridge.h>
+#import <React/RCTEventDispatcher.h>
+
+@implementation RNIKInteractiveImageLibrary
+
+- (dispatch_queue_t)methodQueue
+{
+    return dispatch_get_main_queue();
+}
+
+RCT_EXPORT_MODULE();
+
+- (id)init {
+    if (self = [super init]) {
+        self.motionManager = [[CMMotionManager alloc] init];
+        self.motionManager.deviceMotionUpdateInterval = 0.02;  // 50 Hz
+    }
+    return self;
+}
+
+RCT_EXPORT_METHOD(startYawUpdates) {
+    self.motionDisplayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(motionRefresh:)];
+    [self.motionDisplayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];
+    if ([self.motionManager isDeviceMotionActive]) {
+        // To avoid using more CPU than necessary we use
+        // `CMAttitudeReferenceFrameXArbitraryZVertical`
+        [self.motionManager startDeviceMotionUpdatesUsingReferenceFrame:CMAttitudeReferenceFrameXArbitraryZVertical];
+    }
+}
+
+- (void)motionRefresh:(id)sender {
+    CMQuaternion quat = self.motionManager.deviceMotion.attitude.quaternion;
+    double yaw = asin(2*(quat.x*quat.z - quat.w*quat.y));
+
+    if (self.motionLastYaw == 0) {
+        self.motionLastYaw = yaw;
+    }
+
+    // Kalman filtering
+    static float q = 0.1;   // process noise
+    static float r = 0.1;   // sensor noise
+    static float p = 0.1;   // estimated error
+    static float k = 0.5;   // kalman filter gain
+
+    float x = self.motionLastYaw;
+    p = p + q;
+    k = p / (p + r);
+    x = x + k*(yaw - x);
+    p = (1 - k)*p;
+    self.motionLastYaw = x;
+    [self.bridge.eventDispatcher sendDeviceEventWithName:@"MotionManager"
+                                                    body:@{@"yaw": [NSNumber numberWithDouble:self.motionLastYaw]}];
+}
+
+RCT_EXPORT_METHOD(stopYawUpdates) {
+    [self.motionDisplayLink invalidate];
+}
+
+@end

ios/RNIKInteractiveImageLibrary.podspec

@@ -0,0 +1,24 @@
+
+Pod::Spec.new do |s|
+  s.name         = "RNIKInteractiveImageLibrary"
+  s.version      = "1.0.0"
+  s.summary      = "RNIKInteractiveImageLibrary"
+  s.description  = <<-DESC
+                  RNIKInteractiveImageLibrary
+                   DESC
+  s.homepage     = ""
+  s.license      = "MIT"
+  # s.license      = { :type => "MIT", :file => "FILE_LICENSE" }
+  s.author             = { "author" => "[email protected]" }
+  s.platform     = :ios, "7.0"
+  s.source       = { :git => "https://github.com/author/RNIKInteractiveImageLibrary.git", :tag => "master" }
+  s.source_files  = "RNIKInteractiveImageLibrary/**/*.{h,m}"
+  s.requires_arc = true
+
+
+  s.dependency "React"
+  #s.dependency "others"
+
+end
+
+