Support extracting classes from any file like `@tailwindcss/jit` / `purgecss` do

Hi!

Just trying out windicss. It seems like windicss currently only extracts classes between class="...". I use Tailwind with a variety of stacks which don’t have the same class syntax as HTML. @tailwindcss/jit and purgecss both blindly scan for anything that looks like a class and compile that. Is it possible to do that in windicss?

Example:

$ echo 'here text-red-600 are some opacity-50 classes' > a.txt
$ windicss a.txt -to a.css

a.css does not include text-red-600 or opacity-50 while @tailwindcss/jit does with the appropriate purgecss config.

[voorjaar]

https://github.com/windicss/windicss/commit/4e386bbb0d3bd8e54d908790ee9b677479f96ac7 support fuzzy match.

windicss './**/*.html' './**/*.svelte' -to windi.css --watch --fuzzy --config './windi.config.js'

https://github.com/windicss/windicss/commit/c85d088c6e65a8702e5426b3e508fa6565623ee2 support extractors.

// windi.config.js
module.exports = {
  extract: {
    extractors: [
      {
        extractor: (content) => {
          return { classes: content.match(/(?<=class:)[!@\w-]+/g) ?? [] };
        },
        extensions: ['svelte'],
      },
    ],
  },
};

[voorjaar]

In the vite-plugin-windicss we are doing so. /cc @voorjaar do you think it makes sense to migrate code from the vite plugin into the core so CLI can also utilize it?

Yeah, you can migrate the part of code that extracts classNames. You can put that into utils or helpers folder.