react-dom - npm Package Compare versions

react-dom

Package Overview

Dependencies

Maintainers

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 16.0.0-alpha.5 to 16.0.0-alpha.6

lib/ReactChildFiber.js

		@@ -71,38 +71,30 @@ /**
		if (element._owner) {
		var _ret = function () {
		var owner = element._owner;
		var inst = void 0;
		if (owner) {
		if (typeof owner.tag === 'number') {
		var ownerFiber = owner;
		!(ownerFiber.tag === ClassComponent) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Stateless function components cannot have refs.') : _prodInvariant('110') : void 0;
		inst = ownerFiber.stateNode;
		} else {
		// Stack
		inst = owner.getPublicInstance();
		}
		var owner = element._owner;
		var inst = void 0;
		if (owner) {
		if (typeof owner.tag === 'number') {
		var ownerFiber = owner;
		!(ownerFiber.tag === ClassComponent) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Stateless function components cannot have refs.') : _prodInvariant('110') : void 0;
		inst = ownerFiber.stateNode;
		} else {
		// Stack
		inst = owner.getPublicInstance();
		}
		invariant(inst, 'Missing owner for string ref %s. This error is likely caused by a ' + 'bug in React. Please file an issue.', mixedRef);
		var stringRef = '' + mixedRef;
		// Check if previous string ref matches new string ref
		if (current !== null && current.ref !== null && current.ref._stringRef === stringRef) {
		return {
		v: current.ref
		};
		}
		invariant(inst, 'Missing owner for string ref %s. This error is likely caused by a ' + 'bug in React. Please file an issue.', mixedRef);
		var stringRef = '' + mixedRef;
		// Check if previous string ref matches new string ref
		if (current !== null && current.ref !== null && current.ref._stringRef === stringRef) {
		return current.ref;
		}
		var ref = function (value) {
		var refs = inst.refs === emptyObject ? inst.refs = {} : inst.refs;
		if (value === null) {
		delete refs[stringRef];
		} else {
		refs[stringRef] = value;
		}
		var ref = function (value) {
		var refs = inst.refs === emptyObject ? inst.refs = {} : inst.refs;
		if (value === null) {
		delete refs[stringRef];
		} else {
		refs[stringRef] = value;
		}
		};
		ref._stringRef = stringRef;
		return {
		v: ref
		};
		}();

		if (typeof _ret === "object") return _ret.v;
		};
		ref._stringRef = stringRef;
		return ref;
		}
		@@ -109,0 +101,0 @@ }

582

lib/ReactDebugFiberPerf.js

		@@ -18,325 +18,323 @@ 'use strict';
		if (process.env.NODE_ENV !== 'production') {
		(function () {
		var _require = require('./ReactTypeOfWork'),
		HostRoot = _require.HostRoot,
		HostComponent = _require.HostComponent,
		HostText = _require.HostText,
		HostPortal = _require.HostPortal,
		YieldComponent = _require.YieldComponent,
		Fragment = _require.Fragment;
		var _require = require('./ReactTypeOfWork'),
		HostRoot = _require.HostRoot,
		HostComponent = _require.HostComponent,
		HostText = _require.HostText,
		HostPortal = _require.HostPortal,
		YieldComponent = _require.YieldComponent,
		Fragment = _require.Fragment;

		var getComponentName = require('./getComponentName');
		var getComponentName = require('./getComponentName');

		// Prefix measurements so that it's possible to filter them.
		// Longer prefixes are hard to read in DevTools.
		var reactEmoji = '\u269B';
		var warningEmoji = '\u26D4';
		var supportsUserTiming = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';
		// Prefix measurements so that it's possible to filter them.
		// Longer prefixes are hard to read in DevTools.
		var reactEmoji = '\u269B';
		var warningEmoji = '\u26D4';
		var supportsUserTiming = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';

		// Keep track of current fiber so that we know the path to unwind on pause.
		// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
		var currentFiber = null;
		// If we're in the middle of user code, which fiber and method is it?
		// Reusing `currentFiber` would be confusing for this because user code fiber
		// can change during commit phase too, but we don't need to unwind it (since
		// lifecycles in the commit phase don't resemble a tree).
		var currentPhase = null;
		var currentPhaseFiber = null;
		// Did lifecycle hook schedule an update? This is often a performance problem,
		// so we will keep track of it, and include it in the report.
		// Track commits caused by cascading updates.
		var isCommitting = false;
		var hasScheduledUpdateInCurrentCommit = false;
		var hasScheduledUpdateInCurrentPhase = false;
		var commitCountInCurrentWorkLoop = 0;
		var effectCountInCurrentCommit = 0;
		// During commits, we only show a measurement once per method name
		// to avoid stretch the commit phase with measurement overhead.
		var labelsInCurrentCommit = new Set();
		// Keep track of current fiber so that we know the path to unwind on pause.
		// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
		var currentFiber = null;
		// If we're in the middle of user code, which fiber and method is it?
		// Reusing `currentFiber` would be confusing for this because user code fiber
		// can change during commit phase too, but we don't need to unwind it (since
		// lifecycles in the commit phase don't resemble a tree).
		var currentPhase = null;
		var currentPhaseFiber = null;
		// Did lifecycle hook schedule an update? This is often a performance problem,
		// so we will keep track of it, and include it in the report.
		// Track commits caused by cascading updates.
		var isCommitting = false;
		var hasScheduledUpdateInCurrentCommit = false;
		var hasScheduledUpdateInCurrentPhase = false;
		var commitCountInCurrentWorkLoop = 0;
		var effectCountInCurrentCommit = 0;
		// During commits, we only show a measurement once per method name
		// to avoid stretch the commit phase with measurement overhead.
		var labelsInCurrentCommit = new Set();

		var formatMarkName = function (markName) {
		return reactEmoji + ' ' + markName;
		};
		var formatMarkName = function (markName) {
		return reactEmoji + ' ' + markName;
		};

		var formatLabel = function (label, warning) {
		var prefix = warning ? warningEmoji + ' ' : reactEmoji + ' ';
		var suffix = warning ? ' Warning: ' + warning : '';
		return '' + prefix + label + suffix;
		};
		var formatLabel = function (label, warning) {
		var prefix = warning ? warningEmoji + ' ' : reactEmoji + ' ';
		var suffix = warning ? ' Warning: ' + warning : '';
		return '' + prefix + label + suffix;
		};

		var beginMark = function (markName) {
		performance.mark(formatMarkName(markName));
		};
		var beginMark = function (markName) {
		performance.mark(formatMarkName(markName));
		};

		var clearMark = function (markName) {
		performance.clearMarks(formatMarkName(markName));
		};
		var clearMark = function (markName) {
		performance.clearMarks(formatMarkName(markName));
		};

		var endMark = function (label, markName, warning) {
		var formattedMarkName = formatMarkName(markName);
		var formattedLabel = formatLabel(label, warning);
		try {
		performance.measure(formattedLabel, formattedMarkName);
		} catch (err) {}
		// If previous mark was missing for some reason, this will throw.
		// This could only happen if React crashed in an unexpected place earlier.
		// Don't pile on with more errors.
		var endMark = function (label, markName, warning) {
		var formattedMarkName = formatMarkName(markName);
		var formattedLabel = formatLabel(label, warning);
		try {
		performance.measure(formattedLabel, formattedMarkName);
		} catch (err) {}
		// If previous mark was missing for some reason, this will throw.
		// This could only happen if React crashed in an unexpected place earlier.
		// Don't pile on with more errors.

		// Clear marks immediately to avoid growing buffer.
		performance.clearMarks(formattedMarkName);
		performance.clearMeasures(formattedLabel);
		};
		// Clear marks immediately to avoid growing buffer.
		performance.clearMarks(formattedMarkName);
		performance.clearMeasures(formattedLabel);
		};

		var getFiberMarkName = function (label, debugID) {
		return label + ' (#' + debugID + ')';
		};
		var getFiberMarkName = function (label, debugID) {
		return label + ' (#' + debugID + ')';
		};

		var getFiberLabel = function (componentName, isMounted, phase) {
		if (phase === null) {
		// These are composite component total time measurements.
		return componentName + ' [' + (isMounted ? 'update' : 'mount') + ']';
		} else {
		// Composite component methods.
		return componentName + '.' + phase;
		}
		};
		var getFiberLabel = function (componentName, isMounted, phase) {
		if (phase === null) {
		// These are composite component total time measurements.
		return componentName + ' [' + (isMounted ? 'update' : 'mount') + ']';
		} else {
		// Composite component methods.
		return componentName + '.' + phase;
		}
		};

		var beginFiberMark = function (fiber, phase) {
		var componentName = getComponentName(fiber) \|\| 'Unknown';
		var debugID = fiber._debugID;
		var isMounted = fiber.alternate !== null;
		var label = getFiberLabel(componentName, isMounted, phase);
		var beginFiberMark = function (fiber, phase) {
		var componentName = getComponentName(fiber) \|\| 'Unknown';
		var debugID = fiber._debugID;
		var isMounted = fiber.alternate !== null;
		var label = getFiberLabel(componentName, isMounted, phase);

		if (isCommitting && labelsInCurrentCommit.has(label)) {
		// During the commit phase, we don't show duplicate labels because
		// there is a fixed overhead for every measurement, and we don't
		// want to stretch the commit phase beyond necessary.
		if (isCommitting && labelsInCurrentCommit.has(label)) {
		// During the commit phase, we don't show duplicate labels because
		// there is a fixed overhead for every measurement, and we don't
		// want to stretch the commit phase beyond necessary.
		return false;
		}
		labelsInCurrentCommit.add(label);

		var markName = getFiberMarkName(label, debugID);
		beginMark(markName);
		return true;
		};

		var clearFiberMark = function (fiber, phase) {
		var componentName = getComponentName(fiber) \|\| 'Unknown';
		var debugID = fiber._debugID;
		var isMounted = fiber.alternate !== null;
		var label = getFiberLabel(componentName, isMounted, phase);
		var markName = getFiberMarkName(label, debugID);
		clearMark(markName);
		};

		var endFiberMark = function (fiber, phase, warning) {
		var componentName = getComponentName(fiber) \|\| 'Unknown';
		var debugID = fiber._debugID;
		var isMounted = fiber.alternate !== null;
		var label = getFiberLabel(componentName, isMounted, phase);
		var markName = getFiberMarkName(label, debugID);
		endMark(label, markName, warning);
		};

		var shouldIgnoreFiber = function (fiber) {
		// Host components should be skipped in the timeline.
		// We could check typeof fiber.type, but does this work with RN?
		switch (fiber.tag) {
		case HostRoot:
		case HostComponent:
		case HostText:
		case HostPortal:
		case YieldComponent:
		case Fragment:
		return true;
		default:
		return false;
		}
		};

		var clearPendingPhaseMeasurement = function () {
		if (currentPhase !== null && currentPhaseFiber !== null) {
		clearFiberMark(currentPhaseFiber, currentPhase);
		}
		currentPhaseFiber = null;
		currentPhase = null;
		hasScheduledUpdateInCurrentPhase = false;
		};

		var pauseTimers = function () {
		// Stops all currently active measurements so that they can be resumed
		// if we continue in a later deferred loop from the same unit of work.
		var fiber = currentFiber;
		while (fiber) {
		if (fiber._debugIsCurrentlyTiming) {
		endFiberMark(fiber, null, null);
		}
		labelsInCurrentCommit.add(label);
		fiber = fiber['return'];
		}
		};

		var markName = getFiberMarkName(label, debugID);
		beginMark(markName);
		return true;
		};
		var resumeTimersRecursively = function (fiber) {
		if (fiber['return'] !== null) {
		resumeTimersRecursively(fiber['return']);
		}
		if (fiber._debugIsCurrentlyTiming) {
		beginFiberMark(fiber, null);
		}
		};

		var clearFiberMark = function (fiber, phase) {
		var componentName = getComponentName(fiber) \|\| 'Unknown';
		var debugID = fiber._debugID;
		var isMounted = fiber.alternate !== null;
		var label = getFiberLabel(componentName, isMounted, phase);
		var markName = getFiberMarkName(label, debugID);
		clearMark(markName);
		};
		var resumeTimers = function () {
		// Resumes all measurements that were active during the last deferred loop.
		if (currentFiber !== null) {
		resumeTimersRecursively(currentFiber);
		}
		};

		var endFiberMark = function (fiber, phase, warning) {
		var componentName = getComponentName(fiber) \|\| 'Unknown';
		var debugID = fiber._debugID;
		var isMounted = fiber.alternate !== null;
		var label = getFiberLabel(componentName, isMounted, phase);
		var markName = getFiberMarkName(label, debugID);
		endMark(label, markName, warning);
		};

		var shouldIgnoreFiber = function (fiber) {
		// Host components should be skipped in the timeline.
		// We could check typeof fiber.type, but does this work with RN?
		switch (fiber.tag) {
		case HostRoot:
		case HostComponent:
		case HostText:
		case HostPortal:
		case YieldComponent:
		case Fragment:
		return true;
		default:
		return false;
		ReactDebugFiberPerf = {
		recordEffect: function () {
		effectCountInCurrentCommit++;
		},
		recordScheduleUpdate: function () {
		if (isCommitting) {
		hasScheduledUpdateInCurrentCommit = true;
		}
		};

		var clearPendingPhaseMeasurement = function () {
		if (currentPhase !== null && currentPhase !== 'componentWillMount' && currentPhase !== 'componentWillReceiveProps') {
		hasScheduledUpdateInCurrentPhase = true;
		}
		},
		startWorkTimer: function (fiber) {
		if (!supportsUserTiming \|\| shouldIgnoreFiber(fiber)) {
		return;
		}
		// If we pause, this is the fiber to unwind from.
		currentFiber = fiber;
		if (!beginFiberMark(fiber, null)) {
		return;
		}
		fiber._debugIsCurrentlyTiming = true;
		},
		cancelWorkTimer: function (fiber) {
		if (!supportsUserTiming \|\| shouldIgnoreFiber(fiber)) {
		return;
		}
		// Remember we shouldn't complete measurement for this fiber.
		// Otherwise flamechart will be deep even for small updates.
		fiber._debugIsCurrentlyTiming = false;
		clearFiberMark(fiber, null);
		},
		stopWorkTimer: function (fiber) {
		if (!supportsUserTiming \|\| shouldIgnoreFiber(fiber)) {
		return;
		}
		// If we pause, its parent is the fiber to unwind from.
		currentFiber = fiber['return'];
		if (!fiber._debugIsCurrentlyTiming) {
		return;
		}
		fiber._debugIsCurrentlyTiming = false;
		endFiberMark(fiber, null, null);
		},
		startPhaseTimer: function (fiber, phase) {
		if (!supportsUserTiming) {
		return;
		}
		clearPendingPhaseMeasurement();
		if (!beginFiberMark(fiber, phase)) {
		return;
		}
		currentPhaseFiber = fiber;
		currentPhase = phase;
		},
		stopPhaseTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		if (currentPhase !== null && currentPhaseFiber !== null) {
		clearFiberMark(currentPhaseFiber, currentPhase);
		var warning = hasScheduledUpdateInCurrentPhase ? 'Scheduled a cascading update' : null;
		endFiberMark(currentPhaseFiber, currentPhase, warning);
		}
		currentPhase = null;
		currentPhaseFiber = null;
		currentPhase = null;
		hasScheduledUpdateInCurrentPhase = false;
		};

		var pauseTimers = function () {
		// Stops all currently active measurements so that they can be resumed
		// if we continue in a later deferred loop from the same unit of work.
		var fiber = currentFiber;
		while (fiber) {
		if (fiber._debugIsCurrentlyTiming) {
		endFiberMark(fiber, null, null);
		}
		fiber = fiber['return'];
		},
		startWorkLoopTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		};

		var resumeTimersRecursively = function (fiber) {
		if (fiber['return'] !== null) {
		resumeTimersRecursively(fiber['return']);
		commitCountInCurrentWorkLoop = 0;
		// This is top level call.
		// Any other measurements are performed within.
		beginMark('(React Tree Reconciliation)');
		// Resume any measurements that were in progress during the last loop.
		resumeTimers();
		},
		stopWorkLoopTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		if (fiber._debugIsCurrentlyTiming) {
		beginFiberMark(fiber, null);
		var warning = commitCountInCurrentWorkLoop > 1 ? 'There were cascading updates' : null;
		commitCountInCurrentWorkLoop = 0;
		// Pause any measurements until the next loop.
		pauseTimers();
		endMark('(React Tree Reconciliation)', '(React Tree Reconciliation)', warning);
		},
		startCommitTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		};
		isCommitting = true;
		hasScheduledUpdateInCurrentCommit = false;
		labelsInCurrentCommit.clear();
		beginMark('(Committing Changes)');
		},
		stopCommitTimer: function () {
		if (!supportsUserTiming) {
		return;
		}

		var resumeTimers = function () {
		// Resumes all measurements that were active during the last deferred loop.
		if (currentFiber !== null) {
		resumeTimersRecursively(currentFiber);
		var warning = null;
		if (hasScheduledUpdateInCurrentCommit) {
		warning = 'Lifecycle hook scheduled a cascading update';
		} else if (commitCountInCurrentWorkLoop > 0) {
		warning = 'Caused by a cascading update in earlier commit';
		}
		};
		hasScheduledUpdateInCurrentCommit = false;
		commitCountInCurrentWorkLoop++;
		isCommitting = false;
		labelsInCurrentCommit.clear();

		ReactDebugFiberPerf = {
		recordEffect: function () {
		effectCountInCurrentCommit++;
		},
		recordScheduleUpdate: function () {
		if (isCommitting) {
		hasScheduledUpdateInCurrentCommit = true;
		}
		if (currentPhase !== null && currentPhase !== 'componentWillMount' && currentPhase !== 'componentWillReceiveProps') {
		hasScheduledUpdateInCurrentPhase = true;
		}
		},
		startWorkTimer: function (fiber) {
		if (!supportsUserTiming \|\| shouldIgnoreFiber(fiber)) {
		return;
		}
		// If we pause, this is the fiber to unwind from.
		currentFiber = fiber;
		if (!beginFiberMark(fiber, null)) {
		return;
		}
		fiber._debugIsCurrentlyTiming = true;
		},
		cancelWorkTimer: function (fiber) {
		if (!supportsUserTiming \|\| shouldIgnoreFiber(fiber)) {
		return;
		}
		// Remember we shouldn't complete measurement for this fiber.
		// Otherwise flamechart will be deep even for small updates.
		fiber._debugIsCurrentlyTiming = false;
		clearFiberMark(fiber, null);
		},
		stopWorkTimer: function (fiber) {
		if (!supportsUserTiming \|\| shouldIgnoreFiber(fiber)) {
		return;
		}
		// If we pause, its parent is the fiber to unwind from.
		currentFiber = fiber['return'];
		if (!fiber._debugIsCurrentlyTiming) {
		return;
		}
		fiber._debugIsCurrentlyTiming = false;
		endFiberMark(fiber, null, null);
		},
		startPhaseTimer: function (fiber, phase) {
		if (!supportsUserTiming) {
		return;
		}
		clearPendingPhaseMeasurement();
		if (!beginFiberMark(fiber, phase)) {
		return;
		}
		currentPhaseFiber = fiber;
		currentPhase = phase;
		},
		stopPhaseTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		if (currentPhase !== null && currentPhaseFiber !== null) {
		var warning = hasScheduledUpdateInCurrentPhase ? 'Scheduled a cascading update' : null;
		endFiberMark(currentPhaseFiber, currentPhase, warning);
		}
		currentPhase = null;
		currentPhaseFiber = null;
		},
		startWorkLoopTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		commitCountInCurrentWorkLoop = 0;
		// This is top level call.
		// Any other measurements are performed within.
		beginMark('(React Tree Reconciliation)');
		// Resume any measurements that were in progress during the last loop.
		resumeTimers();
		},
		stopWorkLoopTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		var warning = commitCountInCurrentWorkLoop > 1 ? 'There were cascading updates' : null;
		commitCountInCurrentWorkLoop = 0;
		// Pause any measurements until the next loop.
		pauseTimers();
		endMark('(React Tree Reconciliation)', '(React Tree Reconciliation)', warning);
		},
		startCommitTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		isCommitting = true;
		hasScheduledUpdateInCurrentCommit = false;
		labelsInCurrentCommit.clear();
		beginMark('(Committing Changes)');
		},
		stopCommitTimer: function () {
		if (!supportsUserTiming) {
		return;
		}

		var warning = null;
		if (hasScheduledUpdateInCurrentCommit) {
		warning = 'Lifecycle hook scheduled a cascading update';
		} else if (commitCountInCurrentWorkLoop > 0) {
		warning = 'Caused by a cascading update in earlier commit';
		}
		hasScheduledUpdateInCurrentCommit = false;
		commitCountInCurrentWorkLoop++;
		isCommitting = false;
		labelsInCurrentCommit.clear();

		endMark('(Committing Changes)', '(Committing Changes)', warning);
		},
		startCommitHostEffectsTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		effectCountInCurrentCommit = 0;
		beginMark('(Committing Host Effects)');
		},
		stopCommitHostEffectsTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		var count = effectCountInCurrentCommit;
		effectCountInCurrentCommit = 0;
		endMark('(Committing Host Effects: ' + count + ' Total)', '(Committing Host Effects)', null);
		},
		startCommitLifeCyclesTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		effectCountInCurrentCommit = 0;
		beginMark('(Calling Lifecycle Methods)');
		},
		stopCommitLifeCyclesTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		var count = effectCountInCurrentCommit;
		effectCountInCurrentCommit = 0;
		endMark('(Calling Lifecycle Methods: ' + count + ' Total)', '(Calling Lifecycle Methods)', null);
		endMark('(Committing Changes)', '(Committing Changes)', warning);
		},
		startCommitHostEffectsTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		};
		})();
		effectCountInCurrentCommit = 0;
		beginMark('(Committing Host Effects)');
		},
		stopCommitHostEffectsTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		var count = effectCountInCurrentCommit;
		effectCountInCurrentCommit = 0;
		endMark('(Committing Host Effects: ' + count + ' Total)', '(Committing Host Effects)', null);
		},
		startCommitLifeCyclesTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		effectCountInCurrentCommit = 0;
		beginMark('(Calling Lifecycle Methods)');
		},
		stopCommitLifeCyclesTimer: function () {
		if (!supportsUserTiming) {
		return;
		}
		var count = effectCountInCurrentCommit;
		effectCountInCurrentCommit = 0;
		endMark('(Calling Lifecycle Methods: ' + count + ' Total)', '(Calling Lifecycle Methods)', null);
		}
		};
		}

		module.exports = ReactDebugFiberPerf;

616

lib/ReactDebugTool.js

		@@ -26,357 +26,335 @@ /**
		if (process.env.NODE_ENV !== 'production') {
		var hooks;
		var didHookThrowForEvent;
		var isProfiling;
		var flushHistory;
		var lifeCycleTimerStack;
		var currentFlushNesting;
		var currentFlushMeasurements;
		var currentFlushStartTime;
		var currentTimerDebugID;
		var currentTimerStartTime;
		var currentTimerNestedFlushDuration;
		var currentTimerType;
		var lifeCycleTimerHasWarned;
		var lastMarkTimeStamp;
		var canUsePerformanceMeasure;
		var url;
		var hooks = [];
		var didHookThrowForEvent = {};

		(function () {
		hooks = [];
		didHookThrowForEvent = {};
		var callHook = function (event, fn, context, arg1, arg2, arg3, arg4, arg5) {
		try {
		fn.call(context, arg1, arg2, arg3, arg4, arg5);
		} catch (e) {
		process.env.NODE_ENV !== 'production' ? warning(didHookThrowForEvent[event], 'Exception thrown by hook while handling %s: %s', event, e + '\n' + e.stack) : void 0;
		didHookThrowForEvent[event] = true;
		}
		};


		var callHook = function (event, fn, context, arg1, arg2, arg3, arg4, arg5) {
		try {
		fn.call(context, arg1, arg2, arg3, arg4, arg5);
		} catch (e) {
		process.env.NODE_ENV !== 'production' ? warning(didHookThrowForEvent[event], 'Exception thrown by hook while handling %s: %s', event, e + '\n' + e.stack) : void 0;
		didHookThrowForEvent[event] = true;
		var emitEvent = function (event, arg1, arg2, arg3, arg4, arg5) {
		for (var i = 0; i < hooks.length; i++) {
		var hook = hooks[i];
		var fn = hook[event];
		if (fn) {
		callHook(event, fn, hook, arg1, arg2, arg3, arg4, arg5);
		}
		};
		}
		};

		var emitEvent = function (event, arg1, arg2, arg3, arg4, arg5) {
		for (var i = 0; i < hooks.length; i++) {
		var hook = hooks[i];
		var fn = hook[event];
		if (fn) {
		callHook(event, fn, hook, arg1, arg2, arg3, arg4, arg5);
		}
		}
		};
		var isProfiling = false;
		var flushHistory = [];
		var lifeCycleTimerStack = [];
		var currentFlushNesting = 0;
		var currentFlushMeasurements = [];
		var currentFlushStartTime = 0;
		var currentTimerDebugID = null;
		var currentTimerStartTime = 0;
		var currentTimerNestedFlushDuration = 0;
		var currentTimerType = null;

		isProfiling = false;
		flushHistory = [];
		lifeCycleTimerStack = [];
		currentFlushNesting = 0;
		currentFlushMeasurements = [];
		currentFlushStartTime = 0;
		currentTimerDebugID = null;
		currentTimerStartTime = 0;
		currentTimerNestedFlushDuration = 0;
		currentTimerType = null;
		lifeCycleTimerHasWarned = false;
		var lifeCycleTimerHasWarned = false;

		var clearHistory = function () {
		ReactComponentTreeHook.purgeUnmountedComponents();
		ReactHostOperationHistoryHook.clearHistory();
		};

		var clearHistory = function () {
		ReactComponentTreeHook.purgeUnmountedComponents();
		ReactHostOperationHistoryHook.clearHistory();
		};
		var getTreeSnapshot = function (registeredIDs) {
		return registeredIDs.reduce(function (tree, id) {
		var ownerID = ReactComponentTreeHook.getOwnerID(id);
		var parentID = ReactComponentTreeHook.getParentID(id);
		tree[id] = {
		displayName: ReactComponentTreeHook.getDisplayName(id),
		text: ReactComponentTreeHook.getText(id),
		updateCount: ReactComponentTreeHook.getUpdateCount(id),
		childIDs: ReactComponentTreeHook.getChildIDs(id),
		// Text nodes don't have owners but this is close enough.
		ownerID: ownerID \|\| parentID && ReactComponentTreeHook.getOwnerID(parentID) \|\| 0,
		parentID: parentID
		};
		return tree;
		}, {});
		};

		var getTreeSnapshot = function (registeredIDs) {
		return registeredIDs.reduce(function (tree, id) {
		var ownerID = ReactComponentTreeHook.getOwnerID(id);
		var parentID = ReactComponentTreeHook.getParentID(id);
		tree[id] = {
		displayName: ReactComponentTreeHook.getDisplayName(id),
		text: ReactComponentTreeHook.getText(id),
		updateCount: ReactComponentTreeHook.getUpdateCount(id),
		childIDs: ReactComponentTreeHook.getChildIDs(id),
		// Text nodes don't have owners but this is close enough.
		ownerID: ownerID \|\| parentID && ReactComponentTreeHook.getOwnerID(parentID) \|\| 0,
		parentID: parentID
		};
		return tree;
		}, {});
		};
		var resetMeasurements = function () {
		var previousStartTime = currentFlushStartTime;
		var previousMeasurements = currentFlushMeasurements;
		var previousOperations = ReactHostOperationHistoryHook.getHistory();

		var resetMeasurements = function () {
		var previousStartTime = currentFlushStartTime;
		var previousMeasurements = currentFlushMeasurements;
		var previousOperations = ReactHostOperationHistoryHook.getHistory();

		if (currentFlushNesting === 0) {
		currentFlushStartTime = 0;
		currentFlushMeasurements = [];
		clearHistory();
		return;
		}

		if (previousMeasurements.length \|\| previousOperations.length) {
		var registeredIDs = ReactComponentTreeHook.getRegisteredIDs();
		flushHistory.push({
		duration: performanceNow() - previousStartTime,
		measurements: previousMeasurements \|\| [],
		operations: previousOperations \|\| [],
		treeSnapshot: getTreeSnapshot(registeredIDs)
		});
		}

		if (currentFlushNesting === 0) {
		currentFlushStartTime = 0;
		currentFlushMeasurements = [];
		clearHistory();
		currentFlushStartTime = performanceNow();
		currentFlushMeasurements = [];
		};
		return;
		}

		var checkDebugID = function (debugID) {
		var allowRoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
		if (previousMeasurements.length \|\| previousOperations.length) {
		var registeredIDs = ReactComponentTreeHook.getRegisteredIDs();
		flushHistory.push({
		duration: performanceNow() - previousStartTime,
		measurements: previousMeasurements \|\| [],
		operations: previousOperations \|\| [],
		treeSnapshot: getTreeSnapshot(registeredIDs)
		});
		}

		if (allowRoot && debugID === 0) {
		return;
		}
		if (!debugID) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDebugTool: debugID may not be empty.') : void 0;
		}
		};
		clearHistory();
		currentFlushStartTime = performanceNow();
		currentFlushMeasurements = [];
		};

		var beginLifeCycleTimer = function (debugID, timerType) {
		if (currentFlushNesting === 0) {
		return;
		}
		if (currentTimerType && !lifeCycleTimerHasWarned) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'There is an internal error in the React performance measurement code.' + '\n\nDid not expect %s timer to start while %s timer is still in ' + 'progress for %s instance.', timerType, currentTimerType \|\| 'no', debugID === currentTimerDebugID ? 'the same' : 'another') : void 0;
		lifeCycleTimerHasWarned = true;
		}
		currentTimerStartTime = performanceNow();
		currentTimerNestedFlushDuration = 0;
		currentTimerDebugID = debugID;
		currentTimerType = timerType;
		};
		var checkDebugID = function (debugID) {
		var allowRoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

		var endLifeCycleTimer = function (debugID, timerType) {
		if (currentFlushNesting === 0) {
		return;
		}
		if (currentTimerType !== timerType && !lifeCycleTimerHasWarned) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'There is an internal error in the React performance measurement code. ' + 'We did not expect %s timer to stop while %s timer is still in ' + 'progress for %s instance. Please report this as a bug in React.', timerType, currentTimerType \|\| 'no', debugID === currentTimerDebugID ? 'the same' : 'another') : void 0;
		lifeCycleTimerHasWarned = true;
		}
		if (isProfiling) {
		currentFlushMeasurements.push({
		timerType: timerType,
		instanceID: debugID,
		duration: performanceNow() - currentTimerStartTime - currentTimerNestedFlushDuration
		});
		}
		currentTimerStartTime = 0;
		currentTimerNestedFlushDuration = 0;
		currentTimerDebugID = null;
		currentTimerType = null;
		};
		if (allowRoot && debugID === 0) {
		return;
		}
		if (!debugID) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'ReactDebugTool: debugID may not be empty.') : void 0;
		}
		};

		var pauseCurrentLifeCycleTimer = function () {
		var currentTimer = {
		startTime: currentTimerStartTime,
		nestedFlushStartTime: performanceNow(),
		debugID: currentTimerDebugID,
		timerType: currentTimerType
		};
		lifeCycleTimerStack.push(currentTimer);
		currentTimerStartTime = 0;
		currentTimerNestedFlushDuration = 0;
		currentTimerDebugID = null;
		currentTimerType = null;
		};
		var beginLifeCycleTimer = function (debugID, timerType) {
		if (currentFlushNesting === 0) {
		return;
		}
		if (currentTimerType && !lifeCycleTimerHasWarned) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'There is an internal error in the React performance measurement code.' + '\n\nDid not expect %s timer to start while %s timer is still in ' + 'progress for %s instance.', timerType, currentTimerType \|\| 'no', debugID === currentTimerDebugID ? 'the same' : 'another') : void 0;
		lifeCycleTimerHasWarned = true;
		}
		currentTimerStartTime = performanceNow();
		currentTimerNestedFlushDuration = 0;
		currentTimerDebugID = debugID;
		currentTimerType = timerType;
		};

		var resumeCurrentLifeCycleTimer = function () {
		var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop(),
		startTime = _lifeCycleTimerStack$.startTime,
		nestedFlushStartTime = _lifeCycleTimerStack$.nestedFlushStartTime,
		debugID = _lifeCycleTimerStack$.debugID,
		timerType = _lifeCycleTimerStack$.timerType;
		var endLifeCycleTimer = function (debugID, timerType) {
		if (currentFlushNesting === 0) {
		return;
		}
		if (currentTimerType !== timerType && !lifeCycleTimerHasWarned) {
		process.env.NODE_ENV !== 'production' ? warning(false, 'There is an internal error in the React performance measurement code. ' + 'We did not expect %s timer to stop while %s timer is still in ' + 'progress for %s instance. Please report this as a bug in React.', timerType, currentTimerType \|\| 'no', debugID === currentTimerDebugID ? 'the same' : 'another') : void 0;
		lifeCycleTimerHasWarned = true;
		}
		if (isProfiling) {
		currentFlushMeasurements.push({
		timerType: timerType,
		instanceID: debugID,
		duration: performanceNow() - currentTimerStartTime - currentTimerNestedFlushDuration
		});
		}
		currentTimerStartTime = 0;
		currentTimerNestedFlushDuration = 0;
		currentTimerDebugID = null;
		currentTimerType = null;
		};

		var nestedFlushDuration = performanceNow() - nestedFlushStartTime;
		currentTimerStartTime = startTime;
		currentTimerNestedFlushDuration += nestedFlushDuration;
		currentTimerDebugID = debugID;
		currentTimerType = timerType;
		var pauseCurrentLifeCycleTimer = function () {
		var currentTimer = {
		startTime: currentTimerStartTime,
		nestedFlushStartTime: performanceNow(),
		debugID: currentTimerDebugID,
		timerType: currentTimerType
		};
		lifeCycleTimerStack.push(currentTimer);
		currentTimerStartTime = 0;
		currentTimerNestedFlushDuration = 0;
		currentTimerDebugID = null;
		currentTimerType = null;
		};

		lastMarkTimeStamp = 0;
		canUsePerformanceMeasure = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';
		var resumeCurrentLifeCycleTimer = function () {
		var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop(),
		startTime = _lifeCycleTimerStack$.startTime,
		nestedFlushStartTime = _lifeCycleTimerStack$.nestedFlushStartTime,
		debugID = _lifeCycleTimerStack$.debugID,
		timerType = _lifeCycleTimerStack$.timerType;

		var nestedFlushDuration = performanceNow() - nestedFlushStartTime;
		currentTimerStartTime = startTime;
		currentTimerNestedFlushDuration += nestedFlushDuration;
		currentTimerDebugID = debugID;
		currentTimerType = timerType;
		};

		var shouldMark = function (debugID) {
		if (!isProfiling \|\| !canUsePerformanceMeasure) {
		return false;
		}
		var element = ReactComponentTreeHook.getElement(debugID);
		if (element == null \|\| typeof element !== 'object') {
		return false;
		}
		var isHostElement = typeof element.type === 'string';
		if (isHostElement) {
		return false;
		}
		return true;
		};
		var lastMarkTimeStamp = 0;
		var canUsePerformanceMeasure = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';

		var markBegin = function (debugID, markType) {
		if (!shouldMark(debugID)) {
		return;
		}
		var shouldMark = function (debugID) {
		if (!isProfiling \|\| !canUsePerformanceMeasure) {
		return false;
		}
		var element = ReactComponentTreeHook.getElement(debugID);
		if (element == null \|\| typeof element !== 'object') {
		return false;
		}
		var isHostElement = typeof element.type === 'string';
		if (isHostElement) {
		return false;
		}
		return true;
		};

		var markName = debugID + '::' + markType;
		lastMarkTimeStamp = performanceNow();
		performance.mark(markName);
		};
		var markBegin = function (debugID, markType) {
		if (!shouldMark(debugID)) {
		return;
		}

		var markEnd = function (debugID, markType) {
		if (!shouldMark(debugID)) {
		return;
		}
		var markName = debugID + '::' + markType;
		lastMarkTimeStamp = performanceNow();
		performance.mark(markName);
		};

		var markName = debugID + '::' + markType;
		var displayName = ReactComponentTreeHook.getDisplayName(debugID) \|\| 'Unknown';
		var markEnd = function (debugID, markType) {
		if (!shouldMark(debugID)) {
		return;
		}

		// Chrome has an issue of dropping markers recorded too fast:
		// https://bugs.chromium.org/p/chromium/issues/detail?id=640652
		// To work around this, we will not report very small measurements.
		// I determined the magic number by tweaking it back and forth.
		// 0.05ms was enough to prevent the issue, but I set it to 0.1ms to be safe.
		// When the bug is fixed, we can `measure()` unconditionally if we want to.
		var timeStamp = performanceNow();
		if (timeStamp - lastMarkTimeStamp > 0.1) {
		var measurementName = displayName + ' [' + markType + ']';
		performance.measure(measurementName, markName);
		}
		var markName = debugID + '::' + markType;
		var displayName = ReactComponentTreeHook.getDisplayName(debugID) \|\| 'Unknown';

		performance.clearMarks(markName);
		performance.clearMeasures(measurementName);
		};
		// Chrome has an issue of dropping markers recorded too fast:
		// https://bugs.chromium.org/p/chromium/issues/detail?id=640652
		// To work around this, we will not report very small measurements.
		// I determined the magic number by tweaking it back and forth.
		// 0.05ms was enough to prevent the issue, but I set it to 0.1ms to be safe.
		// When the bug is fixed, we can `measure()` unconditionally if we want to.
		var timeStamp = performanceNow();
		if (timeStamp - lastMarkTimeStamp > 0.1) {
		var measurementName = displayName + ' [' + markType + ']';
		performance.measure(measurementName, markName);
		}

		ReactDebugTool = {
		addHook: function (hook) {
		hooks.push(hook);
		},
		removeHook: function (hook) {
		for (var i = 0; i < hooks.length; i++) {
		if (hooks[i] === hook) {
		hooks.splice(i, 1);
		i--;
		}
		}
		},
		isProfiling: function () {
		return isProfiling;
		},
		beginProfiling: function () {
		if (isProfiling) {
		return;
		}
		performance.clearMarks(markName);
		performance.clearMeasures(measurementName);
		};

		isProfiling = true;
		flushHistory.length = 0;
		resetMeasurements();
		ReactDebugTool.addHook(ReactHostOperationHistoryHook);
		},
		endProfiling: function () {
		if (!isProfiling) {
		return;
		ReactDebugTool = {
		addHook: function (hook) {
		hooks.push(hook);
		},
		removeHook: function (hook) {
		for (var i = 0; i < hooks.length; i++) {
		if (hooks[i] === hook) {
		hooks.splice(i, 1);
		i--;
		}
		}
		},
		isProfiling: function () {
		return isProfiling;
		},
		beginProfiling: function () {
		if (isProfiling) {
		return;
		}

		isProfiling = false;
		resetMeasurements();
		ReactDebugTool.removeHook(ReactHostOperationHistoryHook);
		},
		getFlushHistory: function () {
		return flushHistory;
		},
		onBeginFlush: function () {
		currentFlushNesting++;
		resetMeasurements();
		pauseCurrentLifeCycleTimer();
		emitEvent('onBeginFlush');
		},
		onEndFlush: function () {
		resetMeasurements();
		currentFlushNesting--;
		resumeCurrentLifeCycleTimer();
		emitEvent('onEndFlush');
		},
		onBeginLifeCycleTimer: function (debugID, timerType) {
		checkDebugID(debugID);
		emitEvent('onBeginLifeCycleTimer', debugID, timerType);
		markBegin(debugID, timerType);
		beginLifeCycleTimer(debugID, timerType);
		},
		onEndLifeCycleTimer: function (debugID, timerType) {
		checkDebugID(debugID);
		endLifeCycleTimer(debugID, timerType);
		markEnd(debugID, timerType);
		emitEvent('onEndLifeCycleTimer', debugID, timerType);
		},
		onBeginProcessingChildContext: function () {
		emitEvent('onBeginProcessingChildContext');
		},
		onEndProcessingChildContext: function () {
		emitEvent('onEndProcessingChildContext');
		},
		onHostOperation: function (operation) {
		checkDebugID(operation.instanceID);
		emitEvent('onHostOperation', operation);
		},
		onSetState: function () {
		emitEvent('onSetState');
		},
		onSetChildren: function (debugID, childDebugIDs) {
		checkDebugID(debugID);
		childDebugIDs.forEach(checkDebugID);
		emitEvent('onSetChildren', debugID, childDebugIDs);
		},
		onBeforeMountComponent: function (debugID, element, parentDebugID) {
		checkDebugID(debugID);
		checkDebugID(parentDebugID, true);
		emitEvent('onBeforeMountComponent', debugID, element, parentDebugID);
		markBegin(debugID, 'mount');
		},
		onMountComponent: function (debugID) {
		checkDebugID(debugID);
		markEnd(debugID, 'mount');
		emitEvent('onMountComponent', debugID);
		},
		onBeforeUpdateComponent: function (debugID, element) {
		checkDebugID(debugID);
		emitEvent('onBeforeUpdateComponent', debugID, element);
		markBegin(debugID, 'update');
		},
		onUpdateComponent: function (debugID) {
		checkDebugID(debugID);
		markEnd(debugID, 'update');
		emitEvent('onUpdateComponent', debugID);
		},
		onBeforeUnmountComponent: function (debugID) {
		checkDebugID(debugID);
		emitEvent('onBeforeUnmountComponent', debugID);
		markBegin(debugID, 'unmount');
		},
		onUnmountComponent: function (debugID) {
		checkDebugID(debugID);
		markEnd(debugID, 'unmount');
		emitEvent('onUnmountComponent', debugID);
		},
		onTestEvent: function () {
		emitEvent('onTestEvent');
		isProfiling = true;
		flushHistory.length = 0;
		resetMeasurements();
		ReactDebugTool.addHook(ReactHostOperationHistoryHook);
		},
		endProfiling: function () {
		if (!isProfiling) {
		return;
		}
		};

		ReactDebugTool.addHook(ReactInvalidSetStateWarningHook);
		ReactDebugTool.addHook(ReactComponentTreeHook);
		url = ExecutionEnvironment.canUseDOM && window.location.href \|\| '';
		isProfiling = false;
		resetMeasurements();
		ReactDebugTool.removeHook(ReactHostOperationHistoryHook);
		},
		getFlushHistory: function () {
		return flushHistory;
		},
		onBeginFlush: function () {
		currentFlushNesting++;
		resetMeasurements();
		pauseCurrentLifeCycleTimer();
		emitEvent('onBeginFlush');
		},
		onEndFlush: function () {
		resetMeasurements();
		currentFlushNesting--;
		resumeCurrentLifeCycleTimer();
		emitEvent('onEndFlush');
		},
		onBeginLifeCycleTimer: function (debugID, timerType) {
		checkDebugID(debugID);
		emitEvent('onBeginLifeCycleTimer', debugID, timerType);
		markBegin(debugID, timerType);
		beginLifeCycleTimer(debugID, timerType);
		},
		onEndLifeCycleTimer: function (debugID, timerType) {
		checkDebugID(debugID);
		endLifeCycleTimer(debugID, timerType);
		markEnd(debugID, timerType);
		emitEvent('onEndLifeCycleTimer', debugID, timerType);
		},
		onBeginProcessingChildContext: function () {
		emitEvent('onBeginProcessingChildContext');
		},
		onEndProcessingChildContext: function () {
		emitEvent('onEndProcessingChildContext');
		},
		onHostOperation: function (operation) {
		checkDebugID(operation.instanceID);
		emitEvent('onHostOperation', operation);
		},
		onSetState: function () {
		emitEvent('onSetState');
		},
		onSetChildren: function (debugID, childDebugIDs) {
		checkDebugID(debugID);
		childDebugIDs.forEach(checkDebugID);
		emitEvent('onSetChildren', debugID, childDebugIDs);
		},
		onBeforeMountComponent: function (debugID, element, parentDebugID) {
		checkDebugID(debugID);
		checkDebugID(parentDebugID, true);
		emitEvent('onBeforeMountComponent', debugID, element, parentDebugID);
		markBegin(debugID, 'mount');
		},
		onMountComponent: function (debugID) {
		checkDebugID(debugID);
		markEnd(debugID, 'mount');
		emitEvent('onMountComponent', debugID);
		},
		onBeforeUpdateComponent: function (debugID, element) {
		checkDebugID(debugID);
		emitEvent('onBeforeUpdateComponent', debugID, element);
		markBegin(debugID, 'update');
		},
		onUpdateComponent: function (debugID) {
		checkDebugID(debugID);
		markEnd(debugID, 'update');
		emitEvent('onUpdateComponent', debugID);
		},
		onBeforeUnmountComponent: function (debugID) {
		checkDebugID(debugID);
		emitEvent('onBeforeUnmountComponent', debugID);
		markBegin(debugID, 'unmount');
		},
		onUnmountComponent: function (debugID) {
		checkDebugID(debugID);
		markEnd(debugID, 'unmount');
		emitEvent('onUnmountComponent', debugID);
		},
		onTestEvent: function () {
		emitEvent('onTestEvent');
		}
		};

		if (/[?&]react_perf\b/.test(url)) {
		ReactDebugTool.beginProfiling();
		}
		})();
		ReactDebugTool.addHook(ReactInvalidSetStateWarningHook);
		ReactDebugTool.addHook(ReactComponentTreeHook);
		var url = ExecutionEnvironment.canUseDOM && window.location.href \|\| '';
		if (/[?&]react_perf\b/.test(url)) {
		ReactDebugTool.beginProfiling();
		}
		}

		module.exports = ReactDebugTool;

lib/ReactDOMFiber.js

		@@ -249,14 +249,12 @@ /**
		if (!root) {
		(function () {
		// First clear any existing content.
		while (container.lastChild) {
		container.removeChild(container.lastChild);
		}
		var newRoot = DOMRenderer.createContainer(container);
		root = container._reactRootContainer = newRoot;
		// Initial mount should not be batched.
		DOMRenderer.unbatchedUpdates(function () {
		DOMRenderer.updateContainer(children, newRoot, parentComponent, callback);
		});
		})();
		// First clear any existing content.
		while (container.lastChild) {
		container.removeChild(container.lastChild);
		}
		var newRoot = DOMRenderer.createContainer(container);
		root = container._reactRootContainer = newRoot;
		// Initial mount should not be batched.
		DOMRenderer.unbatchedUpdates(function () {
		DOMRenderer.updateContainer(children, newRoot, parentComponent, callback);
		});
		} else {
		@@ -263,0 +261,0 @@ DOMRenderer.updateContainer(children, root, parentComponent, callback);

117

lib/ReactErrorUtils.js

		@@ -14,4 +14,61 @@ /**

		var invariant = require('fbjs/lib/invariant');

		var caughtError = null;

		var invokeGuardedCallback = function (name, func, context, a, b, c, d, e, f) {
		var funcArgs = Array.prototype.slice.call(arguments, 3);
		try {
		func.apply(context, funcArgs);
		} catch (error) {
		return error;
		}
		return null;
		};

		if (process.env.NODE_ENV !== 'production') {
		/**
		* To help development we can get better devtools integration by simulating a
		* real browser event.
		*/
		if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
		var fakeNode = document.createElement('react');
		var depth = 0;

		invokeGuardedCallback = function (name, func, context, a, b, c, d, e, f) {
		depth++;
		var thisDepth = depth;
		var funcArgs = Array.prototype.slice.call(arguments, 3);
		var boundFunc = function () {
		func.apply(context, funcArgs);
		};
		var fakeEventError = null;
		var onFakeEventError = function (event) {
		// Don't capture nested errors
		if (depth === thisDepth) {
		fakeEventError = event.error;
		}
		};
		var evtType = 'react-' + (name ? name : 'invokeguardedcallback') + '-' + depth;
		window.addEventListener('error', onFakeEventError);
		fakeNode.addEventListener(evtType, boundFunc, false);
		var evt = document.createEvent('Event');
		evt.initEvent(evtType, false, false);
		fakeNode.dispatchEvent(evt);
		fakeNode.removeEventListener(evtType, boundFunc, false);
		window.removeEventListener('error', onFakeEventError);
		depth--;
		return fakeEventError;
		};
		}
		}

		var rethrowCaughtError = function () {
		if (caughtError) {
		var error = caughtError;
		caughtError = null;
		throw error;
		}
		};

		/**
		@@ -27,12 +84,13 @@ * Call a function while guarding against errors that happens within it.
		var ReactErrorUtils = {
		invokeGuardedCallback: function (name, func, context, a, b, c, d, e, f) {
		var funcArgs = Array.prototype.slice.call(arguments, 3);
		try {
		func.apply(context, funcArgs);
		} catch (error) {
		return error;
		injection: {
		injectErrorUtils: function (injectedErrorUtils) {
		invariant(typeof injectedErrorUtils.invokeGuardedCallback === 'function', 'Injected invokeGuardedCallback() must be a function.');
		invokeGuardedCallback = injectedErrorUtils.invokeGuardedCallback;
		}
		return null;
		},

		invokeGuardedCallback: function (name, func, context, a, b, c, d, e, f) {
		return invokeGuardedCallback.apply(this, arguments);
		},

		/**
		@@ -59,49 +117,6 @@ * Same as invokeGuardedCallback, but instead of returning an error, it stores
		rethrowCaughtError: function () {
		if (caughtError) {
		var error = caughtError;
		caughtError = null;
		throw error;
		}
		return rethrowCaughtError.apply(this, arguments);
		}
		};

		if (process.env.NODE_ENV !== 'production') {
		/**
		* To help development we can get better devtools integration by simulating a
		* real browser event.
		*/
		if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
		(function () {
		var fakeNode = document.createElement('react');
		var depth = 0;

		ReactErrorUtils.invokeGuardedCallback = function (name, func, context, a, b, c, d, e, f) {
		depth++;
		var thisDepth = depth;
		var funcArgs = Array.prototype.slice.call(arguments, 3);
		var boundFunc = function () {
		func.apply(context, funcArgs);
		};
		var fakeEventError = null;
		var onFakeEventError = function (event) {
		// Don't capture nested errors
		if (depth === thisDepth) {
		fakeEventError = event.error;
		}
		};
		var evtType = 'react-' + (name ? name : 'invokeguardedcallback') + '-' + depth;
		window.addEventListener('error', onFakeEventError);
		fakeNode.addEventListener(evtType, boundFunc, false);
		var evt = document.createEvent('Event');
		evt.initEvent(evtType, false, false);
		fakeNode.dispatchEvent(evt);
		fakeNode.removeEventListener(evtType, boundFunc, false);
		window.removeEventListener('error', onFakeEventError);
		depth--;
		return fakeEventError;
		};
		})();
		}
		}

		module.exports = ReactErrorUtils;

