index.js

var createVNode = require('virtual-dom/h');
var htmltree = require("htmltree");
var camel = require('to-camel-case');

module.exports = virtualHTML;

function virtualHTML (html, callback) {
  callback = callback || defaultCb;
  if (typeof html == 'function') html = html();
  var res = null;

  htmltree(html, function (err, dom) {
    if (err) return callback(err);
    res = vnode(dom.root[0]);
    callback(undefined, res);
  });

  return res;

  function defaultCb (err) {
    if (err) throw new Error(err);
  }
}

function vnode (parent) {
  if (parent.type == "text") return parent.data;
  if (parent.type != "tag") return;

  var children;
  var child;
  var len;
  var i;

  if (parent.children.length) {
    children = [];
    len = parent.children.length;
    i = -1;

    while (++i < len) {
      child = vnode(parent.children[i]);
      if (!child) continue;
      children.push(child);
    }
  }

  var attributes = parent.attributes;
  if (attributes.style) attributes.style = style(attributes.style);
  if (attributes['class']) attributes.className = attributes['class'];
  if (attributes['for']) {
    attributes.htmlFor = attributes['for'];
    delete attributes['for'];
  }

  attributes.dataset = createDataSet(attributes);

  return createVNode(parent.name, attributes, children);
}

function style (raw) {
  if (!raw) return {};

  var result = {};
  var fields = raw.split(/;\s?/);
  var len = fields.length;
  var i = -1;
  var s;

  while (++i < len) {
    s = fields[i].indexOf(':');
    result[fields[i].slice(0, s)] = fields[i].slice(s + 1).trim();
  }

  return result;
}

function createDataSet (props) {
  var dataset;
  var key;

  for (key in props) {
    if (key.slice(0, 5) == 'data-') {
      dataset || (dataset = {});
      dataset[camel(key.slice(5))] = props[key];
    }
  }

  return dataset;
}