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>
195 lines
4.8 KiB
JavaScript
195 lines
4.8 KiB
JavaScript
'use strict';
|
|
|
|
const arrayEqual = require('./arrayEqual');
|
|
const { isPlainObject } = require('./validateTypes');
|
|
|
|
const IGNORED_OPTIONS = new Set(['severity', 'message', 'reportDisables', 'disableFix']);
|
|
|
|
/** @typedef {import('stylelint').RuleOptions} RuleOptions */
|
|
/** @typedef {import('stylelint').RuleOptionsPossible} Possible */
|
|
/** @typedef {import('stylelint').RuleOptionsPossibleFunc} PossibleFunc */
|
|
|
|
/**
|
|
* Validate a rule's options.
|
|
*
|
|
* See existing rules for examples.
|
|
*
|
|
* @param {import('stylelint').PostcssResult} result - postcss result
|
|
* @param {string} ruleName
|
|
* @param {...RuleOptions} optionDescriptions - Each optionDescription can
|
|
* have the following properties:
|
|
* - `actual` (required): the actual passed option value or object.
|
|
* - `possible` (required): a schema representation of what values are
|
|
* valid for those options. `possible` should be an object if the
|
|
* options are an object, with corresponding keys; if the options are not an
|
|
* object, `possible` isn't, either. All `possible` value representations
|
|
* should be **arrays of either values or functions**. Values are === checked
|
|
* against `actual`. Functions are fed `actual` as an argument and their
|
|
* return value is interpreted: truthy = valid, falsy = invalid.
|
|
* - `optional` (optional): If this is `true`, `actual` can be undefined.
|
|
* @return {boolean} Whether or not the options are valid (true = valid)
|
|
*/
|
|
function validateOptions(result, ruleName, ...optionDescriptions) {
|
|
let noErrors = true;
|
|
|
|
for (const optionDescription of optionDescriptions) {
|
|
validate(optionDescription, ruleName, complain);
|
|
}
|
|
|
|
/**
|
|
* @param {string} message
|
|
*/
|
|
function complain(message) {
|
|
noErrors = false;
|
|
result.warn(message, {
|
|
stylelintType: 'invalidOption',
|
|
});
|
|
result.stylelint = result.stylelint || {
|
|
disabledRanges: {},
|
|
ruleSeverities: {},
|
|
customMessages: {},
|
|
ruleMetadata: {},
|
|
};
|
|
result.stylelint.stylelintError = true;
|
|
}
|
|
|
|
return noErrors;
|
|
}
|
|
|
|
/**
|
|
* @param {RuleOptions} opts
|
|
* @param {string} ruleName
|
|
* @param {(message: string) => void} complain
|
|
*/
|
|
function validate(opts, ruleName, complain) {
|
|
const possible = opts.possible;
|
|
const actual = opts.actual;
|
|
const optional = opts.optional;
|
|
|
|
if (actual === false && !ruleName.startsWith('report')) {
|
|
return complain(
|
|
`Invalid option value "false" for rule "${ruleName}". Are you trying to disable this rule? If so use "null" instead`,
|
|
);
|
|
}
|
|
|
|
if (actual === null || arrayEqual(actual, [null])) {
|
|
return;
|
|
}
|
|
|
|
const nothingPossible =
|
|
possible === undefined || (Array.isArray(possible) && possible.length === 0);
|
|
|
|
if (nothingPossible && actual === true) {
|
|
return;
|
|
}
|
|
|
|
if (actual === undefined) {
|
|
if (nothingPossible || optional) {
|
|
return;
|
|
}
|
|
|
|
complain(`Expected option value for rule "${ruleName}"`);
|
|
|
|
return;
|
|
}
|
|
|
|
if (nothingPossible) {
|
|
if (optional) {
|
|
complain(
|
|
`Incorrect configuration for rule "${ruleName}". Rule should have "possible" values for options validation`,
|
|
);
|
|
|
|
return;
|
|
}
|
|
|
|
complain(`Unexpected option value ${stringify(actual)} for rule "${ruleName}"`);
|
|
|
|
return;
|
|
}
|
|
|
|
if (typeof possible === 'function') {
|
|
if (!possible(actual)) {
|
|
complain(`Invalid option ${stringify(actual)} for rule "${ruleName}"`);
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
// If `possible` is an array instead of an object ...
|
|
if (Array.isArray(possible)) {
|
|
for (const a of [actual].flat()) {
|
|
if (isValid(possible, a)) {
|
|
continue;
|
|
}
|
|
|
|
complain(`Invalid option value ${stringify(a)} for rule "${ruleName}"`);
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
// If actual is NOT an object ...
|
|
if (!isPlainObject(actual) || typeof actual !== 'object' || actual == null) {
|
|
complain(
|
|
`Invalid option value ${stringify(actual)} for rule "${ruleName}": should be an object`,
|
|
);
|
|
|
|
return;
|
|
}
|
|
|
|
for (const [optionName, optionValue] of Object.entries(actual)) {
|
|
if (IGNORED_OPTIONS.has(optionName)) {
|
|
continue;
|
|
}
|
|
|
|
const possibleValue = possible && possible[optionName];
|
|
|
|
if (!possibleValue) {
|
|
complain(`Invalid option name "${optionName}" for rule "${ruleName}"`);
|
|
|
|
continue;
|
|
}
|
|
|
|
for (const a of [optionValue].flat()) {
|
|
if (isValid(possibleValue, a)) {
|
|
continue;
|
|
}
|
|
|
|
complain(`Invalid value ${stringify(a)} for option "${optionName}" of rule "${ruleName}"`);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {Possible | Possible[]} possible
|
|
* @param {unknown} actual
|
|
* @returns {boolean}
|
|
*/
|
|
function isValid(possible, actual) {
|
|
for (const possibility of [possible].flat()) {
|
|
if (typeof possibility === 'function' && possibility(actual)) {
|
|
return true;
|
|
}
|
|
|
|
if (actual === possibility) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* @param {unknown} value
|
|
* @returns {string}
|
|
*/
|
|
function stringify(value) {
|
|
if (typeof value === 'string') {
|
|
return `"${value}"`;
|
|
}
|
|
|
|
return `"${JSON.stringify(value)}"`;
|
|
}
|
|
|
|
module.exports = /** @type {typeof import('stylelint').utils.validateOptions} */ (validateOptions);
|