-
-
Notifications
You must be signed in to change notification settings - Fork 421
/
rendering.js
52 lines (47 loc) · 1.46 KB
/
rendering.js
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
'use strict';
var h = require('virtual-hyperscript');
var VDOM = {
diff: require('virtual-dom/diff'),
patch: require('virtual-dom/patch')
};
var DOMDelegator = require('dom-delegator');
function isElement(o) {
return (
typeof HTMLElement === 'object' ?
o instanceof HTMLElement : //DOM2
o && typeof o === 'object' && o !== null && o.nodeType === 1 &&
typeof o.nodeName === 'string'
);
}
function renderEvery(vtree$, container) {
// Find and prepare the container
var domContainer = (typeof container === 'string') ?
document.querySelector(container) :
container;
if (typeof container === 'string' && domContainer === null) {
throw new Error('Couldn\'t render into unknown \'' + domContainer + '\'');
} else if (!isElement(domContainer)) {
throw new Error('Given container is not a DOM element neither a selector string.');
}
domContainer.innerHTML = '';
// Make the DOM node bound to the VDOM node
var rootNode = document.createElement('div');
domContainer.appendChild(rootNode);
return vtree$.startWith(h())
.bufferWithCount(2, 1)
.subscribe(function (buffer) {
try {
var oldVTree = buffer[0];
var newVTree = buffer[1];
rootNode = VDOM.patch(rootNode, VDOM.diff(oldVTree, newVTree));
} catch (err) {
console.error(err);
}
});
}
var delegator = new DOMDelegator();
module.exports = {
renderEvery: renderEvery,
isElement: isElement,
delegator: delegator
};