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.
100 lines
4.0 KiB
100 lines
4.0 KiB
import { walk, keyword } from 'css-tree'; |
|
import { hasNoChildren } from './utils.js'; |
|
|
|
const { hasOwnProperty } = Object.prototype; |
|
const skipUsageFilteringAtrule = new Set(['keyframes']); |
|
|
|
function cleanUnused(selectorList, usageData) { |
|
selectorList.children.forEach((selector, item, list) => { |
|
let shouldRemove = false; |
|
|
|
walk(selector, function(node) { |
|
// ignore nodes in nested selectors |
|
if (this.selector === null || this.selector === selectorList) { |
|
switch (node.type) { |
|
case 'SelectorList': |
|
// TODO: remove toLowerCase when pseudo selectors will be normalized |
|
// ignore selectors inside :not() |
|
if (this.function === null || this.function.name.toLowerCase() !== 'not') { |
|
if (cleanUnused(node, usageData)) { |
|
shouldRemove = true; |
|
} |
|
} |
|
break; |
|
|
|
case 'ClassSelector': |
|
if (usageData.whitelist !== null && |
|
usageData.whitelist.classes !== null && |
|
!hasOwnProperty.call(usageData.whitelist.classes, node.name)) { |
|
shouldRemove = true; |
|
} |
|
if (usageData.blacklist !== null && |
|
usageData.blacklist.classes !== null && |
|
hasOwnProperty.call(usageData.blacklist.classes, node.name)) { |
|
shouldRemove = true; |
|
} |
|
break; |
|
|
|
case 'IdSelector': |
|
if (usageData.whitelist !== null && |
|
usageData.whitelist.ids !== null && |
|
!hasOwnProperty.call(usageData.whitelist.ids, node.name)) { |
|
shouldRemove = true; |
|
} |
|
if (usageData.blacklist !== null && |
|
usageData.blacklist.ids !== null && |
|
hasOwnProperty.call(usageData.blacklist.ids, node.name)) { |
|
shouldRemove = true; |
|
} |
|
break; |
|
|
|
case 'TypeSelector': |
|
// TODO: remove toLowerCase when type selectors will be normalized |
|
// ignore universal selectors |
|
if (node.name.charAt(node.name.length - 1) !== '*') { |
|
if (usageData.whitelist !== null && |
|
usageData.whitelist.tags !== null && |
|
!hasOwnProperty.call(usageData.whitelist.tags, node.name.toLowerCase())) { |
|
shouldRemove = true; |
|
} |
|
if (usageData.blacklist !== null && |
|
usageData.blacklist.tags !== null && |
|
hasOwnProperty.call(usageData.blacklist.tags, node.name.toLowerCase())) { |
|
shouldRemove = true; |
|
} |
|
} |
|
break; |
|
} |
|
} |
|
}); |
|
|
|
if (shouldRemove) { |
|
list.remove(item); |
|
} |
|
}); |
|
|
|
return selectorList.children.isEmpty; |
|
} |
|
|
|
export default function cleanRule(node, item, list, options) { |
|
if (hasNoChildren(node.prelude) || hasNoChildren(node.block)) { |
|
list.remove(item); |
|
return; |
|
} |
|
|
|
// avoid usage filtering for some at-rules |
|
if (this.atrule && skipUsageFilteringAtrule.has(keyword(this.atrule.name).basename)) { |
|
return; |
|
} |
|
|
|
const { usage } = options; |
|
|
|
if (usage && (usage.whitelist !== null || usage.blacklist !== null)) { |
|
cleanUnused(node.prelude, usage); |
|
|
|
if (hasNoChildren(node.prelude)) { |
|
list.remove(item); |
|
return; |
|
} |
|
} |
|
};
|
|
|