wrap navigation to auto-encode params and queries

index.js

@@ -16,6 +16,7 @@ var merge = require('utils-merge');
 var createRenderFn = require('./lib/render-fn');
 var createDomFn = require('./lib/dom-fn');
 var loadingStatus = require('./lib/loading-status');
+var Navigation = require('./lib/navigation');
 
 /**
  * noop
@@ -65,7 +66,7 @@ function createComponent(conf, filename) {
   // load the standard mixins
   var mixins = [
     Router.State,
-    Router.Navigation,
+    Navigation,
     loadingStatus,
     events
   ].concat(conf.mixins || []);

lib/navigation.js

@@ -0,0 +1,39 @@
+var React = require('react');
+
+module.exports = {
+  contextTypes: {  
+    makePath: React.PropTypes.func.isRequired,
+    makeHref: React.PropTypes.func.isRequired,
+    transitionTo: React.PropTypes.func.isRequired,
+    replaceWith: React.PropTypes.func.isRequired,
+    goBack: React.PropTypes.func.isRequired
+  },
+
+  makePath: function(to, params, query) {
+    params = this.encodeParams(params);
+    query = this.encodeParams(query);
+    return this.context.makePath(to, params, query);
+  },
+
+  makeHref: function (to, params, query) {
+    params = this.encodeParams(params);
+    query = this.encodeParams(query);
+    return this.context.makeHref(to, params, query);
+  },
+
+  transitionTo: function (to, params, query) {
+    params = this.encodeParams(params);
+    query = this.encodeParams(query);
+    return this.context.transitionTo(to, params, query);
+  },
+
+  replaceWith: function (to, params, query) {
+    params = this.encodeParams(params);
+    query = this.encodeParams(query);
+    return this.context.replaceWith(to, params, query);
+  },
+
+  goBack: function (to, params, query) {
+    return this.context.goBack();
+  }
+};