Function formatParsedCSS

src/utils/css-text/format-css.ts:9–42

(parsed: ParsedCSS)

}

export function formatParsedCSS(parsed: ParsedCSS): string {
    const lines: string[] = [];
    const tab = '    ';

    function formatRule(rule: ParsedAtRule | ParsedStyleRule, indent: string) {
        if (isParsedStyleRule(rule)) {
            formatStyleRule(rule as ParsedStyleRule, indent);
        } else {
            formatAtRule(rule, indent);
        }
    }

    function formatAtRule({type, query, rules}: ParsedAtRule, indent: string) {
        lines.push(`${indent}${type} ${query} {`);
        rules.forEach((child) => formatRule(child, `${indent}${tab}`));
        lines.push(`${indent}}`);
    }

    function formatStyleRule({selectors, declarations}: ParsedStyleRule, indent: string) {
        const lastSelectorIndex = selectors.length - 1;
        selectors.forEach((selector, i) => {
            lines.push(`${indent}${selector}${i < lastSelectorIndex ? ',' : ' {'}`);
        });
        const sorted = sortDeclarations(declarations);
        sorted.forEach(({property, value, important}) => {
            lines.push(`${indent}${tab}${property}: ${value}${important ? ' !important' : ''};`);
        });
        lines.push(`${indent}}`);
    }

    clearEmptyRules(parsed);
    parsed.forEach((rule) => formatRule(rule, ''));
    return lines.join('\n');
}

function sortDeclarations(declarations: ParsedDeclaration[]) {
    const prefixRegex = /^-[a-z]-/;