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.
59 lines
1.5 KiB
59 lines
1.5 KiB
3 years ago
|
'use strict';
|
||
|
|
|
||
|
|
const { detachNodeFromParent } = require('../lib/xast.js');
|
||
|
|
const { elemsGroups } = require('./_collections.js');
|
||
|
|
|
||
|
|
exports.type = 'visitor';
|
||
|
|
exports.name = 'removeEmptyContainers';
|
||
|
|
exports.active = true;
|
||
|
|
exports.description = 'removes empty container elements';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Remove empty containers.
|
||
|
|
*
|
||
|
|
* @see https://www.w3.org/TR/SVG11/intro.html#TermContainerElement
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* <defs/>
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* <g><marker><a/></marker></g>
|
||
|
|
*
|
||
|
|
* @author Kir Belevich
|
||
|
|
*
|
||
|
|
* @type {import('../lib/types').Plugin<void>}
|
||
|
|
*/
|
||
|
|
exports.fn = () => {
|
||
|
|
return {
|
||
|
|
element: {
|
||
|
|
exit: (node, parentNode) => {
|
||
|
|
// remove only empty non-svg containers
|
||
|
|
if (
|
||
|
|
node.name === 'svg' ||
|
||
|
|
elemsGroups.container.includes(node.name) === false ||
|
||
|
|
node.children.length !== 0
|
||
|
|
) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// empty patterns may contain reusable configuration
|
||
|
|
if (
|
||
|
|
node.name === 'pattern' &&
|
||
|
|
Object.keys(node.attributes).length !== 0
|
||
|
|
) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// The <g> may not have content, but the filter may cause a rectangle
|
||
|
|
// to be created and filled with pattern.
|
||
|
|
if (node.name === 'g' && node.attributes.filter != null) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// empty <mask> hides masked element
|
||
|
|
if (node.name === 'mask' && node.attributes.id != null) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
detachNodeFromParent(node, parentNode);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
};
|