My Templating Format

input.xml

<?xml version="1.1" ?>

<?js
var foo;
console.log("Hello");
?>

<js:root xmlns:js="http://astro73.com/xml/grue/js">
        <foo js:if="bar">
                Hi.
        </foo>
        <!-- Stick more content here -->
        <![CDATA[ Some more stuff goes here ]]>
</js:root>

output.js

(function(_) {var foo;
console.log("Hello");})(_);
(function(_) {
        (function(_) {
                _.setAttributeNS('TODO', "js:if", "bar");
                _.appendChild(document.createTextNode("\n\t\tHi.\n\t"));
        })(_.appendChild(document.createElement(foo)));
        _.appendChild(document.createTextNode(" Some more stuff goes her "));
})(_.appendChild(document.createElementNS("http://astro73.com/xml/grue/js", "root")));