mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 04:26:32 +08:00
This reverts commitf2ea2c940d. Reason for revert: https://ci.chromium.org/ui/p/devtools-frontend/builders/try/dtf_presubmit_linux/b8831129368825517985/overview Original change's description: > Reland "Update stylelint to 14.0.1" > > This reverts commit6c0f161c95. > > Reason for revert: the prerequisite CL (https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3259703) has landed > > Original change's description: > > Revert "Update stylelint to 14.0.1" > > > > This reverts commit1e08ee816b. > > > > Reason for revert: tree is closed due to errors https://ci.chromium.org/ui/p/devtools-frontend/builders/ci/Stand-alone%20Linux/8169/overview > > > > Original change's description: > > > Update stylelint to 14.0.1 > > > > > > This also upgrades PostCSS to 8.3.11. > > > > > > DISABLE_THIRD_PARTY_CHECK=Updating Stylelint configuration > > > R=szuend@chromium.org > > > > > > Bug: none > > > Change-Id: I606540b03509d7c6e73f3d490327cd4174e03d31 > > > Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3259541 > > > Reviewed-by: Simon Zünd <szuend@chromium.org> > > > Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> > > > > Bug: none > > Change-Id: Icb1c02b41dbccc3b4fc5760f5dd0b78eca078b61 > > No-Presubmit: true > > No-Tree-Checks: true > > No-Try: true > > Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3263399 > > Bot-Commit: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com> > > Owners-Override: Alex Rudenko <alexrudenko@chromium.org> > > Commit-Queue: Alex Rudenko <alexrudenko@chromium.org> > > DISABLE_THIRD_PARTY_CHECK=Updating Stylelint configuration > > Bug: none > Change-Id: If132a67ee4253d27114caedd66c5ee61c774a6c7 > Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3264206 > Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> > Reviewed-by: Simon Zünd <szuend@chromium.org> > Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Bug: none Change-Id: Idc6c9f5cc1e225c752799461eb0344e94b4ad1e5 No-Presubmit: true No-Tree-Checks: true No-Try: true Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3264222 Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> Commit-Queue: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com> Bot-Commit: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com>
66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
// @ts-nocheck
|
|
|
|
'use strict';
|
|
|
|
const rangeOperators = ['>=', '<=', '>', '<', '='];
|
|
const styleSearch = require('style-search');
|
|
|
|
function getRangeContextOperators(node) {
|
|
const operators = [];
|
|
|
|
styleSearch({ source: node.value, target: rangeOperators }, (match) => {
|
|
const before = node[match.startIndex - 1];
|
|
|
|
if (before === '>' || before === '<') {
|
|
return;
|
|
}
|
|
|
|
operators.push(match.target);
|
|
});
|
|
|
|
// Sorting helps when using the operators to split
|
|
// E.g. for "(10em < width <= 50em)" this returns ["<=", "<"]
|
|
return operators.sort((a, b) => b.length - a.length);
|
|
}
|
|
|
|
function getRangeContextName(parsedNode) {
|
|
// When the node is like "(10em < width < 50em)"
|
|
// The parsedNode is ["10em", "width", "50em"] - the name is always in the second position
|
|
if (parsedNode.length === 3) {
|
|
return parsedNode[1];
|
|
}
|
|
|
|
// When the node is like "(width > 10em)" or "(10em < width)"
|
|
// Regex is needed because the name can either be in the first or second position
|
|
return parsedNode.find((value) => value.match(/^(?!--)\D+/) || value.match(/^(--).+/));
|
|
}
|
|
|
|
module.exports = function (node) {
|
|
const nodeValue = node.value;
|
|
|
|
const operators = getRangeContextOperators(node);
|
|
|
|
// Remove spaces and parentheses and split by the operators
|
|
const parsedMedia = nodeValue.replace(/[()\s]/g, '').split(new RegExp(operators.join('|')));
|
|
|
|
const name = getRangeContextName(parsedMedia);
|
|
const nameObj = {
|
|
value: name,
|
|
sourceIndex: node.sourceIndex + nodeValue.indexOf(name),
|
|
};
|
|
|
|
const values = parsedMedia
|
|
.filter((parsedValue) => parsedValue !== name)
|
|
.map((value) => {
|
|
return {
|
|
value,
|
|
sourceIndex: node.sourceIndex + nodeValue.indexOf(value),
|
|
};
|
|
});
|
|
|
|
return {
|
|
name: nameObj,
|
|
values,
|
|
};
|
|
};
|