react-router 3.0.4 → 3.0.5

package/CHANGES.md

@@ -1,3 +1,9 @@
+## [v3.0.5](https://github.com/ReactTraining/react-router/compare/v3.0.4...v3.0.5)
+> Apr 10, 2017
+
+- Manually set displayName for components
+- Async hooks could be removed during simultaneous server requests (#4941 by @s-yadav)
+
 ## [v3.0.4](https://github.com/ReactTraining/react-router/compare/v3.0.3...v3.0.4)
 > Apr 9, 2017
 

package/README.md

@@ -9,11 +9,11 @@ React Router keeps your UI in sync with the URL. It has a simple API with powerf
 [![Codecov][codecov-badge]][codecov]
 [![Discord][discord-badge]][discord]
 
-### v4 Is Coming
+### 4.0 is here!
 
-The next version of React Router (v4) is in beta now.
+The next version of React Router (4.0) has been released! Check out the `master` branch.
 
-[v4 Documentation](https://reacttraining.com/react-router/)
+[4.0 Documentation](https://reacttraining.com/react-router/)
 
 ### Docs & Help
 

package/es/IndexLink.js

@@ -8,6 +8,8 @@ import Link from './Link';
  * An <IndexLink> is used to link to an <IndexRoute>.
  */
 var IndexLink = createReactClass({
+  displayName: 'IndexLink',
+
   render: function render() {
     return React.createElement(Link, _extends({}, this.props, { onlyActiveOnIndex: true }));
   }

package/es/IndexRedirect.js

@@ -10,6 +10,7 @@ import { falsy } from './InternalPropTypes';
  */
 /* eslint-disable react/require-render-return */
 var IndexRedirect = createReactClass({
+  displayName: 'IndexRedirect',
 
   statics: {
     createRouteFromReactElement: function createRouteFromReactElement(element, parentRoute) {

package/es/IndexRoute.js

@@ -11,6 +11,7 @@ import { component, components, falsy } from './InternalPropTypes';
  */
 /* eslint-disable react/require-render-return */
 var IndexRoute = createReactClass({
+  displayName: 'IndexRoute',
 
   statics: {
     createRouteFromReactElement: function createRouteFromReactElement(element, parentRoute) {

package/es/Link.js

@@ -42,6 +42,7 @@ function resolveToLocation(to, router) {
  *   <Link to={`/posts/${post.id}`} />
  */
 var Link = createReactClass({
+  displayName: 'Link',
 
   mixins: [ContextSubscriber('router')],
 

package/es/Redirect.js

@@ -14,6 +14,7 @@ import { falsy } from './InternalPropTypes';
  */
 /* eslint-disable react/require-render-return */
 var Redirect = createReactClass({
+  displayName: 'Redirect',
 
   statics: {
     createRouteFromReactElement: function createRouteFromReactElement(element) {

package/es/Route.js

@@ -16,6 +16,7 @@ import { component, components } from './InternalPropTypes';
  */
 /* eslint-disable react/require-render-return */
 var Route = createReactClass({
+  displayName: 'Route',
 
   statics: {
     createRouteFromReactElement: createRouteFromReactElement

package/es/Router.js

@@ -33,6 +33,7 @@ var propTypes = {
  * it needs each time the URL changes.
  */
 var Router = createReactClass({
+  displayName: 'Router',
 
   propTypes: propTypes,
 

package/es/RouterContext.js

@@ -16,6 +16,7 @@ import { isReactChildren } from './RouteUtils';
  * and sets the history object and the current location in context.
  */
 var RouterContext = createReactClass({
+  displayName: 'RouterContext',
 
   mixins: [ContextProvider('router')],
 

package/es/TransitionUtils.js

@@ -28,121 +28,129 @@ var PendingHooks = function PendingHooks() {
   };
 };
 
-var enterHooks = new PendingHooks();
-var changeHooks = new PendingHooks();
+export default function getTransitionUtils() {
+  var enterHooks = new PendingHooks();
+  var changeHooks = new PendingHooks();
 
-function createTransitionHook(hook, route, asyncArity, pendingHooks) {
-  var isSync = hook.length < asyncArity;
+  function createTransitionHook(hook, route, asyncArity, pendingHooks) {
+    var isSync = hook.length < asyncArity;
 
-  var transitionHook = function transitionHook() {
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+    var transitionHook = function transitionHook() {
+      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
 
-    hook.apply(route, args);
+      hook.apply(route, args);
 
-    if (isSync) {
-      var callback = args[args.length - 1];
-      // Assume hook executes synchronously and
-      // automatically call the callback.
+      if (isSync) {
+        var callback = args[args.length - 1];
+        // Assume hook executes synchronously and
+        // automatically call the callback.
+        callback();
+      }
+    };
+
+    pendingHooks.add(transitionHook);
+
+    return transitionHook;
+  }
+
+  function getEnterHooks(routes) {
+    return routes.reduce(function (hooks, route) {
+      if (route.onEnter) hooks.push(createTransitionHook(route.onEnter, route, 3, enterHooks));
+      return hooks;
+    }, []);
+  }
+
+  function getChangeHooks(routes) {
+    return routes.reduce(function (hooks, route) {
+      if (route.onChange) hooks.push(createTransitionHook(route.onChange, route, 4, changeHooks));
+      return hooks;
+    }, []);
+  }
+
+  function runTransitionHooks(length, iter, callback) {
+    if (!length) {
       callback();
+      return;
     }
-  };
 
-  pendingHooks.add(transitionHook);
-
-  return transitionHook;
-}
-
-function getEnterHooks(routes) {
-  return routes.reduce(function (hooks, route) {
-    if (route.onEnter) hooks.push(createTransitionHook(route.onEnter, route, 3, enterHooks));
-    return hooks;
-  }, []);
-}
-
-function getChangeHooks(routes) {
-  return routes.reduce(function (hooks, route) {
-    if (route.onChange) hooks.push(createTransitionHook(route.onChange, route, 4, changeHooks));
-    return hooks;
-  }, []);
-}
-
-function runTransitionHooks(length, iter, callback) {
-  if (!length) {
-    callback();
-    return;
+    var redirectInfo = void 0;
+    function replace(location) {
+      redirectInfo = location;
+    }
+
+    loopAsync(length, function (index, next, done) {
+      iter(index, replace, function (error) {
+        if (error || redirectInfo) {
+          done(error, redirectInfo); // No need to continue.
+        } else {
+          next();
+        }
+      });
+    }, callback);
   }
 
-  var redirectInfo = void 0;
-  function replace(location) {
-    redirectInfo = location;
+  /**
+   * Runs all onEnter hooks in the given array of routes in order
+   * with onEnter(nextState, replace, callback) and calls
+   * callback(error, redirectInfo) when finished. The first hook
+   * to use replace short-circuits the loop.
+   *
+   * If a hook needs to run asynchronously, it may use the callback
+   * function. However, doing so will cause the transition to pause,
+   * which could lead to a non-responsive UI if the hook is slow.
+   */
+  function runEnterHooks(routes, nextState, callback) {
+    enterHooks.clear();
+    var hooks = getEnterHooks(routes);
+    return runTransitionHooks(hooks.length, function (index, replace, next) {
+      var wrappedNext = function wrappedNext() {
+        if (enterHooks.has(hooks[index])) {
+          next.apply(undefined, arguments);
+          enterHooks.remove(hooks[index]);
+        }
+      };
+      hooks[index](nextState, replace, wrappedNext);
+    }, callback);
   }
 
-  loopAsync(length, function (index, next, done) {
-    iter(index, replace, function (error) {
-      if (error || redirectInfo) {
-        done(error, redirectInfo); // No need to continue.
-      } else {
-        next();
-      }
-    });
-  }, callback);
-}
-
-/**
- * Runs all onEnter hooks in the given array of routes in order
- * with onEnter(nextState, replace, callback) and calls
- * callback(error, redirectInfo) when finished. The first hook
- * to use replace short-circuits the loop.
- *
- * If a hook needs to run asynchronously, it may use the callback
- * function. However, doing so will cause the transition to pause,
- * which could lead to a non-responsive UI if the hook is slow.
- */
-export function runEnterHooks(routes, nextState, callback) {
-  enterHooks.clear();
-  var hooks = getEnterHooks(routes);
-  return runTransitionHooks(hooks.length, function (index, replace, next) {
-    var wrappedNext = function wrappedNext() {
-      if (enterHooks.has(hooks[index])) {
-        next.apply(undefined, arguments);
-        enterHooks.remove(hooks[index]);
-      }
-    };
-    hooks[index](nextState, replace, wrappedNext);
-  }, callback);
-}
-
-/**
- * Runs all onChange hooks in the given array of routes in order
- * with onChange(prevState, nextState, replace, callback) and calls
- * callback(error, redirectInfo) when finished. The first hook
- * to use replace short-circuits the loop.
- *
- * If a hook needs to run asynchronously, it may use the callback
- * function. However, doing so will cause the transition to pause,
- * which could lead to a non-responsive UI if the hook is slow.
- */
-export function runChangeHooks(routes, state, nextState, callback) {
-  changeHooks.clear();
-  var hooks = getChangeHooks(routes);
-  return runTransitionHooks(hooks.length, function (index, replace, next) {
-    var wrappedNext = function wrappedNext() {
-      if (changeHooks.has(hooks[index])) {
-        next.apply(undefined, arguments);
-        changeHooks.remove(hooks[index]);
-      }
-    };
-    hooks[index](state, nextState, replace, wrappedNext);
-  }, callback);
-}
-
-/**
- * Runs all onLeave hooks in the given array of routes in order.
- */
-export function runLeaveHooks(routes, prevState) {
-  for (var i = 0, len = routes.length; i < len; ++i) {
-    if (routes[i].onLeave) routes[i].onLeave.call(routes[i], prevState);
+  /**
+   * Runs all onChange hooks in the given array of routes in order
+   * with onChange(prevState, nextState, replace, callback) and calls
+   * callback(error, redirectInfo) when finished. The first hook
+   * to use replace short-circuits the loop.
+   *
+   * If a hook needs to run asynchronously, it may use the callback
+   * function. However, doing so will cause the transition to pause,
+   * which could lead to a non-responsive UI if the hook is slow.
+   */
+  function runChangeHooks(routes, state, nextState, callback) {
+    changeHooks.clear();
+    var hooks = getChangeHooks(routes);
+    return runTransitionHooks(hooks.length, function (index, replace, next) {
+      var wrappedNext = function wrappedNext() {
+        if (changeHooks.has(hooks[index])) {
+          next.apply(undefined, arguments);
+          changeHooks.remove(hooks[index]);
+        }
+      };
+      hooks[index](state, nextState, replace, wrappedNext);
+    }, callback);
+  }
+
+  /**
+   * Runs all onLeave hooks in the given array of routes in order.
+   */
+  function runLeaveHooks(routes, prevState) {
+    for (var i = 0, len = routes.length; i < len; ++i) {
+      if (routes[i].onLeave) routes[i].onLeave.call(routes[i], prevState);
+    }
   }
+
+  return {
+    runEnterHooks: runEnterHooks,
+    runChangeHooks: runChangeHooks,
+    runLeaveHooks: runLeaveHooks
+  };
 }

package/es/createTransitionManager.js

@@ -2,7 +2,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 import warning from './routerWarning';
 import computeChangedRoutes from './computeChangedRoutes';
-import { runEnterHooks, runChangeHooks, runLeaveHooks } from './TransitionUtils';
+import getTransitionUtils from './TransitionUtils';
 import _isActive from './isActive';
 import getComponents from './getComponents';
 import matchRoutes from './matchRoutes';
@@ -16,8 +16,15 @@ function hasAnyProperties(object) {
 export default function createTransitionManager(history, routes) {
   var state = {};
 
+  var _getTransitionUtils = getTransitionUtils(),
+      runEnterHooks = _getTransitionUtils.runEnterHooks,
+      runChangeHooks = _getTransitionUtils.runChangeHooks,
+      runLeaveHooks = _getTransitionUtils.runLeaveHooks;
+
   // Signature should be (location, indexOnly), but needs to support (path,
   // query, indexOnly)
+
+
   function isActive(location, indexOnly) {
     location = history.createLocation(location);
 

package/es/withRouter.js

@@ -15,6 +15,8 @@ export default function withRouter(WrappedComponent, options) {
   var withRef = options && options.withRef;
 
   var WithRouter = createReactClass({
+    displayName: 'WithRouter',
+
     mixins: [ContextSubscriber('router')],
 
     contextTypes: { router: routerShape },

package/lib/IndexLink.js

@@ -22,6 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * An <IndexLink> is used to link to an <IndexRoute>.
  */
 var IndexLink = (0, _createReactClass2.default)({
+  displayName: 'IndexLink',
+
   render: function render() {
     return _react2.default.createElement(_Link2.default, _extends({}, this.props, { onlyActiveOnIndex: true }));
   }

package/lib/IndexRedirect.js

@@ -29,6 +29,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 /* eslint-disable react/require-render-return */
 var IndexRedirect = (0, _createReactClass2.default)({
+  displayName: 'IndexRedirect',
 
   statics: {
     createRouteFromReactElement: function createRouteFromReactElement(element, parentRoute) {

package/lib/IndexRoute.js

@@ -28,6 +28,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 /* eslint-disable react/require-render-return */
 var IndexRoute = (0, _createReactClass2.default)({
+  displayName: 'IndexRoute',
 
   statics: {
     createRouteFromReactElement: function createRouteFromReactElement(element, parentRoute) {

package/lib/Link.js

@@ -59,6 +59,7 @@ function resolveToLocation(to, router) {
  *   <Link to={`/posts/${post.id}`} />
  */
 var Link = (0, _createReactClass2.default)({
+  displayName: 'Link',
 
   mixins: [(0, _ContextUtils.ContextSubscriber)('router')],
 

package/lib/Redirect.js

@@ -29,6 +29,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 /* eslint-disable react/require-render-return */
 var Redirect = (0, _createReactClass2.default)({
+  displayName: 'Redirect',
 
   statics: {
     createRouteFromReactElement: function createRouteFromReactElement(element) {

package/lib/Route.js

@@ -30,6 +30,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 /* eslint-disable react/require-render-return */
 var Route = (0, _createReactClass2.default)({
+  displayName: 'Route',
 
   statics: {
     createRouteFromReactElement: _RouteUtils.createRouteFromReactElement

package/lib/Router.js

@@ -59,6 +59,7 @@ var propTypes = {
  * it needs each time the URL changes.
  */
 var Router = (0, _createReactClass2.default)({
+  displayName: 'Router',
 
   propTypes: propTypes,
 

package/lib/RouterContext.js

@@ -35,6 +35,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * and sets the history object and the current location in context.
  */
 var RouterContext = (0, _createReactClass2.default)({
+  displayName: 'RouterContext',
 
   mixins: [(0, _ContextUtils.ContextProvider)('router')],