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.
91 lines
2.5 KiB
91 lines
2.5 KiB
2 years ago
|
'use strict';
|
||
|
|
||
|
const cssTree = require('css-tree');
|
||
|
const utils = require('./utils.cjs');
|
||
|
|
||
|
/*
|
||
|
At this step all rules has single simple selector. We try to join by equal
|
||
|
declaration blocks to first rule, e.g.
|
||
|
|
||
|
.a { color: red }
|
||
|
b { ... }
|
||
|
.b { color: red }
|
||
|
->
|
||
|
.a, .b { color: red }
|
||
|
b { ... }
|
||
|
*/
|
||
|
|
||
|
function processRule(node, item, list) {
|
||
|
const selectors = node.prelude.children;
|
||
|
const declarations = node.block.children;
|
||
|
const nodeCompareMarker = selectors.first.compareMarker;
|
||
|
const skippedCompareMarkers = {};
|
||
|
|
||
|
list.nextUntil(item.next, function(next, nextItem) {
|
||
|
// skip non-ruleset node if safe
|
||
|
if (next.type !== 'Rule') {
|
||
|
return utils.unsafeToSkipNode.call(selectors, next);
|
||
|
}
|
||
|
|
||
|
if (node.pseudoSignature !== next.pseudoSignature) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
const nextFirstSelector = next.prelude.children.head;
|
||
|
const nextDeclarations = next.block.children;
|
||
|
const nextCompareMarker = nextFirstSelector.data.compareMarker;
|
||
|
|
||
|
// if next ruleset has same marked as one of skipped then stop joining
|
||
|
if (nextCompareMarker in skippedCompareMarkers) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
// try to join by selectors
|
||
|
if (selectors.head === selectors.tail) {
|
||
|
if (selectors.first.id === nextFirstSelector.data.id) {
|
||
|
declarations.appendList(nextDeclarations);
|
||
|
list.remove(nextItem);
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// try to join by properties
|
||
|
if (utils.isEqualDeclarations(declarations, nextDeclarations)) {
|
||
|
const nextStr = nextFirstSelector.data.id;
|
||
|
|
||
|
selectors.some((data, item) => {
|
||
|
const curStr = data.id;
|
||
|
|
||
|
if (nextStr < curStr) {
|
||
|
selectors.insert(nextFirstSelector, item);
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
if (!item.next) {
|
||
|
selectors.insert(nextFirstSelector);
|
||
|
return true;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
list.remove(nextItem);
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
// go to next ruleset if current one can be skipped (has no equal specificity nor element selector)
|
||
|
if (nextCompareMarker === nodeCompareMarker) {
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
skippedCompareMarkers[nextCompareMarker] = true;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function mergeRule(ast) {
|
||
|
cssTree.walk(ast, {
|
||
|
visit: 'Rule',
|
||
|
enter: processRule
|
||
|
});
|
||
|
}
|
||
|
|
||
|
module.exports = mergeRule;
|