mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
bc46d0e0bc
* fix: allow extraction from template literal with array * fix: support extraction from array in function * test: add more tests for function and template * test: add test for dynamic classes * test: add dynamic class test in js * test: add dynamic class test in js single quote * Cleanup a bit * Update changelog Co-authored-by: Jordan Pittman <jordan@cryptica.me>
51 lines
2.5 KiB
JavaScript
51 lines
2.5 KiB
JavaScript
const PATTERNS = [
|
|
/(?:\['([^'\s]+[^<>"'`\s:\\])')/.source, // ['text-lg' -> text-lg
|
|
/(?:\["([^"\s]+[^<>"'`\s:\\])")/.source, // ["text-lg" -> text-lg
|
|
/(?:\[`([^`\s]+[^<>"'`\s:\\])`)/.source, // [`text-lg` -> text-lg
|
|
/([^${(<>"'`\s]*\[\w*'[^"`\s]*'?\])/.source, // font-['some_font',sans-serif]
|
|
/([^${(<>"'`\s]*\[\w*"[^'`\s]*"?\])/.source, // font-["some_font",sans-serif]
|
|
/([^<>"'`\s]*\[\w*\('[^"'`\s]*'\)\])/.source, // bg-[url('...')]
|
|
/([^<>"'`\s]*\[\w*\("[^"'`\s]*"\)\])/.source, // bg-[url("...")]
|
|
/([^<>"'`\s]*\[\w*\('[^"`\s]*'\)\])/.source, // bg-[url('...'),url('...')]
|
|
/([^<>"'`\s]*\[\w*\("[^'`\s]*"\)\])/.source, // bg-[url("..."),url("...")]
|
|
/([^<>"'`\s]*\[[^<>"'`\s]*\('[^"`\s]*'\)+\])/.source, // h-[calc(100%-theme('spacing.1'))]
|
|
/([^<>"'`\s]*\[[^<>"'`\s]*\("[^'`\s]*"\)+\])/.source, // h-[calc(100%-theme("spacing.1"))]
|
|
/([^${(<>"'`\s]*\['[^"'`\s]*'\])/.source, // `content-['hello']` but not `content-['hello']']`
|
|
/([^${(<>"'`\s]*\["[^"'`\s]*"\])/.source, // `content-["hello"]` but not `content-["hello"]"]`
|
|
/([^<>"'`\s]*\[[^<>"'`\s]*:[^\]\s]*\])/.source, // `[attr:value]`
|
|
/([^<>"'`\s]*\[[^<>"'`\s]*:'[^"'`\s]*'\])/.source, // `[content:'hello']` but not `[content:"hello"]`
|
|
/([^<>"'`\s]*\[[^<>"'`\s]*:"[^"'`\s]*"\])/.source, // `[content:"hello"]` but not `[content:'hello']`
|
|
/([^<>"'`\s]*\[[^"'`\s]+\][^<>"'`\s]*)/.source, // `fill-[#bada55]`, `fill-[#bada55]/50`
|
|
/([^"'`\s]*[^<>"'`\s:\\])/.source, // `<sm:underline`, `md>:font-bold`
|
|
/([^<>"'`\s]*[^"'`\s:\\])/.source, // `px-1.5`, `uppercase` but not `uppercase:`
|
|
|
|
// Arbitrary properties
|
|
// /([^"\s]*\[[^\s]+?\][^"\s]*)/.source,
|
|
// /([^'\s]*\[[^\s]+?\][^'\s]*)/.source,
|
|
// /([^`\s]*\[[^\s]+?\][^`\s]*)/.source,
|
|
].join('|')
|
|
|
|
const BROAD_MATCH_GLOBAL_REGEXP = new RegExp(PATTERNS, 'g')
|
|
const INNER_MATCH_GLOBAL_REGEXP = /[^<>"'`\s.(){}[\]#=%$]*[^<>"'`\s.(){}[\]#=%:$]/g
|
|
|
|
/**
|
|
* @param {string} content
|
|
*/
|
|
export function defaultExtractor(content) {
|
|
let broadMatches = content.matchAll(BROAD_MATCH_GLOBAL_REGEXP)
|
|
let innerMatches = content.match(INNER_MATCH_GLOBAL_REGEXP) || []
|
|
let results = [...broadMatches, ...innerMatches].flat().filter((v) => v !== undefined)
|
|
|
|
return results
|
|
}
|
|
|
|
// Regular utilities
|
|
// {{modifier}:}*{namespace}{-{suffix}}*{/{opacityModifier}}?
|
|
|
|
// Arbitrary values
|
|
// {{modifier}:}*{namespace}-[{arbitraryValue}]{/{opacityModifier}}?
|
|
// arbitraryValue: no whitespace, balanced quotes unless within quotes, balanced brackets unless within quotes
|
|
|
|
// Arbitrary properties
|
|
// {{modifier}:}*[{validCssPropertyName}:{arbitraryValue}]
|