mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 01:38:07 +08:00
Tim van der Lippe
706ec965fb
These packages will be used to dynamically optimize SVG images during the build. R=jacktfranklin@chromium.org Bug: 1216402 Change-Id: I04e95aa7d79c9d67beaf8a7861182c52b16b7d0f Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2939992 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
93 lines
2.2 KiB
JavaScript
93 lines
2.2 KiB
JavaScript
'use strict';
|
|
|
|
exports.type = 'perItem';
|
|
|
|
exports.active = true;
|
|
|
|
exports.description = 'removes useless stroke and fill attributes';
|
|
|
|
exports.params = {
|
|
stroke: true,
|
|
fill: true,
|
|
removeNone: false,
|
|
hasStyleOrScript: false,
|
|
};
|
|
|
|
var shape = require('./_collections').elemsGroups.shape,
|
|
regStrokeProps = /^stroke/,
|
|
regFillProps = /^fill-/,
|
|
styleOrScript = ['style', 'script'];
|
|
|
|
/**
|
|
* Remove useless stroke and fill attrs.
|
|
*
|
|
* @param {Object} item current iteration item
|
|
* @param {Object} params plugin params
|
|
* @return {Boolean} if false, item will be filtered out
|
|
*
|
|
* @author Kir Belevich
|
|
*/
|
|
exports.fn = function (item, params) {
|
|
if (item.isElem(styleOrScript)) {
|
|
params.hasStyleOrScript = true;
|
|
}
|
|
|
|
if (
|
|
!params.hasStyleOrScript &&
|
|
item.isElem(shape) &&
|
|
!item.computedAttr('id')
|
|
) {
|
|
var stroke = params.stroke && item.computedAttr('stroke'),
|
|
fill = params.fill && !item.computedAttr('fill', 'none');
|
|
|
|
// remove stroke*
|
|
if (
|
|
params.stroke &&
|
|
(!stroke ||
|
|
stroke == 'none' ||
|
|
item.computedAttr('stroke-opacity', '0') ||
|
|
item.computedAttr('stroke-width', '0'))
|
|
) {
|
|
// stroke-width may affect the size of marker-end
|
|
if (
|
|
item.computedAttr('stroke-width', '0') === true ||
|
|
item.computedAttr('marker-end') == null
|
|
) {
|
|
var parentStroke = item.parentNode.computedAttr('stroke'),
|
|
declineStroke = parentStroke && parentStroke != 'none';
|
|
|
|
for (const name of Object.keys(item.attributes)) {
|
|
if (regStrokeProps.test(name)) {
|
|
delete item.attributes[name];
|
|
}
|
|
}
|
|
|
|
if (declineStroke) {
|
|
item.attributes.stroke = 'none';
|
|
}
|
|
}
|
|
}
|
|
|
|
// remove fill*
|
|
if (params.fill && (!fill || item.computedAttr('fill-opacity', '0'))) {
|
|
for (const name of Object.keys(item.attributes)) {
|
|
if (regFillProps.test(name)) {
|
|
delete item.attributes[name];
|
|
}
|
|
}
|
|
|
|
if (fill) {
|
|
item.attributes.fill = 'none';
|
|
}
|
|
}
|
|
|
|
if (
|
|
params.removeNone &&
|
|
(!stroke || item.attributes.stroke == 'none') &&
|
|
(!fill || item.attributes.fill == 'none')
|
|
) {
|
|
return false;
|
|
}
|
|
}
|
|
};
|