Vite classname prefixer plugin

classnamePrefixPlugin.ts

export function classnamePrefixPlugin() {
  const prefix = 'tw-'

  return {
    name: 'classname-prefix',
    transform: (code: string, id: string) => {
      const classNamePattern = /(className|class)\s*(:|=)\s*"([^"]*)"/g
      const transformedCode = code.replace(classNamePattern, (match, p1, p2, p3) => {
        const transformedClassName = p3
          .split(' ')
          .map((className: string) => `${prefix}${className}`)
          .join(' ')
        console.log('File: ', id, 'Classname: ', `${p1}${p2}"${transformedClassName}"`)
        return `${p1}${p2}"${transformedClassName}"`
      })
      return {
        code: transformedCode
      }
    }
  }
}