Function parseCSS

src/utils/css-text/parse-css.ts:25–63

(cssText: string)

export type ParsedCSS = Array<ParsedAtRule | ParsedStyleRule>;

export function parseCSS(cssText: string): ParsedCSS {
    cssText = removeCSSComments(cssText);
    cssText = cssText.trim();
    if (!cssText) {
        return [];
    }

    const rules: ParsedCSS = [];

    // Find {...} ranges excluding inside of "...", [...] etc.
    const excludeRanges = getTokenExclusionRanges(cssText);
    const bracketRanges = getAllOpenCloseRanges(cssText, '{', '}', excludeRanges);

    let ruleStart = 0;
    bracketRanges.forEach((brackets) => {
        const key = cssText.substring(ruleStart, brackets.start).trim();
        const content = cssText.substring(brackets.start + 1, brackets.end - 1);

        if (key.startsWith('@')) {
            const typeEndIndex = key.search(/[\s\(]/);
            const rule: ParsedAtRule = {
                type: typeEndIndex < 0 ? key : key.substring(0, typeEndIndex),
                query: typeEndIndex < 0 ? '' : key.substring(typeEndIndex).trim(),
                rules: parseCSS(content),
            };
            rules.push(rule);
        } else {
            const rule: ParsedStyleRule = {
                selectors: parseSelectors(key),
                declarations: parseDeclarations(content),
            };
            rules.push(rule);
        }

        ruleStart = brackets.end;
    });

    return rules;
}

function getAllOpenCloseRanges(
    input: string,