Files
formipay/node_modules/stylelint/lib/getPostcssResult.js
dwindown e8fbfb14c1 fix: prevent asset conflicts between React and Grid.js versions
Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-18 17:02:14 +07:00

187 lines
5.1 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');
const getModulePath = require('./utils/getModulePath');
/** @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, stylelint._options.configBasedir)
: 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;
for (const codeProcessor of options.codeProcessors) {
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
* @param {string | undefined} basedir
* @returns {Syntax}
*/
function getCustomSyntax(customSyntax, basedir) {
if (typeof customSyntax === 'string') {
const customSyntaxLookup = basedir ? getModulePath(basedir, customSyntax) : customSyntax;
let resolved;
try {
resolved = require(customSyntaxLookup);
} catch (error) {
if (
error &&
typeof error === 'object' &&
'code' in error &&
error.code === 'MODULE_NOT_FOUND' &&
'message' in error &&
typeof error.message === 'string' &&
error.message.includes(customSyntax)
) {
throw new Error(
`Cannot resolve custom syntax module "${customSyntax}". Check that module "${customSyntax}" is available and spelled correctly.\n\nCaused by: ${error}`,
);
}
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') {
return { ...customSyntax };
}
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.',
);
}
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,
};
}