marko/benchmark/vdom/codegen-create/codegen-react.js

function indentStr(level) {
    var str = '';
    for (var i=0; i<level; i++) {
        str += '  ';
    }

    return str;
}

module.exports = function(node) {
    function codegenChildNodes(node, level) {

        var curChild = node.firstChild;
        if (!curChild) {
            return 'null';
        }

        var code = '[\n';


        var childLevel = level + 2;
        while(curChild) {
            code += indentStr(childLevel) + codegen(curChild, childLevel);
            curChild = curChild.nextSibling;

            if (curChild) {
                code += ',\n';
            } else {
                code += '\n';
            }
        }

        code += indentStr(level + 1) + ']';

        return code;
    }

    function codegenEl(node, level) {

        var attributesMap = null;

        var attributes = node.attributes;
        if (attributes.length) {
            attributesMap = {};

            for (var i=0; i<attributes.length; i++) {
                var attr = attributes[i];
                var attrName = attr.name;
                var attrValue = attr.value;

                if (attrName === 'class') {
                    attrName = 'className';
                }
                attributesMap[attrName] = attrValue;
            }
        }


        return  `React.createElement(${JSON.stringify(node.nodeName)}, ${JSON.stringify(attributesMap)}, ${codegenChildNodes(node, level)})`;
    }

    function codegen(node, level) {
        if (node.nodeType === 1) {
            return codegenEl(node, level);
        } else if (node.nodeType === 3) {
            return JSON.stringify(node.nodeValue);
        }
    }

    return 'return ' + codegen(node, 0) + '\n';
};