mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-03 02:21:05 +08:00
Tim van der Lippe
b693eb34d5
DISABLE_THIRD_PARTY_CHECK=NPM fix R=jacktfranklin@chromium.org Bug: none Change-Id: I41baa3294f88b7e4463fdc580c050932c5abe40e Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3372932 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Tim Van der Lippe <tvanderlippe@chromium.org>
100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
'use strict';
|
|
|
|
const { querySelectorAll } = require('../lib/xast.js');
|
|
|
|
exports.name = 'removeAttributesBySelector';
|
|
exports.type = 'visitor';
|
|
exports.active = false;
|
|
exports.description =
|
|
'removes attributes of elements that match a css selector';
|
|
|
|
/**
|
|
* Removes attributes of elements that match a css selector.
|
|
*
|
|
* @example
|
|
* <caption>A selector removing a single attribute</caption>
|
|
* plugins: [
|
|
* {
|
|
* name: "removeAttributesBySelector",
|
|
* params: {
|
|
* selector: "[fill='#00ff00']"
|
|
* attributes: "fill"
|
|
* }
|
|
* }
|
|
* ]
|
|
*
|
|
* <rect x="0" y="0" width="100" height="100" fill="#00ff00" stroke="#00ff00"/>
|
|
* ↓
|
|
* <rect x="0" y="0" width="100" height="100" stroke="#00ff00"/>
|
|
*
|
|
* <caption>A selector removing multiple attributes</caption>
|
|
* plugins: [
|
|
* {
|
|
* name: "removeAttributesBySelector",
|
|
* params: {
|
|
* selector: "[fill='#00ff00']",
|
|
* attributes: [
|
|
* "fill",
|
|
* "stroke"
|
|
* ]
|
|
* }
|
|
* }
|
|
* ]
|
|
*
|
|
* <rect x="0" y="0" width="100" height="100" fill="#00ff00" stroke="#00ff00"/>
|
|
* ↓
|
|
* <rect x="0" y="0" width="100" height="100"/>
|
|
*
|
|
* <caption>Multiple selectors removing attributes</caption>
|
|
* plugins: [
|
|
* {
|
|
* name: "removeAttributesBySelector",
|
|
* params: {
|
|
* selectors: [
|
|
* {
|
|
* selector: "[fill='#00ff00']",
|
|
* attributes: "fill"
|
|
* },
|
|
* {
|
|
* selector: "#remove",
|
|
* attributes: [
|
|
* "stroke",
|
|
* "id"
|
|
* ]
|
|
* }
|
|
* ]
|
|
* }
|
|
* }
|
|
* ]
|
|
*
|
|
* <rect x="0" y="0" width="100" height="100" fill="#00ff00" stroke="#00ff00"/>
|
|
* ↓
|
|
* <rect x="0" y="0" width="100" height="100"/>
|
|
*
|
|
* @link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors|MDN CSS Selectors
|
|
*
|
|
* @author Bradley Mease
|
|
*
|
|
* @type {import('../lib/types').Plugin<any>}
|
|
*/
|
|
exports.fn = (root, params) => {
|
|
const selectors = Array.isArray(params.selectors)
|
|
? params.selectors
|
|
: [params];
|
|
for (const { selector, attributes } of selectors) {
|
|
const nodes = querySelectorAll(root, selector);
|
|
for (const node of nodes) {
|
|
if (node.type === 'element') {
|
|
if (Array.isArray(attributes)) {
|
|
for (const name of attributes) {
|
|
delete node.attributes[name];
|
|
}
|
|
} else {
|
|
delete node.attributes[attributes];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return {};
|
|
};
|