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>
146 lines
4.4 KiB
JavaScript
Executable File
146 lines
4.4 KiB
JavaScript
Executable File
import { detachNodeFromParent } from '../lib/xast.js';
|
|
import { visit, visitSkip } from '../lib/util/visit.js';
|
|
import { collectStylesheet, computeStyle } from '../lib/style.js';
|
|
import { hasScripts } from '../lib/svgo/tools.js';
|
|
import { elemsGroups } from './_collections.js';
|
|
|
|
/**
|
|
* @typedef RemoveUselessStrokeAndFillParams
|
|
* @property {boolean=} stroke
|
|
* @property {boolean=} fill
|
|
* @property {boolean=} removeNone
|
|
*/
|
|
|
|
export const name = 'removeUselessStrokeAndFill';
|
|
export const description = 'removes useless stroke and fill attributes';
|
|
|
|
/**
|
|
* Remove useless stroke and fill attrs.
|
|
*
|
|
* @author Kir Belevich
|
|
*
|
|
* @type {import('../lib/types.js').Plugin<RemoveUselessStrokeAndFillParams>}
|
|
*/
|
|
export const fn = (root, params) => {
|
|
const {
|
|
stroke: removeStroke = true,
|
|
fill: removeFill = true,
|
|
removeNone = false,
|
|
} = params;
|
|
|
|
// style and script elements deoptimize this plugin
|
|
let hasStyleOrScript = false;
|
|
visit(root, {
|
|
element: {
|
|
enter: (node) => {
|
|
if (node.name === 'style' || hasScripts(node)) {
|
|
hasStyleOrScript = true;
|
|
}
|
|
},
|
|
},
|
|
});
|
|
if (hasStyleOrScript) {
|
|
return null;
|
|
}
|
|
|
|
const stylesheet = collectStylesheet(root);
|
|
|
|
return {
|
|
element: {
|
|
enter: (node, parentNode) => {
|
|
// id attribute deoptimize the whole subtree
|
|
if (node.attributes.id != null) {
|
|
return visitSkip;
|
|
}
|
|
if (!elemsGroups.shape.has(node.name)) {
|
|
return;
|
|
}
|
|
const computedStyle = computeStyle(stylesheet, node);
|
|
const stroke = computedStyle.stroke;
|
|
const strokeOpacity = computedStyle['stroke-opacity'];
|
|
const strokeWidth = computedStyle['stroke-width'];
|
|
const markerEnd = computedStyle['marker-end'];
|
|
const fill = computedStyle.fill;
|
|
const fillOpacity = computedStyle['fill-opacity'];
|
|
const computedParentStyle =
|
|
parentNode.type === 'element'
|
|
? computeStyle(stylesheet, parentNode)
|
|
: null;
|
|
const parentStroke =
|
|
computedParentStyle == null ? null : computedParentStyle.stroke;
|
|
|
|
// remove stroke*
|
|
if (removeStroke) {
|
|
if (
|
|
stroke == null ||
|
|
(stroke.type === 'static' && stroke.value == 'none') ||
|
|
(strokeOpacity != null &&
|
|
strokeOpacity.type === 'static' &&
|
|
strokeOpacity.value === '0') ||
|
|
(strokeWidth != null &&
|
|
strokeWidth.type === 'static' &&
|
|
strokeWidth.value === '0')
|
|
) {
|
|
// stroke-width may affect the size of marker-end
|
|
// marker is not visible when stroke-width is 0
|
|
if (
|
|
(strokeWidth != null &&
|
|
strokeWidth.type === 'static' &&
|
|
strokeWidth.value === '0') ||
|
|
markerEnd == null
|
|
) {
|
|
for (const name of Object.keys(node.attributes)) {
|
|
if (name.startsWith('stroke')) {
|
|
delete node.attributes[name];
|
|
}
|
|
}
|
|
// set explicit none to not inherit from parent
|
|
if (
|
|
parentStroke != null &&
|
|
parentStroke.type === 'static' &&
|
|
parentStroke.value !== 'none'
|
|
) {
|
|
node.attributes.stroke = 'none';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// remove fill*
|
|
if (removeFill) {
|
|
if (
|
|
(fill != null && fill.type === 'static' && fill.value === 'none') ||
|
|
(fillOpacity != null &&
|
|
fillOpacity.type === 'static' &&
|
|
fillOpacity.value === '0')
|
|
) {
|
|
for (const name of Object.keys(node.attributes)) {
|
|
if (name.startsWith('fill-')) {
|
|
delete node.attributes[name];
|
|
}
|
|
}
|
|
if (
|
|
fill == null ||
|
|
(fill.type === 'static' && fill.value !== 'none')
|
|
) {
|
|
node.attributes.fill = 'none';
|
|
}
|
|
}
|
|
}
|
|
|
|
if (removeNone) {
|
|
if (
|
|
(stroke == null || node.attributes.stroke === 'none') &&
|
|
((fill != null &&
|
|
fill.type === 'static' &&
|
|
fill.value === 'none') ||
|
|
node.attributes.fill === 'none')
|
|
) {
|
|
detachNodeFromParent(node, parentNode);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
};
|
|
};
|