Vite classname prefixer plugin

gistfile1.txt

export default function classnamePrefixPlugin() {
  const prefix = "tw-";

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