Started minimal MVC architecture

Author: dkolba

.jshintrc

@@ -0,0 +1,5 @@
+{
+  "node": true
+, "laxcomma": true
+, "validthis": true
+  }

app.js

@@ -1,20 +1,17 @@
-var fs = require('fs')
 var http = require('http')
-var paramify = require('paramify')
+  , paramify = require('paramify')
+  , controller = require('./controller');
+
+// var props = {partials: [react.DOM.div, react.DOM.img, react.DOM.a, react.DOM.ol]};
 
 http.createServer(function (req, res) {
-  var match = paramify(req.url)
+  var match = paramify(req.url);
 
-  res.writeHead(200, {'Content-Type': 'text/plain'})
+  res.writeHead(200, {'Content-Type': 'text/html'});
 
   if (match('/*')) {
-    helloWorld(match.params, req, res)
+    controller.showIndex(req, res)
   }
 
-}).listen(8080, '127.0.0.1')
-
-function helloWorld(params, req, res) {
-  res.end('Hello World')
-}
-
-console.log('Server running at http://localhost:8080/')
+}).listen(8080);
+console.log('Server running at http://localhost:8080/');

components/body.js

@@ -0,0 +1,12 @@
+var react = require('react');
+
+module.exports = react.createClass({
+
+  render: function() {
+    return react.DOM.body({
+      children: this.props.partials.map(function(partial) {
+        return partial.DOMel(null, partial.subject, partial.children);
+      })
+    });
+  },
+});

components/document.js

@@ -0,0 +1,13 @@
+var react = require('react');
+var head = require('./head');
+var body = require('./body');
+
+module.exports = react.createClass({
+
+  render: function() {
+    return react.DOM.html(null,
+      head(null),
+      body(this.props)
+    );
+  },
+});

components/head.js

@@ -0,0 +1,18 @@
+var react = require('react');
+
+module.exports = react.createClass({
+
+  render: function() {
+    return react.DOM.head(null,
+      react.DOM.meta({charSet: "UTF-8"}),
+      react.DOM.title(null, "React Page | Client-Server JavaScript Rendering"),
+      react.DOM.meta({ name: "viewport"
+                     , content: "width=device-width, initial-scale=1.0, user-scalable=no"
+                     }),
+      react.DOM.link({ rel: "stylesheet"
+                     , type: "text/css"
+                     , href: "/style.css"
+                     })
+    );
+  },
+});

controller.js

@@ -0,0 +1,20 @@
+var views = require('./views')
+  , React = require('react');
+
+module.exports.showIndex = function showIndex (req, res) {
+  var props = {partials:
+    [{DOMel: React.DOM.a,
+      href: 'asdf',
+      subject: 'fifa'},
+      { DOMel: React.DOM.ul,
+        subject:'ahoi',
+        children: React.DOM.li(null, 'erster in der liste')},
+      { DOMel: React.DOM.ol,
+        subject: 'jochen'}]
+  };
+
+  views.renderView(req, res, props);
+
+  // models.getPageObj(this.req, this.res, 'index', mappings.index,
+  //   views.renderView);
+};

package.json

@@ -23,5 +23,8 @@
   "license": "BSD-2-Clause",
   "bugs": {
     "url": "https://github.com/dkolba/bare/issues"
+  },
+  "dependencies": {
+    "react": "~0.11.0"
   }
 }

views.js

@@ -0,0 +1,8 @@
+var react = require('react')
+  , document = require('./components/document');
+
+module.exports.renderView = function renderView(req, res, props) {
+  var html = react.renderComponentToString(document(props));
+
+  res.end(html);
+}