Merge upstream@0.24.0

.buckconfig

@@ -0,0 +1,10 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2
+
+[alias]
+  movies = //Examples/Movies/android/app:app
+  uiexplorer = //Examples/UIExplorer/android/app:app

.eslintrc

@@ -147,11 +147,6 @@
     "wrap-iife": 0,                  // require immediate function invocation to be wrapped in parentheses (off by default)
     "yoda": 1,                       // require or disallow Yoda conditions
 
-  // Strict Mode
-  // These rules relate to using strict mode.
-
-    "strict": [2, "global"],         // require or disallow the "use strict" pragma in the global scope (off by default in the node environment)
-
   // Variables
   // These rules have to do with variable declarations.
 

.flowconfig

@@ -48,6 +48,12 @@
 # Ignore Website
 .*/website/.*
 
+# Ignore generators
+.*/local-cli/generator.*
+
+# Ignore BUCK generated folders
+.*\.buckd/
+
 .*/node_modules/is-my-json-valid/test/.*\.json
 .*/node_modules/iconv-lite/encodings/tables/.*\.json
 .*/node_modules/y18n/test/.*\.json
@@ -62,8 +68,9 @@
 .*/node_modules/binary-extensions/binary-extensions.json
 .*/node_modules/url-regex/tlds.json
 .*/node_modules/joi/.*\.json
-.*/build/.*\.json
-.*/\.buckd/.*
+.*/node_modules/isemail/.*\.json
+.*/node_modules/tr46/.*\.json
+
 
 [include]
 
@@ -86,9 +93,9 @@ suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FixMe
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-2]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-2]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-3]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-3]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 
 [version]
-0.22.1
+0.23.0

.gitignore

@@ -24,13 +24,17 @@ project.xcworkspace
 # Gradle
 /build/
 /Examples/**/android/app/build/
+/Examples/**/android/app/gradle/
+/Examples/**/android/app/gradlew
+/Examples/**/android/app/gradlew.bat
 /ReactAndroid/build/
 
 # Android
 .idea
 .gradle
 local.properties
 *.iml
+/android/
 
 # Node
 node_modules

.travis.yml

@@ -4,8 +4,8 @@ osx_image: xcode7.3
 
 install:
   - brew reinstall nvm
-  - mkdir -p .nvm
-  - export NVM_DIR="$PWD/.nvm"
+  - mkdir -p /Users/travis/build/facebook/.nvm
+  - export NVM_DIR="/Users/travis/build/facebook/.nvm"
   - source $(brew --prefix nvm)/nvm.sh
   - nvm install 4.4.0
   - rm -Rf "${TMPDIR}/jest_preprocess_cache"
@@ -16,29 +16,16 @@ install:
   - npm --version
 
 script:
-- |
-  if [ "$TEST_TYPE" = objc ]
-  then
-    travis_retry ./scripts/objc-test.sh
-  elif [ "$TEST_TYPE" = js ]
-  then
-    npm run flow && npm test -- --maxWorkers=1
-    ./scripts/e2e-test.sh  --packager
-  elif [ "$TEST_TYPE" = e2e-objc ]
-  then
-    ./scripts/e2e-test.sh  --osx
-  else
-    echo "Unknown test type: $TEST_TYPE"
-    exit 1
-  fi
+  - if [[ "$TEST_TYPE" = objc ]]; then travis_retry ./scripts/objc-test.sh; fi
+  - if [[ "$TEST_TYPE" = e2e-objc ]]; then travis_retry node ./scripts/run-ci-e2e-tests.js --ios --js; fi
+  - if [[ "$TEST_TYPE" = js ]]; then npm run flow check; fi
+  - if [[ "$TEST_TYPE" = js ]]; then npm test -- --maxWorkers=1; fi
 
 env:
   matrix:
+    #- TEST_TYPE=e2e-objc
     - TEST_TYPE=objc
     - TEST_TYPE=js
-  global:
-    #- TEST_TYPE=e2e-objc
-
 
 branches:
   only:

CONTRIBUTING.md

@@ -19,11 +19,17 @@ The core team will be monitoring for pull requests. When we get one, we'll run s
 1. Fork the repo and create your branch from `master`.
 2. **Describe your test plan in your commit.** If you've added code that should be tested, add tests!
 3. If you've changed APIs, update the documentation.
-4. Add the copyright notice to the top of any new files you've added.
-5. Ensure tests pass on Travis and Circle CI.
-6. Make sure your code lints (`node linter.js <files touched>`).
-7. Squash your commits (`git rebase -i`).
-8. If you haven't already, sign the [CLA](https://code.facebook.com/cla).
+4. If you've updated the docs, verify the website locally and submit screenshots if applicable
+```
+$ cd website
+$ npm install && npm start
+go to: http://localhost:8079/react-native/index.html
+```
+5. Add the copyright notice to the top of any new files you've added.
+6. Ensure tests pass on Travis and Circle CI.
+7. Make sure your code lints (`node linter.js <files touched>`).
+8. Squash your commits (`git rebase -i`).
+9. If you haven't already, sign the [CLA](https://code.facebook.com/cla).
 
 #### Copyright Notice for files
 

