Server Side Rendering Prototype

Author: smfoote

dist/runtime.js

@@ -10,7 +10,12 @@
     "tornado": "./bin/tornado"
   },
   "keywords": [
-    "HTML", "templating", "Dust", "asynchronous", "JavaScript", "ES6"
+    "HTML",
+    "templating",
+    "Dust",
+    "asynchronous",
+    "JavaScript",
+    "ES6"
   ],
   "author": "Steven Foote",
   "license": "Apache",
@@ -35,7 +40,8 @@
     "test": "test"
   },
   "dependencies": {
-    "cli": "^0.8.0"
+    "cli": "^0.8.0",
+    "simple-dom": "^0.2.4"
   },
   "repository": {
     "type": "git",

dist/ssr.js

@@ -433,10 +433,10 @@ let tornado = {
    */
   createTextNode(val) {
     if (this.util.isPromise(val)) {
-      return val.then(data => document.createTextNode(data))
+      return val.then(data => document.createTextNode(data.toString()))
                 .catch(() => document.createTextNode(''));
     } else {
-      return document.createTextNode(val);
+      return document.createTextNode(val.toString());
     }
   },
 

package.json

@@ -0,0 +1,26 @@
+import simpleDom from 'simple-dom';
+
+global.document = new simpleDom.Document();
+
+Object.defineProperty(simpleDom.Element.prototype, 'innerHTML', {
+  get() {
+    let serializer = new simpleDom.HTMLSerializer(simpleDom.voidMap);
+    return this.firstChild ? serializer.serialize(this.firstChild) : '';
+  }
+});
+
+simpleDom.Node.prototype.replaceChild = function(newNode, oldNode) {
+  this.insertBefore(newNode, oldNode);
+  this.removeChild(oldNode);
+};
+
+let tdSSR = {
+  render(template, context) {
+    let frag = template.render(context);
+    let outer = document.createElement('div');
+    outer.appendChild(frag);
+    return outer.innerHTML;
+  }
+};
+
+export default tdSSR;

src/runtime.js

@@ -0,0 +1,11 @@
+var parser = require('./dist/parser');
+var compiler = require('./dist/compiler'),
+    td = require('./dist/runtime'),
+    tdSSR = require('./dist/ssr');
+
+global.td = td;
+var tlString = '<p>Hello, {#friends}{.}, {/friends}</p>';
+var tl = compiler.compile(parser.parse(tlString), 'ssrTest');
+tl = eval(tl);
+var out = tdSSR.render(tl, {friends: ['Jimmy', 'Kate', 'Prash']});
+console.log(out);

src/ssr.js

@@ -8,5 +8,5 @@ li {
 
 li.pass {
   background-color: #9BF29B;
-  /*display: none;*/
+  display: none;
 }