{"body":"","files":[{"status":"M","path":"src\/isomorphic\/classic\/element\/ReactElement.js"},{"status":"M","path":"src\/isomorphic\/classic\/element\/ReactElementValidator.js"},{"status":"M","path":"src\/renderers\/noop\/__tests__\/ReactNoop-test.js"},{"status":"M","path":"src\/renderers\/shared\/fiber\/ReactChildFiber.js"},{"status":"M","path":"src\/renderers\/shared\/fiber\/ReactFiber.js"},{"status":"M","path":"src\/renderers\/shared\/fiber\/ReactFiberBeginWork.js"},{"status":"M","path":"src\/renderers\/shared\/fiber\/ReactFiberCompleteWork.js"},{"status":"A","path":"src\/renderers\/shared\/fiber\/ReactReifiedYield.js"},{"status":"D","path":"src\/renderers\/shared\/fiber\/ReactStateNode.js"},{"status":"A","path":"src\/renderers\/shared\/fiber\/isomorphic\/ReactCoroutine.js"},{"status":"A","path":"src\/renderers\/shared\/fiber\/isomorphic\/ReactTypes.js"},{"status":"M","path":"src\/renderers\/shared\/stack\/reconciler\/__tests__\/ReactComponent-test.js"}],"patch":"diff --git a\/src\/isomorphic\/classic\/element\/ReactElement.js b\/src\/isomorphic\/classic\/element\/ReactElement.js\nindex 4e81544924..98af361b09 100644\n--- a\/src\/isomorphic\/classic\/element\/ReactElement.js\n+++ b\/src\/isomorphic\/classic\/element\/ReactElement.js\n@@ -398,4 +398,6 @@ ReactElement.isValidElement = function(object) {\n );\n };\n \n+ReactElement.REACT_ELEMENT_TYPE = REACT_ELEMENT_TYPE;\n+\n module.exports = ReactElement;\ndiff --git a\/src\/isomorphic\/classic\/element\/ReactElementValidator.js b\/src\/isomorphic\/classic\/element\/ReactElementValidator.js\nindex 2b7e9da3d5..4d4121f981 100644\n--- a\/src\/isomorphic\/classic\/element\/ReactElementValidator.js\n+++ b\/src\/isomorphic\/classic\/element\/ReactElementValidator.js\n@@ -184,7 +184,8 @@ function validatePropTypes(element) {\n var ReactElementValidator = {\n \n createElement: function(type, props, children) {\n- var validType = typeof type === 'string' || typeof type === 'function';\n+ var validType = typeof type === 'string' || typeof type === 'function' ||\n+ (type !== null && typeof type === 'object');\n \/\/ We warn in this case but don't throw. We expect the element creation to\n \/\/ succeed and there will likely be errors in render.\n warning(\ndiff --git a\/src\/renderers\/noop\/__tests__\/ReactNoop-test.js b\/src\/renderers\/noop\/__tests__\/ReactNoop-test.js\nindex 324f41cca9..1ce47ee5c2 100644\n--- a\/src\/renderers\/noop\/__tests__\/ReactNoop-test.js\n+++ b\/src\/renderers\/noop\/__tests__\/ReactNoop-test.js\n@@ -13,14 +13,17 @@\n \n var React;\n var ReactNoop;\n+var ReactCoroutine;\n \n describe('ReactComponent', function() {\n beforeEach(function() {\n React = require('React');\n ReactNoop = require('ReactNoop');\n+ ReactCoroutine = require('ReactCoroutine');\n+ spyOn(console, 'log');\n });\n \n- \/*it('should render a simple component', function() {\n+ it('should render a simple component', function() {\n \n function Bar() {\n return

Hello World<\/div>;\n@@ -33,7 +36,7 @@ describe('ReactComponent', function() {\n ReactNoop.render();\n ReactNoop.flush();\n \n- });*\/\n+ });\n \n it('should render a simple component, in steps if needed', function() {\n \n@@ -49,12 +52,54 @@ describe('ReactComponent', function() {\n }\n \n ReactNoop.render();\n- console.log('Nothing done');\n+ \/\/ console.log('Nothing done');\n ReactNoop.flushLowPri(7);\n- console.log('Yield');\n+ \/\/ console.log('Yield');\n ReactNoop.flushLowPri(50);\n- console.log('Done');\n+ \/\/ console.log('Done');\n });\n \n+ it('should render a coroutine', function() {\n+\n+ function Continuation({ isSame }) {\n+ return {isSame ? 'foo==bar' : 'foo!=bar'}<\/span>;\n+ }\n+\n+ \/\/ An alternative API could mark Continuation as something that needs\n+ \/\/ yielding. E.g. Continuation.yieldType = 123;\n+ function Child({ bar }) {\n+ return ReactCoroutine.createYield({\n+ bar: bar,\n+ }, Continuation, null);\n+ }\n+\n+ function Indirection() {\n+ return [, ];\n+ }\n+\n+ function HandleYields(props, yields) {\n+ return yields.map(y =>\n+ \n+ );\n+ }\n+\n+ \/\/ An alternative API could mark Parent as something that needs\n+ \/\/ yielding. E.g. Parent.handler = HandleYields;\n+ function Parent(props) {\n+ return ReactCoroutine.createCoroutine(\n+ props.children,\n+ HandleYields,\n+ props\n+ );\n+ }\n+\n+ function App() {\n+ return

<\/Parent><\/div>;\n+ }\n+\n+ ReactNoop.render();\n+ ReactNoop.flush();\n+\n+ });\n \n });\ndiff --git a\/src\/renderers\/shared\/fiber\/ReactChildFiber.js b\/src\/renderers\/shared\/fiber\/ReactChildFiber.js\nindex 9bc02fb576..bbb666cab0 100644\n--- a\/src\/renderers\/shared\/fiber\/ReactChildFiber.js\n+++ b\/src\/renderers\/shared\/fiber\/ReactChildFiber.js\n@@ -12,33 +12,53 @@\n \n 'use strict';\n \n+import type { ReactCoroutine, ReactYield } from 'ReactCoroutine';\n import type { Fiber } from 'ReactFiber';\n \n-var ReactElement = require('ReactElement');\n+import type { ReactNodeList } from 'ReactTypes';\n \n-var ReactFiber = require('ReactFiber');\n-\n-type ReactNode = ReactElement | ReactFragment | ReactText;\n-\n-type ReactFragment = Iterable;\n-\n-type ReactNodeList = ReactNode | ReactEmpty;\n+var {\n+ REACT_ELEMENT_TYPE,\n+} = require('ReactElement');\n+var {\n+ REACT_COROUTINE_TYPE,\n+ REACT_YIELD_TYPE,\n+} = require('ReactCoroutine');\n \n-type ReactText = string | number;\n-\n-type ReactEmpty = null | void | boolean;\n+var ReactFiber = require('ReactFiber');\n+var ReactReifiedYield = require('ReactReifiedYield');\n \n function createSubsequentChild(parent : Fiber, previousSibling : Fiber, newChildren) : Fiber {\n if (typeof newChildren !== 'object' || newChildren === null) {\n return previousSibling;\n }\n \n- if (ReactElement.isValidElement(newChildren)) {\n- var element = (newChildren : ReactElement);\n- var child = ReactFiber.createFiberFromElement(element);\n- previousSibling.sibling = child;\n- child.parent = parent;\n- return child;\n+ switch (newChildren.$$typeof) {\n+ case REACT_ELEMENT_TYPE: {\n+ const element = (newChildren : ReactElement);\n+ const child = ReactFiber.createFiberFromElement(element);\n+ previousSibling.sibling = child;\n+ child.parent = parent;\n+ return child;\n+ }\n+\n+ case REACT_COROUTINE_TYPE: {\n+ const coroutine = (newChildren : ReactCoroutine);\n+ const child = ReactFiber.createFiberFromCoroutine(coroutine);\n+ previousSibling.sibling = child;\n+ child.parent = parent;\n+ return child;\n+ }\n+\n+ case REACT_YIELD_TYPE: {\n+ const yieldNode = (newChildren : ReactYield);\n+ const reifiedYield = ReactReifiedYield.createReifiedYield(yieldNode);\n+ const child = ReactFiber.createFiberFromYield(yieldNode);\n+ child.output = reifiedYield;\n+ previousSibling.sibling = child;\n+ child.parent = parent;\n+ return child;\n+ }\n }\n \n if (Array.isArray(newChildren)) {\n@@ -48,39 +68,62 @@ function createSubsequentChild(parent : Fiber, previousSibling : Fiber, newChild\n }\n return prev;\n } else {\n+ console.log('Unknown child', newChildren);\n return previousSibling;\n }\n }\n \n function createFirstChild(parent, newChildren) {\n if (typeof newChildren !== 'object' || newChildren === null) {\n- parent.child = null;\n return null;\n }\n \n- if (ReactElement.isValidElement(newChildren)) {\n- var element = (newChildren : ReactElement);\n- var child = ReactFiber.createFiberFromElement(element);\n- parent.child = child;\n- child.parent = parent;\n- return child;\n+ switch (newChildren.$$typeof) {\n+ case REACT_ELEMENT_TYPE: {\n+ const element = (newChildren : ReactElement);\n+ const child = ReactFiber.createFiberFromElement(element);\n+ child.parent = parent;\n+ return child;\n+ }\n+\n+ case REACT_COROUTINE_TYPE: {\n+ const coroutine = (newChildren : ReactCoroutine);\n+ const child = ReactFiber.createFiberFromCoroutine(coroutine);\n+ child.parent = parent;\n+ return child;\n+ }\n+\n+ case REACT_YIELD_TYPE: {\n+ \/\/ A yield results in a fragment fiber whose output is the continuation.\n+ \/\/ TODO: When there is only a single child, we can optimize this to avoid\n+ \/\/ the fragment.\n+ const yieldNode = (newChildren : ReactYield);\n+ const reifiedYield = ReactReifiedYield.createReifiedYield(yieldNode);\n+ const child = ReactFiber.createFiberFromYield(yieldNode);\n+ child.output = reifiedYield;\n+ child.parent = parent;\n+ return child;\n+ }\n }\n \n if (Array.isArray(newChildren)) {\n+ var first : ?Fiber = null;\n var prev : ?Fiber = null;\n for (var i = 0; i < newChildren.length; i++) {\n if (prev == null) {\n prev = createFirstChild(parent, newChildren[i]);\n+ first = prev;\n } else {\n prev = createSubsequentChild(parent, prev, newChildren[i]);\n }\n }\n+ return first;\n } else {\n- parent.child = null;\n+ console.log('Unknown child', newChildren);\n return null;\n }\n }\n \n-exports.reconcileChildFibers = function(parent : Fiber, newChildren : ReactNodeList) : void {\n- createFirstChild(parent, newChildren);\n+exports.reconcileChildFibers = function(parent : Fiber, firstChild : ?Fiber, newChildren : ReactNodeList) : ?Fiber {\n+ return createFirstChild(parent, newChildren);\n };\ndiff --git a\/src\/renderers\/shared\/fiber\/ReactFiber.js b\/src\/renderers\/shared\/fiber\/ReactFiber.js\nindex f4a86bbf19..eb17068b6c 100644\n--- a\/src\/renderers\/shared\/fiber\/ReactFiber.js\n+++ b\/src\/renderers\/shared\/fiber\/ReactFiber.js\n@@ -17,30 +17,42 @@ var {\n IndeterminateComponent,\n ClassComponent,\n HostComponent,\n+ CoroutineComponent,\n+ YieldComponent,\n } = ReactTypesOfWork;\n \n-type StateNode = {};\n-type EffectHandler = () => void;\n-type EffectTag = number;\n+var ReactElement = require('ReactElement');\n+\n+import type { ReactCoroutine, ReactYield } from 'ReactCoroutine';\n \n export type Fiber = {\n \n+ \/\/ Tag identifying the type of fiber.\n tag: number,\n \n- parent: ?Fiber,\n+ \/\/ Singly Linked List Tree Structure.\n+ parent: ?Fiber, \/\/ Consider a regenerated temporary parent stack instead.\n child: ?Fiber,\n sibling: ?Fiber,\n \n- input: ?Object,\n- output: ?Object,\n+ \/\/ Input is the data coming into process this fiber. Arguments.\n+ input: any, \/\/ This type will be more specific once we overload the tag.\n+ \/\/ Output is the return value of this fiber, or a linked list of return values\n+ \/\/ if this returns multiple values. Such as a fragment.\n+ output: any, \/\/ This type will be more specific once we overload the tag.\n+\n+ \/\/ Used by multi-stage coroutines.\n+ stage: number, \/\/ Consider reusing the tag field instead.\n \n+ \/\/ This will be used to quickly determine if a subtree has no pending changes.\n hasPendingChanges: bool,\n \n- stateNode: StateNode,\n+ \/\/ The local state associated with this fiber.\n+ stateNode: ?Object,\n \n };\n \n-var createFiber = function(tag : number, handlerTag : number) : Fiber {\n+var createFiber = function(tag : number) : Fiber {\n return {\n \n tag: tag,\n@@ -52,9 +64,11 @@ var createFiber = function(tag : number, handlerTag : number) : Fiber {\n input: null,\n output: null,\n \n+ stage: 0,\n+\n hasPendingChanges: true,\n \n- stateNode: {},\n+ stateNode: null,\n \n };\n };\n@@ -64,17 +78,39 @@ function shouldConstruct(Component) {\n }\n \n exports.createFiberFromElement = function(element : ReactElement) {\n+ const fiber = exports.createFiberFromElementType(element.type);\n+ if (typeof element.type === 'object') {\n+ \/\/ Hacky McHack\n+ element = ReactElement(fiber.input, null, element.ref, null, null, null, element.props);\n+ }\n+ fiber.input = element;\n+ return fiber;\n+};\n+\n+exports.createFiberFromElementType = function(type : mixed) {\n let fiber;\n- if (typeof element.type === 'function') {\n- fiber = shouldConstruct(element.type) ?\n- createFiber(ClassComponent, 0) :\n- createFiber(IndeterminateComponent, 0);\n- } else if (typeof element.type === 'string') {\n- fiber = createFiber(HostComponent, 1);\n+ if (typeof type === 'function') {\n+ fiber = shouldConstruct(type) ?\n+ createFiber(ClassComponent) :\n+ createFiber(IndeterminateComponent);\n+ } else if (typeof type === 'string') {\n+ fiber = createFiber(HostComponent);\n+ } else if (typeof type === 'object' && type !== null) {\n+ \/\/ Currently assumed to be a continuation and therefore is a fiber already.\n+ fiber = type;\n } else {\n- throw new Error('Unknown component type: ' + typeof element.type);\n+ throw new Error('Unknown component type: ' + typeof type);\n }\n+ return fiber;\n+};\n \n- fiber.input = element;\n+exports.createFiberFromCoroutine = function(coroutine : ReactCoroutine) {\n+ const fiber = createFiber(CoroutineComponent);\n+ fiber.input = coroutine;\n+ return fiber;\n+};\n+\n+exports.createFiberFromYield = function(yieldNode : ReactYield) {\n+ const fiber = createFiber(YieldComponent);\n return fiber;\n };\ndiff --git a\/src\/renderers\/shared\/fiber\/ReactFiberBeginWork.js b\/src\/renderers\/shared\/fiber\/ReactFiberBeginWork.js\nindex 7ca3d43e3c..19026242f9 100644\n--- a\/src\/renderers\/shared\/fiber\/ReactFiberBeginWork.js\n+++ b\/src\/renderers\/shared\/fiber\/ReactFiberBeginWork.js\n@@ -12,6 +12,7 @@\n \n 'use strict';\n \n+import type { ReactCoroutine } from 'ReactCoroutine';\n import type { Fiber } from 'ReactFiber';\n \n var ReactChildFiber = require('ReactChildFiber');\n@@ -21,6 +22,8 @@ var {\n FunctionalComponent,\n ClassComponent,\n HostComponent,\n+ CoroutineComponent,\n+ YieldComponent,\n } = ReactTypesOfWork;\n \n function getElement(unitOfWork) : ReactElement {\n@@ -38,19 +41,21 @@ function updateFunctionalComponent(unitOfWork) {\n console.log('perform work on:', fn.name);\n var nextChildren = fn(props);\n \n- ReactChildFiber.reconcileChildFibers(\n+ unitOfWork.child = ReactChildFiber.reconcileChildFibers(\n unitOfWork,\n+ unitOfWork.child,\n nextChildren\n );\n }\n \n function updateHostComponent(unitOfWork) {\n var element = getElement(unitOfWork);\n- console.log('host component', element.type);\n+ console.log('host component', element.type, typeof element.props.children === 'string' ? element.props.children : '');\n \n var nextChildren = element.props.children;\n- ReactChildFiber.reconcileChildFibers(\n+ unitOfWork.child = ReactChildFiber.reconcileChildFibers(\n unitOfWork,\n+ unitOfWork.child,\n nextChildren\n );\n }\n@@ -69,13 +74,27 @@ function mountIndeterminateComponent(unitOfWork) {\n \/\/ Proceed under the assumption that this is a functional component\n unitOfWork.tag = FunctionalComponent;\n }\n- ReactChildFiber.reconcileChildFibers(\n+ unitOfWork.child = ReactChildFiber.reconcileChildFibers(\n unitOfWork,\n+ unitOfWork.child,\n value\n );\n }\n \n-exports.beginWork = function(unitOfWork : Fiber) : ?Fiber {\n+function updateCoroutineComponent(unitOfWork) {\n+ var coroutine = (unitOfWork.input : ?ReactCoroutine);\n+ if (!coroutine) {\n+ throw new Error('Should be resolved by now');\n+ }\n+ console.log('begin coroutine', coroutine.handler.name);\n+ unitOfWork.child = ReactChildFiber.reconcileChildFibers(\n+ unitOfWork,\n+ unitOfWork.child,\n+ coroutine.children\n+ );\n+}\n+\n+function beginWork(unitOfWork : Fiber) : ?Fiber {\n switch (unitOfWork.tag) {\n case IndeterminateComponent:\n mountIndeterminateComponent(unitOfWork);\n@@ -84,14 +103,32 @@ exports.beginWork = function(unitOfWork : Fiber) : ?Fiber {\n updateFunctionalComponent(unitOfWork);\n break;\n case ClassComponent:\n- \/\/ $FlowFixMe\n console.log('class component', unitOfWork.input.type.name);\n break;\n case HostComponent:\n updateHostComponent(unitOfWork);\n break;\n+ case CoroutineComponent:\n+ \/\/ Reset the stage to zero.\n+ unitOfWork.stage = 0;\n+ updateCoroutineComponent(unitOfWork);\n+ \/\/ This doesn't take arbitrary time so we could synchronously just begin\n+ \/\/ eagerly do the work of unitOfWork.child as an optimization.\n+ if (unitOfWork.child) {\n+ return beginWork(unitOfWork.child);\n+ }\n+ break;\n+ case YieldComponent:\n+ \/\/ A yield component is just a placeholder, we can just run through the\n+ \/\/ next one immediately.\n+ if (unitOfWork.sibling) {\n+ return beginWork(unitOfWork.sibling);\n+ }\n+ return null;\n default:\n throw new Error('Unknown unit of work tag');\n }\n return unitOfWork.child;\n-};\n+}\n+\n+exports.beginWork = beginWork;\ndiff --git a\/src\/renderers\/shared\/fiber\/ReactFiberCompleteWork.js b\/src\/renderers\/shared\/fiber\/ReactFiberCompleteWork.js\nindex 5b7277788f..827075f004 100644\n--- a\/src\/renderers\/shared\/fiber\/ReactFiberCompleteWork.js\n+++ b\/src\/renderers\/shared\/fiber\/ReactFiberCompleteWork.js\n@@ -12,8 +12,11 @@\n \n 'use strict';\n \n+import type { ReactCoroutine } from 'ReactCoroutine';\n import type { Fiber } from 'ReactFiber';\n \n+import type { ReifiedYield } from 'ReactReifiedYield';\n+\n var ReactChildFiber = require('ReactChildFiber');\n var ReactTypesOfWork = require('ReactTypesOfWork');\n var {\n@@ -21,22 +24,94 @@ var {\n FunctionalComponent,\n ClassComponent,\n HostComponent,\n+ CoroutineComponent,\n+ YieldComponent,\n } = ReactTypesOfWork;\n \n+function transferOutput(child : ?Fiber, parent : Fiber) {\n+ \/\/ If we have a single result, we just pass that through as the output to\n+ \/\/ avoid unnecessary traversal. When we have multiple output, we just pass\n+ \/\/ the linked list of fibers that has the individual output values.\n+ parent.output = (child && !child.sibling) ? child.output : child;\n+}\n+\n+function recursivelyFillYields(yields, output : ?Fiber | ?ReifiedYield) {\n+ if (!output) {\n+ \/\/ Ignore nulls etc.\n+ } else if (output.tag !== undefined) { \/\/ TODO: Fix this fragile duck test.\n+ \/\/ Detect if this is a fiber, if so it is a fragment result.\n+ \/\/ $FlowFixMe: Refinement issue.\n+ var item = (output : Fiber);\n+ do {\n+ recursivelyFillYields(yields, item.output);\n+ item = item.sibling;\n+ } while (item);\n+ } else {\n+ \/\/ $FlowFixMe: Refinement issue. If it is not a Fiber or null, it is a yield\n+ yields.push(output);\n+ }\n+}\n+\n+function handleCoroutine(unitOfWork : Fiber) {\n+ var coroutine = (unitOfWork.input : ?ReactCoroutine);\n+ if (!coroutine) {\n+ throw new Error('Should be resolved by now');\n+ }\n+\n+ if (unitOfWork.stage === 0) {\n+ \/\/ First step of the coroutine has completed. Now we need to do the second.\n+ \/\/ TODO: It would be nice to have a multi stage coroutine represented by a\n+ \/\/ single component, or at least tail call optimize nested ones.\n+ \/\/ TODO: If we end up not using multi stage coroutines, we could also reuse\n+ \/\/ the tag field to switch between the two stages.\n+ unitOfWork.stage = 1;\n+\n+ \/\/ Build up the yields.\n+ \/\/ TODO: Compare this to a generator or opaque helpers like Children.\n+ var yields : Array = [];\n+ var child = unitOfWork.child;\n+ while (child) {\n+ recursivelyFillYields(yields, child.output);\n+ child = child.sibling;\n+ }\n+ var fn = coroutine.handler;\n+ var props = coroutine.props;\n+ var nextChildren = fn(props, yields);\n+\n+ unitOfWork.stateNode = ReactChildFiber.reconcileChildFibers(\n+ unitOfWork,\n+ unitOfWork.stateNode,\n+ nextChildren\n+ );\n+ return unitOfWork.stateNode;\n+ } else {\n+ \/\/ The coroutine is now complete.\n+ transferOutput(unitOfWork.stateNode, unitOfWork);\n+ return null;\n+ }\n+}\n+\n exports.completeWork = function(unitOfWork : Fiber) : ?Fiber {\n switch (unitOfWork.tag) {\n case FunctionalComponent:\n- \/\/ $FlowFixMe\n console.log('\/functional component', unitOfWork.input.type.name);\n+ transferOutput(unitOfWork.child, unitOfWork);\n break;\n case ClassComponent:\n- \/\/ $FlowFixMe\n console.log('\/class component', unitOfWork.input.type.name);\n+ transferOutput(unitOfWork.child, unitOfWork);\n break;\n case HostComponent:\n- \/\/ $FlowFixMe\n console.log('\/host component', unitOfWork.input.type);\n break;\n+ case CoroutineComponent:\n+ console.log('\/coroutine component', unitOfWork.input.handler.name);\n+ return handleCoroutine(unitOfWork);\n+ case YieldComponent:\n+ \/\/ Does nothing.\n+ break;\n+\n+ \/\/ Error cases\n case IndeterminateComponent:\n throw new Error('An indeterminate component should have become determinate before completing.');\n default:\ndiff --git a\/src\/renderers\/shared\/fiber\/ReactReifiedYield.js b\/src\/renderers\/shared\/fiber\/ReactReifiedYield.js\nnew file mode 100644\nindex 0000000000..a47887bc56\n--- \/dev\/null\n+++ b\/src\/renderers\/shared\/fiber\/ReactReifiedYield.js\n@@ -0,0 +1,37 @@\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 ReactReifiedYield\n+ * @flow\n+ *\/\n+\n+'use strict';\n+\n+import type { ReactYield } from 'ReactCoroutine';\n+import type { Fiber } from 'ReactFiber';\n+\n+var ReactFiber = require('ReactFiber');\n+\n+export type ReifiedYield = { continuation: Fiber, props: Object };\n+\n+exports.createReifiedYield = function(yieldNode : ReactYield) : ReifiedYield {\n+ var fiber = ReactFiber.createFiberFromElementType(yieldNode.continuation);\n+ \/\/ Hacky way to store the continuation\n+ fiber.input = yieldNode.continuation;\n+ return {\n+ continuation: fiber,\n+ props: yieldNode.props,\n+ };\n+};\n+\n+exports.createUpdatedReifiedYield = function(previousYield : ReifiedYield, yieldNode : ReactYield) : ReifiedYield {\n+ return {\n+ continuation: previousYield.continuation,\n+ props: yieldNode.props,\n+ };\n+};\ndiff --git a\/src\/renderers\/shared\/fiber\/ReactStateNode.js b\/src\/renderers\/shared\/fiber\/ReactStateNode.js\ndeleted file mode 100644\nindex c7ea45b3b4..0000000000\n--- a\/src\/renderers\/shared\/fiber\/ReactStateNode.js\n+++ \/dev\/null\n@@ -1,23 +0,0 @@\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 ReactStateNode\n- * @flow\n- *\/\n-\n-'use strict';\n-\n-type StateNode = {\n- next: ?{ [key: string]: StateNode },\n-};\n-\n-module.exports = function() : StateNode {\n- return {\n- next: null,\n- };\n-};\ndiff --git a\/src\/renderers\/shared\/fiber\/isomorphic\/ReactCoroutine.js b\/src\/renderers\/shared\/fiber\/isomorphic\/ReactCoroutine.js\nnew file mode 100644\nindex 0000000000..a03934ea56\n--- \/dev\/null\n+++ b\/src\/renderers\/shared\/fiber\/isomorphic\/ReactCoroutine.js\n@@ -0,0 +1,109 @@\n+\/**\n+ * Copyright 2014-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 ReactCoroutine\n+ * @flow\n+ *\/\n+\n+'use strict';\n+\n+import type { ReactNodeList } from 'ReactTypes';\n+\n+\/\/ The Symbol used to tag the special React types. If there is no native Symbol\n+\/\/ nor polyfill, then a plain number is used for performance.\n+var REACT_COROUTINE_TYPE =\n+ (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.coroutine')) ||\n+ 0xeac8;\n+\n+var REACT_YIELD_TYPE =\n+ (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.yield')) ||\n+ 0xeac9;\n+\n+type ReifiedYield = { continuation: Object, props: Object };\n+type CoroutineHandler = (props: T, yields: Array) => ReactNodeList;\n+\n+export type ReactCoroutine = {\n+ $$typeof: Symbol | number,\n+ key: ?string,\n+ children: any,\n+ \/\/ This should be a more specific CoroutineHandler\n+ handler: (props: any, yields: Array) => ReactNodeList,\n+ props: mixed,\n+};\n+export type ReactYield = {\n+ $$typeof: Symbol | number,\n+ key: ?string,\n+ props: Object,\n+ continuation: mixed\n+};\n+\n+exports.createCoroutine = function(children : mixed, handler : CoroutineHandler, props : T, key : ?string = null) : ReactCoroutine {\n+ var coroutine = {\n+ \/\/ This tag allow us to uniquely identify this as a React Coroutine\n+ $$typeof: REACT_COROUTINE_TYPE,\n+ key: key == null ? null : '' + key,\n+ children: children,\n+ handler: handler,\n+ props: props,\n+ };\n+\n+ if (__DEV__) {\n+ \/\/ TODO: Add _store property for marking this as validated.\n+ if (Object.freeze) {\n+ Object.freeze(coroutine.props);\n+ Object.freeze(coroutine);\n+ }\n+ }\n+\n+ return coroutine;\n+};\n+\n+exports.createYield = function(props : mixed, continuation : mixed, key : ?string = null) {\n+ var yieldNode = {\n+ \/\/ This tag allow us to uniquely identify this as a React Yield\n+ $$typeof: REACT_YIELD_TYPE,\n+ key: key == null ? null : '' + key,\n+ props: props,\n+ continuation: continuation,\n+ };\n+\n+ if (__DEV__) {\n+ \/\/ TODO: Add _store property for marking this as validated.\n+ if (Object.freeze) {\n+ Object.freeze(yieldNode.props);\n+ Object.freeze(yieldNode);\n+ }\n+ }\n+\n+ return yieldNode;\n+};\n+\n+\/**\n+ * Verifies the object is a coroutine object.\n+ *\/\n+exports.isCoroutine = function(object : mixed) : boolean {\n+ return (\n+ typeof object === 'object' &&\n+ object !== null &&\n+ object.$$typeof === REACT_COROUTINE_TYPE\n+ );\n+};\n+\n+\/**\n+ * Verifies the object is a yield object.\n+ *\/\n+exports.isYield = function(object : mixed) : boolean {\n+ return (\n+ typeof object === 'object' &&\n+ object !== null &&\n+ object.$$typeof === REACT_YIELD_TYPE\n+ );\n+};\n+\n+exports.REACT_YIELD_TYPE = REACT_YIELD_TYPE;\n+exports.REACT_COROUTINE_TYPE = REACT_COROUTINE_TYPE;\ndiff --git a\/src\/renderers\/shared\/fiber\/isomorphic\/ReactTypes.js b\/src\/renderers\/shared\/fiber\/isomorphic\/ReactTypes.js\nnew file mode 100644\nindex 0000000000..4c8c69571c\n--- \/dev\/null\n+++ b\/src\/renderers\/shared\/fiber\/isomorphic\/ReactTypes.js\n@@ -0,0 +1,25 @@\n+\/**\n+ * Copyright 2014-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 ReactTypes\n+ * @flow\n+ *\/\n+\n+'use strict';\n+\n+import type { ReactCoroutine, ReactYield } from 'ReactCoroutine';\n+\n+export type ReactNode = ReactElement | ReactCoroutine | ReactYield | ReactText | ReactFragment;\n+\n+export type ReactFragment = ReactEmpty | Iterable;\n+\n+export type ReactNodeList = ReactEmpty | ReactNode;\n+\n+export type ReactText = string | number;\n+\n+export type ReactEmpty = null | void | boolean;\ndiff --git a\/src\/renderers\/shared\/stack\/reconciler\/__tests__\/ReactComponent-test.js b\/src\/renderers\/shared\/stack\/reconciler\/__tests__\/ReactComponent-test.js\nindex f97ae25c09..cd0c13d6e5 100644\n--- a\/src\/renderers\/shared\/stack\/reconciler\/__tests__\/ReactComponent-test.js\n+++ b\/src\/renderers\/shared\/stack\/reconciler\/__tests__\/ReactComponent-test.js\n@@ -280,14 +280,8 @@ describe('ReactComponent', function() {\n 'or a class\/function (for composite components) but got: null.'\n );\n \n- var Z = {};\n- expect(() => ReactTestUtils.renderIntoDocument()).toThrowError(\n- 'Element type is invalid: expected a string (for built-in components) ' +\n- 'or a class\/function (for composite components) but got: object.'\n- );\n-\n \/\/ One warning for each element creation\n- expect(console.error.calls.count()).toBe(3);\n+ expect(console.error.calls.count()).toBe(2);\n });\n \n });\n","parents":["7c8a090994ab74018c8e938e47cce411548b3a53"],"commit":{"authorName":"Sebastian Markbage","authorEmail":"sema@fb.com","subject":"Coroutines","authoredAt":"2016-05-26T18:13:21-07:00","shortRevision":"fd4f74ef95","revision":"fd4f74ef955b6d627af8a9fc55a61c828564a67e"}}

dillon1000/react

Files changed