d523f0f600
Document application modes (development/debug/production) Add global file drop handler, order column normalization, SPA hash fix Serve CDN assets via /_vendor/ URLs instead of merging into bundles Add production minification with license preservation Improve JSON formatting for debugging and production optimization Add CDN asset caching with CSS URL inlining for production builds Add three-mode system (development, debug, production) Update Manifest CLAUDE.md to reflect helper class architecture Refactor Manifest.php into helper classes for better organization Pre-manifest-refactor checkpoint: Add app_mode documentation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
105 lines
4.0 KiB
JavaScript
105 lines
4.0 KiB
JavaScript
'use strict';
|
|
|
|
const cssTree = require('css-tree');
|
|
const utils = require('./utils.cjs');
|
|
|
|
const { hasOwnProperty } = Object.prototype;
|
|
const skipUsageFilteringAtrule = new Set(['keyframes']);
|
|
|
|
function cleanUnused(selectorList, usageData) {
|
|
selectorList.children.forEach((selector, item, list) => {
|
|
let shouldRemove = false;
|
|
|
|
cssTree.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;
|
|
}
|
|
|
|
function cleanRule(node, item, list, options) {
|
|
if (utils.hasNoChildren(node.prelude) || utils.hasNoChildren(node.block)) {
|
|
list.remove(item);
|
|
return;
|
|
}
|
|
|
|
// avoid usage filtering for some at-rules
|
|
if (this.atrule && skipUsageFilteringAtrule.has(cssTree.keyword(this.atrule.name).basename)) {
|
|
return;
|
|
}
|
|
|
|
const { usage } = options;
|
|
|
|
if (usage && (usage.whitelist !== null || usage.blacklist !== null)) {
|
|
cleanUnused(node.prelude, usage);
|
|
|
|
if (utils.hasNoChildren(node.prelude)) {
|
|
list.remove(item);
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
module.exports = cleanRule;
|