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>
82 lines
2.2 KiB
JavaScript
Executable File
82 lines
2.2 KiB
JavaScript
Executable File
import { detachNodeFromParent } from '../lib/xast.js';
|
|
import { visitSkip } from '../lib/util/visit.js';
|
|
|
|
export const name = 'mergeStyles';
|
|
export const description = 'merge multiple style elements into one';
|
|
|
|
/**
|
|
* Merge multiple style elements into one.
|
|
*
|
|
* @author strarsis <strarsis@gmail.com>
|
|
*
|
|
* @type {import('../lib/types.js').Plugin}
|
|
*/
|
|
export const fn = () => {
|
|
/** @type {?import('../lib/types.js').XastElement} */
|
|
let firstStyleElement = null;
|
|
let collectedStyles = '';
|
|
/** @type {'text' | 'cdata'} */
|
|
let styleContentType = 'text';
|
|
|
|
return {
|
|
element: {
|
|
enter: (node, parentNode) => {
|
|
// skip <foreignObject> content
|
|
if (node.name === 'foreignObject') {
|
|
return visitSkip;
|
|
}
|
|
|
|
// collect style elements
|
|
if (node.name !== 'style') {
|
|
return;
|
|
}
|
|
|
|
// skip <style> with invalid type attribute
|
|
if (
|
|
node.attributes.type != null &&
|
|
node.attributes.type !== '' &&
|
|
node.attributes.type !== 'text/css'
|
|
) {
|
|
return;
|
|
}
|
|
|
|
// extract style element content
|
|
let css = '';
|
|
for (const child of node.children) {
|
|
if (child.type === 'text') {
|
|
css += child.value;
|
|
}
|
|
if (child.type === 'cdata') {
|
|
styleContentType = 'cdata';
|
|
css += child.value;
|
|
}
|
|
}
|
|
|
|
// remove empty style elements
|
|
if (css.trim().length === 0) {
|
|
detachNodeFromParent(node, parentNode);
|
|
return;
|
|
}
|
|
|
|
// collect css and wrap with media query if present in attribute
|
|
if (node.attributes.media == null) {
|
|
collectedStyles += css;
|
|
} else {
|
|
collectedStyles += `@media ${node.attributes.media}{${css}}`;
|
|
delete node.attributes.media;
|
|
}
|
|
|
|
// combine collected styles in the first style element
|
|
if (firstStyleElement == null) {
|
|
firstStyleElement = node;
|
|
} else {
|
|
detachNodeFromParent(node, parentNode);
|
|
/** @type {import('../lib/types.js').XastChild} */
|
|
const child = { type: styleContentType, value: collectedStyles };
|
|
firstStyleElement.children = [child];
|
|
}
|
|
},
|
|
},
|
|
};
|
|
};
|