mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 09:47:56 +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>
81 lines
2.3 KiB
JavaScript
81 lines
2.3 KiB
JavaScript
'use strict';
|
|
|
|
const { computeStyle } = require('../lib/style.js');
|
|
const { path2js, js2path, intersects } = require('./_path.js');
|
|
|
|
exports.type = 'perItem';
|
|
|
|
exports.active = true;
|
|
|
|
exports.description = 'merges multiple paths in one if possible';
|
|
|
|
exports.params = {
|
|
collapseRepeated: true,
|
|
force: false,
|
|
leadingZero: true,
|
|
negativeExtraSpace: true,
|
|
noSpaceAfterFlags: false, // a20 60 45 0 1 30 20 → a20 60 45 0130 20
|
|
};
|
|
|
|
/**
|
|
* Merge multiple Paths into one.
|
|
*
|
|
* @param {Object} item current iteration item
|
|
* @return {Boolean} if false, item will be filtered out
|
|
*
|
|
* @author Kir Belevich, Lev Solntsev
|
|
*/
|
|
exports.fn = function (item, params) {
|
|
if (item.type !== 'element' || item.children.length === 0) return;
|
|
|
|
let prevContentItem = null;
|
|
let prevContentItemKeys = null;
|
|
|
|
item.children = item.children.filter(function (contentItem) {
|
|
if (
|
|
prevContentItem &&
|
|
prevContentItem.isElem('path') &&
|
|
prevContentItem.children.length === 0 &&
|
|
prevContentItem.attributes.d != null &&
|
|
contentItem.isElem('path') &&
|
|
contentItem.children.length === 0 &&
|
|
contentItem.attributes.d != null
|
|
) {
|
|
const computedStyle = computeStyle(contentItem);
|
|
// keep path to not break markers
|
|
if (
|
|
computedStyle['marker-start'] ||
|
|
computedStyle['marker-mid'] ||
|
|
computedStyle['marker-end']
|
|
) {
|
|
return true;
|
|
}
|
|
if (!prevContentItemKeys) {
|
|
prevContentItemKeys = Object.keys(prevContentItem.attributes);
|
|
}
|
|
|
|
const contentItemAttrs = Object.keys(contentItem.attributes);
|
|
const equalData =
|
|
prevContentItemKeys.length == contentItemAttrs.length &&
|
|
contentItemAttrs.every(function (key) {
|
|
return (
|
|
key == 'd' ||
|
|
(prevContentItem.attributes[key] != null &&
|
|
prevContentItem.attributes[key] == contentItem.attributes[key])
|
|
);
|
|
});
|
|
const prevPathJS = path2js(prevContentItem);
|
|
const curPathJS = path2js(contentItem);
|
|
|
|
if (equalData && (params.force || !intersects(prevPathJS, curPathJS))) {
|
|
js2path(prevContentItem, prevPathJS.concat(curPathJS), params);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
prevContentItem = contentItem;
|
|
prevContentItemKeys = null;
|
|
return true;
|
|
});
|
|
};
|