Merge pull request #118 from KleeGroup/route

Route

application/action-builder.js

@@ -30,6 +30,7 @@ module.exports = function(config){
   //Exposes a function consumes by the compoennt.
   return function(criteria){
     preServiceCall(config);
+    //todo: add middleware see slack for more informations
     return config.service(criteria).then(function(jsonData){
       postServiceCall(config, jsonData);
     }, function actionError(err){

application/render.js

@@ -20,10 +20,12 @@ module.exports = function renderComponent(component, selector, options){
   options = options || {};
   // Clear a potential previously mounted component
   clearComponent(selector);
+  let targetDOMContainer = document.querySelector(selector);
+  if(!targetDOMContainer){throw new Error(`You are trying to render a component in a DOM element which is not existing, your selector is  ${selector}`); }
   // Render the component
   var mountedComponent = React.render(
     React.createElement(component, options.props, options.data),
-    document.querySelector(selector)
+    targetDOMContainer
   );
   //Save the fact that a component is mounted.
   mountedComponents[selector] = mountedComponent;

gulpfile.js

@@ -133,7 +133,8 @@ gulp.task('browserify', function(){
       .transform(
         {global:true},
         literalify.configure({
-        react: 'window.React'
+        react: 'window.React',
+        backbone: 'window.Backbone'
       }))
       .transform(babelify)
       .bundle()

package.json

@@ -8,6 +8,7 @@
     "test": "test"
   },
   "dependencies": {
+    "backbone": "^1.2.0",
     "flux": "^2.0.3",
     "immutable": "^3.7.3",
     "keymirror": "^0.1.1",

router/index.js

@@ -1 +1,10 @@
-module.exports = {};
+var render = require('../application/render');
+var Backbone = require('backbone');
+module.exports = Backbone.Router.extend({
+  /**
+   * Render the compoennt into the page content.
+   */
+  _pageContent(component, options){
+    return render(component, '[data-focus="page-content"]', options);
+  }
+});