handlebars-autorenderer

handlebars-autorenderer.js

function AutoRenderer() {
	var parser = new DOMParser();
	this.handles = [];
	this.context = {};
	function Handle(scriptElement, context) {
		var templateString = scriptElement.innerHTML;
		this.template = Handlebars.compile(templateString);
		this.context = context || {};
		this.element = scriptElement;
	}
	Handle.prototype.update = function (newContext) {
		newContext && (this.context = newContext);
		var rawHTML = this.template(this.context);
		var newElement = document.createElement("div");
		Array.prototype.forEach.call(parser.parseFromString(rawHTML, "text/html").firstChild.childNodes[1].childNodes, function (ele) {
			newElement.appendChild(ele);
		});
		this.element.parentElement.replaceChild(newElement, this.element);
		this.element = newElement;
	};
	var scriptElements = document.querySelectorAll("script[type='text/x-handlebars-template']");
	Array.prototype.forEach.call(scriptElements, function (scriptElement) {
		var handler = new Handle(scriptElement, this.context);
		this.handles.push(handler);
	}.bind(this));
}

AutoRenderer.prototype.update = function (newContext) {
	for (var i = 0; i < this.handles.length; i++) {
		var handle = this.handles[i];
		if (handle.context == this.context) {
			handle.update(newContext);
		}
	}
	this.context = newContext;
}

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2004 Sam Hocevar <[email protected]>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.