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.
52 lines
1.0 KiB
52 lines
1.0 KiB
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;
|
|
|