mirror of
https://github.com/svg/svgo.git
synced 2025-04-19 10:22:15 +03:00
07f8d606e0
I saw complaints about `extendDefaultPlugins` api
- it cannot be used when svgo is installed globally
- it requires svgo to be installed when using svgo-loader or svgo-jsx
- it prevents using serializable config formats like json
In this diff I introduced the new plugin which is a bundle of all
default plugins.
```js
module.exports = {
plugins: [
'preset_default',
// or
{
name: 'preset_default',
floatPrecision: 4,
overrides: {
convertPathData: {
applyTransforms: false
}
}
}
]
}
```
63 lines
1.7 KiB
JavaScript
63 lines
1.7 KiB
JavaScript
'use strict';
|
|
|
|
const { pathElems, referencesProps } = require('./_collections.js');
|
|
|
|
exports.name = 'moveGroupAttrsToElems';
|
|
|
|
exports.type = 'perItem';
|
|
|
|
exports.active = true;
|
|
|
|
exports.description = 'moves some group attributes to the content elements';
|
|
|
|
const pathElemsWithGroupsAndText = [...pathElems, 'g', 'text'];
|
|
|
|
/**
|
|
* Move group attrs to the content elements.
|
|
*
|
|
* @example
|
|
* <g transform="scale(2)">
|
|
* <path transform="rotate(45)" d="M0,0 L10,20"/>
|
|
* <path transform="translate(10, 20)" d="M0,10 L20,30"/>
|
|
* </g>
|
|
* ⬇
|
|
* <g>
|
|
* <path transform="scale(2) rotate(45)" d="M0,0 L10,20"/>
|
|
* <path transform="scale(2) translate(10, 20)" d="M0,10 L20,30"/>
|
|
* </g>
|
|
*
|
|
* @param {Object} item current iteration item
|
|
* @return {Boolean} if false, item will be filtered out
|
|
*
|
|
* @author Kir Belevich
|
|
*/
|
|
exports.fn = function (item) {
|
|
// move group transform attr to content's pathElems
|
|
if (
|
|
item.type === 'element' &&
|
|
item.name === 'g' &&
|
|
item.children.length !== 0 &&
|
|
item.attributes.transform != null &&
|
|
Object.entries(item.attributes).some(
|
|
([name, value]) =>
|
|
referencesProps.includes(name) && value.includes('url(')
|
|
) === false &&
|
|
item.children.every(
|
|
(inner) =>
|
|
pathElemsWithGroupsAndText.includes(inner.name) &&
|
|
inner.attributes.id == null
|
|
)
|
|
) {
|
|
for (const inner of item.children) {
|
|
const value = item.attributes.transform;
|
|
if (inner.attributes.transform != null) {
|
|
inner.attributes.transform = value + ' ' + inner.attributes.transform;
|
|
} else {
|
|
inner.attributes.transform = value;
|
|
}
|
|
}
|
|
|
|
delete item.attributes.transform;
|
|
}
|
|
};
|