Examples/SimpleChatClient/components/ChatLayout.js

@@ -1,7 +1,8 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');
 var {
   View,
   StyleSheet,
@@ -12,7 +13,7 @@ var {
   TouchableHighlight,
   TextInput,
   LayoutAnimation
-} = React;
+} = ReactNative;
 
 import LoadingIndicator from './LoadingIndicator';
 import MessagesListView from './MessagesListView';

Examples/SimpleChatClient/components/SigninForm.js

@@ -1,7 +1,8 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 var {
   View,
   Text,
@@ -13,7 +14,7 @@ var {
   LinkingIOS,
   Image,
   Dimensions
-} = React;
+} = ReactNative;
 
 const AnimatedButton = Animated.createAnimatedComponent(TouchableHighlight);
 

Examples/SimpleChatClient/components/SuperSimpleMarkdown.js

@@ -1,13 +1,14 @@
 /* @noflow */
-import React from 'react-native-desktop';
+import React from 'react';
+import ReactNative from 'react-native-desktop';
 /* $FlowFixMe(>=17.0.0) - config */
 import SimpleMarkdown from 'simple-markdown';
 
 const {
   View,
   Text,
   Image
-} = React;
+} = ReactNative;
 
 export default class Markdown extends React.Component {
 

Examples/SimpleChatClient/index.osx.js

@@ -1,7 +1,8 @@
 /* @flow */
 'use strict';
 
-import React from 'react-native-desktop';
+import React from 'react';
+import ReactNative from 'react-native-desktop';
 import { createStore, applyMiddleware } from 'redux';
 import { Provider } from 'react-redux';
 import logger from 'redux-logger';
@@ -39,4 +40,4 @@ class SimpleChatClient extends React.Component {
 }
 
 
-React.AppRegistry.registerComponent('SimpleChatClient', () => SimpleChatClient);
+ReactNative.AppRegistry.registerComponent('SimpleChatClient', () => SimpleChatClient);

Examples/SimpleGmailClient/components/Label.js

@@ -1,12 +1,13 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 var {
   Text,
   StyleSheet,
   TouchableHighlight,
-} = React;
+} = ReactNative;
 
 class Label extends React.Component {
   constructor() {

Examples/SimpleGmailClient/components/MailLayout.js

@@ -1,15 +1,16 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 var {
   View,
   StyleSheet,
   ScrollView,
   Dimensions,
   Text,
   ActivityIndicatorIOS
-} = React;
+} = ReactNative;
 
 var SearchBox = require('./SearchBox');
 var Message = require('./Message');

Examples/SimpleGmailClient/components/Message.js

@@ -1,12 +1,13 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 var {
   View,
   Text,
   StyleSheet,
-} = React;
+} = ReactNative;
 
 class Message extends React.Component {
   constructor() {

Examples/SimpleGmailClient/components/SearchBox.js

@@ -1,12 +1,13 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 var {
   View,
   StyleSheet,
   TextInput,
-} = React;
+} = ReactNative;
 
 
 class SearchBox extends React.Component {

Examples/SimpleGmailClient/components/SigninForm.js

@@ -1,7 +1,8 @@
 /* @flow */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 var {
   View,
   Text,
@@ -10,7 +11,7 @@ var {
   TextInput,
   TouchableOpacity,
   LinkingIOS
-} = React;
+} = ReactNative;
 
 // Yes this is my api credentials restricted only for Gmail API.
 var CLIENT_ID = '588257598045-mlcll7rfg8vud8glu411f8v92u560pbt.apps.googleusercontent.com';

Examples/SimpleGmailClient/index.osx.js

@@ -1,13 +1,13 @@
 /* @flow */
 'use strict';
 
-// TODO: why import is not working?
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');;
 
 var {
   View,
   AppRegistry,
-} = React;
+} = ReactNative;
 
 var SigninForm = require('./components/SigninForm');
 var MailLayout = require('./components/MailLayout');

Examples/UIExplorer/AccessibilityAndroidExample.android.js

@@ -14,14 +14,15 @@
  */
 'use strict';
 
-var React = require('react-native');
+var React = require('React');
+var ReactNative = require('react-native-desktop');
 var {
   StyleSheet,
   Text,
   View,
   ToastAndroid,
   TouchableWithoutFeedback,
-} = React;
+} = ReactNative;
 
 var UIExplorerBlock = require('./UIExplorerBlock');
 var UIExplorerPage = require('./UIExplorerPage');

Examples/UIExplorer/AccessibilityIOSExample.js

@@ -15,11 +15,12 @@
  */
 'use strict';
 
-var React = require('react-native-desktop');
+var React = require('React');
+var ReactNative = require('react-native-desktop');
 var {
   Text,
   View,
-} = React;
+} = ReactNative;
 
 var AccessibilityIOSExample = React.createClass({
   render() {