You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.7 KiB
66 lines
1.7 KiB
4 weeks ago
|
'use strict';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @typedef {import('../lib/types').XastElement} XastElement
|
||
|
|
*/
|
||
|
|
|
||
|
|
const { detachNodeFromParent } = require('../lib/xast.js');
|
||
|
|
const { elemsGroups } = require('./_collections.js');
|
||
|
|
|
||
|
|
exports.type = 'visitor';
|
||
|
|
exports.name = 'removeUselessDefs';
|
||
|
|
exports.active = true;
|
||
|
|
exports.description = 'removes elements in <defs> without id';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Removes content of defs and properties that aren't rendered directly without ids.
|
||
|
|
*
|
||
|
|
* @author Lev Solntsev
|
||
|
|
*
|
||
|
|
* @type {import('../lib/types').Plugin<void>}
|
||
|
|
*/
|
||
|
|
exports.fn = () => {
|
||
|
|
return {
|
||
|
|
element: {
|
||
|
|
enter: (node, parentNode) => {
|
||
|
|
if (node.name === 'defs') {
|
||
|
|
/**
|
||
|
|
* @type {Array<XastElement>}
|
||
|
|
*/
|
||
|
|
const usefulNodes = [];
|
||
|
|
collectUsefulNodes(node, usefulNodes);
|
||
|
|
if (usefulNodes.length === 0) {
|
||
|
|
detachNodeFromParent(node, parentNode);
|
||
|
|
}
|
||
|
|
// TODO remove in SVGO 3
|
||
|
|
for (const usefulNode of usefulNodes) {
|
||
|
|
// @ts-ignore parentNode is legacy
|
||
|
|
usefulNode.parentNode = node;
|
||
|
|
}
|
||
|
|
node.children = usefulNodes;
|
||
|
|
} else if (
|
||
|
|
elemsGroups.nonRendering.includes(node.name) &&
|
||
|
|
node.attributes.id == null
|
||
|
|
) {
|
||
|
|
detachNodeFromParent(node, parentNode);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @type {(node: XastElement, usefulNodes: Array<XastElement>) => void}
|
||
|
|
*/
|
||
|
|
const collectUsefulNodes = (node, usefulNodes) => {
|
||
|
|
for (const child of node.children) {
|
||
|
|
if (child.type === 'element') {
|
||
|
|
if (child.attributes.id != null || child.name === 'style') {
|
||
|
|
usefulNodes.push(child);
|
||
|
|
} else {
|
||
|
|
collectUsefulNodes(child, usefulNodes);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|