Add Share module

Examples/UIExplorer/ShareExample.js

@@ -0,0 +1,111 @@
+/**
+ * The examples provided by Facebook are for non-commercial testing and
+ * evaluation purposes only.
+ *
+ * Facebook reserves all rights not expressly granted.
+ *
+ * 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 NON INFRINGEMENT. IN NO EVENT SHALL
+ * FACEBOOK 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.
+ *
+ * @flow
+ */
+'use strict';
+
+var React = require('react-native');
+var {
+  StyleSheet,
+  View,
+  Text,
+  TextInput,
+  TouchableHighlight,
+  Share,
+} = React;
+
+exports.framework = 'React';
+exports.title = 'Share';
+exports.description = 'Share data with other Apps.';
+exports.examples = [{
+  title: 'Share Text Content',
+  render() {
+    return <ShareMessageExample />;
+  }
+}];
+
+class ShareMessageExample extends React.Component {
+
+  constructor(props) {
+    super(props);
+
+    this.shareMessage = this.shareMessage.bind(this);
+    this.shareTextContent = this.shareTextContent.bind(this);
+
+    this.state = {
+      result: ''
+    };
+  }
+
+  render() {
+    return (
+      <View>
+        <TouchableHighlight style={styles.wrapper}
+          onPress={this.shareMessage}>
+          <View style={styles.button}>
+            <Text>Click to share message</Text>
+          </View>
+        </TouchableHighlight>
+        <TouchableHighlight style={styles.wrapper}
+          onPress={this.shareTextContent}>
+          <View style={styles.button}>
+            <Text>Click to share message, URL and subject</Text>
+          </View>
+        </TouchableHighlight>
+        <Text>{this.state.result}</Text>
+      </View>
+    );
+  }
+
+  shareMessage() {
+    Share.shareTextContent({
+      message: 'React Native | A framework for building native apps using React'
+    })
+    .then((result) => {
+      if(!result) {
+        this.setState({result:'Canceled'})
+      } else {
+        this.setState({result:result})
+      }
+    })
+    .catch((err) => console.error(err))
+  }
+  shareTextContent() {
+    Share.shareTextContent({
+      message: 'A framework for building native apps using React', 
+      url: 'http://facebook.github.io/react-native/',
+      subject: 'React Native'
+    }, {
+      dialogTitle: 'Share React Native website',
+      excludedActivityTypes: [
+        'com.apple.UIKit.activity.PostToTwitter'
+      ]
+    })
+    .then((result) => this.setState({result:result}))
+    .catch(()=> this.setState({result:'Canceled'}))
+  }
+
+}
+
+
+var styles = StyleSheet.create({
+  wrapper: {
+    borderRadius: 5,
+    marginBottom: 5,
+  },
+  button: {
+    backgroundColor: '#eeeeee',
+    padding: 10,
+  },
+});

Examples/UIExplorer/UIExplorerList.android.js

