-
-
Notifications
You must be signed in to change notification settings - Fork 178
/
CSSStyleDeclarationCSSParser.ts
44 lines (39 loc) · 1.23 KB
/
CSSStyleDeclarationCSSParser.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// Groups:
// Property name => \s*([^:;]+?)\s*:
// Property value => \s*((?:[^(;]*?(?:\([^)]*\))?)*?) <- will match any non ';' char except inside (), nested parentheses are not supported
// Important ("!important") => \s*(!important)?
// End of rule => \s*(?:$|;)
const SPLIT_RULES_REGEXP =
/\s*([^:;]+?)\s*:\s*((?:[^(;]*?(?:\([^)]*\))?)*?)\s*(!important)?\s*(?:$|;)/g;
/**
* CSS parser.
*/
export default class CSSStyleDeclarationCSSParser {
/**
* Class construtor.
*
* @param cssText CSS string.
* @param callback Callback.
*/
public static parse(cssText: string): {
rules: Array<{ name: string; value: string; important: boolean }>;
properties: { [name: string]: string };
} {
const properties: { [name: string]: string } = {};
const rules: Array<{ name: string; value: string; important: boolean }> = [];
const regexp = new RegExp(SPLIT_RULES_REGEXP);
let match;
while ((match = regexp.exec(cssText))) {
const name = (match[1] ?? '').trim();
const value = (match[2] ?? '').trim();
const important = match[3] ? true : false;
if (name && value) {
if (name.startsWith('--')) {
properties[name] = value;
}
rules.push({ name, value, important });
}
}
return { rules, properties };
}
}