// TODO: Refactor
export const sanitizeNode = (node) => {
  const ALLOWED_TAGS = [
    'A',
    'STRONG',
    'B',
    'I',
    'EM',
    'CODE',
    'BLOCKQUOTE',
    'SUP',
    'SUB',
    'H2',
    'H1',
    'H3',
    'H4',
    'H5',
    'H6',
    'DIV',
    'P',
    'IFRAME',
    'CENTER',
    'UL',
    'OL',
    'LI',
    'TABLE',
    'THEAD',
    'TBODY',
    'TR',
    'TD',
    'TH',
    'HR',
    'BR',
    'IMG',
  ];

  const ALLOWED_ATTRS = [
    'data-permlink',
    'data-tag',
    'data-author',
    'data-href',
    'class',
    'src',
    'alt',
    'title',
    'width',
    'height',
    'border',
    'frameborder',
    'allowfullscreen',
    'mozallowfullscreen',
    'webkitallowfullscreen',
  ];

  const allElems = node.querySelectorAll('*');
  allElems.forEach((el) => {
    if (ALLOWED_TAGS.indexOf(el.tagName) === -1) {
      el.outerHTML = `<span>${el.innerText
        .replace('>', '&gt;')
        .replace('<', '&lt;')}</span>`;
    }

    for (const attr of el.attributes) {
      if (ALLOWED_ATTRS.indexOf(attr.name) === -1) {
        el.removeAttribute(attr.name);
      }
    }
  });

  return node;
};