mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-05 10:22:23 +01:00
1de40f71be
This patch, somewhat small brings a lot to WordPress. This includes features like: - DataViews. - Customization tools like box shadow, background size and repeat. - UI improvements in the site editor. - Preferences sharing between the post and site editors. - Unified panels and editors between post and site editors. - Improved template mode in the post editor. - Iterations to multiple interactive blocks. - Preparing the blocks and UI for pattern overrides. - and a lot more. Props luisherranz, gziolo, isabel_brison, costdev, jonsurrell, peterwilsoncc, get_dave, antonvlasenko, desrosj. See #60315. Built from https://develop.svn.wordpress.org/trunk@57377 git-svn-id: http://core.svn.wordpress.org/trunk@56883 1a063a9b-81f0-0310-95a4-ce76da25c4cd
768 lines
23 KiB
JavaScript
768 lines
23 KiB
JavaScript
/******/ (function() { // webpackBootstrap
|
|
/******/ "use strict";
|
|
/******/ // The require scope
|
|
/******/ var __webpack_require__ = {};
|
|
/******/
|
|
/************************************************************************/
|
|
/******/ /* webpack/runtime/define property getters */
|
|
/******/ !function() {
|
|
/******/ // define getter functions for harmony exports
|
|
/******/ __webpack_require__.d = function(exports, definition) {
|
|
/******/ for(var key in definition) {
|
|
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/ }();
|
|
/******/
|
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
/******/ !function() {
|
|
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
|
|
/******/ }();
|
|
/******/
|
|
/************************************************************************/
|
|
var __webpack_exports__ = {};
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"default": function() { return /* binding */ build_module; }
|
|
});
|
|
|
|
;// CONCATENATED MODULE: external ["wp","i18n"]
|
|
var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/nonce.js
|
|
/**
|
|
* @param {string} nonce
|
|
* @return {import('../types').APIFetchMiddleware & { nonce: string }} A middleware to enhance a request with a nonce.
|
|
*/
|
|
function createNonceMiddleware(nonce) {
|
|
/**
|
|
* @type {import('../types').APIFetchMiddleware & { nonce: string }}
|
|
*/
|
|
const middleware = (options, next) => {
|
|
const {
|
|
headers = {}
|
|
} = options;
|
|
|
|
// If an 'X-WP-Nonce' header (or any case-insensitive variation
|
|
// thereof) was specified, no need to add a nonce header.
|
|
for (const headerName in headers) {
|
|
if (headerName.toLowerCase() === 'x-wp-nonce' && headers[headerName] === middleware.nonce) {
|
|
return next(options);
|
|
}
|
|
}
|
|
return next({
|
|
...options,
|
|
headers: {
|
|
...headers,
|
|
'X-WP-Nonce': middleware.nonce
|
|
}
|
|
});
|
|
};
|
|
middleware.nonce = nonce;
|
|
return middleware;
|
|
}
|
|
/* harmony default export */ var nonce = (createNonceMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/namespace-endpoint.js
|
|
/**
|
|
* @type {import('../types').APIFetchMiddleware}
|
|
*/
|
|
const namespaceAndEndpointMiddleware = (options, next) => {
|
|
let path = options.path;
|
|
let namespaceTrimmed, endpointTrimmed;
|
|
if (typeof options.namespace === 'string' && typeof options.endpoint === 'string') {
|
|
namespaceTrimmed = options.namespace.replace(/^\/|\/$/g, '');
|
|
endpointTrimmed = options.endpoint.replace(/^\//, '');
|
|
if (endpointTrimmed) {
|
|
path = namespaceTrimmed + '/' + endpointTrimmed;
|
|
} else {
|
|
path = namespaceTrimmed;
|
|
}
|
|
}
|
|
delete options.namespace;
|
|
delete options.endpoint;
|
|
return next({
|
|
...options,
|
|
path
|
|
});
|
|
};
|
|
/* harmony default export */ var namespace_endpoint = (namespaceAndEndpointMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/root-url.js
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* @param {string} rootURL
|
|
* @return {import('../types').APIFetchMiddleware} Root URL middleware.
|
|
*/
|
|
const createRootURLMiddleware = rootURL => (options, next) => {
|
|
return namespace_endpoint(options, optionsWithPath => {
|
|
let url = optionsWithPath.url;
|
|
let path = optionsWithPath.path;
|
|
let apiRoot;
|
|
if (typeof path === 'string') {
|
|
apiRoot = rootURL;
|
|
if (-1 !== rootURL.indexOf('?')) {
|
|
path = path.replace('?', '&');
|
|
}
|
|
path = path.replace(/^\//, '');
|
|
|
|
// API root may already include query parameter prefix if site is
|
|
// configured to use plain permalinks.
|
|
if ('string' === typeof apiRoot && -1 !== apiRoot.indexOf('?')) {
|
|
path = path.replace('?', '&');
|
|
}
|
|
url = apiRoot + path;
|
|
}
|
|
return next({
|
|
...optionsWithPath,
|
|
url
|
|
});
|
|
});
|
|
};
|
|
/* harmony default export */ var root_url = (createRootURLMiddleware);
|
|
|
|
;// CONCATENATED MODULE: external ["wp","url"]
|
|
var external_wp_url_namespaceObject = window["wp"]["url"];
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/preloading.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* @param {Record<string, any>} preloadedData
|
|
* @return {import('../types').APIFetchMiddleware} Preloading middleware.
|
|
*/
|
|
function createPreloadingMiddleware(preloadedData) {
|
|
const cache = Object.fromEntries(Object.entries(preloadedData).map(([path, data]) => [(0,external_wp_url_namespaceObject.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
|
|
} = (0,external_wp_url_namespaceObject.getQueryArgs)(options.url);
|
|
if (typeof pathFromQuery === 'string') {
|
|
rawPath = (0,external_wp_url_namespaceObject.addQueryArgs)(pathFromQuery, queryArgs);
|
|
}
|
|
}
|
|
if (typeof rawPath !== 'string') {
|
|
return next(options);
|
|
}
|
|
const method = options.method || 'GET';
|
|
const path = (0,external_wp_url_namespaceObject.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
|
|
}));
|
|
}
|
|
/* harmony default export */ var preloading = (createPreloadingMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/fetch-all-middleware.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Apply query arguments to both URL and Path, whichever is present.
|
|
*
|
|
* @param {import('../types').APIFetchOptions} props
|
|
* @param {Record<string, string | number>} queryArgs
|
|
* @return {import('../types').APIFetchOptions} The request with the modified query args
|
|
*/
|
|
const modifyQuery = ({
|
|
path,
|
|
url,
|
|
...options
|
|
}, queryArgs) => ({
|
|
...options,
|
|
url: url && (0,external_wp_url_namespaceObject.addQueryArgs)(url, queryArgs),
|
|
path: path && (0,external_wp_url_namespaceObject.addQueryArgs)(path, queryArgs)
|
|
});
|
|
|
|
/**
|
|
* Duplicates parsing functionality from apiFetch.
|
|
*
|
|
* @param {Response} response
|
|
* @return {Promise<any>} Parsed response json.
|
|
*/
|
|
const parseResponse = response => response.json ? response.json() : Promise.reject(response);
|
|
|
|
/**
|
|
* @param {string | null} linkHeader
|
|
* @return {{ next?: string }} The parsed link header.
|
|
*/
|
|
const parseLinkHeader = linkHeader => {
|
|
if (!linkHeader) {
|
|
return {};
|
|
}
|
|
const match = linkHeader.match(/<([^>]+)>; rel="next"/);
|
|
return match ? {
|
|
next: match[1]
|
|
} : {};
|
|
};
|
|
|
|
/**
|
|
* @param {Response} response
|
|
* @return {string | undefined} The next page URL.
|
|
*/
|
|
const getNextPageUrl = response => {
|
|
const {
|
|
next
|
|
} = parseLinkHeader(response.headers.get('link'));
|
|
return next;
|
|
};
|
|
|
|
/**
|
|
* @param {import('../types').APIFetchOptions} options
|
|
* @return {boolean} True if the request contains an unbounded query.
|
|
*/
|
|
const requestContainsUnboundedQuery = options => {
|
|
const pathIsUnbounded = !!options.path && options.path.indexOf('per_page=-1') !== -1;
|
|
const urlIsUnbounded = !!options.url && options.url.indexOf('per_page=-1') !== -1;
|
|
return pathIsUnbounded || urlIsUnbounded;
|
|
};
|
|
|
|
/**
|
|
* The REST API enforces an upper limit on the per_page option. To handle large
|
|
* collections, apiFetch consumers can pass `per_page=-1`; this middleware will
|
|
* then recursively assemble a full response array from all available pages.
|
|
*
|
|
* @type {import('../types').APIFetchMiddleware}
|
|
*/
|
|
const fetchAllMiddleware = async (options, next) => {
|
|
if (options.parse === false) {
|
|
// If a consumer has opted out of parsing, do not apply middleware.
|
|
return next(options);
|
|
}
|
|
if (!requestContainsUnboundedQuery(options)) {
|
|
// If neither url nor path is requesting all items, do not apply middleware.
|
|
return next(options);
|
|
}
|
|
|
|
// Retrieve requested page of results.
|
|
const response = await build_module({
|
|
...modifyQuery(options, {
|
|
per_page: 100
|
|
}),
|
|
// Ensure headers are returned for page 1.
|
|
parse: false
|
|
});
|
|
const results = await parseResponse(response);
|
|
if (!Array.isArray(results)) {
|
|
// We have no reliable way of merging non-array results.
|
|
return results;
|
|
}
|
|
let nextPage = getNextPageUrl(response);
|
|
if (!nextPage) {
|
|
// There are no further pages to request.
|
|
return results;
|
|
}
|
|
|
|
// Iteratively fetch all remaining pages until no "next" header is found.
|
|
let mergedResults = /** @type {any[]} */[].concat(results);
|
|
while (nextPage) {
|
|
const nextResponse = await build_module({
|
|
...options,
|
|
// Ensure the URL for the next page is used instead of any provided path.
|
|
path: undefined,
|
|
url: nextPage,
|
|
// Ensure we still get headers so we can identify the next page.
|
|
parse: false
|
|
});
|
|
const nextResults = await parseResponse(nextResponse);
|
|
mergedResults = mergedResults.concat(nextResults);
|
|
nextPage = getNextPageUrl(nextResponse);
|
|
}
|
|
return mergedResults;
|
|
};
|
|
/* harmony default export */ var fetch_all_middleware = (fetchAllMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/http-v1.js
|
|
/**
|
|
* Set of HTTP methods which are eligible to be overridden.
|
|
*
|
|
* @type {Set<string>}
|
|
*/
|
|
const OVERRIDE_METHODS = new Set(['PATCH', 'PUT', 'DELETE']);
|
|
|
|
/**
|
|
* Default request method.
|
|
*
|
|
* "A request has an associated method (a method). Unless stated otherwise it
|
|
* is `GET`."
|
|
*
|
|
* @see https://fetch.spec.whatwg.org/#requests
|
|
*
|
|
* @type {string}
|
|
*/
|
|
const DEFAULT_METHOD = 'GET';
|
|
|
|
/**
|
|
* API Fetch middleware which overrides the request method for HTTP v1
|
|
* compatibility leveraging the REST API X-HTTP-Method-Override header.
|
|
*
|
|
* @type {import('../types').APIFetchMiddleware}
|
|
*/
|
|
const httpV1Middleware = (options, next) => {
|
|
const {
|
|
method = DEFAULT_METHOD
|
|
} = options;
|
|
if (OVERRIDE_METHODS.has(method.toUpperCase())) {
|
|
options = {
|
|
...options,
|
|
headers: {
|
|
...options.headers,
|
|
'X-HTTP-Method-Override': method,
|
|
'Content-Type': 'application/json'
|
|
},
|
|
method: 'POST'
|
|
};
|
|
}
|
|
return next(options);
|
|
};
|
|
/* harmony default export */ var http_v1 = (httpV1Middleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/user-locale.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* @type {import('../types').APIFetchMiddleware}
|
|
*/
|
|
const userLocaleMiddleware = (options, next) => {
|
|
if (typeof options.url === 'string' && !(0,external_wp_url_namespaceObject.hasQueryArg)(options.url, '_locale')) {
|
|
options.url = (0,external_wp_url_namespaceObject.addQueryArgs)(options.url, {
|
|
_locale: 'user'
|
|
});
|
|
}
|
|
if (typeof options.path === 'string' && !(0,external_wp_url_namespaceObject.hasQueryArg)(options.path, '_locale')) {
|
|
options.path = (0,external_wp_url_namespaceObject.addQueryArgs)(options.path, {
|
|
_locale: 'user'
|
|
});
|
|
}
|
|
return next(options);
|
|
};
|
|
/* harmony default export */ var user_locale = (userLocaleMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/utils/response.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Parses the apiFetch response.
|
|
*
|
|
* @param {Response} response
|
|
* @param {boolean} shouldParseResponse
|
|
*
|
|
* @return {Promise<any> | null | Response} Parsed response.
|
|
*/
|
|
const response_parseResponse = (response, shouldParseResponse = true) => {
|
|
if (shouldParseResponse) {
|
|
if (response.status === 204) {
|
|
return null;
|
|
}
|
|
return response.json ? response.json() : Promise.reject(response);
|
|
}
|
|
return response;
|
|
};
|
|
|
|
/**
|
|
* Calls the `json` function on the Response, throwing an error if the response
|
|
* doesn't have a json function or if parsing the json itself fails.
|
|
*
|
|
* @param {Response} response
|
|
* @return {Promise<any>} Parsed response.
|
|
*/
|
|
const parseJsonAndNormalizeError = response => {
|
|
const invalidJsonError = {
|
|
code: 'invalid_json',
|
|
message: (0,external_wp_i18n_namespaceObject.__)('The response is not a valid JSON response.')
|
|
};
|
|
if (!response || !response.json) {
|
|
throw invalidJsonError;
|
|
}
|
|
return response.json().catch(() => {
|
|
throw invalidJsonError;
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Parses the apiFetch response properly and normalize response errors.
|
|
*
|
|
* @param {Response} response
|
|
* @param {boolean} shouldParseResponse
|
|
*
|
|
* @return {Promise<any>} Parsed response.
|
|
*/
|
|
const parseResponseAndNormalizeError = (response, shouldParseResponse = true) => {
|
|
return Promise.resolve(response_parseResponse(response, shouldParseResponse)).catch(res => parseAndThrowError(res, shouldParseResponse));
|
|
};
|
|
|
|
/**
|
|
* Parses a response, throwing an error if parsing the response fails.
|
|
*
|
|
* @param {Response} response
|
|
* @param {boolean} shouldParseResponse
|
|
* @return {Promise<any>} Parsed response.
|
|
*/
|
|
function parseAndThrowError(response, shouldParseResponse = true) {
|
|
if (!shouldParseResponse) {
|
|
throw response;
|
|
}
|
|
return parseJsonAndNormalizeError(response).then(error => {
|
|
const unknownError = {
|
|
code: 'unknown_error',
|
|
message: (0,external_wp_i18n_namespaceObject.__)('An unknown error occurred.')
|
|
};
|
|
throw error || unknownError;
|
|
});
|
|
}
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/media-upload.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* @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: (0,external_wp_i18n_namespaceObject.__)('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));
|
|
};
|
|
/* harmony default export */ var media_upload = (mediaUploadMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/middlewares/theme-preview.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* This appends a `wp_theme_preview` parameter to the REST API request URL if
|
|
* the admin URL contains a `theme` GET parameter.
|
|
*
|
|
* If the REST API request URL has contained the `wp_theme_preview` parameter as `''`,
|
|
* then bypass this middleware.
|
|
*
|
|
* @param {Record<string, any>} themePath
|
|
* @return {import('../types').APIFetchMiddleware} Preloading middleware.
|
|
*/
|
|
const createThemePreviewMiddleware = themePath => (options, next) => {
|
|
if (typeof options.url === 'string') {
|
|
const wpThemePreview = (0,external_wp_url_namespaceObject.getQueryArg)(options.url, 'wp_theme_preview');
|
|
if (wpThemePreview === undefined) {
|
|
options.url = (0,external_wp_url_namespaceObject.addQueryArgs)(options.url, {
|
|
wp_theme_preview: themePath
|
|
});
|
|
} else if (wpThemePreview === '') {
|
|
options.url = (0,external_wp_url_namespaceObject.removeQueryArgs)(options.url, 'wp_theme_preview');
|
|
}
|
|
}
|
|
if (typeof options.path === 'string') {
|
|
const wpThemePreview = (0,external_wp_url_namespaceObject.getQueryArg)(options.path, 'wp_theme_preview');
|
|
if (wpThemePreview === undefined) {
|
|
options.path = (0,external_wp_url_namespaceObject.addQueryArgs)(options.path, {
|
|
wp_theme_preview: themePath
|
|
});
|
|
} else if (wpThemePreview === '') {
|
|
options.path = (0,external_wp_url_namespaceObject.removeQueryArgs)(options.path, 'wp_theme_preview');
|
|
}
|
|
}
|
|
return next(options);
|
|
};
|
|
/* harmony default export */ var theme_preview = (createThemePreviewMiddleware);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/@wordpress/api-fetch/build-module/index.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Default set of header values which should be sent with every request unless
|
|
* explicitly provided through apiFetch options.
|
|
*
|
|
* @type {Record<string, string>}
|
|
*/
|
|
const DEFAULT_HEADERS = {
|
|
// The backend uses the Accept header as a condition for considering an
|
|
// incoming request as a REST request.
|
|
//
|
|
// See: https://core.trac.wordpress.org/ticket/44534
|
|
Accept: 'application/json, */*;q=0.1'
|
|
};
|
|
|
|
/**
|
|
* Default set of fetch option values which should be sent with every request
|
|
* unless explicitly provided through apiFetch options.
|
|
*
|
|
* @type {Object}
|
|
*/
|
|
const DEFAULT_OPTIONS = {
|
|
credentials: 'include'
|
|
};
|
|
|
|
/** @typedef {import('./types').APIFetchMiddleware} APIFetchMiddleware */
|
|
/** @typedef {import('./types').APIFetchOptions} APIFetchOptions */
|
|
|
|
/**
|
|
* @type {import('./types').APIFetchMiddleware[]}
|
|
*/
|
|
const middlewares = [user_locale, namespace_endpoint, http_v1, fetch_all_middleware];
|
|
|
|
/**
|
|
* Register a middleware
|
|
*
|
|
* @param {import('./types').APIFetchMiddleware} middleware
|
|
*/
|
|
function registerMiddleware(middleware) {
|
|
middlewares.unshift(middleware);
|
|
}
|
|
|
|
/**
|
|
* Checks the status of a response, throwing the Response as an error if
|
|
* it is outside the 200 range.
|
|
*
|
|
* @param {Response} response
|
|
* @return {Response} The response if the status is in the 200 range.
|
|
*/
|
|
const checkStatus = response => {
|
|
if (response.status >= 200 && response.status < 300) {
|
|
return response;
|
|
}
|
|
throw response;
|
|
};
|
|
|
|
/** @typedef {(options: import('./types').APIFetchOptions) => Promise<any>} FetchHandler*/
|
|
|
|
/**
|
|
* @type {FetchHandler}
|
|
*/
|
|
const defaultFetchHandler = nextOptions => {
|
|
const {
|
|
url,
|
|
path,
|
|
data,
|
|
parse = true,
|
|
...remainingOptions
|
|
} = nextOptions;
|
|
let {
|
|
body,
|
|
headers
|
|
} = nextOptions;
|
|
|
|
// Merge explicitly-provided headers with default values.
|
|
headers = {
|
|
...DEFAULT_HEADERS,
|
|
...headers
|
|
};
|
|
|
|
// The `data` property is a shorthand for sending a JSON body.
|
|
if (data) {
|
|
body = JSON.stringify(data);
|
|
headers['Content-Type'] = 'application/json';
|
|
}
|
|
const responsePromise = window.fetch(
|
|
// Fall back to explicitly passing `window.location` which is the behavior if `undefined` is passed.
|
|
url || path || window.location.href, {
|
|
...DEFAULT_OPTIONS,
|
|
...remainingOptions,
|
|
body,
|
|
headers
|
|
});
|
|
return responsePromise.then(value => Promise.resolve(value).then(checkStatus).catch(response => parseAndThrowError(response, parse)).then(response => parseResponseAndNormalizeError(response, parse)), err => {
|
|
// Re-throw AbortError for the users to handle it themselves.
|
|
if (err && err.name === 'AbortError') {
|
|
throw err;
|
|
}
|
|
|
|
// Otherwise, there is most likely no network connection.
|
|
// Unfortunately the message might depend on the browser.
|
|
throw {
|
|
code: 'fetch_error',
|
|
message: (0,external_wp_i18n_namespaceObject.__)('You are probably offline.')
|
|
};
|
|
});
|
|
};
|
|
|
|
/** @type {FetchHandler} */
|
|
let fetchHandler = defaultFetchHandler;
|
|
|
|
/**
|
|
* Defines a custom fetch handler for making the requests that will override
|
|
* the default one using window.fetch
|
|
*
|
|
* @param {FetchHandler} newFetchHandler The new fetch handler
|
|
*/
|
|
function setFetchHandler(newFetchHandler) {
|
|
fetchHandler = newFetchHandler;
|
|
}
|
|
|
|
/**
|
|
* @template T
|
|
* @param {import('./types').APIFetchOptions} options
|
|
* @return {Promise<T>} A promise representing the request processed via the registered middlewares.
|
|
*/
|
|
function apiFetch(options) {
|
|
// creates a nested function chain that calls all middlewares and finally the `fetchHandler`,
|
|
// converting `middlewares = [ m1, m2, m3 ]` into:
|
|
// ```
|
|
// opts1 => m1( opts1, opts2 => m2( opts2, opts3 => m3( opts3, fetchHandler ) ) );
|
|
// ```
|
|
const enhancedHandler = middlewares.reduceRight(( /** @type {FetchHandler} */next, middleware) => {
|
|
return workingOptions => middleware(workingOptions, next);
|
|
}, fetchHandler);
|
|
return enhancedHandler(options).catch(error => {
|
|
if (error.code !== 'rest_cookie_invalid_nonce') {
|
|
return Promise.reject(error);
|
|
}
|
|
|
|
// If the nonce is invalid, refresh it and try again.
|
|
return window
|
|
// @ts-ignore
|
|
.fetch(apiFetch.nonceEndpoint).then(checkStatus).then(data => data.text()).then(text => {
|
|
// @ts-ignore
|
|
apiFetch.nonceMiddleware.nonce = text;
|
|
return apiFetch(options);
|
|
});
|
|
});
|
|
}
|
|
apiFetch.use = registerMiddleware;
|
|
apiFetch.setFetchHandler = setFetchHandler;
|
|
apiFetch.createNonceMiddleware = nonce;
|
|
apiFetch.createPreloadingMiddleware = preloading;
|
|
apiFetch.createRootURLMiddleware = root_url;
|
|
apiFetch.fetchAllMiddleware = fetch_all_middleware;
|
|
apiFetch.mediaUploadMiddleware = media_upload;
|
|
apiFetch.createThemePreviewMiddleware = theme_preview;
|
|
/* harmony default export */ var build_module = (apiFetch);
|
|
|
|
(window.wp = window.wp || {}).apiFetch = __webpack_exports__["default"];
|
|
/******/ })()
|
|
; |