mercury/examples/server-rendering/server.js at master · Raynos/mercury · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
'use strict';

var http = require('http');
var browserify = require('browserify');
var path = require('path');
var toHTML = require('vdom-to-html');
var JSONGlobals = require('json-globals');
var h = require('../../index.js').h;
var logger = require('console');

var render = require('./render.js');

var server = http.createServer(function onReq(req, res) {
    if (req.url === '/bundle.js') {
        res.setHeader('Content-Type', 'application/javascript');
        return browserify()
            .add(path.join(__dirname, 'browser.js'))
            .bundle()
            .pipe(res);
    }

    var state = {
        description: 'server description',
        channels: { add: {} },
        items: [{
            name: 'server item name'
        }]
    };
    var content = render(state);
    var vtree = layout(content, state);

    res.setHeader('Content-Type', 'text/html');
    res.end('<!DOCTYPE html>' + toHTML(vtree));
});

server.listen(8000);
logger.log('listening on port 8000');

function layout(content, state) {
    return h('html', [
        h('head', [
            h('title', 'Server side rendering')
        ]),
        h('body', [
            content,
            h('script', JSONGlobals({
                state: state
            })),
            h('script', {
                src: 'bundle.js'
            })
        ])
    ]);
}