Skip to content

Instantly share code, notes, and snippets.

@AVGVSTVS96
Last active April 18, 2024 18:17
Show Gist options
  • Select an option

  • Save AVGVSTVS96/7e442fdfd6a6238cf5ee83db1f691e8a to your computer and use it in GitHub Desktop.

Select an option

Save AVGVSTVS96/7e442fdfd6a6238cf5ee83db1f691e8a to your computer and use it in GitHub Desktop.
Tailwind regex for CVA, CN, and Typescript strings and arrays
"tailwindCSS.experimental.classRegex": [
["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
["cn\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
// typescript types, string or array of classnames, classes in single/double quotes or backticks
["Styles\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "['\"`]([^'\"`]*)['\"`]"],
["Classes\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "['\"`]([^'\"`]*)['\"`]"]
// // typescript types, classname strings only - classes in single/double quotes or backticks
// ["Styles\\s*(?::\\s*[^=]+)?\\s*=\\s*['\"`]([^'\"`]*)['\"`]"],
// ["Classes\\s*(?::\\s*[^=]+)?\\s*=\\s*['\"`]([^'\"`]*)['\"`]"],
// // typescript types, array of classnames, classes in single/double quotes or backticks
// ["Styles\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "['\"`]([^'\"`]*)['\"`]"],
// ["Classes\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "['\"`]([^'\"`]*)['\"`]"]
// // typescript types, array of classnames, classes in single quotes
// ["Styles\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "'([^']*)'"],
// ["Classes\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "'([^']*)'"],
// // typescript types, array of classnames, classes in double quotes
// ["Styles\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "\"([^\"]*)\""],
// ["Classes\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "\"([^\"]*)\""],
// // typescript types, array of classnames, classes in backticks
// ["Styles\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "\\`([^\\`]*)\\`"],
// ["Classes\\s*(?::\\s*[^=]+)?\\s*=\\s*([^;]*);", "\\`([^\\`]*)\\`"]
// // non-typescript, strings only - classes in single/double quotes or backticks
// ["Styles\\s*=\\s*['\"`]([^'\"`]*)['\"`]"],
// // non-typescript, strings and array of classnames
// ["Classes \\=([^;]*);", "'([^']*)'"],
// ["Classes \\=([^;]*);", "\"([^\"]*)\""],
// ["Classes \\=([^;]*);", "\\`([^\\`]*)\\`"],
// ["Styles \\=([^;]*);", "'([^']*)'"],
// ["Styles \\=([^;]*);", "\"([^\"]*)\""],
// ["Styles \\=([^;]*);", "\\`([^\\`]*)\\`"]
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment