mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-11-01 18:59:10 +08:00
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>
56 lines
1.1 KiB
JavaScript
56 lines
1.1 KiB
JavaScript
'use strict';
|
|
|
|
exports.type = 'full';
|
|
|
|
exports.active = false;
|
|
|
|
exports.description = 'adds classnames to an outer <svg> element';
|
|
|
|
var ENOCLS = `Error in plugin "addClassesToSVGElement": absent parameters.
|
|
It should have a list of classes in "classNames" or one "className".
|
|
Config example:
|
|
|
|
plugins:
|
|
- addClassesToSVGElement:
|
|
className: "mySvg"
|
|
|
|
plugins:
|
|
- addClassesToSVGElement:
|
|
classNames: ["mySvg", "size-big"]
|
|
`;
|
|
|
|
/**
|
|
* Add classnames to an outer <svg> element. Example config:
|
|
*
|
|
* plugins:
|
|
* - addClassesToSVGElement:
|
|
* className: 'mySvg'
|
|
*
|
|
* plugins:
|
|
* - addClassesToSVGElement:
|
|
* classNames: ['mySvg', 'size-big']
|
|
*
|
|
* @author April Arcus
|
|
*/
|
|
exports.fn = function (data, params) {
|
|
if (
|
|
!params ||
|
|
!(
|
|
(Array.isArray(params.classNames) && params.classNames.some(String)) ||
|
|
params.className
|
|
)
|
|
) {
|
|
console.error(ENOCLS);
|
|
return data;
|
|
}
|
|
|
|
var classNames = params.classNames || [params.className],
|
|
svg = data.children[0];
|
|
|
|
if (svg.isElem('svg')) {
|
|
svg.class.add.apply(svg.class, classNames);
|
|
}
|
|
|
|
return data;
|
|
};
|