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>
99 lines
1.9 KiB
JavaScript
99 lines
1.9 KiB
JavaScript
/**
|
|
* Internal dependencies
|
|
*/
|
|
const {
|
|
TRANSLATION_FUNCTIONS,
|
|
getTextContentFromNode,
|
|
getTranslateFunctionName,
|
|
getTranslateFunctionArgs,
|
|
} = require( '../utils' );
|
|
|
|
const THREE_DOTS = '...';
|
|
const ELLIPSIS = '…';
|
|
|
|
function replaceThreeDotsWithEllipsis( string ) {
|
|
return string.replace( /\.\.\./g, ELLIPSIS );
|
|
}
|
|
|
|
// see eslint-plugin-wpcalypso.
|
|
function makeFixerFunction( arg ) {
|
|
return ( fixer ) => {
|
|
switch ( arg.type ) {
|
|
case 'TemplateLiteral':
|
|
return arg.quasis.reduce( ( fixes, quasi ) => {
|
|
if (
|
|
'TemplateElement' === quasi.type &&
|
|
quasi.value.raw.includes( THREE_DOTS )
|
|
) {
|
|
fixes.push(
|
|
fixer.replaceTextRange(
|
|
[ quasi.start, quasi.end ],
|
|
replaceThreeDotsWithEllipsis( quasi.value.raw )
|
|
)
|
|
);
|
|
}
|
|
return fixes;
|
|
}, [] );
|
|
|
|
case 'Literal':
|
|
return [
|
|
fixer.replaceText(
|
|
arg,
|
|
replaceThreeDotsWithEllipsis( arg.raw )
|
|
),
|
|
];
|
|
|
|
case 'BinaryExpression':
|
|
return [
|
|
...makeFixerFunction( arg.left )( fixer ),
|
|
...makeFixerFunction( arg.right )( fixer ),
|
|
];
|
|
}
|
|
};
|
|
}
|
|
|
|
module.exports = {
|
|
meta: {
|
|
type: 'problem',
|
|
schema: [],
|
|
messages: {
|
|
foundThreeDots: 'Use ellipsis character (…) in place of three dots',
|
|
},
|
|
fixable: 'code',
|
|
},
|
|
create( context ) {
|
|
return {
|
|
CallExpression( node ) {
|
|
const { callee, arguments: args } = node;
|
|
|
|
const functionName = getTranslateFunctionName( callee );
|
|
|
|
if ( ! TRANSLATION_FUNCTIONS.has( functionName ) ) {
|
|
return;
|
|
}
|
|
|
|
const candidates = getTranslateFunctionArgs(
|
|
functionName,
|
|
args
|
|
);
|
|
|
|
for ( const arg of candidates ) {
|
|
const argumentString = getTextContentFromNode( arg );
|
|
if (
|
|
! argumentString ||
|
|
! argumentString.includes( THREE_DOTS )
|
|
) {
|
|
continue;
|
|
}
|
|
|
|
context.report( {
|
|
node,
|
|
messageId: 'foundThreeDots',
|
|
fix: makeFixerFunction( arg ),
|
|
} );
|
|
}
|
|
},
|
|
};
|
|
},
|
|
};
|