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

module.exports = function(node) {
  var nextId = 0;

  var code = "";

  function codegenEl(node, level) {
    var varName = level === 0 ? "root" : `node${nextId++}`;

    code += `var ${varName} = document.createElement(${JSON.stringify(
      node.nodeName
    )})\n`;

    var attributes = node.attributes;

    for (var i = 0; i < attributes.length; i++) {
      var attr = attributes[i];
      code += `${varName}.setAttribute(${JSON.stringify(
        attr.name
      )}, ${JSON.stringify(attr.value)})\n`;
    }

    var curChild = node.firstChild;
    while (curChild) {
      if (curChild.nodeType === 1) {
        var childVarName = codegenEl(curChild, level + 1);
        code += `${varName}.appendChild(${childVarName})\n`;
      } else if (curChild.nodeType === 3) {
        code += `${varName}.appendChild(document.createTextNode(${JSON.stringify(
          curChild.nodeValue
        )}))\n`;
      }

      curChild = curChild.nextSibling;
    }

    return varName;
  }

  codegenEl(node, 0);

  code += "\nreturn root;\n";

  return code;
};