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>
98 lines
2.7 KiB
JavaScript
Executable File
98 lines
2.7 KiB
JavaScript
Executable File
import { generate } from 'css-tree';
|
|
import specificity from './specificity.js';
|
|
|
|
const nonFreezePseudoElements = new Set([
|
|
'first-letter',
|
|
'first-line',
|
|
'after',
|
|
'before'
|
|
]);
|
|
const nonFreezePseudoClasses = new Set([
|
|
'link',
|
|
'visited',
|
|
'hover',
|
|
'active',
|
|
'first-letter',
|
|
'first-line',
|
|
'after',
|
|
'before'
|
|
]);
|
|
|
|
export default function processSelector(node, usageData) {
|
|
const pseudos = new Set();
|
|
|
|
node.prelude.children.forEach(function(simpleSelector) {
|
|
let tagName = '*';
|
|
let scope = 0;
|
|
|
|
simpleSelector.children.forEach(function(node) {
|
|
switch (node.type) {
|
|
case 'ClassSelector':
|
|
if (usageData && usageData.scopes) {
|
|
const classScope = usageData.scopes[node.name] || 0;
|
|
|
|
if (scope !== 0 && classScope !== scope) {
|
|
throw new Error('Selector can\'t has classes from different scopes: ' + generate(simpleSelector));
|
|
}
|
|
|
|
scope = classScope;
|
|
}
|
|
|
|
break;
|
|
|
|
case 'PseudoClassSelector': {
|
|
const name = node.name.toLowerCase();
|
|
|
|
if (!nonFreezePseudoClasses.has(name)) {
|
|
pseudos.add(`:${name}`);
|
|
}
|
|
|
|
break;
|
|
}
|
|
|
|
case 'PseudoElementSelector': {
|
|
const name = node.name.toLowerCase();
|
|
|
|
if (!nonFreezePseudoElements.has(name)) {
|
|
pseudos.add(`::${name}`);
|
|
}
|
|
|
|
break;
|
|
}
|
|
|
|
case 'TypeSelector':
|
|
tagName = node.name.toLowerCase();
|
|
break;
|
|
|
|
case 'AttributeSelector':
|
|
if (node.flags) {
|
|
pseudos.add(`[${node.flags.toLowerCase()}]`);
|
|
}
|
|
|
|
break;
|
|
|
|
case 'Combinator':
|
|
tagName = '*';
|
|
break;
|
|
}
|
|
});
|
|
|
|
simpleSelector.compareMarker = specificity(simpleSelector).toString();
|
|
simpleSelector.id = null; // pre-init property to avoid multiple hidden class
|
|
simpleSelector.id = generate(simpleSelector);
|
|
|
|
if (scope) {
|
|
simpleSelector.compareMarker += ':' + scope;
|
|
}
|
|
|
|
if (tagName !== '*') {
|
|
simpleSelector.compareMarker += ',' + tagName;
|
|
}
|
|
});
|
|
|
|
// add property to all rule nodes to avoid multiple hidden class
|
|
node.pseudoSignature = pseudos.size > 0
|
|
? [...pseudos].sort().join(',')
|
|
: false;
|
|
};
|