ui-framework-jps/dist/framework/jsx/JSXParser.js

A simple UI framework for state management and UI components

export function jsxCreateElement(tag, props, ...children) {
    if (typeof tag === "function")
        return tag(props, ...children);
    const element = document.createElement(tag);
    Object.entries(props || {}).forEach(([name, value]) => {
        if (name.startsWith("on") && name.toLowerCase() in window)
            element.addEventListener(name.toLowerCase().substr(2), value);
        else {
            if (name === 'className')
                name = 'class';
            // @ts-ignore
            element.setAttribute(name, value.toString());
        }
    });
    children.forEach((child) => {
        jsxAppendChild(element, child);
    });
    return element;
}
function jsxAppendChild(parent, child) {
    if (Array.isArray(child))
        child.forEach(nestedChild => jsxAppendChild(parent, nestedChild));
    else
        parent.appendChild(child.nodeType ? child : document.createTextNode(child));
}
export function jsxCreateFragment(props, ...children) {
    return children;
}
//# sourceMappingURL=JSXParser.js.map