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>
78 lines
1.7 KiB
JavaScript
78 lines
1.7 KiB
JavaScript
'use strict';
|
|
|
|
const isScssVariable = require('./isScssVariable');
|
|
const { isRoot, isRule } = require('./typeGuards');
|
|
|
|
/**
|
|
* @param {string} [lang]
|
|
*/
|
|
function isStandardSyntaxLang(lang) {
|
|
return lang && (lang === 'css' || lang === 'custom-template' || lang === 'template-literal');
|
|
}
|
|
|
|
/**
|
|
* Check whether a declaration is standard
|
|
*
|
|
* @param {import('postcss').Declaration | import('postcss-less').Declaration} decl
|
|
*/
|
|
module.exports = function isStandardSyntaxDeclaration(decl) {
|
|
const prop = decl.prop;
|
|
const parent = decl.parent;
|
|
|
|
// Declarations belong in a declaration block or standard CSS source
|
|
if (
|
|
parent &&
|
|
isRoot(parent) &&
|
|
parent.source &&
|
|
!isStandardSyntaxLang(
|
|
/** @type {import('postcss').Source & {lang?: string}} */ (parent.source).lang,
|
|
)
|
|
) {
|
|
return false;
|
|
}
|
|
|
|
// SCSS var; covers map and list declarations
|
|
if (isScssVariable(prop)) {
|
|
return false;
|
|
}
|
|
|
|
// Less var (e.g. @var: x), but exclude variable interpolation (e.g. @{var})
|
|
if (prop[0] === '@' && prop[1] !== '{') {
|
|
return false;
|
|
}
|
|
|
|
// Less map declaration
|
|
if (parent && parent.type === 'atrule' && parent.raws.afterName === ':') {
|
|
return false;
|
|
}
|
|
|
|
// Less map (e.g. #my-map() { myprop: red; })
|
|
if (
|
|
parent &&
|
|
isRule(parent) &&
|
|
parent.selector &&
|
|
parent.selector.startsWith('#') &&
|
|
parent.selector.endsWith('()')
|
|
) {
|
|
return false;
|
|
}
|
|
|
|
// Sass nested properties (e.g. border: { style: solid; color: red; })
|
|
if (
|
|
parent &&
|
|
isRule(parent) &&
|
|
parent.selector &&
|
|
parent.selector[parent.selector.length - 1] === ':' &&
|
|
parent.selector.substring(0, 2) !== '--'
|
|
) {
|
|
return false;
|
|
}
|
|
|
|
// Less &:extend
|
|
if ('extend' in decl && decl.extend) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
};
|