@@ -59,6 +59,7 @@ var APIS = [
   require('./NetInfoExample'),
   require('./PanResponderExample'),
   require('./PointerEventsExample'),
+  require('./ShareExample'),
   require('./TimePickerAndroidExample'),
   require('./TimerExample'),
   require('./ToastAndroidExample.android'),

Examples/UIExplorer/UIExplorerList.ios.js

@@ -80,6 +80,7 @@ var APIS = [
   require('./PointerEventsExample'),
   require('./PushNotificationIOSExample'),
   require('./RCTRootViewIOSExample'),
+  require('./ShareExample'),
   require('./StatusBarIOSExample'),
   require('./TimerExample'),
   require('./TransformExample'),

Libraries/Share/Share.js

@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) 2016-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule Share
+ * @flow
+ */
+'use strict';
+
+const Platform = require('Platform');
+const {
+  ActionSheetManager,
+  ShareModule
+} = require('NativeModules');
+const invariant = require('invariant');
+const processColor = require('processColor');
+
+class Share {
+
+  /**
+   * Open a dialog to share text contents.
+   * 
+   * ### Contents
+   * 
+   *  - `message` - a message to share
+   *  - `url` - an URL to share. In Android, this will overwrite message
+   *  - `subject` - subject of the message
+   * 
+   * At least one of URL and message is required.
+   * 
+   * ### Options
+   *
+   * #### iOS
+   *
+   * - `excludedActivityTypes`
+   * - `tintColor`
+   *
+   * #### Android
+   * 
+   * - `dialogTitle`
+   */
+  static shareTextContent(contents: Object, options?: Object): Promise<boolean> {
+    invariant(
+      typeof contents === 'object' && contents !== null,
+      'Contents must a valid object'
+    );
+    invariant(
+      contents.url || contents.message,
+      'At least one of URL and message is required'
+    );
+    for(let content in contents) {
+      invariant(
+        typeof content === 'string',
+        'Invalid Content: should be a string. Was: ' + content
+      );
+    }
+    options = options || {};
+    return Platform.OS === 'android' 
+      ? ShareModule.shareTextContent(contents, options.dialogTitle)
+      : new Promise((resolve, reject) => {
+        ActionSheetManager.showShareActionSheetWithOptions(
+          {...contents, tintColor: processColor(options.tintColor)},
+          console.error,
+          (success, activityType) => {
+            if(success) {
+              resolve(activityType)
+            } else {
+              reject()
+            }
+          }
+        );
+      });
+  }
+
+}
+
+module.exports = Share;

Libraries/react-native/react-native.js

@@ -82,6 +82,7 @@ var ReactNative = {
   get PixelRatio() { return require('PixelRatio'); },
   get PushNotificationIOS() { return require('PushNotificationIOS'); },
   get Settings() { return require('Settings'); },
+  get Share() { return require('Share'); },
   get StatusBarIOS() { return require('StatusBarIOS'); },
   get StyleSheet() { return require('StyleSheet'); },
   get TimePickerAndroid() { return require('TimePickerAndroid'); },

ReactAndroid/src/main/java/com/facebook/react/modules/share/ShareModule.java

@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) 2016-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+package com.facebook.react.modules.share;
+
+import android.app.Activity;
+import android.content.Intent;
+import android.net.Uri;
+
+import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
+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.ReadableMap;
+
+/**
+ * Intent module. Launch other activities or open URLs.
+ */
+public class ShareModule extends ReactContextBaseJavaModule {
+
+  private Promise mPromise;
+
+  public ShareModule(ReactApplicationContext reactContext) {
+    super(reactContext);
+  }
+
+  @Override
+  public String getName() {
+    return "ShareModule";
+  }
+
+  /**
+   * Open a chooser dialog to send text contents to other apps.
+   *
+   * Refer http://developer.android.com/intl/ko/training/sharing/send.html
+   * 
+   * @param contents the data to send
+   * @param title the title of the chooser dialog
+   */
+  @ReactMethod
+  public void shareTextContent(ReadableMap contents, String title, final Promise promise) {
+    Activity currentActivity = getCurrentActivity();
+
+    if (currentActivity == null) {
+      promise.reject("Activity doesn't exist");
+      return;
+    }
+
+    if (contents == null) {
+      throw new JSApplicationIllegalArgumentException("Invalid contents");
+    }
+
+    mPromise = promise;
+
+    try {
+      Intent intent = new Intent(Intent.ACTION_SEND);
+      intent.setTypeAndNormalize("text/plain");
+
+      if(contents.hasKey("subject")) {
+        intent.putExtra(Intent.EXTRA_SUBJECT, contents.getString("subject"));
+      }
+
+      if(contents.hasKey("message")) {
+        intent.putExtra(Intent.EXTRA_TEXT, contents.getString("message"));
+      } 
+
+      if(contents.hasKey("url")) {
+        intent.putExtra(Intent.EXTRA_TEXT, contents.getString("url")); // this will overwrite message
+      }
+
+      currentActivity.startActivity(Intent.createChooser(intent, title));
+      //TODO: use createChooser (Intent target, CharSequence title, IntentSender sender) after API level 22 
+      mPromise.resolve(true);
+      mPromise = null;
+    } catch (Exception e) {
+      mPromise.reject("Failed to open share dialog");
+      mPromise = null;
+    }
+
+  }
+
+
+}

ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java

@@ -29,6 +29,7 @@
 import com.facebook.react.modules.location.LocationModule;
 import com.facebook.react.modules.netinfo.NetInfoModule;
 import com.facebook.react.modules.network.NetworkingModule;
+import com.facebook.react.modules.share.ShareModule;
 import com.facebook.react.modules.statusbar.StatusBarModule;
 import com.facebook.react.modules.storage.AsyncStorageModule;
 import com.facebook.react.modules.timepicker.TimePickerDialogModule;
@@ -78,6 +79,7 @@ public List<NativeModule> createNativeModules(ReactApplicationContext reactConte
       new LocationModule(reactContext),
       new NetworkingModule(reactContext),
       new NetInfoModule(reactContext),
+      new ShareModule(reactContext),
       new StatusBarModule(reactContext),
       new TimePickerDialogModule(reactContext),
       new ToastModule(reactContext),