{"parents":["8156ee0cab60209b1f311b338524dd6e1982ec73","ada60c4fd8dc8bb4e1259ce798979e520d236e59"],"patch":"diff --git a\/.babelrc b\/.babelrc\nindex 73803b050c..2ff815b425 100644\n--- a\/.babelrc\n+++ b\/.babelrc\n@@ -4,6 +4,7 @@\n \"plugins\": [\n \"fbjs-scripts\/babel-6\/dev-expression\",\n \"syntax-trailing-function-commas\",\n+ \"babel-plugin-transform-object-rest-spread\",\n \"transform-es2015-template-literals\",\n \"transform-es2015-literals\",\n \"transform-es2015-arrow-functions\",\ndiff --git a\/.travis.yml b\/.travis.yml\nindex bfbdfeaa20..634cf98e55 100644\n--- a\/.travis.yml\n+++ b\/.travis.yml\n@@ -58,6 +58,7 @@ script:\n -F \"react-dom-server.min=@build\/react-dom-server.min.js\" \\\n -F \"npm-react=@build\/packages\/react.tgz\" \\\n -F \"npm-react-dom=@build\/packages\/react-dom.tgz\" \\\n+ -F \"npm-react-native=@build\/packages\/react-native-renderer.tgz\" \\\n -F \"commit=$TRAVIS_COMMIT\" \\\n -F \"date=`git log --format='%ct' -1`\" \\\n -F \"pull_request=$TRAVIS_PULL_REQUEST\" \\\ndiff --git a\/Gruntfile.js b\/Gruntfile.js\nindex c3ee8c20d6..f1f3c43567 100644\n--- a\/Gruntfile.js\n+++ b\/Gruntfile.js\n@@ -74,6 +74,10 @@ module.exports = function(grunt) {\n grunt.registerTask('npm-react-dom:release', npmReactDOMTasks.buildRelease);\n grunt.registerTask('npm-react-dom:pack', npmReactDOMTasks.packRelease);\n \n+ var npmReactNativeTasks = require('.\/grunt\/tasks\/npm-react-native');\n+ grunt.registerTask('npm-react-native:release', npmReactNativeTasks.buildRelease);\n+ grunt.registerTask('npm-react-native:pack', npmReactNativeTasks.packRelease);\n+\n var npmReactAddonsTasks = require('.\/grunt\/tasks\/npm-react-addons');\n grunt.registerTask('npm-react-addons:release', npmReactAddonsTasks.buildReleases);\n grunt.registerTask('npm-react-addons:pack', npmReactAddonsTasks.packReleases);\n@@ -127,6 +131,8 @@ module.exports = function(grunt) {\n 'npm-react:pack',\n 'npm-react-dom:release',\n 'npm-react-dom:pack',\n+ 'npm-react-native:release',\n+ 'npm-react-native:pack',\n 'npm-react-addons:release',\n 'npm-react-addons:pack',\n 'compare_size',\ndiff --git a\/grunt\/tasks\/npm-react-native.js b\/grunt\/tasks\/npm-react-native.js\nnew file mode 100644\nindex 0000000000..7157e08f6b\n--- \/dev\/null\n+++ b\/grunt\/tasks\/npm-react-native.js\n@@ -0,0 +1,46 @@\n+'use strict';\n+\n+var fs = require('fs');\n+var grunt = require('grunt');\n+\n+var src = 'packages\/react-native-renderer\/';\n+var dest = 'build\/packages\/react-native-renderer\/';\n+\n+function buildRelease() {\n+ if (grunt.file.exists(dest)) {\n+ grunt.file.delete(dest);\n+ }\n+\n+ \/\/ Copy to build\/packages\/react-native-renderer\n+ var mappings = [].concat(\n+ grunt.file.expandMapping('**\/*', dest, {cwd: src}),\n+ grunt.file.expandMapping('{LICENSE,PATENTS}', dest)\n+ );\n+ mappings.forEach(function(mapping) {\n+ var mappingSrc = mapping.src[0];\n+ var mappingDest = mapping.dest;\n+ if (grunt.file.isDir(mappingSrc)) {\n+ grunt.file.mkdir(mappingDest);\n+ } else {\n+ grunt.file.copy(mappingSrc, mappingDest);\n+ }\n+ });\n+}\n+\n+function packRelease() {\n+ var done = this.async();\n+ var spawnCmd = {\n+ cmd: 'npm',\n+ args: ['pack', 'packages\/react-native-renderer'],\n+ };\n+ grunt.util.spawn(spawnCmd, function() {\n+ var buildSrc = 'react-native-renderer-' + grunt.config.data.pkg.version + '.tgz';\n+ var buildDest = 'build\/packages\/react-native-renderer.tgz';\n+ fs.rename(buildSrc, buildDest, done);\n+ });\n+}\n+\n+module.exports = {\n+ buildRelease: buildRelease,\n+ packRelease: packRelease,\n+};\ndiff --git a\/grunt\/tasks\/version-check.js b\/grunt\/tasks\/version-check.js\nindex ff6da818c0..99f55feac0 100644\n--- a\/grunt\/tasks\/version-check.js\n+++ b\/grunt\/tasks\/version-check.js\n@@ -11,6 +11,8 @@ module.exports = function() {\n grunt.file.readJSON('.\/packages\/react\/package.json').version,\n 'packages\/react-dom\/package.json':\n grunt.file.readJSON('.\/packages\/react-dom\/package.json').version,\n+ 'packages\/react-native-renderer\/package.json':\n+ grunt.file.readJSON('.\/packages\/react-native-renderer\/package.json').version,\n 'packages\/react-addons\/package.json (version)': addonsData.version,\n \/\/ Get the \"version\" without the range bit\n 'packages\/react-addons\/package.json (react dependency)': addonsData.peerDependencies.react.slice(1),\ndiff --git a\/gulpfile.js b\/gulpfile.js\nindex f885ea349a..2c2a7c9823 100644\n--- a\/gulpfile.js\n+++ b\/gulpfile.js\n@@ -20,6 +20,7 @@ var paths = {\n react: {\n src: [\n 'src\/**\/*.js',\n+ '!src\/**\/__benchmarks__\/**\/*.js',\n '!src\/**\/__tests__\/**\/*.js',\n '!src\/**\/__mocks__\/**\/*.js',\n '!src\/shared\/vendor\/**\/*.js',\n@@ -28,17 +29,36 @@ var paths = {\n },\n };\n \n+var fbjsModuleMap = require('fbjs\/module-map');\n+var moduleMap = {};\n+for (var key in fbjsModuleMap) {\n+ moduleMap[key] = fbjsModuleMap[key];\n+}\n+var whiteListNames = [\n+ 'deepDiffer',\n+ 'deepFreezeAndThrowOnMutationInDev',\n+ 'flattenStyle',\n+ 'InitializeJavaScriptAppEngine',\n+ 'InteractionManager',\n+ 'JSTimersExecution',\n+ 'merge',\n+ 'Platform',\n+ 'RCTEventEmitter',\n+ 'RCTLog',\n+ 'TextInputState',\n+ 'UIManager',\n+ 'View',\n+];\n+\n+whiteListNames.forEach(function(name) {\n+ moduleMap[name] = name;\n+});\n+\n+moduleMap['object-assign'] = 'object-assign';\n+\n var babelOpts = {\n plugins: [\n- [babelPluginModules, {\n- map: Object.assign(\n- {},\n- require('fbjs\/module-map'),\n- {\n- 'object-assign': 'object-assign',\n- }\n- ),\n- }],\n+ [babelPluginModules, { map: moduleMap }],\n ],\n };\n \ndiff --git a\/package.json b\/package.json\nindex 11a716f9cc..c651733353 100644\n--- a\/package.json\n+++ b\/package.json\n@@ -25,6 +25,7 @@\n \"babel-plugin-transform-es2015-template-literals\": \"^6.5.2\",\n \"babel-plugin-transform-es3-member-expression-literals\": \"^6.5.0\",\n \"babel-plugin-transform-es3-property-literals\": \"^6.5.0\",\n+ \"babel-plugin-transform-object-rest-spread\": \"^6.6.5\",\n \"babel-preset-react\": \"^6.5.0\",\n \"browserify\": \"^13.0.0\",\n \"bundle-collapser\": \"^1.1.1\",\ndiff --git a\/packages\/react-native-renderer\/README.md b\/packages\/react-native-renderer\/README.md\nnew file mode 100644\nindex 0000000000..db3e7d3a59\n--- \/dev\/null\n+++ b\/packages\/react-native-renderer\/README.md\n@@ -0,0 +1,5 @@\n+# `react-native-renderer`\n+\n+This package is the renderer that is used by the react-native package.\n+It is intended to be used inside the react-native environment. It is not\n+intended to be used stand alone.\ndiff --git a\/packages\/react-native-renderer\/index.js b\/packages\/react-native-renderer\/index.js\nnew file mode 100644\nindex 0000000000..6f35853e7c\n--- \/dev\/null\n+++ b\/packages\/react-native-renderer\/index.js\n@@ -0,0 +1,3 @@\n+'use strict';\n+\n+module.exports = require('react\/lib\/ReactNative');\ndiff --git a\/packages\/react-native-renderer\/package.json b\/packages\/react-native-renderer\/package.json\nnew file mode 100644\nindex 0000000000..a9c487be12\n--- \/dev\/null\n+++ b\/packages\/react-native-renderer\/package.json\n@@ -0,0 +1,23 @@\n+{\n+ \"name\": \"react-native-renderer\",\n+ \"version\": \"16.0.0-alpha\",\n+ \"description\": \"React package for use inside react-native.\",\n+ \"main\": \"index.js\",\n+ \"repository\": {\n+ \"type\": \"git\",\n+ \"url\": \"git+https:\/\/github.com\/facebook\/react.git\"\n+ },\n+ \"keywords\": [\n+ \"react\",\n+ \"react-native\"\n+ ],\n+ \"license\": \"BSD-3-Clause\",\n+ \"bugs\": {\n+ \"url\": \"https:\/\/github.com\/facebook\/react\/issues\"\n+ },\n+ \"homepage\": \"https:\/\/facebook.github.io\/react-native\/\",\n+ \"dependencies\": {\n+ \"fbjs\": \"^0.8.0\",\n+ \"react\": \"^16.0.0-alpha\"\n+ }\n+}\ndiff --git a\/packages\/react\/lib\/ReactDOM.native.js b\/packages\/react\/lib\/ReactDOM.native.js\ndeleted file mode 100644\nindex bdd9044a8b..0000000000\n--- a\/packages\/react\/lib\/ReactDOM.native.js\n+++ \/dev\/null\n@@ -1,12 +0,0 @@\n-'use strict';\n-\n-var ReactUpdates = require('.\/ReactUpdates');\n-\n-\/\/ TODO: In React Native, ReactTestUtils depends on .\/ReactDOM (for\n-\/\/ renderIntoDocument, which should never be called) and Relay depends on\n-\/\/ react-dom (for batching). Once those are fixed, nothing in RN should import\n-\/\/ this module and this file can go away.\n-\n-module.exports = {\n- unstable_batchedUpdates: ReactUpdates.batchedUpdates,\n-};\ndiff --git a\/src\/renderers\/native\/ReactIOS\/IOSDefaultEventPluginOrder.js b\/src\/renderers\/native\/ReactIOS\/IOSDefaultEventPluginOrder.js\nnew file mode 100644\nindex 0000000000..eae211c40f\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactIOS\/IOSDefaultEventPluginOrder.js\n@@ -0,0 +1,19 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule IOSDefaultEventPluginOrder\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var IOSDefaultEventPluginOrder = [\n+ 'ResponderEventPlugin',\n+ 'IOSNativeBridgeEventPlugin',\n+];\n+\n+module.exports = IOSDefaultEventPluginOrder;\ndiff --git a\/src\/renderers\/native\/ReactIOS\/IOSNativeBridgeEventPlugin.js b\/src\/renderers\/native\/ReactIOS\/IOSNativeBridgeEventPlugin.js\nnew file mode 100644\nindex 0000000000..564e10f28c\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactIOS\/IOSNativeBridgeEventPlugin.js\n@@ -0,0 +1,71 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule IOSNativeBridgeEventPlugin\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var EventPropagators = require('EventPropagators');\n+var SyntheticEvent = require('SyntheticEvent');\n+var UIManager = require('UIManager');\n+\n+var merge = require('merge');\n+var warning = require('warning');\n+\n+var customBubblingEventTypes = UIManager.customBubblingEventTypes;\n+var customDirectEventTypes = UIManager.customDirectEventTypes;\n+\n+var allTypesByEventName = {};\n+\n+for (var bubblingTypeName in customBubblingEventTypes) {\n+ allTypesByEventName[bubblingTypeName] = customBubblingEventTypes[bubblingTypeName];\n+}\n+\n+for (var directTypeName in customDirectEventTypes) {\n+ warning(\n+ !customBubblingEventTypes[directTypeName],\n+ 'Event cannot be both direct and bubbling: %s',\n+ directTypeName\n+ );\n+ allTypesByEventName[directTypeName] = customDirectEventTypes[directTypeName];\n+}\n+\n+var IOSNativeBridgeEventPlugin = {\n+\n+ eventTypes: merge(customBubblingEventTypes, customDirectEventTypes),\n+\n+ \/**\n+ * @see {EventPluginHub.extractEvents}\n+ *\/\n+ extractEvents: function(\n+ topLevelType,\n+ targetInst,\n+ nativeEvent,\n+ nativeEventTarget\n+ ): ?Object {\n+ var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];\n+ var directDispatchConfig = customDirectEventTypes[topLevelType];\n+ var event = SyntheticEvent.getPooled(\n+ bubbleDispatchConfig || directDispatchConfig,\n+ targetInst,\n+ nativeEvent,\n+ nativeEventTarget\n+ );\n+ if (bubbleDispatchConfig) {\n+ EventPropagators.accumulateTwoPhaseDispatches(event);\n+ } else if (directDispatchConfig) {\n+ EventPropagators.accumulateDirectDispatches(event);\n+ } else {\n+ return null;\n+ }\n+ return event;\n+ },\n+};\n+\n+module.exports = IOSNativeBridgeEventPlugin;\ndiff --git a\/src\/renderers\/native\/ReactIOS\/NativeMethodsMixin.js b\/src\/renderers\/native\/ReactIOS\/NativeMethodsMixin.js\nnew file mode 100644\nindex 0000000000..0d06e11fef\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactIOS\/NativeMethodsMixin.js\n@@ -0,0 +1,219 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule NativeMethodsMixin\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var ReactNativeAttributePayload = require('ReactNativeAttributePayload');\n+var TextInputState = require('TextInputState');\n+var UIManager = require('UIManager');\n+\n+var findNodeHandle = require('findNodeHandle');\n+var invariant = require('invariant');\n+\n+type MeasureOnSuccessCallback = (\n+ x: number,\n+ y: number,\n+ width: number,\n+ height: number,\n+ pageX: number,\n+ pageY: number\n+) => void\n+\n+type MeasureInWindowOnSuccessCallback = (\n+ x: number,\n+ y: number,\n+ width: number,\n+ height: number,\n+) => void\n+\n+type MeasureLayoutOnSuccessCallback = (\n+ left: number,\n+ top: number,\n+ width: number,\n+ height: number\n+) => void\n+\n+function warnForStyleProps(props, validAttributes) {\n+ for (var key in validAttributes.style) {\n+ if (!(validAttributes[key] || props[key] === undefined)) {\n+ console.error(\n+ 'You are setting the style `{ ' + key + ': ... }` as a prop. You ' +\n+ 'should nest it in a style object. ' +\n+ 'E.g. `{ style: { ' + key + ': ... } }`'\n+ );\n+ }\n+ }\n+}\n+\n+\/**\n+ * `NativeMethodsMixin` provides methods to access the underlying native\n+ * component directly. This can be useful in cases when you want to focus\n+ * a view or measure its on-screen dimensions, for example.\n+ *\n+ * The methods described here are available on most of the default components\n+ * provided by React Native. Note, however, that they are *not* available on\n+ * composite components that aren't directly backed by a native view. This will\n+ * generally include most components that you define in your own app. For more\n+ * information, see [Direct\n+ * Manipulation](docs\/direct-manipulation.html).\n+ *\/\n+var NativeMethodsMixin = {\n+ \/**\n+ * Determines the location on screen, width, and height of the given view and\n+ * returns the values via an async callback. If successful, the callback will\n+ * be called with the following arguments:\n+ *\n+ * - x\n+ * - y\n+ * - width\n+ * - height\n+ * - pageX\n+ * - pageY\n+ *\n+ * Note that these measurements are not available until after the rendering\n+ * has been completed in native. If you need the measurements as soon as\n+ * possible, consider using the [`onLayout`\n+ * prop](docs\/view.html#onlayout) instead.\n+ *\/\n+ measure: function(callback: MeasureOnSuccessCallback) {\n+ UIManager.measure(\n+ findNodeHandle(this),\n+ mountSafeCallback(this, callback)\n+ );\n+ },\n+\n+ \/**\n+ * Determines the location of the given view in the window and returns the\n+ * values via an async callback. If the React root view is embedded in\n+ * another native view, this will give you the absolute coordinates. If\n+ * successful, the callback will be called with the following\n+ * arguments:\n+ *\n+ * - x\n+ * - y\n+ * - width\n+ * - height\n+ *\n+ * Note that these measurements are not available until after the rendering\n+ * has been completed in native.\n+ *\/\n+ measureInWindow: function(callback: MeasureInWindowOnSuccessCallback) {\n+ UIManager.measureInWindow(\n+ findNodeHandle(this),\n+ mountSafeCallback(this, callback)\n+ );\n+ },\n+\n+ \/**\n+ * Like [`measure()`](#measure), but measures the view relative an ancestor,\n+ * specified as `relativeToNativeNode`. This means that the returned x, y\n+ * are relative to the origin x, y of the ancestor view.\n+ *\n+ * As always, to obtain a native node handle for a component, you can use\n+ * `React.findNodeHandle(component)`.\n+ *\/\n+ measureLayout: function(\n+ relativeToNativeNode: number,\n+ onSuccess: MeasureLayoutOnSuccessCallback,\n+ onFail: () => void \/* currently unused *\/\n+ ) {\n+ UIManager.measureLayout(\n+ findNodeHandle(this),\n+ relativeToNativeNode,\n+ mountSafeCallback(this, onFail),\n+ mountSafeCallback(this, onSuccess)\n+ );\n+ },\n+\n+ \/**\n+ * This function sends props straight to native. They will not participate in\n+ * future diff process - this means that if you do not include them in the\n+ * next render, they will remain active (see [Direct\n+ * Manipulation](docs\/direct-manipulation.html)).\n+ *\/\n+ setNativeProps: function(nativeProps: Object) {\n+ if (__DEV__) {\n+ warnForStyleProps(nativeProps, this.viewConfig.validAttributes);\n+ }\n+\n+ var updatePayload = ReactNativeAttributePayload.create(\n+ nativeProps,\n+ this.viewConfig.validAttributes\n+ );\n+\n+ UIManager.updateView(\n+ findNodeHandle(this),\n+ this.viewConfig.uiViewClassName,\n+ updatePayload\n+ );\n+ },\n+\n+ \/**\n+ * Requests focus for the given input or view. The exact behavior triggered\n+ * will depend on the platform and type of view.\n+ *\/\n+ focus: function() {\n+ TextInputState.focusTextInput(findNodeHandle(this));\n+ },\n+\n+ \/**\n+ * Removes focus from an input or view. This is the opposite of `focus()`.\n+ *\/\n+ blur: function() {\n+ TextInputState.blurTextInput(findNodeHandle(this));\n+ },\n+};\n+\n+function throwOnStylesProp(component, props) {\n+ if (props.styles !== undefined) {\n+ var owner = component._owner || null;\n+ var name = component.constructor.displayName;\n+ var msg = '`styles` is not a supported property of `' + name + '`, did ' +\n+ 'you mean `style` (singular)?';\n+ if (owner && owner.constructor && owner.constructor.displayName) {\n+ msg += '\\n\\nCheck the `' + owner.constructor.displayName + '` parent ' +\n+ ' component.';\n+ }\n+ throw new Error(msg);\n+ }\n+}\n+if (__DEV__) {\n+ \/\/ hide this from Flow since we can't define these properties outside of\n+ \/\/ __DEV__ without actually implementing them (setting them to undefined\n+ \/\/ isn't allowed by ReactClass)\n+ var NativeMethodsMixin_DEV = (NativeMethodsMixin: any);\n+ invariant(\n+ !NativeMethodsMixin_DEV.componentWillMount &&\n+ !NativeMethodsMixin_DEV.componentWillReceiveProps,\n+ 'Do not override existing functions.'\n+ );\n+ NativeMethodsMixin_DEV.componentWillMount = function() {\n+ throwOnStylesProp(this, this.props);\n+ };\n+ NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {\n+ throwOnStylesProp(this, newProps);\n+ };\n+}\n+\n+\/**\n+ * In the future, we should cleanup callbacks by cancelling them instead of\n+ * using this.\n+ *\/\n+var mountSafeCallback = function(context: ReactComponent, callback: ?Function): any {\n+ return function() {\n+ if (!callback || (context.isMounted && !context.isMounted())) {\n+ return undefined;\n+ }\n+ return callback.apply(context, arguments);\n+ };\n+};\n+\n+module.exports = NativeMethodsMixin;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNative.js b\/src\/renderers\/native\/ReactNative\/ReactNative.js\nnew file mode 100644\nindex 0000000000..e40c6b7576\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNative.js\n@@ -0,0 +1,76 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNative\n+ * @flow\n+ *\/\n+'use strict';\n+\n+\/\/ Require ReactNativeDefaultInjection first for its side effects of setting up\n+\/\/ the JS environment\n+var ReactNativeComponentTree = require('ReactNativeComponentTree');\n+var ReactNativeDefaultInjection = require('ReactNativeDefaultInjection');\n+\n+var ReactElement = require('ReactElement');\n+var ReactNativeMount = require('ReactNativeMount');\n+var ReactUpdates = require('ReactUpdates');\n+\n+var findNodeHandle = require('findNodeHandle');\n+\n+ReactNativeDefaultInjection.inject();\n+\n+var render = function(\n+ element: ReactElement,\n+ mountInto: number,\n+ callback?: ?(() => void)\n+): ?ReactComponent {\n+ return ReactNativeMount.renderComponent(element, mountInto, callback);\n+};\n+\n+var ReactNative = {\n+ hasReactNativeInitialized: false,\n+ findNodeHandle: findNodeHandle,\n+ render: render,\n+ unmountComponentAtNode: ReactNativeMount.unmountComponentAtNode,\n+\n+ \/* eslint-disable camelcase *\/\n+ unstable_batchedUpdates: ReactUpdates.batchedUpdates,\n+ \/* eslint-enable camelcase *\/\n+\n+ unmountComponentAtNodeAndRemoveContainer: ReactNativeMount.unmountComponentAtNodeAndRemoveContainer,\n+};\n+\n+\/\/ Inject the runtime into a devtools global hook regardless of browser.\n+\/\/ Allows for debugging when the hook is injected on the page.\n+\/* globals __REACT_DEVTOOLS_GLOBAL_HOOK__ *\/\n+if (\n+ typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&\n+ typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function') {\n+ __REACT_DEVTOOLS_GLOBAL_HOOK__.inject({\n+ ComponentTree: {\n+ getClosestInstanceFromNode: function(node) {\n+ return ReactNativeComponentTree.getClosestInstanceFromNode(node);\n+ },\n+ getNodeFromInstance: function(inst) {\n+ \/\/ inst is an internal instance (but could be a composite)\n+ while (inst._renderedComponent) {\n+ inst = inst._renderedComponent;\n+ }\n+ if (inst) {\n+ return ReactNativeComponentTree.getNodeFromInstance(inst);\n+ } else {\n+ return null;\n+ }\n+ },\n+ },\n+ Mount: ReactNativeMount,\n+ Reconciler: require('ReactReconciler'),\n+ });\n+}\n+\n+module.exports = ReactNative;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeAttributePayload.js b\/src\/renderers\/native\/ReactNative\/ReactNativeAttributePayload.js\nnew file mode 100644\nindex 0000000000..ca1cd57030\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeAttributePayload.js\n@@ -0,0 +1,546 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeAttributePayload\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var Platform = require('Platform');\n+var ReactNativePropRegistry = require('ReactNativePropRegistry');\n+\n+var deepDiffer = require('deepDiffer');\n+var flattenStyle = require('flattenStyle');\n+\n+var emptyObject = {};\n+\n+\/**\n+ * Create a payload that contains all the updates between two sets of props.\n+ *\n+ * These helpers are all encapsulated into a single module, because they use\n+ * mutation as a performance optimization which leads to subtle shared\n+ * dependencies between the code paths. To avoid this mutable state leaking\n+ * across modules, I've kept them isolated to this module.\n+ *\/\n+\n+type AttributeDiffer = (prevProp: mixed, nextProp: mixed) => boolean;\n+type AttributePreprocessor = (nextProp: mixed) => mixed;\n+\n+type CustomAttributeConfiguration =\n+ { diff: AttributeDiffer, process: AttributePreprocessor } |\n+ { diff: AttributeDiffer } |\n+ { process: AttributePreprocessor };\n+\n+type AttributeConfiguration =\n+ { [key: string]: (\n+ CustomAttributeConfiguration | AttributeConfiguration \/*| boolean*\/\n+ ) };\n+\n+type NestedNode = Array | Object | number;\n+\n+\/\/ Tracks removed keys\n+var removedKeys = null;\n+var removedKeyCount = 0;\n+\n+function translateKey(propKey: string) : string {\n+ if (propKey === 'transform') {\n+ \/\/ We currently special case the key for `transform`. iOS uses the\n+ \/\/ transformMatrix name and Android uses the decomposedMatrix name.\n+ \/\/ TODO: We could unify these names and just use the name `transform`\n+ \/\/ all the time. Just need to update the native side.\n+ if (Platform.OS === 'android') {\n+ return 'decomposedMatrix';\n+ } else {\n+ return 'transformMatrix';\n+ }\n+ }\n+ return propKey;\n+}\n+\n+function defaultDiffer(prevProp: mixed, nextProp: mixed) : boolean {\n+ if (typeof nextProp !== 'object' || nextProp === null) {\n+ \/\/ Scalars have already been checked for equality\n+ return true;\n+ } else {\n+ \/\/ For objects and arrays, the default diffing algorithm is a deep compare\n+ return deepDiffer(prevProp, nextProp);\n+ }\n+}\n+\n+function resolveObject(idOrObject: number | Object) : Object {\n+ if (typeof idOrObject === 'number') {\n+ return ReactNativePropRegistry.getByID(idOrObject);\n+ }\n+ return idOrObject;\n+}\n+\n+function restoreDeletedValuesInNestedArray(\n+ updatePayload: Object,\n+ node: NestedNode,\n+ validAttributes: AttributeConfiguration\n+) {\n+ if (Array.isArray(node)) {\n+ var i = node.length;\n+ while (i-- && removedKeyCount > 0) {\n+ restoreDeletedValuesInNestedArray(\n+ updatePayload,\n+ node[i],\n+ validAttributes\n+ );\n+ }\n+ } else if (node && removedKeyCount > 0) {\n+ var obj = resolveObject(node);\n+ for (var propKey in removedKeys) {\n+ if (!removedKeys[propKey]) {\n+ continue;\n+ }\n+ var nextProp = obj[propKey];\n+ if (nextProp === undefined) {\n+ continue;\n+ }\n+\n+ var attributeConfig = validAttributes[propKey];\n+ if (!attributeConfig) {\n+ continue; \/\/ not a valid native prop\n+ }\n+\n+ if (typeof nextProp === 'function') {\n+ nextProp = true;\n+ }\n+ if (typeof nextProp === 'undefined') {\n+ nextProp = null;\n+ }\n+\n+ if (typeof attributeConfig !== 'object') {\n+ \/\/ case: !Object is the default case\n+ updatePayload[propKey] = nextProp;\n+ } else if (typeof attributeConfig.diff === 'function' ||\n+ typeof attributeConfig.process === 'function') {\n+ \/\/ case: CustomAttributeConfiguration\n+ var nextValue = typeof attributeConfig.process === 'function' ?\n+ attributeConfig.process(nextProp) :\n+ nextProp;\n+ updatePayload[propKey] = nextValue;\n+ }\n+ removedKeys[propKey] = false;\n+ removedKeyCount--;\n+ }\n+ }\n+}\n+\n+function diffNestedArrayProperty(\n+ updatePayload:? Object,\n+ prevArray: Array,\n+ nextArray: Array,\n+ validAttributes: AttributeConfiguration\n+) : ?Object {\n+ var minLength = prevArray.length < nextArray.length ?\n+ prevArray.length :\n+ nextArray.length;\n+ var i;\n+ for (i = 0; i < minLength; i++) {\n+ \/\/ Diff any items in the array in the forward direction. Repeated keys\n+ \/\/ will be overwritten by later values.\n+ updatePayload = diffNestedProperty(\n+ updatePayload,\n+ prevArray[i],\n+ nextArray[i],\n+ validAttributes\n+ );\n+ }\n+ for (; i < prevArray.length; i++) {\n+ \/\/ Clear out all remaining properties.\n+ updatePayload = clearNestedProperty(\n+ updatePayload,\n+ prevArray[i],\n+ validAttributes\n+ );\n+ }\n+ for (; i < nextArray.length; i++) {\n+ \/\/ Add all remaining properties.\n+ updatePayload = addNestedProperty(\n+ updatePayload,\n+ nextArray[i],\n+ validAttributes\n+ );\n+ }\n+ return updatePayload;\n+}\n+\n+function diffNestedProperty(\n+ updatePayload:? Object,\n+ prevProp: NestedNode,\n+ nextProp: NestedNode,\n+ validAttributes: AttributeConfiguration\n+) : ?Object {\n+\n+ if (!updatePayload && prevProp === nextProp) {\n+ \/\/ If no properties have been added, then we can bail out quickly on object\n+ \/\/ equality.\n+ return updatePayload;\n+ }\n+\n+ if (!prevProp || !nextProp) {\n+ if (nextProp) {\n+ return addNestedProperty(\n+ updatePayload,\n+ nextProp,\n+ validAttributes\n+ );\n+ }\n+ if (prevProp) {\n+ return clearNestedProperty(\n+ updatePayload,\n+ prevProp,\n+ validAttributes\n+ );\n+ }\n+ return updatePayload;\n+ }\n+\n+ if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {\n+ \/\/ Both are leaves, we can diff the leaves.\n+ return diffProperties(\n+ updatePayload,\n+ resolveObject(prevProp),\n+ resolveObject(nextProp),\n+ validAttributes\n+ );\n+ }\n+\n+ if (Array.isArray(prevProp) && Array.isArray(nextProp)) {\n+ \/\/ Both are arrays, we can diff the arrays.\n+ return diffNestedArrayProperty(\n+ updatePayload,\n+ prevProp,\n+ nextProp,\n+ validAttributes\n+ );\n+ }\n+\n+ if (Array.isArray(prevProp)) {\n+ return diffProperties(\n+ updatePayload,\n+ \/\/ $FlowFixMe - We know that this is always an object when the input is.\n+ flattenStyle(prevProp),\n+ \/\/ $FlowFixMe - We know that this isn't an array because of above flow.\n+ resolveObject(nextProp),\n+ validAttributes\n+ );\n+ }\n+\n+ return diffProperties(\n+ updatePayload,\n+ resolveObject(prevProp),\n+ \/\/ $FlowFixMe - We know that this is always an object when the input is.\n+ flattenStyle(nextProp),\n+ validAttributes\n+ );\n+}\n+\n+\/**\n+ * addNestedProperty takes a single set of props and valid attribute\n+ * attribute configurations. It processes each prop and adds it to the\n+ * updatePayload.\n+ *\/\n+function addNestedProperty(\n+ updatePayload:? Object,\n+ nextProp: NestedNode,\n+ validAttributes: AttributeConfiguration\n+) {\n+ if (!nextProp) {\n+ return updatePayload;\n+ }\n+\n+ if (!Array.isArray(nextProp)) {\n+ \/\/ Add each property of the leaf.\n+ return addProperties(\n+ updatePayload,\n+ resolveObject(nextProp),\n+ validAttributes\n+ );\n+ }\n+\n+ for (var i = 0; i < nextProp.length; i++) {\n+ \/\/ Add all the properties of the array.\n+ updatePayload = addNestedProperty(\n+ updatePayload,\n+ nextProp[i],\n+ validAttributes\n+ );\n+ }\n+\n+ return updatePayload;\n+}\n+\n+\/**\n+ * clearNestedProperty takes a single set of props and valid attributes. It\n+ * adds a null sentinel to the updatePayload, for each prop key.\n+ *\/\n+function clearNestedProperty(\n+ updatePayload:? Object,\n+ prevProp: NestedNode,\n+ validAttributes: AttributeConfiguration\n+) : ?Object {\n+ if (!prevProp) {\n+ return updatePayload;\n+ }\n+\n+ if (!Array.isArray(prevProp)) {\n+ \/\/ Add each property of the leaf.\n+ return clearProperties(\n+ updatePayload,\n+ resolveObject(prevProp),\n+ validAttributes\n+ );\n+ }\n+\n+ for (var i = 0; i < prevProp.length; i++) {\n+ \/\/ Add all the properties of the array.\n+ updatePayload = clearNestedProperty(\n+ updatePayload,\n+ prevProp[i],\n+ validAttributes\n+ );\n+ }\n+ return updatePayload;\n+}\n+\n+\/**\n+ * diffProperties takes two sets of props and a set of valid attributes\n+ * and write to updatePayload the values that changed or were deleted.\n+ * If no updatePayload is provided, a new one is created and returned if\n+ * anything changed.\n+ *\/\n+function diffProperties(\n+ updatePayload: ?Object,\n+ prevProps: Object,\n+ nextProps: Object,\n+ validAttributes: AttributeConfiguration\n+): ?Object {\n+ var attributeConfig : ?(CustomAttributeConfiguration | AttributeConfiguration);\n+ var nextProp;\n+ var prevProp;\n+ var altKey;\n+\n+ for (var propKey in nextProps) {\n+ attributeConfig = validAttributes[propKey];\n+ if (!attributeConfig) {\n+ continue; \/\/ not a valid native prop\n+ }\n+\n+ altKey = translateKey(propKey);\n+ if (!validAttributes[altKey]) {\n+ \/\/ If there is no config for the alternative, bail out. Helps ART.\n+ altKey = propKey;\n+ }\n+\n+ prevProp = prevProps[propKey];\n+ nextProp = nextProps[propKey];\n+\n+ \/\/ functions are converted to booleans as markers that the associated\n+ \/\/ events should be sent from native.\n+ if (typeof nextProp === 'function') {\n+ nextProp = (true : any);\n+ \/\/ If nextProp is not a function, then don't bother changing prevProp\n+ \/\/ since nextProp will win and go into the updatePayload regardless.\n+ if (typeof prevProp === 'function') {\n+ prevProp = (true : any);\n+ }\n+ }\n+\n+ \/\/ An explicit value of undefined is treated as a null because it overrides\n+ \/\/ any other preceeding value.\n+ if (typeof nextProp === 'undefined') {\n+ nextProp = (null : any);\n+ if (typeof prevProp === 'undefined') {\n+ prevProp = (null : any);\n+ }\n+ }\n+\n+ if (removedKeys) {\n+ removedKeys[propKey] = false;\n+ }\n+\n+ if (updatePayload && updatePayload[altKey] !== undefined) {\n+ \/\/ Something else already triggered an update to this key because another\n+ \/\/ value diffed. Since we're now later in the nested arrays our value is\n+ \/\/ more important so we need to calculate it and override the existing\n+ \/\/ value. It doesn't matter if nothing changed, we'll set it anyway.\n+\n+ \/\/ Pattern match on: attributeConfig\n+ if (typeof attributeConfig !== 'object') {\n+ \/\/ case: !Object is the default case\n+ updatePayload[altKey] = nextProp;\n+ } else if (typeof attributeConfig.diff === 'function' ||\n+ typeof attributeConfig.process === 'function') {\n+ \/\/ case: CustomAttributeConfiguration\n+ var nextValue = typeof attributeConfig.process === 'function' ?\n+ attributeConfig.process(nextProp) :\n+ nextProp;\n+ updatePayload[altKey] = nextValue;\n+ }\n+ continue;\n+ }\n+\n+ if (prevProp === nextProp) {\n+ continue; \/\/ nothing changed\n+ }\n+\n+ \/\/ Pattern match on: attributeConfig\n+ if (typeof attributeConfig !== 'object') {\n+ \/\/ case: !Object is the default case\n+ if (defaultDiffer(prevProp, nextProp)) {\n+ \/\/ a normal leaf has changed\n+ (updatePayload || (updatePayload = {}))[altKey] = nextProp;\n+ }\n+ } else if (typeof attributeConfig.diff === 'function' ||\n+ typeof attributeConfig.process === 'function') {\n+ \/\/ case: CustomAttributeConfiguration\n+ var shouldUpdate = prevProp === undefined || (\n+ typeof attributeConfig.diff === 'function' ?\n+ attributeConfig.diff(prevProp, nextProp) :\n+ defaultDiffer(prevProp, nextProp)\n+ );\n+ if (shouldUpdate) {\n+ nextValue = typeof attributeConfig.process === 'function' ?\n+ attributeConfig.process(nextProp) :\n+ nextProp;\n+ (updatePayload || (updatePayload = {}))[altKey] = nextValue;\n+ }\n+ } else {\n+ \/\/ default: fallthrough case when nested properties are defined\n+ removedKeys = null;\n+ removedKeyCount = 0;\n+ updatePayload = diffNestedProperty(\n+ updatePayload,\n+ prevProp,\n+ nextProp,\n+ attributeConfig\n+ );\n+ if (removedKeyCount > 0 && updatePayload) {\n+ restoreDeletedValuesInNestedArray(\n+ updatePayload,\n+ nextProp,\n+ attributeConfig\n+ );\n+ removedKeys = null;\n+ }\n+ }\n+ }\n+\n+ \/\/ Also iterate through all the previous props to catch any that have been\n+ \/\/ removed and make sure native gets the signal so it can reset them to the\n+ \/\/ default.\n+ for (propKey in prevProps) {\n+ if (nextProps[propKey] !== undefined) {\n+ continue; \/\/ we've already covered this key in the previous pass\n+ }\n+ attributeConfig = validAttributes[propKey];\n+ if (!attributeConfig) {\n+ continue; \/\/ not a valid native prop\n+ }\n+\n+ altKey = translateKey(propKey);\n+ if (!attributeConfig[altKey]) {\n+ \/\/ If there is no config for the alternative, bail out. Helps ART.\n+ altKey = propKey;\n+ }\n+\n+ if (updatePayload && updatePayload[altKey] !== undefined) {\n+ \/\/ This was already updated to a diff result earlier.\n+ continue;\n+ }\n+\n+ prevProp = prevProps[propKey];\n+ if (prevProp === undefined) {\n+ continue; \/\/ was already empty anyway\n+ }\n+ \/\/ Pattern match on: attributeConfig\n+ if (typeof attributeConfig !== 'object' ||\n+ typeof attributeConfig.diff === 'function' ||\n+ typeof attributeConfig.process === 'function') {\n+\n+ \/\/ case: CustomAttributeConfiguration | !Object\n+ \/\/ Flag the leaf property for removal by sending a sentinel.\n+ (updatePayload || (updatePayload = {}))[altKey] = null;\n+ if (!removedKeys) {\n+ removedKeys = {};\n+ }\n+ if (!removedKeys[propKey]) {\n+ removedKeys[propKey] = true;\n+ removedKeyCount++;\n+ }\n+ } else {\n+ \/\/ default:\n+ \/\/ This is a nested attribute configuration where all the properties\n+ \/\/ were removed so we need to go through and clear out all of them.\n+ updatePayload = clearNestedProperty(\n+ updatePayload,\n+ prevProp,\n+ attributeConfig\n+ );\n+ }\n+ }\n+ return updatePayload;\n+}\n+\n+\/**\n+ * addProperties adds all the valid props to the payload after being processed.\n+ *\/\n+function addProperties(\n+ updatePayload: ?Object,\n+ props: Object,\n+ validAttributes: AttributeConfiguration\n+) : ?Object {\n+ \/\/ TODO: Fast path\n+ return diffProperties(updatePayload, emptyObject, props, validAttributes);\n+}\n+\n+\/**\n+ * clearProperties clears all the previous props by adding a null sentinel\n+ * to the payload for each valid key.\n+ *\/\n+function clearProperties(\n+ updatePayload: ?Object,\n+ prevProps: Object,\n+ validAttributes: AttributeConfiguration\n+) :? Object {\n+ \/\/ TODO: Fast path\n+ return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);\n+}\n+\n+var ReactNativeAttributePayload = {\n+\n+ create: function(\n+ props: Object,\n+ validAttributes: AttributeConfiguration\n+ ) : ?Object {\n+ return addProperties(\n+ null, \/\/ updatePayload\n+ props,\n+ validAttributes\n+ );\n+ },\n+\n+ diff: function(\n+ prevProps: Object,\n+ nextProps: Object,\n+ validAttributes: AttributeConfiguration\n+ ) : ?Object {\n+ return diffProperties(\n+ null, \/\/ updatePayload\n+ prevProps,\n+ nextProps,\n+ validAttributes\n+ );\n+ },\n+\n+};\n+\n+module.exports = ReactNativeAttributePayload;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeBaseComponent.js b\/src\/renderers\/native\/ReactNative\/ReactNativeBaseComponent.js\nnew file mode 100644\nindex 0000000000..a15dae5bba\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeBaseComponent.js\n@@ -0,0 +1,230 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeBaseComponent\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var NativeMethodsMixin = require('NativeMethodsMixin');\n+var ReactNativeAttributePayload = require('ReactNativeAttributePayload');\n+var ReactNativeComponentTree = require('ReactNativeComponentTree');\n+var ReactNativeEventEmitter = require('ReactNativeEventEmitter');\n+var ReactNativeTagHandles = require('ReactNativeTagHandles');\n+var ReactMultiChild = require('ReactMultiChild');\n+var UIManager = require('UIManager');\n+\n+var deepFreezeAndThrowOnMutationInDev = require('deepFreezeAndThrowOnMutationInDev');\n+\n+var registrationNames = ReactNativeEventEmitter.registrationNames;\n+var putListener = ReactNativeEventEmitter.putListener;\n+var deleteListener = ReactNativeEventEmitter.deleteListener;\n+var deleteAllListeners = ReactNativeEventEmitter.deleteAllListeners;\n+\n+type ReactNativeBaseComponentViewConfig = {\n+ validAttributes: Object;\n+ uiViewClassName: string;\n+}\n+\n+\/\/ require('UIManagerStatTracker').install(); \/\/ uncomment to enable\n+\n+\/**\n+ * @constructor ReactNativeBaseComponent\n+ * @extends ReactComponent\n+ * @extends ReactMultiChild\n+ * @param {!object} UIKit View Configuration.\n+ *\/\n+var ReactNativeBaseComponent = function(\n+ viewConfig: ReactNativeBaseComponentViewConfig\n+) {\n+ this.viewConfig = viewConfig;\n+};\n+\n+\/**\n+ * Mixin for containers that contain UIViews. NOTE: markup is rendered markup\n+ * which is a `viewID` ... see the return value for `mountComponent` !\n+ *\/\n+ReactNativeBaseComponent.Mixin = {\n+ getPublicInstance: function() {\n+ \/\/ TODO: This should probably use a composite wrapper\n+ return this;\n+ },\n+\n+ unmountComponent: function() {\n+ ReactNativeComponentTree.uncacheNode(this);\n+ deleteAllListeners(this);\n+ this.unmountChildren();\n+ this._rootNodeID = null;\n+ },\n+\n+ \/**\n+ * Every native component is responsible for allocating its own `tag`, and\n+ * issuing the native `createView` command. But it is not responsible for\n+ * recording the fact that its own `rootNodeID` is associated with a\n+ * `nodeHandle`. Only the code that actually adds its `nodeHandle` (`tag`) as\n+ * a child of a container can confidently record that in\n+ * `ReactNativeTagHandles`.\n+ *\/\n+ initializeChildren: function(children, containerTag, transaction, context) {\n+ var mountImages = this.mountChildren(children, transaction, context);\n+ \/\/ In a well balanced tree, half of the nodes are in the bottom row and have\n+ \/\/ no children - let's avoid calling out to the native bridge for a large\n+ \/\/ portion of the children.\n+ if (mountImages.length) {\n+\n+ \/\/ TODO: Pool these per platform view class. Reusing the `mountImages`\n+ \/\/ array would likely be a jit deopt.\n+ var createdTags = [];\n+ for (var i = 0, l = mountImages.length; i < l; i++) {\n+ var mountImage = mountImages[i];\n+ var childTag = mountImage;\n+ createdTags[i] = childTag;\n+ }\n+ UIManager.setChildren(containerTag, createdTags);\n+ }\n+ },\n+\n+ \/**\n+ * Updates the component's currently mounted representation.\n+ *\n+ * @param {object} nextElement\n+ * @param {ReactReconcileTransaction} transaction\n+ * @param {object} context\n+ * @internal\n+ *\/\n+ receiveComponent: function(nextElement, transaction, context) {\n+ var prevElement = this._currentElement;\n+ this._currentElement = nextElement;\n+\n+ if (__DEV__) {\n+ for (var key in this.viewConfig.validAttributes) {\n+ if (nextElement.props.hasOwnProperty(key)) {\n+ deepFreezeAndThrowOnMutationInDev(nextElement.props[key]);\n+ }\n+ }\n+ }\n+\n+ var updatePayload = ReactNativeAttributePayload.diff(\n+ prevElement.props,\n+ nextElement.props,\n+ this.viewConfig.validAttributes\n+ );\n+\n+ if (updatePayload) {\n+ UIManager.updateView(\n+ this._rootNodeID,\n+ this.viewConfig.uiViewClassName,\n+ updatePayload\n+ );\n+ }\n+\n+ this._reconcileListenersUponUpdate(\n+ prevElement.props,\n+ nextElement.props\n+ );\n+ this.updateChildren(nextElement.props.children, transaction, context);\n+ },\n+\n+ \/**\n+ * @param {object} initialProps Native component props.\n+ *\/\n+ _registerListenersUponCreation: function(initialProps) {\n+ for (var key in initialProps) {\n+ \/\/ NOTE: The check for `!props[key]`, is only possible because this method\n+ \/\/ registers listeners the *first* time a component is created.\n+ if (registrationNames[key] && initialProps[key]) {\n+ var listener = initialProps[key];\n+ putListener(this, key, listener);\n+ }\n+ }\n+ },\n+\n+ \/**\n+ * Reconciles event listeners, adding or removing if necessary.\n+ * @param {object} prevProps Native component props including events.\n+ * @param {object} nextProps Next native component props including events.\n+ *\/\n+ _reconcileListenersUponUpdate: function(prevProps, nextProps) {\n+ for (var key in nextProps) {\n+ if (registrationNames[key] && (nextProps[key] !== prevProps[key])) {\n+ if (nextProps[key]) {\n+ putListener(this, key, nextProps[key]);\n+ } else {\n+ deleteListener(this, key);\n+ }\n+ }\n+ }\n+ },\n+\n+ \/**\n+ * Currently this still uses IDs for reconciliation so this can return null.\n+ *\n+ * @return {null} Null.\n+ *\/\n+ getNativeNode: function() {\n+ return this._rootNodeID;\n+ },\n+\n+ \/**\n+ * @param {string} rootID Root ID of this subtree.\n+ * @param {Transaction} transaction For creating\/updating.\n+ * @return {string} Unique iOS view tag.\n+ *\/\n+ mountComponent: function(transaction, nativeParent, nativeContainerInfo, context) {\n+ var tag = ReactNativeTagHandles.allocateTag();\n+\n+ this._rootNodeID = tag;\n+ this._nativeParent = nativeParent;\n+ this._nativeContainerInfo = nativeContainerInfo;\n+\n+ if (__DEV__) {\n+ for (var key in this.viewConfig.validAttributes) {\n+ if (this._currentElement.props.hasOwnProperty(key)) {\n+ deepFreezeAndThrowOnMutationInDev(this._currentElement.props[key]);\n+ }\n+ }\n+ }\n+\n+ var updatePayload = ReactNativeAttributePayload.create(\n+ this._currentElement.props,\n+ this.viewConfig.validAttributes\n+ );\n+\n+ var nativeTopRootTag = nativeContainerInfo._tag;\n+ UIManager.createView(\n+ tag,\n+ this.viewConfig.uiViewClassName,\n+ nativeTopRootTag,\n+ updatePayload\n+ );\n+\n+ ReactNativeComponentTree.precacheNode(this, tag);\n+\n+ this._registerListenersUponCreation(this._currentElement.props);\n+ this.initializeChildren(\n+ this._currentElement.props.children,\n+ tag,\n+ transaction,\n+ context\n+ );\n+ return tag;\n+ },\n+};\n+\n+\/**\n+ * Order of mixins is important. ReactNativeBaseComponent overrides methods in\n+ * ReactMultiChild.\n+ *\/\n+Object.assign(\n+ ReactNativeBaseComponent.prototype,\n+ ReactMultiChild.Mixin,\n+ ReactNativeBaseComponent.Mixin,\n+ NativeMethodsMixin\n+);\n+\n+module.exports = ReactNativeBaseComponent;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeComponentEnvironment.js b\/src\/renderers\/native\/ReactNative\/ReactNativeComponentEnvironment.js\nnew file mode 100644\nindex 0000000000..c8cff21b2e\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeComponentEnvironment.js\n@@ -0,0 +1,42 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeComponentEnvironment\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var ReactNativeDOMIDOperations = require('ReactNativeDOMIDOperations');\n+var ReactNativeReconcileTransaction = require('ReactNativeReconcileTransaction');\n+\n+var ReactNativeComponentEnvironment = {\n+\n+ processChildrenUpdates: ReactNativeDOMIDOperations.dangerouslyProcessChildrenUpdates,\n+\n+ replaceNodeWithMarkup: ReactNativeDOMIDOperations.dangerouslyReplaceNodeWithMarkupByID,\n+\n+ \/**\n+ * Nothing to do for UIKit bridge.\n+ *\n+ * @private\n+ *\/\n+ unmountIDFromEnvironment: function(\/*rootNodeID*\/) {\n+\n+ },\n+\n+ \/**\n+ * @param {DOMElement} Element to clear.\n+ *\/\n+ clearNode: function(\/*containerView*\/) {\n+\n+ },\n+\n+ ReactReconcileTransaction: ReactNativeReconcileTransaction,\n+};\n+\n+module.exports = ReactNativeComponentEnvironment;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeComponentTree.js b\/src\/renderers\/native\/ReactNative\/ReactNativeComponentTree.js\nnew file mode 100644\nindex 0000000000..82963ad4b1\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeComponentTree.js\n@@ -0,0 +1,66 @@\n+\/**\n+ * Copyright 2013-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeComponentTree\n+ *\/\n+\n+'use strict';\n+\n+var invariant = require('invariant');\n+\n+var instanceCache = {};\n+\n+\/**\n+ * Drill down (through composites and empty components) until we get a native or\n+ * native text component.\n+ *\n+ * This is pretty polymorphic but unavoidable with the current structure we have\n+ * for `_renderedChildren`.\n+ *\/\n+function getRenderedNativeOrTextFromComponent(component) {\n+ var rendered;\n+ while ((rendered = component._renderedComponent)) {\n+ component = rendered;\n+ }\n+ return component;\n+}\n+\n+\/**\n+ * Populate `_nativeNode` on the rendered native\/text component with the given\n+ * DOM node. The passed `inst` can be a composite.\n+ *\/\n+function precacheNode(inst, tag) {\n+ var nativeInst = getRenderedNativeOrTextFromComponent(inst);\n+ instanceCache[tag] = nativeInst;\n+}\n+\n+function uncacheNode(inst) {\n+ var tag = inst._rootNodeID;\n+ if (tag) {\n+ delete instanceCache[tag];\n+ }\n+}\n+\n+function getInstanceFromTag(tag) {\n+ return instanceCache[tag] || null;\n+}\n+\n+function getTagFromInstance(inst) {\n+ invariant(inst._rootNodeID, 'All native instances should have a tag.');\n+ return inst._rootNodeID;\n+}\n+\n+var ReactNativeComponentTree = {\n+ getClosestInstanceFromNode: getInstanceFromTag,\n+ getInstanceFromNode: getInstanceFromTag,\n+ getNodeFromInstance: getTagFromInstance,\n+ precacheNode: precacheNode,\n+ uncacheNode: uncacheNode,\n+};\n+\n+module.exports = ReactNativeComponentTree;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeContainerInfo.js b\/src\/renderers\/native\/ReactNative\/ReactNativeContainerInfo.js\nnew file mode 100644\nindex 0000000000..cc37ede4a0\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeContainerInfo.js\n@@ -0,0 +1,21 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeContainerInfo\n+ * @flow\n+ *\/\n+'use strict';\n+\n+function ReactNativeContainerInfo(tag) {\n+ var info = {\n+ _tag: tag,\n+ };\n+ return info;\n+}\n+\n+module.exports = ReactNativeContainerInfo;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeDOMIDOperations.js b\/src\/renderers\/native\/ReactNative\/ReactNativeDOMIDOperations.js\nnew file mode 100644\nindex 0000000000..0bb92fef55\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeDOMIDOperations.js\n@@ -0,0 +1,97 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeDOMIDOperations\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var ReactNativeComponentTree = require('ReactNativeComponentTree');\n+var ReactMultiChildUpdateTypes = require('ReactMultiChildUpdateTypes');\n+var ReactPerf = require('ReactPerf');\n+var UIManager = require('UIManager');\n+\n+\/**\n+ * Updates a component's children by processing a series of updates.\n+ * For each of the update\/create commands, the `fromIndex` refers to the index\n+ * that the item existed at *before* any of the updates are applied, and the\n+ * `toIndex` refers to the index after *all* of the updates are applied\n+ * (including deletes\/moves). TODO: refactor so this can be shared with\n+ * DOMChildrenOperations.\n+ *\n+ * @param {ReactNativeBaseComponent} updates List of update configurations.\n+ * @param {array} markup List of markup strings - in the case of React\n+ * IOS, the ids of new components assumed to be already created.\n+ *\/\n+var dangerouslyProcessChildrenUpdates = function(inst, childrenUpdates) {\n+ if (!childrenUpdates.length) {\n+ return;\n+ }\n+\n+ var containerTag = ReactNativeComponentTree.getNodeFromInstance(inst);\n+\n+ var moveFromIndices;\n+ var moveToIndices;\n+ var addChildTags;\n+ var addAtIndices;\n+ var removeAtIndices;\n+\n+ for (var i = 0; i < childrenUpdates.length; i++) {\n+ var update = childrenUpdates[i];\n+ if (update.type === ReactMultiChildUpdateTypes.MOVE_EXISTING) {\n+ (moveFromIndices || (moveFromIndices = [])).push(update.fromIndex);\n+ (moveToIndices || (moveToIndices = [])).push(update.toIndex);\n+ } else if (update.type === ReactMultiChildUpdateTypes.REMOVE_NODE) {\n+ (removeAtIndices || (removeAtIndices = [])).push(update.fromIndex);\n+ } else if (update.type === ReactMultiChildUpdateTypes.INSERT_MARKUP) {\n+ var mountImage = update.content;\n+ var tag = mountImage;\n+ (addAtIndices || (addAtIndices = [])).push(update.toIndex);\n+ (addChildTags || (addChildTags = [])).push(tag);\n+ }\n+ }\n+\n+ UIManager.manageChildren(\n+ containerTag,\n+ moveFromIndices,\n+ moveToIndices,\n+ addChildTags,\n+ addAtIndices,\n+ removeAtIndices\n+ );\n+};\n+\n+\/**\n+ * Operations used to process updates to DOM nodes. This is made injectable via\n+ * `ReactComponent.DOMIDOperations`.\n+ *\/\n+var ReactNativeDOMIDOperations = {\n+ dangerouslyProcessChildrenUpdates: ReactPerf.measure(\n+ \/\/ FIXME(frantic): #4441289 Hack to avoid modifying react-tools\n+ 'ReactDOMIDOperations',\n+ 'dangerouslyProcessChildrenUpdates',\n+ dangerouslyProcessChildrenUpdates\n+ ),\n+\n+ \/**\n+ * Replaces a view that exists in the document with markup.\n+ *\n+ * @param {string} id ID of child to be replaced.\n+ * @param {string} markup Mount image to replace child with id.\n+ *\/\n+ dangerouslyReplaceNodeWithMarkupByID: ReactPerf.measure(\n+ 'ReactDOMIDOperations',\n+ 'dangerouslyReplaceNodeWithMarkupByID',\n+ function(id, mountImage) {\n+ var oldTag = id;\n+ UIManager.replaceExistingNonRootView(oldTag, mountImage);\n+ }\n+ ),\n+};\n+\n+module.exports = ReactNativeDOMIDOperations;\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeDefaultInjection.js b\/src\/renderers\/native\/ReactNative\/ReactNativeDefaultInjection.js\nnew file mode 100644\nindex 0000000000..2c603ec9aa\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeDefaultInjection.js\n@@ -0,0 +1,113 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeDefaultInjection\n+ * @flow\n+ *\/\n+'use strict';\n+\n+\/**\n+ * Make sure essential globals are available and are patched correctly. Please don't remove this\n+ * line. Bundles created by react-packager `require` it before executing any application code. This\n+ * ensures it exists in the dependency graph and can be `require`d.\n+ *\/\n+require('InitializeJavaScriptAppEngine');\n+\n+var EventPluginHub = require('EventPluginHub');\n+var EventPluginUtils = require('EventPluginUtils');\n+var IOSDefaultEventPluginOrder = require('IOSDefaultEventPluginOrder');\n+var IOSNativeBridgeEventPlugin = require('IOSNativeBridgeEventPlugin');\n+var ReactElement = require('ReactElement');\n+var ReactComponentEnvironment = require('ReactComponentEnvironment');\n+var ReactDefaultBatchingStrategy = require('ReactDefaultBatchingStrategy');\n+var ReactEmptyComponent = require('ReactEmptyComponent');\n+var ReactNativeComponentEnvironment = require('ReactNativeComponentEnvironment');\n+var ReactNativeGlobalInteractionHandler = require('ReactNativeGlobalInteractionHandler');\n+var ReactNativeGlobalResponderHandler = require('ReactNativeGlobalResponderHandler');\n+var ReactNativeTextComponent = require('ReactNativeTextComponent');\n+var ReactNativeTreeTraversal = require('ReactNativeTreeTraversal');\n+var ReactNativeComponent = require('ReactNativeComponent');\n+var ReactNativeComponentTree = require('ReactNativeComponentTree');\n+var ReactSimpleEmptyComponent = require('ReactSimpleEmptyComponent');\n+var ReactUpdates = require('ReactUpdates');\n+var ResponderEventPlugin = require('ResponderEventPlugin');\n+\n+var invariant = require('invariant');\n+\n+\/\/ Just to ensure this gets packaged, since its only caller is from Native.\n+require('RCTEventEmitter');\n+require('RCTLog');\n+require('JSTimersExecution');\n+\n+function inject() {\n+ \/**\n+ * Inject module for resolving DOM hierarchy and plugin ordering.\n+ *\/\n+ EventPluginHub.injection.injectEventPluginOrder(IOSDefaultEventPluginOrder);\n+ EventPluginUtils.injection.injectComponentTree(ReactNativeComponentTree);\n+ EventPluginUtils.injection.injectTreeTraversal(ReactNativeTreeTraversal);\n+\n+ ResponderEventPlugin.injection.injectGlobalResponderHandler(\n+ ReactNativeGlobalResponderHandler\n+ );\n+\n+ ResponderEventPlugin.injection.injectGlobalInteractionHandler(\n+ ReactNativeGlobalInteractionHandler\n+ );\n+\n+ \/**\n+ * Some important event plugins included by default (without having to require\n+ * them).\n+ *\/\n+ EventPluginHub.injection.injectEventPluginsByName({\n+ 'ResponderEventPlugin': ResponderEventPlugin,\n+ 'IOSNativeBridgeEventPlugin': IOSNativeBridgeEventPlugin,\n+ });\n+\n+ ReactUpdates.injection.injectReconcileTransaction(\n+ ReactNativeComponentEnvironment.ReactReconcileTransaction\n+ );\n+\n+ ReactUpdates.injection.injectBatchingStrategy(\n+ ReactDefaultBatchingStrategy\n+ );\n+\n+ ReactComponentEnvironment.injection.injectEnvironment(\n+ ReactNativeComponentEnvironment\n+ );\n+\n+ var EmptyComponent = (instantiate) => {\n+ \/\/ Can't import View at the top because it depends on React to make its composite\n+ var View = require('View');\n+ return new ReactSimpleEmptyComponent(\n+ ReactElement.createElement(View, {\n+ collapsable: true,\n+ style: { position: 'absolute' },\n+ }),\n+ instantiate\n+ );\n+ };\n+\n+ ReactEmptyComponent.injection.injectEmptyComponentFactory(EmptyComponent);\n+\n+ ReactNativeComponent.injection.injectTextComponentClass(\n+ ReactNativeTextComponent\n+ );\n+ ReactNativeComponent.injection.injectGenericComponentClass(function(tag) {\n+ \/\/ Show a nicer error message for non-function tags\n+ var info = '';\n+ if (typeof tag === 'string' && \/^[a-z]\/.test(tag)) {\n+ info += ' Each component name should start with an uppercase letter.';\n+ }\n+ invariant(false, 'Expected a component class, got %s.%s', tag, info);\n+ });\n+}\n+\n+module.exports = {\n+ inject: inject,\n+};\ndiff --git a\/src\/renderers\/native\/ReactNative\/ReactNativeEventEmitter.js b\/src\/renderers\/native\/ReactNative\/ReactNativeEventEmitter.js\nnew file mode 100644\nindex 0000000000..1b252c6995\n--- \/dev\/null\n+++ b\/src\/renderers\/native\/ReactNative\/ReactNativeEventEmitter.js\n@@ -0,0 +1,215 @@\n+\/**\n+ * Copyright (c) 2015-present, Facebook, Inc.\n+ * All rights reserved.\n+ *\n+ * This source code is licensed under the BSD-style license found in the\n+ * LICENSE file in the root directory of this source tree. An additional grant\n+ * of patent rights can be found in the PATENTS file in the same directory.\n+ *\n+ * @providesModule ReactNativeEventEmitter\n+ * @flow\n+ *\/\n+'use strict';\n+\n+var EventPluginHub = require('EventPluginHub');\n+var EventPluginRegistry = require('EventPluginRegistry');\n+var ReactEventEmitterMixin = require('ReactEventEmitterMixin');\n+var ReactNativeComponentTree = require('ReactNativeComponentTree');\n+var ReactNativeTagHandles = require('ReactNativeTagHandles');\n+var EventConstants = require('EventConstants');\n+\n+var merge = require('merge');\n+var warning = require('warning');\n+\n+var topLevelTypes = EventConstants.topLevelTypes;\n+\n+\/**\n+ * Version of `ReactBrowserEventEmitter` that works on the receiving side of a\n+ * serialized worker boundary.\n+ *\/\n+\n+\/\/ Shared default empty native event - conserve memory.\n+var EMPTY_NATIVE_EVENT = {};\n+\n+\/**\n+ * Selects a subsequence of `Touch`es, without destroying `touches`.\n+ *\n+ * @param {Array} touches Deserialized touch objects.\n+ * @param {Array} indices Indices by which to pull subsequence.\n+ * @return {Array} Subsequence of touch objects.\n+ *\/\n+var touchSubsequence = function(touches, indices) {\n+ var ret = [];\n+ for (var i = 0; i < indices.length; i++) {\n+ ret.push(touches[indices[i]]);\n+ }\n+ return ret;\n+};\n+\n+\/**\n+ * TODO: Pool all of this.\n+ *\n+ * Destroys `touches` by removing touch objects at indices `indices`. This is\n+ * to maintain compatibility with W3C touch \"end\" events, where the active\n+ * touches don't include the set that has just been \"ended\".\n+ *\n+ * @param {Array} touches Deserialized touch objects.\n+ * @param {Array} indices Indices to remove from `touches`.\n+ * @return {Array} Subsequence of removed touch objects.\n+ *\/\n+var removeTouchesAtIndices = function(\n+ touches: Array

dillon1000/react

Files changed