react-dom 15.4.0-rc.4 → 15.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-dom-server.js +330 -311
- package/dist/react-dom-server.min.js +5 -5
- package/dist/react-dom.js +419 -401
- package/dist/react-dom.min.js +5 -5
- package/lib/ReactChildFiber.js +7 -9
- package/lib/ReactCompositeComponent.js +2 -2
- package/lib/ReactDebugTool.js +5 -6
- package/lib/ReactFiber.js +9 -9
- package/lib/ReactFiberBeginWork.js +26 -31
- package/lib/ReactFiberCommitWork.js +5 -7
- package/lib/ReactFiberCompleteWork.js +13 -14
- package/lib/ReactFiberReconciler.js +5 -8
- package/lib/ReactFiberRoot.js +2 -4
- package/lib/ReactFiberScheduler.js +13 -20
- package/lib/ReactOwner.js +2 -2
- package/lib/ReactPerf.js +45 -45
- package/lib/ReactReconciler.js +2 -2
- package/lib/ReactRef.js +5 -5
- package/lib/ReactReifiedYield.js +2 -4
- package/lib/ReactShallowRenderer.js +3 -4
- package/lib/ReactTestUtils.js +2 -2
- package/lib/ReactVersion.js +1 -1
- package/lib/ResponderTouchHistoryStore.js +3 -3
- package/lib/getNextDebugID.js +20 -0
- package/lib/instantiateReactComponent.js +2 -3
- package/package.json +2 -2
package/lib/ReactChildFiber.js
CHANGED
|
@@ -13,19 +13,17 @@
|
|
|
13
13
|
|
|
14
14
|
var REACT_ELEMENT_TYPE = require('./ReactElementSymbol');
|
|
15
15
|
|
|
16
|
-
var _require = require('./ReactCoroutine')
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var REACT_YIELD_TYPE = _require.REACT_YIELD_TYPE;
|
|
20
|
-
|
|
16
|
+
var _require = require('./ReactCoroutine'),
|
|
17
|
+
REACT_COROUTINE_TYPE = _require.REACT_COROUTINE_TYPE,
|
|
18
|
+
REACT_YIELD_TYPE = _require.REACT_YIELD_TYPE;
|
|
21
19
|
|
|
22
20
|
var ReactFiber = require('./ReactFiber');
|
|
23
21
|
var ReactReifiedYield = require('./ReactReifiedYield');
|
|
24
22
|
|
|
25
|
-
var cloneFiber = ReactFiber.cloneFiber
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
var cloneFiber = ReactFiber.cloneFiber,
|
|
24
|
+
createFiberFromElement = ReactFiber.createFiberFromElement,
|
|
25
|
+
createFiberFromCoroutine = ReactFiber.createFiberFromCoroutine,
|
|
26
|
+
createFiberFromYield = ReactFiber.createFiberFromYield;
|
|
29
27
|
var createReifiedYield = ReactReifiedYield.createReifiedYield;
|
|
30
28
|
|
|
31
29
|
|
|
@@ -841,10 +841,10 @@ var ReactCompositeComponent = {
|
|
|
841
841
|
* @final
|
|
842
842
|
* @private
|
|
843
843
|
*/
|
|
844
|
-
attachRef: function (ref, component
|
|
844
|
+
attachRef: function (ref, component) {
|
|
845
845
|
var inst = this.getPublicInstance();
|
|
846
846
|
!(inst != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Stateless function components cannot have refs.') : _prodInvariant('110') : void 0;
|
|
847
|
-
var publicComponentInstance = component.getPublicInstance(
|
|
847
|
+
var publicComponentInstance = component.getPublicInstance();
|
|
848
848
|
if (process.env.NODE_ENV !== 'production') {
|
|
849
849
|
var componentName = component && component.getName ? component.getName() : 'a component';
|
|
850
850
|
process.env.NODE_ENV !== 'production' ? warning(publicComponentInstance != null || component._compositeType !== CompositeTypes.StatelessFunctional, 'Stateless function components cannot be given refs ' + '(See ref "%s" in %s created by %s). ' + 'Attempts to access this ref will fail.', ref, componentName, this.getName()) : void 0;
|
package/lib/ReactDebugTool.js
CHANGED
|
@@ -164,12 +164,11 @@ function pauseCurrentLifeCycleTimer() {
|
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
function resumeCurrentLifeCycleTimer() {
|
|
167
|
-
var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop()
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
var timerType = _lifeCycleTimerStack$.timerType;
|
|
167
|
+
var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop(),
|
|
168
|
+
startTime = _lifeCycleTimerStack$.startTime,
|
|
169
|
+
nestedFlushStartTime = _lifeCycleTimerStack$.nestedFlushStartTime,
|
|
170
|
+
debugID = _lifeCycleTimerStack$.debugID,
|
|
171
|
+
timerType = _lifeCycleTimerStack$.timerType;
|
|
173
172
|
|
|
174
173
|
var nestedFlushDuration = performanceNow() - nestedFlushStartTime;
|
|
175
174
|
currentTimerStartTime = startTime;
|
package/lib/ReactFiber.js
CHANGED
|
@@ -12,16 +12,15 @@
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
14
|
var ReactTypeOfWork = require('./ReactTypeOfWork');
|
|
15
|
-
var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent,
|
|
16
|
+
ClassComponent = ReactTypeOfWork.ClassComponent,
|
|
17
|
+
HostContainer = ReactTypeOfWork.HostContainer,
|
|
18
|
+
HostComponent = ReactTypeOfWork.HostComponent,
|
|
19
|
+
CoroutineComponent = ReactTypeOfWork.CoroutineComponent,
|
|
20
|
+
YieldComponent = ReactTypeOfWork.YieldComponent;
|
|
21
21
|
|
|
22
|
-
var _require = require('./ReactPriorityLevel')
|
|
23
|
-
|
|
24
|
-
var NoWork = _require.NoWork;
|
|
22
|
+
var _require = require('./ReactPriorityLevel'),
|
|
23
|
+
NoWork = _require.NoWork;
|
|
25
24
|
|
|
26
25
|
// An Instance is shared between all versions of a component. We can easily
|
|
27
26
|
// break this out into a separate object to avoid copying so much to the
|
|
@@ -32,6 +31,7 @@ var NoWork = _require.NoWork;
|
|
|
32
31
|
// A Fiber is work on a Component that needs to be done or was done. There can
|
|
33
32
|
// be more than one per component.
|
|
34
33
|
|
|
34
|
+
|
|
35
35
|
// This is a constructor of a POJO instead of a constructor function for a few
|
|
36
36
|
// reasons:
|
|
37
37
|
// 1) Nobody should add any instance methods on this. Instance methods can be
|
|
@@ -11,37 +11,33 @@
|
|
|
11
11
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
|
-
var _require = require('./ReactChildFiber')
|
|
14
|
+
var _require = require('./ReactChildFiber'),
|
|
15
|
+
reconcileChildFibers = _require.reconcileChildFibers,
|
|
16
|
+
reconcileChildFibersInPlace = _require.reconcileChildFibersInPlace,
|
|
17
|
+
cloneChildFibers = _require.cloneChildFibers;
|
|
15
18
|
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var cloneChildFibers = _require.cloneChildFibers;
|
|
19
|
-
|
|
20
|
-
var _require2 = require('./ReactPriorityLevel');
|
|
21
|
-
|
|
22
|
-
var LowPriority = _require2.LowPriority;
|
|
19
|
+
var _require2 = require('./ReactPriorityLevel'),
|
|
20
|
+
LowPriority = _require2.LowPriority;
|
|
23
21
|
|
|
24
22
|
var ReactTypeOfWork = require('./ReactTypeOfWork');
|
|
25
|
-
var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var _require3 = require('./ReactPriorityLevel')
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var addCallbackToQueue = _require4.addCallbackToQueue;
|
|
44
|
-
var mergeUpdateQueue = _require4.mergeUpdateQueue;
|
|
23
|
+
var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent,
|
|
24
|
+
FunctionalComponent = ReactTypeOfWork.FunctionalComponent,
|
|
25
|
+
ClassComponent = ReactTypeOfWork.ClassComponent,
|
|
26
|
+
HostContainer = ReactTypeOfWork.HostContainer,
|
|
27
|
+
HostComponent = ReactTypeOfWork.HostComponent,
|
|
28
|
+
CoroutineComponent = ReactTypeOfWork.CoroutineComponent,
|
|
29
|
+
CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase,
|
|
30
|
+
YieldComponent = ReactTypeOfWork.YieldComponent;
|
|
31
|
+
|
|
32
|
+
var _require3 = require('./ReactPriorityLevel'),
|
|
33
|
+
NoWork = _require3.NoWork,
|
|
34
|
+
OffscreenPriority = _require3.OffscreenPriority;
|
|
35
|
+
|
|
36
|
+
var _require4 = require('./ReactFiberUpdateQueue'),
|
|
37
|
+
createUpdateQueue = _require4.createUpdateQueue,
|
|
38
|
+
addToQueue = _require4.addToQueue,
|
|
39
|
+
addCallbackToQueue = _require4.addCallbackToQueue,
|
|
40
|
+
mergeUpdateQueue = _require4.mergeUpdateQueue;
|
|
45
41
|
|
|
46
42
|
var ReactInstanceMap = require('./ReactInstanceMap');
|
|
47
43
|
|
|
@@ -103,9 +99,8 @@ module.exports = function (config, getScheduler) {
|
|
|
103
99
|
}
|
|
104
100
|
|
|
105
101
|
function scheduleUpdate(fiber, updateQueue, priorityLevel) {
|
|
106
|
-
var _getScheduler = getScheduler()
|
|
107
|
-
|
|
108
|
-
var scheduleDeferredWork = _getScheduler.scheduleDeferredWork;
|
|
102
|
+
var _getScheduler = getScheduler(),
|
|
103
|
+
scheduleDeferredWork = _getScheduler.scheduleDeferredWork;
|
|
109
104
|
|
|
110
105
|
fiber.updateQueue = updateQueue;
|
|
111
106
|
// Schedule update on the alternate as well, since we don't know which tree
|
|
@@ -12,14 +12,12 @@
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
14
|
var ReactTypeOfWork = require('./ReactTypeOfWork');
|
|
15
|
-
var ClassComponent = ReactTypeOfWork.ClassComponent
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var _require = require('./ReactFiberUpdateQueue');
|
|
20
|
-
|
|
21
|
-
var callCallbacks = _require.callCallbacks;
|
|
15
|
+
var ClassComponent = ReactTypeOfWork.ClassComponent,
|
|
16
|
+
HostContainer = ReactTypeOfWork.HostContainer,
|
|
17
|
+
HostComponent = ReactTypeOfWork.HostComponent;
|
|
22
18
|
|
|
19
|
+
var _require = require('./ReactFiberUpdateQueue'),
|
|
20
|
+
callCallbacks = _require.callCallbacks;
|
|
23
21
|
|
|
24
22
|
module.exports = function (config) {
|
|
25
23
|
|
|
@@ -11,19 +11,18 @@
|
|
|
11
11
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
|
-
var _require = require('./ReactChildFiber')
|
|
15
|
-
|
|
16
|
-
var reconcileChildFibers = _require.reconcileChildFibers;
|
|
14
|
+
var _require = require('./ReactChildFiber'),
|
|
15
|
+
reconcileChildFibers = _require.reconcileChildFibers;
|
|
17
16
|
|
|
18
17
|
var ReactTypeOfWork = require('./ReactTypeOfWork');
|
|
19
|
-
var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent,
|
|
19
|
+
FunctionalComponent = ReactTypeOfWork.FunctionalComponent,
|
|
20
|
+
ClassComponent = ReactTypeOfWork.ClassComponent,
|
|
21
|
+
HostContainer = ReactTypeOfWork.HostContainer,
|
|
22
|
+
HostComponent = ReactTypeOfWork.HostComponent,
|
|
23
|
+
CoroutineComponent = ReactTypeOfWork.CoroutineComponent,
|
|
24
|
+
CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase,
|
|
25
|
+
YieldComponent = ReactTypeOfWork.YieldComponent;
|
|
27
26
|
|
|
28
27
|
|
|
29
28
|
module.exports = function (config) {
|
|
@@ -126,9 +125,9 @@ module.exports = function (config) {
|
|
|
126
125
|
// merged it and assigned it to the instance. Transfer it from there.
|
|
127
126
|
// Also need to transfer the props, because pendingProps will be null
|
|
128
127
|
// in the case of an update
|
|
129
|
-
var _workInProgress$state = workInProgress.stateNode
|
|
130
|
-
|
|
131
|
-
|
|
128
|
+
var _workInProgress$state = workInProgress.stateNode,
|
|
129
|
+
state = _workInProgress$state.state,
|
|
130
|
+
props = _workInProgress$state.props;
|
|
132
131
|
|
|
133
132
|
workInProgress.memoizedState = state;
|
|
134
133
|
workInProgress.memoizedProps = props;
|
|
@@ -11,18 +11,15 @@
|
|
|
11
11
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
|
-
var _require = require('./ReactFiberRoot')
|
|
15
|
-
|
|
16
|
-
var createFiberRoot = _require.createFiberRoot;
|
|
14
|
+
var _require = require('./ReactFiberRoot'),
|
|
15
|
+
createFiberRoot = _require.createFiberRoot;
|
|
17
16
|
|
|
18
17
|
var ReactFiberScheduler = require('./ReactFiberScheduler');
|
|
19
18
|
|
|
20
19
|
module.exports = function (config) {
|
|
21
|
-
var _ReactFiberScheduler = ReactFiberScheduler(config)
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var performWithPriority = _ReactFiberScheduler.performWithPriority;
|
|
25
|
-
|
|
20
|
+
var _ReactFiberScheduler = ReactFiberScheduler(config),
|
|
21
|
+
scheduleWork = _ReactFiberScheduler.scheduleWork,
|
|
22
|
+
performWithPriority = _ReactFiberScheduler.performWithPriority;
|
|
26
23
|
|
|
27
24
|
return {
|
|
28
25
|
mountContainer: function (element, containerInfo) {
|
package/lib/ReactFiberRoot.js
CHANGED
|
@@ -11,10 +11,8 @@
|
|
|
11
11
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
|
-
var _require = require('./ReactFiber')
|
|
15
|
-
|
|
16
|
-
var createHostContainerFiber = _require.createHostContainerFiber;
|
|
17
|
-
|
|
14
|
+
var _require = require('./ReactFiber'),
|
|
15
|
+
createHostContainerFiber = _require.createHostContainerFiber;
|
|
18
16
|
|
|
19
17
|
exports.createFiberRoot = function (containerInfo) {
|
|
20
18
|
// Cyclic construction. This cheats the type system right now because
|
|
@@ -15,17 +15,14 @@ var ReactFiberBeginWork = require('./ReactFiberBeginWork');
|
|
|
15
15
|
var ReactFiberCompleteWork = require('./ReactFiberCompleteWork');
|
|
16
16
|
var ReactFiberCommitWork = require('./ReactFiberCommitWork');
|
|
17
17
|
|
|
18
|
-
var _require = require('./ReactFiber')
|
|
19
|
-
|
|
20
|
-
var cloneFiber = _require.cloneFiber;
|
|
21
|
-
|
|
22
|
-
var _require2 = require('./ReactPriorityLevel');
|
|
23
|
-
|
|
24
|
-
var NoWork = _require2.NoWork;
|
|
25
|
-
var LowPriority = _require2.LowPriority;
|
|
26
|
-
var AnimationPriority = _require2.AnimationPriority;
|
|
27
|
-
var SynchronousPriority = _require2.SynchronousPriority;
|
|
18
|
+
var _require = require('./ReactFiber'),
|
|
19
|
+
cloneFiber = _require.cloneFiber;
|
|
28
20
|
|
|
21
|
+
var _require2 = require('./ReactPriorityLevel'),
|
|
22
|
+
NoWork = _require2.NoWork,
|
|
23
|
+
LowPriority = _require2.LowPriority,
|
|
24
|
+
AnimationPriority = _require2.AnimationPriority,
|
|
25
|
+
SynchronousPriority = _require2.SynchronousPriority;
|
|
29
26
|
|
|
30
27
|
var timeHeuristicForUnitOfWork = 1;
|
|
31
28
|
|
|
@@ -37,18 +34,14 @@ module.exports = function (config) {
|
|
|
37
34
|
return scheduler;
|
|
38
35
|
}
|
|
39
36
|
|
|
40
|
-
var _ReactFiberBeginWork = ReactFiberBeginWork(config, getScheduler)
|
|
41
|
-
|
|
42
|
-
var beginWork = _ReactFiberBeginWork.beginWork;
|
|
43
|
-
|
|
44
|
-
var _ReactFiberCompleteWo = ReactFiberCompleteWork(config);
|
|
45
|
-
|
|
46
|
-
var completeWork = _ReactFiberCompleteWo.completeWork;
|
|
47
|
-
|
|
48
|
-
var _ReactFiberCommitWork = ReactFiberCommitWork(config);
|
|
37
|
+
var _ReactFiberBeginWork = ReactFiberBeginWork(config, getScheduler),
|
|
38
|
+
beginWork = _ReactFiberBeginWork.beginWork;
|
|
49
39
|
|
|
50
|
-
var
|
|
40
|
+
var _ReactFiberCompleteWo = ReactFiberCompleteWork(config),
|
|
41
|
+
completeWork = _ReactFiberCompleteWo.completeWork;
|
|
51
42
|
|
|
43
|
+
var _ReactFiberCommitWork = ReactFiberCommitWork(config),
|
|
44
|
+
commitWork = _ReactFiberCommitWork.commitWork;
|
|
52
45
|
|
|
53
46
|
var scheduleAnimationCallback = config.scheduleAnimationCallback;
|
|
54
47
|
var scheduleDeferredCallback = config.scheduleDeferredCallback;
|
package/lib/ReactOwner.js
CHANGED
|
@@ -64,9 +64,9 @@ var ReactOwner = {
|
|
|
64
64
|
* @final
|
|
65
65
|
* @internal
|
|
66
66
|
*/
|
|
67
|
-
addComponentAsRefTo: function (component, ref, owner
|
|
67
|
+
addComponentAsRefTo: function (component, ref, owner) {
|
|
68
68
|
!isValidOwner(owner) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component\'s `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).') : _prodInvariant('119') : void 0;
|
|
69
|
-
owner.attachRef(ref, component
|
|
69
|
+
owner.attachRef(ref, component);
|
|
70
70
|
},
|
|
71
71
|
|
|
72
72
|
/**
|
package/lib/ReactPerf.js
CHANGED
|
@@ -88,13 +88,13 @@ function getExclusive() {
|
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
flushHistory.forEach(function (flush) {
|
|
91
|
-
var measurements = flush.measurements
|
|
92
|
-
|
|
91
|
+
var measurements = flush.measurements,
|
|
92
|
+
treeSnapshot = flush.treeSnapshot;
|
|
93
93
|
|
|
94
94
|
measurements.forEach(function (measurement) {
|
|
95
|
-
var duration = measurement.duration
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
var duration = measurement.duration,
|
|
96
|
+
instanceID = measurement.instanceID,
|
|
97
|
+
timerType = measurement.timerType;
|
|
98
98
|
|
|
99
99
|
updateAggregatedStats(treeSnapshot, instanceID, timerType, function (stats) {
|
|
100
100
|
stats.totalDuration += duration;
|
|
@@ -125,9 +125,9 @@ function getInclusive() {
|
|
|
125
125
|
var affectedIDs = {};
|
|
126
126
|
|
|
127
127
|
function updateAggregatedStats(treeSnapshot, instanceID, applyUpdate) {
|
|
128
|
-
var _treeSnapshot$instanc = treeSnapshot[instanceID]
|
|
129
|
-
|
|
130
|
-
|
|
128
|
+
var _treeSnapshot$instanc = treeSnapshot[instanceID],
|
|
129
|
+
displayName = _treeSnapshot$instanc.displayName,
|
|
130
|
+
ownerID = _treeSnapshot$instanc.ownerID;
|
|
131
131
|
|
|
132
132
|
var owner = treeSnapshot[ownerID];
|
|
133
133
|
var key = (owner ? owner.displayName + ' > ' : '') + displayName;
|
|
@@ -150,8 +150,8 @@ function getInclusive() {
|
|
|
150
150
|
var measurements = flush.measurements;
|
|
151
151
|
|
|
152
152
|
measurements.forEach(function (measurement) {
|
|
153
|
-
var instanceID = measurement.instanceID
|
|
154
|
-
|
|
153
|
+
var instanceID = measurement.instanceID,
|
|
154
|
+
timerType = measurement.timerType;
|
|
155
155
|
|
|
156
156
|
if (timerType !== 'render') {
|
|
157
157
|
return;
|
|
@@ -161,13 +161,13 @@ function getInclusive() {
|
|
|
161
161
|
});
|
|
162
162
|
|
|
163
163
|
flushHistory.forEach(function (flush) {
|
|
164
|
-
var measurements = flush.measurements
|
|
165
|
-
|
|
164
|
+
var measurements = flush.measurements,
|
|
165
|
+
treeSnapshot = flush.treeSnapshot;
|
|
166
166
|
|
|
167
167
|
measurements.forEach(function (measurement) {
|
|
168
|
-
var duration = measurement.duration
|
|
169
|
-
|
|
170
|
-
|
|
168
|
+
var duration = measurement.duration,
|
|
169
|
+
instanceID = measurement.instanceID,
|
|
170
|
+
timerType = measurement.timerType;
|
|
171
171
|
|
|
172
172
|
if (timerType !== 'render') {
|
|
173
173
|
return;
|
|
@@ -210,9 +210,9 @@ function getWasted() {
|
|
|
210
210
|
var affectedIDs = {};
|
|
211
211
|
|
|
212
212
|
function updateAggregatedStats(treeSnapshot, instanceID, applyUpdate) {
|
|
213
|
-
var _treeSnapshot$instanc2 = treeSnapshot[instanceID]
|
|
214
|
-
|
|
215
|
-
|
|
213
|
+
var _treeSnapshot$instanc2 = treeSnapshot[instanceID],
|
|
214
|
+
displayName = _treeSnapshot$instanc2.displayName,
|
|
215
|
+
ownerID = _treeSnapshot$instanc2.ownerID;
|
|
216
216
|
|
|
217
217
|
var owner = treeSnapshot[ownerID];
|
|
218
218
|
var key = (owner ? owner.displayName + ' > ' : '') + displayName;
|
|
@@ -231,9 +231,9 @@ function getWasted() {
|
|
|
231
231
|
}
|
|
232
232
|
|
|
233
233
|
flushHistory.forEach(function (flush) {
|
|
234
|
-
var measurements = flush.measurements
|
|
235
|
-
|
|
236
|
-
|
|
234
|
+
var measurements = flush.measurements,
|
|
235
|
+
treeSnapshot = flush.treeSnapshot,
|
|
236
|
+
operations = flush.operations;
|
|
237
237
|
|
|
238
238
|
var isDefinitelyNotWastedByID = {};
|
|
239
239
|
|
|
@@ -253,8 +253,8 @@ function getWasted() {
|
|
|
253
253
|
// These are potential candidates for being wasted renders.
|
|
254
254
|
var renderedCompositeIDs = {};
|
|
255
255
|
measurements.forEach(function (measurement) {
|
|
256
|
-
var instanceID = measurement.instanceID
|
|
257
|
-
|
|
256
|
+
var instanceID = measurement.instanceID,
|
|
257
|
+
timerType = measurement.timerType;
|
|
258
258
|
|
|
259
259
|
if (timerType !== 'render') {
|
|
260
260
|
return;
|
|
@@ -263,9 +263,9 @@ function getWasted() {
|
|
|
263
263
|
});
|
|
264
264
|
|
|
265
265
|
measurements.forEach(function (measurement) {
|
|
266
|
-
var duration = measurement.duration
|
|
267
|
-
|
|
268
|
-
|
|
266
|
+
var duration = measurement.duration,
|
|
267
|
+
instanceID = measurement.instanceID,
|
|
268
|
+
timerType = measurement.timerType;
|
|
269
269
|
|
|
270
270
|
if (timerType !== 'render') {
|
|
271
271
|
return;
|
|
@@ -318,16 +318,16 @@ function getOperations() {
|
|
|
318
318
|
|
|
319
319
|
var stats = [];
|
|
320
320
|
flushHistory.forEach(function (flush, flushIndex) {
|
|
321
|
-
var operations = flush.operations
|
|
322
|
-
|
|
321
|
+
var operations = flush.operations,
|
|
322
|
+
treeSnapshot = flush.treeSnapshot;
|
|
323
323
|
|
|
324
324
|
operations.forEach(function (operation) {
|
|
325
|
-
var instanceID = operation.instanceID
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
var _treeSnapshot$instanc3 = treeSnapshot[instanceID]
|
|
329
|
-
|
|
330
|
-
|
|
325
|
+
var instanceID = operation.instanceID,
|
|
326
|
+
type = operation.type,
|
|
327
|
+
payload = operation.payload;
|
|
328
|
+
var _treeSnapshot$instanc3 = treeSnapshot[instanceID],
|
|
329
|
+
displayName = _treeSnapshot$instanc3.displayName,
|
|
330
|
+
ownerID = _treeSnapshot$instanc3.ownerID;
|
|
331
331
|
|
|
332
332
|
var owner = treeSnapshot[ownerID];
|
|
333
333
|
var key = (owner ? owner.displayName + ' > ' : '') + displayName;
|
|
@@ -353,9 +353,9 @@ function printExclusive(flushHistory) {
|
|
|
353
353
|
|
|
354
354
|
var stats = getExclusive(flushHistory);
|
|
355
355
|
var table = stats.map(function (item) {
|
|
356
|
-
var key = item.key
|
|
357
|
-
|
|
358
|
-
|
|
356
|
+
var key = item.key,
|
|
357
|
+
instanceCount = item.instanceCount,
|
|
358
|
+
totalDuration = item.totalDuration;
|
|
359
359
|
|
|
360
360
|
var renderCount = item.counts.render || 0;
|
|
361
361
|
var renderDuration = item.durations.render || 0;
|
|
@@ -380,10 +380,10 @@ function printInclusive(flushHistory) {
|
|
|
380
380
|
|
|
381
381
|
var stats = getInclusive(flushHistory);
|
|
382
382
|
var table = stats.map(function (item) {
|
|
383
|
-
var key = item.key
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
383
|
+
var key = item.key,
|
|
384
|
+
instanceCount = item.instanceCount,
|
|
385
|
+
inclusiveRenderDuration = item.inclusiveRenderDuration,
|
|
386
|
+
renderCount = item.renderCount;
|
|
387
387
|
|
|
388
388
|
return {
|
|
389
389
|
'Owner > Component': key,
|
|
@@ -403,10 +403,10 @@ function printWasted(flushHistory) {
|
|
|
403
403
|
|
|
404
404
|
var stats = getWasted(flushHistory);
|
|
405
405
|
var table = stats.map(function (item) {
|
|
406
|
-
var key = item.key
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
406
|
+
var key = item.key,
|
|
407
|
+
instanceCount = item.instanceCount,
|
|
408
|
+
inclusiveRenderDuration = item.inclusiveRenderDuration,
|
|
409
|
+
renderCount = item.renderCount;
|
|
410
410
|
|
|
411
411
|
return {
|
|
412
412
|
'Owner > Component': key,
|
package/lib/ReactReconciler.js
CHANGED
|
@@ -19,8 +19,8 @@ var warning = require('fbjs/lib/warning');
|
|
|
19
19
|
* Helper to call ReactRef.attachRefs with this composite component, split out
|
|
20
20
|
* to avoid allocations in the transaction mount-ready queue.
|
|
21
21
|
*/
|
|
22
|
-
function attachRefs(
|
|
23
|
-
ReactRef.attachRefs(this, this._currentElement
|
|
22
|
+
function attachRefs() {
|
|
23
|
+
ReactRef.attachRefs(this, this._currentElement);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
var ReactReconciler = {
|
package/lib/ReactRef.js
CHANGED
|
@@ -15,12 +15,12 @@ var ReactOwner = require('./ReactOwner');
|
|
|
15
15
|
|
|
16
16
|
var ReactRef = {};
|
|
17
17
|
|
|
18
|
-
function attachRef(ref, component, owner
|
|
18
|
+
function attachRef(ref, component, owner) {
|
|
19
19
|
if (typeof ref === 'function') {
|
|
20
|
-
ref(component.getPublicInstance(
|
|
20
|
+
ref(component.getPublicInstance());
|
|
21
21
|
} else {
|
|
22
22
|
// Legacy ref
|
|
23
|
-
ReactOwner.addComponentAsRefTo(component, ref, owner
|
|
23
|
+
ReactOwner.addComponentAsRefTo(component, ref, owner);
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
|
|
@@ -33,13 +33,13 @@ function detachRef(ref, component, owner) {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
ReactRef.attachRefs = function (instance, element
|
|
36
|
+
ReactRef.attachRefs = function (instance, element) {
|
|
37
37
|
if (element === null || typeof element !== 'object') {
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
40
|
var ref = element.ref;
|
|
41
41
|
if (ref != null) {
|
|
42
|
-
attachRef(ref, instance, element._owner
|
|
42
|
+
attachRef(ref, instance, element._owner);
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
|
package/lib/ReactReifiedYield.js
CHANGED
|
@@ -11,10 +11,8 @@
|
|
|
11
11
|
|
|
12
12
|
'use strict';
|
|
13
13
|
|
|
14
|
-
var _require = require('./ReactFiber')
|
|
15
|
-
|
|
16
|
-
var createFiberFromElementType = _require.createFiberFromElementType;
|
|
17
|
-
|
|
14
|
+
var _require = require('./ReactFiber'),
|
|
15
|
+
createFiberFromElementType = _require.createFiberFromElementType;
|
|
18
16
|
|
|
19
17
|
exports.createReifiedYield = function (yieldNode) {
|
|
20
18
|
var fiber = createFiberFromElementType(yieldNode.continuation, yieldNode.key);
|
|
@@ -22,10 +22,9 @@ var ReactReconciler = require('./ReactReconciler');
|
|
|
22
22
|
var ReactUpdates = require('./ReactUpdates');
|
|
23
23
|
|
|
24
24
|
var emptyObject = require('fbjs/lib/emptyObject');
|
|
25
|
+
var getNextDebugID = require('./getNextDebugID');
|
|
25
26
|
var invariant = require('fbjs/lib/invariant');
|
|
26
27
|
|
|
27
|
-
var nextDebugID = 1;
|
|
28
|
-
|
|
29
28
|
var NoopInternalComponent = function () {
|
|
30
29
|
function NoopInternalComponent(element) {
|
|
31
30
|
_classCallCheck(this, NoopInternalComponent);
|
|
@@ -34,7 +33,7 @@ var NoopInternalComponent = function () {
|
|
|
34
33
|
this._currentElement = element;
|
|
35
34
|
|
|
36
35
|
if (process.env.NODE_ENV !== 'production') {
|
|
37
|
-
this._debugID =
|
|
36
|
+
this._debugID = getNextDebugID();
|
|
38
37
|
}
|
|
39
38
|
}
|
|
40
39
|
|
|
@@ -61,7 +60,7 @@ var NoopInternalComponent = function () {
|
|
|
61
60
|
var ShallowComponentWrapper = function (element) {
|
|
62
61
|
// TODO: Consolidate with instantiateReactComponent
|
|
63
62
|
if (process.env.NODE_ENV !== 'production') {
|
|
64
|
-
this._debugID =
|
|
63
|
+
this._debugID = getNextDebugID();
|
|
65
64
|
}
|
|
66
65
|
|
|
67
66
|
this.construct(element);
|
package/lib/ReactTestUtils.js
CHANGED
|
@@ -69,14 +69,14 @@ function findAllInRenderedTreeInternal(inst, test) {
|
|
|
69
69
|
* @lends ReactTestUtils
|
|
70
70
|
*/
|
|
71
71
|
var ReactTestUtils = {
|
|
72
|
-
renderIntoDocument: function (
|
|
72
|
+
renderIntoDocument: function (element) {
|
|
73
73
|
var div = document.createElement('div');
|
|
74
74
|
// None of our tests actually require attaching the container to the
|
|
75
75
|
// DOM, and doing so creates a mess that we rely on test isolation to
|
|
76
76
|
// clean up, so we're going to stop honoring the name of this method
|
|
77
77
|
// (and probably rename it eventually) if no problems arise.
|
|
78
78
|
// document.documentElement.appendChild(div);
|
|
79
|
-
return ReactDOM.render(
|
|
79
|
+
return ReactDOM.render(element, div);
|
|
80
80
|
},
|
|
81
81
|
|
|
82
82
|
isElement: function (element) {
|
package/lib/ReactVersion.js
CHANGED
|
@@ -18,9 +18,9 @@ var EventPluginUtils = require('./EventPluginUtils');
|
|
|
18
18
|
var invariant = require('fbjs/lib/invariant');
|
|
19
19
|
var warning = require('fbjs/lib/warning');
|
|
20
20
|
|
|
21
|
-
var isEndish = EventPluginUtils.isEndish
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
var isEndish = EventPluginUtils.isEndish,
|
|
22
|
+
isMoveish = EventPluginUtils.isMoveish,
|
|
23
|
+
isStartish = EventPluginUtils.isStartish;
|
|
24
24
|
|
|
25
25
|
/**
|
|
26
26
|
* Tracks the position and time of each active touch by `touch.identifier`. We
|