e8fbfb14c1
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>
64 lines
2.0 KiB
JavaScript
64 lines
2.0 KiB
JavaScript
/**
|
|
* WordPress dependencies
|
|
*/
|
|
import { addQueryArgs, getQueryArgs, normalizePath } from '@wordpress/url';
|
|
|
|
/**
|
|
* @param {Record<string, any>} preloadedData
|
|
* @return {import('../types').APIFetchMiddleware} Preloading middleware.
|
|
*/
|
|
function createPreloadingMiddleware(preloadedData) {
|
|
const cache = Object.fromEntries(Object.entries(preloadedData).map(([path, data]) => [normalizePath(path), data]));
|
|
return (options, next) => {
|
|
const {
|
|
parse = true
|
|
} = options;
|
|
/** @type {string | void} */
|
|
let rawPath = options.path;
|
|
if (!rawPath && options.url) {
|
|
const {
|
|
rest_route: pathFromQuery,
|
|
...queryArgs
|
|
} = getQueryArgs(options.url);
|
|
if (typeof pathFromQuery === 'string') {
|
|
rawPath = addQueryArgs(pathFromQuery, queryArgs);
|
|
}
|
|
}
|
|
if (typeof rawPath !== 'string') {
|
|
return next(options);
|
|
}
|
|
const method = options.method || 'GET';
|
|
const path = normalizePath(rawPath);
|
|
if ('GET' === method && cache[path]) {
|
|
const cacheData = cache[path];
|
|
|
|
// Unsetting the cache key ensures that the data is only used a single time.
|
|
delete cache[path];
|
|
return prepareResponse(cacheData, !!parse);
|
|
} else if ('OPTIONS' === method && cache[method] && cache[method][path]) {
|
|
const cacheData = cache[method][path];
|
|
|
|
// Unsetting the cache key ensures that the data is only used a single time.
|
|
delete cache[method][path];
|
|
return prepareResponse(cacheData, !!parse);
|
|
}
|
|
return next(options);
|
|
};
|
|
}
|
|
|
|
/**
|
|
* This is a helper function that sends a success response.
|
|
*
|
|
* @param {Record<string, any>} responseData
|
|
* @param {boolean} parse
|
|
* @return {Promise<any>} Promise with the response.
|
|
*/
|
|
function prepareResponse(responseData, parse) {
|
|
return Promise.resolve(parse ? responseData.body : new window.Response(JSON.stringify(responseData.body), {
|
|
status: 200,
|
|
statusText: 'OK',
|
|
headers: responseData.headers
|
|
}));
|
|
}
|
|
export default createPreloadingMiddleware;
|
|
//# sourceMappingURL=preloading.js.map
|