htmlfy/src/closify.js

html formatter yo! Prettify or minify html.

import { VOID_ELEMENTS } from "./constants.js"
import { getState } from "./state.js"
import { isHtml } from "./utils.js"

/**
 * Ensure void elements are "self-closing".
 * Also transforms self-closing, non-void elements
 * into opening/closing elements.
 * 
 * @param {string} html The HTML string to evaluate.
 * @returns {string}
 * @example <br> => <br />
 * @example <form /> => <form></form>
 */
export const closify = (html) => {
  const { checked_html } = getState()
  
  if (!checked_html && !isHtml(html)) return html

  return html.replace(/<([a-zA-Z\-0-9:]+)[^>]*>/g, (match, name) => {
    if (VOID_ELEMENTS.includes(name))
      return (`${match.substring(0, match.length - 1)} />`).replace(/\/\s\//g, '/')

    return match.replace(/[\s]?\/>/g, `></${name}>`)
  })
}