You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.2 KiB
30 lines
1.2 KiB
2 years ago
|
import { defaultSplitRE, isValidSelector } from '@unocss/core';
|
||
|
|
|
||
|
|
const quotedArbitraryValuesRE = /(?:[\w&:[\]-]|\[\S+=\S+\])+\[\\?['"]?\S+?['"]\]\]?[\w:-]*/g;
|
||
|
|
const arbitraryPropertyRE = /\[(\\\W|[\w-])+:[^\s:]*?("\S+?"|'\S+?'|`\S+?`|[^\s:]+?)[^\s:]*?\)?\]/g;
|
||
|
|
const arbitraryPropertyCandidateRE = /^\[(\\\W|[\w-])+:['"]?\S+?['"]?\]$/;
|
||
|
|
function splitCodeWithArbitraryVariants(code) {
|
||
|
|
const result = /* @__PURE__ */ new Set();
|
||
|
|
for (const match of code.matchAll(arbitraryPropertyRE)) {
|
||
|
|
if (!code[match.index - 1]?.match(/^[\s'"`]/))
|
||
|
|
continue;
|
||
|
|
result.add(match[0]);
|
||
|
|
}
|
||
|
|
for (const match of code.matchAll(quotedArbitraryValuesRE))
|
||
|
|
result.add(match[0]);
|
||
|
|
code.split(defaultSplitRE).forEach((match) => {
|
||
|
|
if (isValidSelector(match) && !arbitraryPropertyCandidateRE.test(match))
|
||
|
|
result.add(match);
|
||
|
|
});
|
||
|
|
return [...result];
|
||
|
|
}
|
||
|
|
const extractorArbitraryVariants = {
|
||
|
|
name: "@unocss/extractor-arbitrary-variants",
|
||
|
|
order: 0,
|
||
|
|
extract({ code }) {
|
||
|
|
return splitCodeWithArbitraryVariants(code);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export { arbitraryPropertyRE, extractorArbitraryVariants as default, extractorArbitraryVariants, quotedArbitraryValuesRE, splitCodeWithArbitraryVariants };
|