mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-05 19:41:12 +08:00
This reverts commit2b4a9df2d9. Reason for revert: subsequent presubmit uploads should be fixed now. Original change's description: > Revert "Reland "Update stylelint to 14.0.1"" > > 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> DISABLE_THIRD_PARTY_CHECK=Updating Stylelint configuration Bug: none Change-Id: I609941d48b46bfcf454b03dcc75a76d460fbe674 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3264223 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
177 lines
4.8 KiB
JavaScript
177 lines
4.8 KiB
JavaScript
'use strict';
|
|
|
|
const LazyResult = require('postcss/lib/lazy-result').default;
|
|
const path = require('path');
|
|
const { default: postcss } = require('postcss');
|
|
const { promises: fs } = require('fs');
|
|
|
|
/** @typedef {import('postcss').Result} Result */
|
|
/** @typedef {import('postcss').Syntax} Syntax */
|
|
/** @typedef {import('stylelint').CustomSyntax} CustomSyntax */
|
|
/** @typedef {import('stylelint').GetPostcssOptions} GetPostcssOptions */
|
|
/** @typedef {import('stylelint').InternalApi} StylelintInternalApi */
|
|
|
|
const postcssProcessor = postcss();
|
|
|
|
/**
|
|
* @param {StylelintInternalApi} stylelint
|
|
* @param {GetPostcssOptions} options
|
|
*
|
|
* @returns {Promise<Result>}
|
|
*/
|
|
module.exports = async function getPostcssResult(stylelint, options = {}) {
|
|
const cached = options.filePath ? stylelint._postcssResultCache.get(options.filePath) : undefined;
|
|
|
|
if (cached) {
|
|
return cached;
|
|
}
|
|
|
|
if (stylelint._options.syntax) {
|
|
let error = 'The "syntax" option is no longer available. ';
|
|
|
|
error +=
|
|
stylelint._options.syntax === 'css'
|
|
? 'You can remove the "--syntax" CLI flag as stylelint will now parse files as CSS by default'
|
|
: `You should install an appropriate syntax, e.g. postcss-scss, and use the "customSyntax" option`;
|
|
|
|
return Promise.reject(new Error(error));
|
|
}
|
|
|
|
const syntax = options.customSyntax
|
|
? getCustomSyntax(options.customSyntax)
|
|
: cssSyntax(stylelint, options.filePath);
|
|
|
|
const postcssOptions = {
|
|
from: options.filePath,
|
|
syntax,
|
|
};
|
|
|
|
/** @type {string | undefined} */
|
|
let getCode;
|
|
|
|
if (options.code !== undefined) {
|
|
getCode = options.code;
|
|
} else if (options.filePath) {
|
|
getCode = await fs.readFile(options.filePath, 'utf8');
|
|
}
|
|
|
|
if (getCode === undefined) {
|
|
return Promise.reject(new Error('code or filePath required'));
|
|
}
|
|
|
|
if (options.codeProcessors && options.codeProcessors.length) {
|
|
if (stylelint._options.fix) {
|
|
console.warn(
|
|
'Autofix is incompatible with processors and will be disabled. Are you sure you need a processor?',
|
|
);
|
|
stylelint._options.fix = false;
|
|
}
|
|
|
|
const sourceName = options.code ? options.codeFilename : options.filePath;
|
|
|
|
options.codeProcessors.forEach((codeProcessor) => {
|
|
getCode = codeProcessor(getCode, sourceName);
|
|
});
|
|
}
|
|
|
|
const postcssResult = await new LazyResult(postcssProcessor, getCode, postcssOptions);
|
|
|
|
if (options.filePath) {
|
|
stylelint._postcssResultCache.set(options.filePath, postcssResult);
|
|
}
|
|
|
|
return postcssResult;
|
|
};
|
|
|
|
/**
|
|
* @param {CustomSyntax} customSyntax
|
|
* @returns {Syntax}
|
|
*/
|
|
function getCustomSyntax(customSyntax) {
|
|
let resolved;
|
|
|
|
if (typeof customSyntax === 'string') {
|
|
try {
|
|
resolved = require(customSyntax);
|
|
} catch (error) {
|
|
// @ts-expect-error -- TS2571: Object is of type 'unknown'.
|
|
if (error && typeof error === 'object' && error.code === 'MODULE_NOT_FOUND') {
|
|
throw new Error(
|
|
`Cannot resolve custom syntax module "${customSyntax}". Check that module "${customSyntax}" is available and spelled correctly.`,
|
|
);
|
|
}
|
|
|
|
throw error;
|
|
}
|
|
|
|
/*
|
|
* PostCSS allows for syntaxes that only contain a parser, however,
|
|
* it then expects the syntax to be set as the `parse` option.
|
|
*/
|
|
if (!resolved.parse) {
|
|
resolved = {
|
|
parse: resolved,
|
|
stringify: postcss.stringify,
|
|
};
|
|
}
|
|
|
|
return resolved;
|
|
}
|
|
|
|
if (typeof customSyntax === 'object') {
|
|
if (typeof customSyntax.parse === 'function') {
|
|
resolved = { ...customSyntax };
|
|
} else {
|
|
throw new TypeError(
|
|
`An object provided to the "customSyntax" option must have a "parse" property. Ensure the "parse" property exists and its value is a function.`,
|
|
);
|
|
}
|
|
|
|
return resolved;
|
|
}
|
|
|
|
throw new Error(`Custom syntax must be a string or a Syntax object`);
|
|
}
|
|
|
|
/** @type {{ [key: string]: string }} */
|
|
const previouslyInferredExtensions = {
|
|
html: 'postcss-html',
|
|
js: '@stylelint/postcss-css-in-js',
|
|
jsx: '@stylelint/postcss-css-in-js',
|
|
less: 'postcss-less',
|
|
md: 'postcss-markdown',
|
|
sass: 'postcss-sass',
|
|
sss: 'sugarss',
|
|
scss: 'postcss-scss',
|
|
svelte: 'postcss-html',
|
|
ts: '@stylelint/postcss-css-in-js',
|
|
tsx: '@stylelint/postcss-css-in-js',
|
|
vue: 'postcss-html',
|
|
xml: 'postcss-html',
|
|
xst: 'postcss-html',
|
|
};
|
|
|
|
/**
|
|
* @param {StylelintInternalApi} stylelint
|
|
* @param {string|undefined} filePath
|
|
* @returns {Syntax}
|
|
*/
|
|
function cssSyntax(stylelint, filePath) {
|
|
const fileExtension = filePath ? path.extname(filePath).slice(1).toLowerCase() : '';
|
|
const extensions = ['css', 'pcss', 'postcss'];
|
|
|
|
if (previouslyInferredExtensions[fileExtension]) {
|
|
console.warn(
|
|
`${filePath}: When linting something other than CSS, you should install an appropriate syntax, e.g. "${previouslyInferredExtensions[fileExtension]}", and use the "customSyntax" option`,
|
|
);
|
|
}
|
|
|
|
return {
|
|
parse:
|
|
stylelint._options.fix && extensions.includes(fileExtension)
|
|
? require('postcss-safe-parser')
|
|
: postcss.parse,
|
|
stringify: postcss.stringify,
|
|
};
|
|
}
|