| (function(){ | |
| function exec(script){ | |
| return eval(transpile(new DOMParser().parseFromString(, "text/html").documentElement)); | |
| } | |
| function run(){ | |
| return Array.from(document.querySelectorAll('')).forEach(function(script){ | |
| exec(script); | |
| }); | |
| } | |
| function transpile(element){ | |
| var inner = Array.from(element.children).map(function(element){ | |
| return transpile(element); | |
| }); | |
| switch(element.nodeName){ | |
| case "HTML": | |
| return children; | |
| case "HEAD": | |
| return ""; | |
| case "BODY": | |
| return "(function(){" + inner.join('') + "})()"; | |
| case "SPAN": | |
| return "(" + inner.join('') + ")"; | |
| case "DIV": | |
| return "{" + inner.join('') + "}"; | |
| case "P": | |
| return "'" + inner.join('') + "'"; | |
| case "PRE": | |
| return "`" + inner.join('') + "`"; | |
| } | |
| } | |
| return { | |
| exec : exec, | |
| run : run, | |
| transpile : transpile | |
| } | |
| })(window, document) |
HTML5cript (yes, that's a 5, not a S) transpiles HTML (the latest WHATWG spec) to JavaScript (ES5 for now).
Executes (so, evals) script, where script is a string of HTML.
Finds all <script> elements with the "text/html" type and executes them.
Transpiles an individual element from HTML to JavaScript.
${contents}
``
(function(){
${contents}
})()