bbob/packages/bbob-html/index.js

function attrs(obj) {
  let attr = '';

  Object.keys(obj).forEach((key) => {
    if (typeof obj[key] === 'boolean' && obj[key]) {
      attr += ` ${key}`;
    } else if (typeof obj[key] === 'number') {
      attr += ` ${key}="${obj[key]}"`;
    } else if (typeof obj[key] === 'string') {
      attr += ` ${key}="${obj[key].replace(/"/g, '"')}"`;
    }
  });

  return attr;
}

function traverse(tree, cb) {
  if (Array.isArray(tree)) {
    tree.forEach((_, i) => {
      traverse(cb(tree[i]), cb);
    });
  } else if (typeof tree === 'object' && tree.content) {
    traverse(tree.content, cb);
  }

  return tree;
}

function render(tree, options) {
  return html(tree);

  function html(tree) {
    let result = '';

    traverse([].concat(tree), (node) => {
      if (!node) return;

      if (typeof node === 'string' || typeof node === 'number') {
        result += node;

        return;
      }

      if (typeof node.tag === 'boolean' && !node.tag) {
        typeof node.content !== 'object' && (result += node.content);

        return node.content;
      }

      // treat as new root tree if node is an array
      if (Array.isArray(node)) {
        result += html(node);

        return;
      }

      const tag = node.tag || 'div';

      if (isSingleTag(tag, singleTags, singleRegExp)) {
        result += `<${tag}${attrs(node.attrs)}`;

        switch (closingSingleTag) {
          case 'tag':
            result += `></${tag}>`;

            break;
          case 'slash':
            result += ' />';

            break;
          default:
            result += '>';
        }
      } else {
        result += `<${tag}${node.attrs ? attrs(node.attrs) : ''}>${node.content ? html(node.content) : ''}</${tag}>`;
      }
    });

    return result;
  }
}

module.exports = render;