53 lines
1.0 KiB
JavaScript
53 lines
1.0 KiB
JavaScript
|
const micromatch = require('micromatch');
|
||
|
|
|
||
|
|
const { getRoot } = require('../utils');
|
||
|
|
|
||
|
|
const defaultConfig = {
|
||
|
|
id: undefined,
|
||
|
|
preserve: [
|
||
|
|
'viewBox',
|
||
|
|
'preserveAspectRatio',
|
||
|
|
'class',
|
||
|
|
'overflow',
|
||
|
|
'stroke?(-*)',
|
||
|
|
'fill?(-*)',
|
||
|
|
'xmlns?(:*)',
|
||
|
|
'role',
|
||
|
|
'aria-*'
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Object} [config] {@see defaultConfig}
|
||
|
|
* @return {Function} PostHTML plugin
|
||
|
|
*/
|
||
|
|
function svgToSymbol(config = null) {
|
||
|
|
const cfg = Object.assign({}, defaultConfig, config);
|
||
|
|
|
||
|
|
return (tree) => {
|
||
|
|
const root = getRoot(tree);
|
||
|
|
root.tag = 'symbol';
|
||
|
|
root.attrs = root.attrs || {};
|
||
|
|
|
||
|
|
const attrNames = Object.keys(root.attrs);
|
||
|
|
const attrNamesToPreserve = micromatch(attrNames, cfg.preserve);
|
||
|
|
|
||
|
|
attrNames.forEach((name) => {
|
||
|
|
if (!attrNamesToPreserve.includes(name)) {
|
||
|
|
delete root.attrs[name];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (cfg.id) {
|
||
|
|
root.attrs.id = cfg.id;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Remove all elements and add symbol node
|
||
|
|
tree.splice(0, tree.length, root);
|
||
|
|
|
||
|
|
return tree;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = svgToSymbol;
|