htag.js – A Bare bones interpretation of the Hyperscript syntax.

htag.js

/*
htag.js
A Bare bones interpretation of the Hyperscript syntax.
 */
var h = function h(tag, attributes, ...children) {
  const node = document.createElement(tag);
  attributes = attributes || {};
  Object.keys(attributes).forEach(attr => {
    if (attr === "style" || attr === "dataset") {
      const value = attributes[attr];
      if (Object.prototype.toString.call(value) === "[object Object]") {
        Object.keys(value).forEach(name => {
          node[attr][name] = value[name];
        });
        return;
      }
    }
    node[attr] = attributes[attr];
  });
  if (Array.isArray(children)) {
    children.forEach(child => {
      if (typeof child === "string" || typeof child === "number") {
        child = document.createTextNode(child);
      }
      node.appendChild(child);
    });
  }
  return node;
};
if (typeof module === "object" && module.exports) {
  module.exports = h;
}