e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
101 lines
4.0 KiB
JavaScript
101 lines
4.0 KiB
JavaScript
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;
|
|
}
|
|
}
|
|
};
|