mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 05:35:05 +08:00
This reverts commit 1e08ee816b.
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>
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,
|
|
};
|
|
};
|