Remove RouteStore

examples/data-flow/app.js

@@ -6,6 +6,9 @@ var Routes = Router.Routes;
 var Link = Router.Link;
 
 var App = React.createClass({
+
+  mixins: [ Router.Transitions ],
+
   getInitialState: function() {
     return {
       tacos: [
@@ -28,7 +31,7 @@ var App = React.createClass({
       return taco.name != removedTaco;
     });
     this.setState({tacos: tacos});
-    Router.transitionTo('/');
+    this.transitionTo('/');
   },
 
   render: function() {

examples/master-detail/app.js

@@ -132,6 +132,9 @@ var Index = React.createClass({
 });
 
 var Contact = React.createClass({
+
+  mixins: [ Router.Transitions ],
+
   getStateFromStore: function(props) {
     props = props || this.props;
     return {
@@ -164,7 +167,7 @@ var Contact = React.createClass({
 
   destroy: function() {
     ContactStore.removeContact(this.props.params.id);
-    Router.transitionTo('/');
+    this.transitionTo('/');
   },
 
   render: function() {
@@ -182,14 +185,17 @@ var Contact = React.createClass({
 });
 
 var NewContact = React.createClass({
+
+  mixins: [ Router.Transitions ],
+
   createContact: function(event) {
     event.preventDefault();
     ContactStore.addContact({
       first: this.refs.first.getDOMNode().value,
       last: this.refs.last.getDOMNode().value
     }, function(contact) {
-      Router.transitionTo('contact', { id: contact.id });
-    });
+      this.transitionTo('contact', { id: contact.id });
+    }.bind(this));
   },
 
   render: function() {

examples/transitions/app.js

@@ -26,6 +26,9 @@ var Dashboard = React.createClass({
 });
 
 var Form = React.createClass({
+
+  mixins: [ Router.Transitions ],
+
   statics: {
     willTransitionFrom: function(transition, component) {
       if (component.refs.userInput.getDOMNode().value !== '') {
@@ -39,7 +42,7 @@ var Form = React.createClass({
   handleSubmit: function(event) {
     event.preventDefault();
     this.refs.userInput.getDOMNode().value = '';
-    Router.transitionTo('/');
+    this.transitionTo('/');
   },
 
   render: function() {

karma.conf.js

@@ -6,13 +6,13 @@ module.exports = function(config) {
     frameworks: ['mocha', 'browserify'],
 
     files: [
-      'specs/main.js'
+      'tests.js'
     ],
 
     exclude: [],
 
     preprocessors: {
-      'specs/main.js': ['browserify']
+      'tests.js': ['browserify']
     },
 
     browserify: {

modules/actions/LocationActions.js

@@ -1,135 +1,27 @@
-var supportsHistory = require('../utils/supportsHistory');
-var HistoryLocation = require('../locations/HistoryLocation');
-var RefreshLocation = require('../locations/RefreshLocation');
-var LocationDispatcher = require('../dispatchers/LocationDispatcher');
-var ActionTypes = require('../constants/ActionTypes');
-var warning = require('react/lib/warning');
-var isAbsoluteURL = require('../utils/isAbsoluteURL');
-var makePath = require('../utils/makePath');
-
-function loadURL(url) {
-  window.location = url;
-}
-
-var _location = null;
-var _isDispatching = false;
-var _previousPath = null;
-
-function dispatchAction(actionType, operation) {
-  if (_isDispatching)
-    throw new Error('Cannot handle ' + actionType + ' in the middle of another action.');
-
-  _isDispatching = true;
-
-  var scrollPosition = {
-    x: window.scrollX,
-    y: window.scrollY
-  };
-
-  if (typeof operation === 'function')
-    operation(_location);
-
-  var path = _location.getCurrentPath();
-  LocationDispatcher.handleViewAction({
-    type: actionType,
-    path: path,
-    scrollPosition: scrollPosition
-  });
-
-  _isDispatching = false;
-  _previousPath = path;
-}
-
-function handleChange() {
-  var path = _location.getCurrentPath();
-
-  // Ignore changes inside or caused by dispatchAction
-  if (!_isDispatching && path !== _previousPath) {
-    dispatchAction(ActionTypes.POP);
-  }
-}
-
 /**
  * Actions that modify the URL.
  */
 var LocationActions = {
 
-  getLocation: function () {
-    return _location;
-  },
-
-  setup: function (location) {
-    // When using HistoryLocation, automatically fallback
-    // to RefreshLocation in browsers that do not support
-    // the HTML5 history API.
-    if (location === HistoryLocation && !supportsHistory())
-      location = RefreshLocation;
-
-    if (_location !== null) {
-      warning(
-        _location === location,
-        'Cannot use location %s, already using %s', location, _location
-      );
-      return;
-    }
-
-    _location = location;
-
-    if (_location !== null) {
-      dispatchAction(ActionTypes.SETUP, function (location) {
-        if (typeof location.setup === 'function')
-          location.setup(handleChange);
-      });
-    }
-  },
-
-  teardown: function () {
-    if (_location !== null) {
-      if (typeof _location.teardown === 'function')
-        _location.teardown();
-
-      _location = null;
-    }
-  },
+  /**
+   * Indicates a location is being setup for the first time.
+   */
+  SETUP: 'setup',
 
   /**
-   * Transitions to the URL specified in the arguments by pushing
-   * a new URL onto the history stack.
+   * Indicates a new location is being pushed to the history stack.
    */
-  transitionTo: function (to, params, query) {
-    if (isAbsoluteURL(to)) {
-      loadURL(to);
-    } else {
-      dispatchAction(ActionTypes.PUSH, function (location) {
-        var path = makePath(to, params, query);
-        location.push(path);
-      });
-    }
-  },
+  PUSH: 'push',
 
   /**
-   * Transitions to the URL specified in the arguments by replacing
-   * the current URL in the history stack.
+   * Indicates the current location should be replaced.
    */
-  replaceWith: function (to, params, query) {
-    if (isAbsoluteURL(to)) {
-      loadURL(to);
-    } else {
-      dispatchAction(ActionTypes.REPLACE, function (location) {
-        var path = makePath(to, params, query);
-        location.replace(path);
-      });
-    }
-  },
+  REPLACE: 'replace',
 
   /**
-   * Transitions to the previous URL.
+   * Indicates the most recent entry should be removed from the history stack.
    */
-  goBack: function () {
-    dispatchAction(ActionTypes.POP, function (location) {
-      location.pop();
-    });
-  }
+  POP: 'pop'
 
 };