const parseAttribute = (attribute) => { if (typeof(attribute) == "string") return attribute else if ("join" in attribute) return attribute.join(" ") else return JSON.stringify(attribute) } const parseArgs = (element, args) => { if ("content" in element) element = element.content for (arg of args) if (typeof(arg) == "string") element.appendChild(document.createTextNode(arg)) else if ("nodeName" in arg) element.appendChild(arg) else if ("length" in arg) parseArgs(element, arg) else for (key in arg) element.setAttribute(key.replace("_", "-"), parseAttribute(arg[key])) } export const node = (name, args) => { const element = document.createElement(name.replace("_", "-")) parseArgs(element, args) return element } export const html = new Proxy(Window, { get: (target, prop, receiver) => { // This distinction is only helpful because javascript is fucking restarted if (prop.search(/^[A-Z]/)+1) return (arg) => node(prop, [arg]) else return (...args) => node(prop, args) }})