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>
77 lines
2.3 KiB
JavaScript
77 lines
2.3 KiB
JavaScript
/**
|
|
* WordPress dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { parseAndThrowError, parseResponseAndNormalizeError } from '../utils/response';
|
|
|
|
/**
|
|
* @param {import('../types').APIFetchOptions} options
|
|
* @return {boolean} True if the request is for media upload.
|
|
*/
|
|
function isMediaUploadRequest(options) {
|
|
const isCreateMethod = !!options.method && options.method === 'POST';
|
|
const isMediaEndpoint = !!options.path && options.path.indexOf('/wp/v2/media') !== -1 || !!options.url && options.url.indexOf('/wp/v2/media') !== -1;
|
|
return isMediaEndpoint && isCreateMethod;
|
|
}
|
|
|
|
/**
|
|
* Middleware handling media upload failures and retries.
|
|
*
|
|
* @type {import('../types').APIFetchMiddleware}
|
|
*/
|
|
const mediaUploadMiddleware = (options, next) => {
|
|
if (!isMediaUploadRequest(options)) {
|
|
return next(options);
|
|
}
|
|
let retries = 0;
|
|
const maxRetries = 5;
|
|
|
|
/**
|
|
* @param {string} attachmentId
|
|
* @return {Promise<any>} Processed post response.
|
|
*/
|
|
const postProcess = attachmentId => {
|
|
retries++;
|
|
return next({
|
|
path: `/wp/v2/media/${attachmentId}/post-process`,
|
|
method: 'POST',
|
|
data: {
|
|
action: 'create-image-subsizes'
|
|
},
|
|
parse: false
|
|
}).catch(() => {
|
|
if (retries < maxRetries) {
|
|
return postProcess(attachmentId);
|
|
}
|
|
next({
|
|
path: `/wp/v2/media/${attachmentId}?force=true`,
|
|
method: 'DELETE'
|
|
});
|
|
return Promise.reject();
|
|
});
|
|
};
|
|
return next({
|
|
...options,
|
|
parse: false
|
|
}).catch(response => {
|
|
const attachmentId = response.headers.get('x-wp-upload-attachment-id');
|
|
if (response.status >= 500 && response.status < 600 && attachmentId) {
|
|
return postProcess(attachmentId).catch(() => {
|
|
if (options.parse !== false) {
|
|
return Promise.reject({
|
|
code: 'post_process',
|
|
message: __('Media upload failed. If this is a photo or a large image, please scale it down and try again.')
|
|
});
|
|
}
|
|
return Promise.reject(response);
|
|
});
|
|
}
|
|
return parseAndThrowError(response, options.parse);
|
|
}).then(response => parseResponseAndNormalizeError(response, options.parse));
|
|
};
|
|
export default mediaUploadMiddleware;
|
|
//# sourceMappingURL=media-upload.js.map
|