Quick and dirty way to log html tag in browser console.log with bold style

consoleLogWithBoldTags.js

function consoleLogWithBoldTags(str: string) {
  const openTag = /(<[a-z]+?>)/g
  const closeTag = /(<\/[a-z]+?>)/g
  const parts = str
    .replace(openTag, '|||$1')
    .replace(closeTag, '$1|||')
    .split('|||')
    .filter((p) => p !== ' ')

  console.log(
    parts
      .map((p) => {
        return '%c' + p.trim()
      })
      .join(' '),
    ...parts.map((p) => {
      return p.match(openTag) ? 'font-weight: bold;' : 'font-weight: normal'
    })
  )
}