lib/ReactFiberDevToolsHook.js

		@@ -21,41 +21,39 @@ /**
		if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' && __REACT_DEVTOOLS_GLOBAL_HOOK__.supportsFiber) {
		(function () {
		var inject = __REACT_DEVTOOLS_GLOBAL_HOOK__.inject,
		onCommitFiberRoot = __REACT_DEVTOOLS_GLOBAL_HOOK__.onCommitFiberRoot,
		onCommitFiberUnmount = __REACT_DEVTOOLS_GLOBAL_HOOK__.onCommitFiberUnmount;
		var inject = __REACT_DEVTOOLS_GLOBAL_HOOK__.inject,
		onCommitFiberRoot = __REACT_DEVTOOLS_GLOBAL_HOOK__.onCommitFiberRoot,
		onCommitFiberUnmount = __REACT_DEVTOOLS_GLOBAL_HOOK__.onCommitFiberUnmount;


		injectInternals = function (internals) {
		process.env.NODE_ENV !== 'production' ? warning(rendererID == null, 'Cannot inject into DevTools twice.') : void 0;
		rendererID = inject(internals);
		};
		injectInternals = function (internals) {
		process.env.NODE_ENV !== 'production' ? warning(rendererID == null, 'Cannot inject into DevTools twice.') : void 0;
		rendererID = inject(internals);
		};

		onCommitRoot = function (root) {
		if (rendererID == null) {
		return;
		onCommitRoot = function (root) {
		if (rendererID == null) {
		return;
		}
		try {
		onCommitFiberRoot(rendererID, root);
		} catch (err) {
		// Catch all errors because it is unsafe to throw in the commit phase.
		if (process.env.NODE_ENV !== 'production') {
		process.env.NODE_ENV !== 'production' ? warning(false, 'React DevTools encountered an error: %s', err) : void 0;
		}
		try {
		onCommitFiberRoot(rendererID, root);
		} catch (err) {
		// Catch all errors because it is unsafe to throw in the commit phase.
		if (process.env.NODE_ENV !== 'production') {
		process.env.NODE_ENV !== 'production' ? warning(false, 'React DevTools encountered an error: %s', err) : void 0;
		}
		}
		};
		}
		};

		onCommitUnmount = function (fiber) {
		if (rendererID == null) {
		return;
		onCommitUnmount = function (fiber) {
		if (rendererID == null) {
		return;
		}
		try {
		onCommitFiberUnmount(rendererID, fiber);
		} catch (err) {
		// Catch all errors because it is unsafe to throw in the commit phase.
		if (process.env.NODE_ENV !== 'production') {
		process.env.NODE_ENV !== 'production' ? warning(false, 'React DevTools encountered an error: %s', err) : void 0;
		}
		try {
		onCommitFiberUnmount(rendererID, fiber);
		} catch (err) {
		// Catch all errors because it is unsafe to throw in the commit phase.
		if (process.env.NODE_ENV !== 'production') {
		process.env.NODE_ENV !== 'production' ? warning(false, 'React DevTools encountered an error: %s', err) : void 0;
		}
		}
		};
		})();
		}
		};
		}
		@@ -62,0 +60,0 @@

lib/ReactFiberErrorLogger.js

		@@ -14,2 +14,7 @@ /**

		var emptyFunction = require('fbjs/lib/emptyFunction');
		var invariant = require('fbjs/lib/invariant');

		var showDialog = emptyFunction;

		function logCapturedError(capturedError) {
		@@ -62,4 +67,14 @@ if (process.env.NODE_ENV !== 'production') {
		}

		showDialog(capturedError);
		}

		exports.injection = {
		injectDialog: function (fn) {
		invariant(showDialog === emptyFunction, 'The custom dialog was already injected.');
		invariant(typeof fn === 'function', 'Injected showDialog() must be a function.');
		showDialog = fn;
		}
		};

		exports.logCapturedError = logCapturedError;

lib/ReactVersion.js

		@@ -13,2 +13,2 @@ /**

		module.exports = '16.0.0-alpha.5';
		module.exports = '16.0.0-alpha.6';

package.json

		{
		"name": "react-dom",
		"version": "16.0.0-alpha.5",
		"version": "16.0.0-alpha.6",
		"description": "React package for working with the DOM.",
		@@ -21,3 +21,3 @@ "main": "index.js",
		"peerDependencies": {
		"react": "^16.0.0-alpha.5"
		"react": "^16.0.0-alpha.6"
		},
		@@ -24,0 +24,0 @@ "files": [

dist/react-dom-server.js

Sorry, the diff of this file is too big to display

dist/react-dom-server.min.js

Sorry, the diff of this file is too big to display

dist/react-dom.js

Sorry, the diff of this file is too big to display

dist/react-dom.min.js

Sorry, the diff of this file is too big to display

Worsened metrics