build-email/src/transformers/sixHex.js

Framework & CLI Build Email - thiết kế HTML Email Template với Tailwind CSS, kế thừa Maizzle.

import posthtml from 'posthtml'
import { conv } from 'color-shorthand-hex-to-six-digit'

const posthtmlPlugin = () => tree => {
  const targets = new Set(['bgcolor', 'color'])

  const process = node => {
    if (node.attrs) {
      Object.entries(node.attrs).forEach(([name, value]) => {
        if (targets.has(name) && node.attrs[name]) {
          node.attrs[name] = conv(value)
        }
      })
    }

    return node
  }

  return tree.walk(process)
}

export default posthtmlPlugin

export async function sixHEX(html = '', posthtmlOptions = {}) {
  return posthtml([
    posthtmlPlugin()
  ])
    .process(html, posthtmlOptions)
    .then(result => result.html)
}