diff options
Diffstat (limited to 'wp-includes/js/dist/server-side-render.js')
| -rw-r--r-- | wp-includes/js/dist/server-side-render.js | 440 |
1 files changed, 440 insertions, 0 deletions
diff --git a/wp-includes/js/dist/server-side-render.js b/wp-includes/js/dist/server-side-render.js new file mode 100644 index 0000000..bffc7c5 --- /dev/null +++ b/wp-includes/js/dist/server-side-render.js @@ -0,0 +1,440 @@ +/******/ (function() { // webpackBootstrap +/******/ "use strict"; +/******/ var __webpack_modules__ = ({ + +/***/ 5619: +/***/ (function(module) { + + + +// do not edit .js files directly - edit src/index.jst + + + var envHasBigInt64Array = typeof BigInt64Array !== 'undefined'; + + +module.exports = function equal(a, b) { + if (a === b) return true; + + if (a && b && typeof a == 'object' && typeof b == 'object') { + if (a.constructor !== b.constructor) return false; + + var length, i, keys; + if (Array.isArray(a)) { + length = a.length; + if (length != b.length) return false; + for (i = length; i-- !== 0;) + if (!equal(a[i], b[i])) return false; + return true; + } + + + if ((a instanceof Map) && (b instanceof Map)) { + if (a.size !== b.size) return false; + for (i of a.entries()) + if (!b.has(i[0])) return false; + for (i of a.entries()) + if (!equal(i[1], b.get(i[0]))) return false; + return true; + } + + if ((a instanceof Set) && (b instanceof Set)) { + if (a.size !== b.size) return false; + for (i of a.entries()) + if (!b.has(i[0])) return false; + return true; + } + + if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) { + length = a.length; + if (length != b.length) return false; + for (i = length; i-- !== 0;) + if (a[i] !== b[i]) return false; + return true; + } + + + if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; + if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); + if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); + + keys = Object.keys(a); + length = keys.length; + if (length !== Object.keys(b).length) return false; + + for (i = length; i-- !== 0;) + if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; + + for (i = length; i-- !== 0;) { + var key = keys[i]; + + if (!equal(a[key], b[key])) return false; + } + + return true; + } + + // true if both NaN, false otherwise + return a!==a && b!==b; +}; + + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ !function() { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function() { return module['default']; } : +/******/ function() { return module; }; +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ }(); +/******/ +/******/ /* 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__ = {}; +// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. +!function() { + +// EXPORTS +__webpack_require__.d(__webpack_exports__, { + "default": function() { return /* binding */ build_module; } +}); + +;// CONCATENATED MODULE: external ["wp","element"] +var external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: external ["wp","data"] +var external_wp_data_namespaceObject = window["wp"]["data"]; +// EXTERNAL MODULE: ./node_modules/fast-deep-equal/es6/index.js +var es6 = __webpack_require__(5619); +var es6_default = /*#__PURE__*/__webpack_require__.n(es6); +;// CONCATENATED MODULE: external ["wp","compose"] +var external_wp_compose_namespaceObject = window["wp"]["compose"]; +;// CONCATENATED MODULE: external ["wp","i18n"] +var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +;// CONCATENATED MODULE: external ["wp","apiFetch"] +var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"]; +var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject); +;// CONCATENATED MODULE: external ["wp","url"] +var external_wp_url_namespaceObject = window["wp"]["url"]; +;// CONCATENATED MODULE: external ["wp","components"] +var external_wp_components_namespaceObject = window["wp"]["components"]; +;// CONCATENATED MODULE: external ["wp","blocks"] +var external_wp_blocks_namespaceObject = window["wp"]["blocks"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/server-side-render/build-module/server-side-render.js + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + + + + + + +const EMPTY_OBJECT = {}; +function rendererPath(block, attributes = null, urlQueryArgs = {}) { + return (0,external_wp_url_namespaceObject.addQueryArgs)(`/wp/v2/block-renderer/${block}`, { + context: 'edit', + ...(null !== attributes ? { + attributes + } : {}), + ...urlQueryArgs + }); +} +function removeBlockSupportAttributes(attributes) { + const { + backgroundColor, + borderColor, + fontFamily, + fontSize, + gradient, + textColor, + className, + ...restAttributes + } = attributes; + const { + border, + color, + elements, + spacing, + typography, + ...restStyles + } = attributes?.style || EMPTY_OBJECT; + return { + ...restAttributes, + style: restStyles + }; +} +function DefaultEmptyResponsePlaceholder({ + className +}) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, { + className: className + }, (0,external_wp_i18n_namespaceObject.__)('Block rendered as empty.')); +} +function DefaultErrorResponsePlaceholder({ + response, + className +}) { + const errorMessage = (0,external_wp_i18n_namespaceObject.sprintf)( + // translators: %s: error message describing the problem + (0,external_wp_i18n_namespaceObject.__)('Error loading block: %s'), response.errorMsg); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, { + className: className + }, errorMessage); +} +function DefaultLoadingResponsePlaceholder({ + children, + showLoader +}) { + return (0,external_wp_element_namespaceObject.createElement)("div", { + style: { + position: 'relative' + } + }, showLoader && (0,external_wp_element_namespaceObject.createElement)("div", { + style: { + position: 'absolute', + top: '50%', + left: '50%', + marginTop: '-9px', + marginLeft: '-9px' + } + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)), (0,external_wp_element_namespaceObject.createElement)("div", { + style: { + opacity: showLoader ? '0.3' : 1 + } + }, children)); +} +function ServerSideRender(props) { + const { + attributes, + block, + className, + httpMethod = 'GET', + urlQueryArgs, + skipBlockSupportAttributes = false, + EmptyResponsePlaceholder = DefaultEmptyResponsePlaceholder, + ErrorResponsePlaceholder = DefaultErrorResponsePlaceholder, + LoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder + } = props; + const isMountedRef = (0,external_wp_element_namespaceObject.useRef)(true); + const [showLoader, setShowLoader] = (0,external_wp_element_namespaceObject.useState)(false); + const fetchRequestRef = (0,external_wp_element_namespaceObject.useRef)(); + const [response, setResponse] = (0,external_wp_element_namespaceObject.useState)(null); + const prevProps = (0,external_wp_compose_namespaceObject.usePrevious)(props); + const [isLoading, setIsLoading] = (0,external_wp_element_namespaceObject.useState)(false); + function fetchData() { + var _sanitizedAttributes, _sanitizedAttributes2; + if (!isMountedRef.current) { + return; + } + setIsLoading(true); + let sanitizedAttributes = attributes && (0,external_wp_blocks_namespaceObject.__experimentalSanitizeBlockAttributes)(block, attributes); + if (skipBlockSupportAttributes) { + sanitizedAttributes = removeBlockSupportAttributes(sanitizedAttributes); + } + + // If httpMethod is 'POST', send the attributes in the request body instead of the URL. + // This allows sending a larger attributes object than in a GET request, where the attributes are in the URL. + const isPostRequest = 'POST' === httpMethod; + const urlAttributes = isPostRequest ? null : (_sanitizedAttributes = sanitizedAttributes) !== null && _sanitizedAttributes !== void 0 ? _sanitizedAttributes : null; + const path = rendererPath(block, urlAttributes, urlQueryArgs); + const data = isPostRequest ? { + attributes: (_sanitizedAttributes2 = sanitizedAttributes) !== null && _sanitizedAttributes2 !== void 0 ? _sanitizedAttributes2 : null + } : null; + + // Store the latest fetch request so that when we process it, we can + // check if it is the current request, to avoid race conditions on slow networks. + const fetchRequest = fetchRequestRef.current = external_wp_apiFetch_default()({ + path, + data, + method: isPostRequest ? 'POST' : 'GET' + }).then(fetchResponse => { + if (isMountedRef.current && fetchRequest === fetchRequestRef.current && fetchResponse) { + setResponse(fetchResponse.rendered); + } + }).catch(error => { + if (isMountedRef.current && fetchRequest === fetchRequestRef.current) { + setResponse({ + error: true, + errorMsg: error.message + }); + } + }).finally(() => { + if (isMountedRef.current && fetchRequest === fetchRequestRef.current) { + setIsLoading(false); + } + }); + return fetchRequest; + } + const debouncedFetchData = (0,external_wp_compose_namespaceObject.useDebounce)(fetchData, 500); + + // When the component unmounts, set isMountedRef to false. This will + // let the async fetch callbacks know when to stop. + (0,external_wp_element_namespaceObject.useEffect)(() => () => { + isMountedRef.current = false; + }, []); + (0,external_wp_element_namespaceObject.useEffect)(() => { + // Don't debounce the first fetch. This ensures that the first render + // shows data as soon as possible. + if (prevProps === undefined) { + fetchData(); + } else if (!es6_default()(prevProps, props)) { + debouncedFetchData(); + } + }); + + /** + * Effect to handle showing the loading placeholder. + * Show it only if there is no previous response or + * the request takes more than one second. + */ + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (!isLoading) { + return; + } + const timeout = setTimeout(() => { + setShowLoader(true); + }, 1000); + return () => clearTimeout(timeout); + }, [isLoading]); + const hasResponse = !!response; + const hasEmptyResponse = response === ''; + const hasError = response?.error; + if (isLoading) { + return (0,external_wp_element_namespaceObject.createElement)(LoadingResponsePlaceholder, { + ...props, + showLoader: showLoader + }, hasResponse && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, { + className: className + }, response)); + } + if (hasEmptyResponse || !hasResponse) { + return (0,external_wp_element_namespaceObject.createElement)(EmptyResponsePlaceholder, { + ...props + }); + } + if (hasError) { + return (0,external_wp_element_namespaceObject.createElement)(ErrorResponsePlaceholder, { + response: response, + ...props + }); + } + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, { + className: className + }, response); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/server-side-render/build-module/index.js + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + +/** + * Constants + */ +const build_module_EMPTY_OBJECT = {}; +const ExportedServerSideRender = (0,external_wp_data_namespaceObject.withSelect)(select => { + // FIXME: @wordpress/server-side-render should not depend on @wordpress/editor. + // It is used by blocks that can be loaded into a *non-post* block editor. + // eslint-disable-next-line @wordpress/data-no-store-string-literals + const coreEditorSelect = select('core/editor'); + if (coreEditorSelect) { + const currentPostId = coreEditorSelect.getCurrentPostId(); + // For templates and template parts we use a custom ID format. + // Since they aren't real posts, we don't want to use their ID + // for server-side rendering. Since they use a string based ID, + // we can assume real post IDs are numbers. + if (currentPostId && typeof currentPostId === 'number') { + return { + currentPostId + }; + } + } + return build_module_EMPTY_OBJECT; +})(({ + urlQueryArgs = build_module_EMPTY_OBJECT, + currentPostId, + ...props +}) => { + const newUrlQueryArgs = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!currentPostId) { + return urlQueryArgs; + } + return { + post_id: currentPostId, + ...urlQueryArgs + }; + }, [currentPostId, urlQueryArgs]); + return (0,external_wp_element_namespaceObject.createElement)(ServerSideRender, { + urlQueryArgs: newUrlQueryArgs, + ...props + }); +}); +/* harmony default export */ var build_module = (ExportedServerSideRender); + +}(); +(window.wp = window.wp || {}).serverSideRender = __webpack_exports__["default"]; +/******/ })() +;
\ No newline at end of file |