@wordpress/server-side-render 6.3.0 → 6.4.1-next.46f643fa0.0

package/build/server-side-render.js

@@ -1,63 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ServerSideRender;
-exports.removeBlockSupportAttributes = removeBlockSupportAttributes;
-exports.rendererPath = rendererPath;
-var _es = _interopRequireDefault(require("fast-deep-equal/es6"));
-var _compose = require("@wordpress/compose");
+exports.ServerSideRender = ServerSideRender;
+exports.ServerSideRenderWithPostId = ServerSideRenderWithPostId;
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
-var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
-var _url = require("@wordpress/url");
 var _components = require("@wordpress/components");
-var _blocks = require("@wordpress/blocks");
+var _data = require("@wordpress/data");
+var _hook = require("./hook");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
- * External dependencies
+ * WordPress dependencies
  */
 
 /**
- * WordPress dependencies
+ * Internal dependencies
  */
 
 const EMPTY_OBJECT = {};
-function rendererPath(block, attributes = null, urlQueryArgs = {}) {
-  return (0, _url.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
 }) {
@@ -67,12 +29,12 @@ function DefaultEmptyResponsePlaceholder({
   });
 }
 function DefaultErrorResponsePlaceholder({
-  response,
+  message,
   className
 }) {
   const errorMessage = (0, _i18n.sprintf)(
   // translators: %s: error message describing the problem
-  (0, _i18n.__)('Error loading block: %s'), response.errorMsg);
+  (0, _i18n.__)('Error loading block: %s'), message);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
     className: className,
     children: errorMessage
@@ -111,117 +73,117 @@ function DefaultLoadingResponsePlaceholder({
   });
 }
 function ServerSideRender(props) {
+  const prevContentRef = (0, _element.useRef)('');
   const {
     className,
     EmptyResponsePlaceholder = DefaultEmptyResponsePlaceholder,
     ErrorResponsePlaceholder = DefaultErrorResponsePlaceholder,
-    LoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder
+    LoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder,
+    ...restProps
   } = props;
-  const isMountedRef = (0, _element.useRef)(false);
-  const fetchRequestRef = (0, _element.useRef)();
-  const [response, setResponse] = (0, _element.useState)(null);
-  const prevProps = (0, _compose.usePrevious)(props);
-  const [isLoading, setIsLoading] = (0, _element.useState)(false);
-  const latestPropsRef = (0, _element.useRef)(props);
-  (0, _element.useLayoutEffect)(() => {
-    latestPropsRef.current = props;
-  }, [props]);
-  const fetchData = (0, _element.useCallback)(() => {
-    var _sanitizedAttributes, _sanitizedAttributes2;
-    if (!isMountedRef.current) {
-      return;
-    }
-    const {
-      attributes,
-      block,
-      skipBlockSupportAttributes = false,
-      httpMethod = 'GET',
-      urlQueryArgs
-    } = latestPropsRef.current;
-    setIsLoading(true);
-    let sanitizedAttributes = attributes && (0, _blocks.__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 = (0, _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, _compose.useDebounce)(fetchData, 500);
+  const {
+    content,
+    status,
+    error
+  } = (0, _hook.useServerSideRender)(restProps);
 
-  // When the component unmounts, set isMountedRef to false. This will
-  // let the async fetch callbacks know when to stop.
+  // Store the previous successful HTML response to show while loading.
   (0, _element.useEffect)(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  (0, _element.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 (!(0, _es.default)(prevProps, props)) {
-      debouncedFetchData();
+    if (content) {
+      prevContentRef.current = content;
     }
-  });
-  const hasResponse = !!response;
-  const hasEmptyResponse = response === '';
-  const hasError = !!response?.error;
-  if (isLoading) {
+  }, [content]);
+  if (status === 'loading') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingResponsePlaceholder, {
       ...props,
-      children: hasResponse && !hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
+      children: !!prevContentRef.current && /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
         className: className,
-        children: response
+        children: prevContentRef.current
       })
     });
   }
-  if (hasEmptyResponse || !hasResponse) {
+  if (status === 'success' && !content) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyResponsePlaceholder, {
       ...props
     });
   }
-  if (hasError) {
+  if (status === 'error') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorResponsePlaceholder, {
-      response: response,
+      message: error,
       ...props
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
     className: className,
-    children: response
+    children: content
+  });
+}
+
+/**
+ * A component that renders server-side content for blocks.
+ *
+ * Note: URL query will include the current post ID when applicable.
+ * This is useful for blocks that depend on the context of the current post for rendering.
+ *
+ * @example
+ * ```jsx
+ * import { ServerSideRender } from '@wordpress/server-side-render';
+ * // Legacy import for WordPress 6.8 and earlier
+ * // import { default as ServerSideRender } from '@wordpress/server-side-render';
+ *
+ * function Example() {
+ *   return (
+ *     <ServerSideRender
+ *       block="core/archives"
+ *       attributes={ { showPostCounts: true } }
+ *       urlQueryArgs={ { customArg: 'value' } }
+ *       className="custom-class"
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @param {Object}   props                                    Component props.
+ * @param {string}   props.block                              The identifier of the block to be serverside rendered.
+ * @param {Object}   props.attributes                         The block attributes to be sent to the server for rendering.
+ * @param {string}   [props.className]                        Additional classes to apply to the wrapper element.
+ * @param {string}   [props.httpMethod='GET']                 The HTTP method to use ('GET' or 'POST'). Default is 'GET'
+ * @param {Object}   [props.urlQueryArgs]                     Additional query arguments to append to the request URL.
+ * @param {boolean}  [props.skipBlockSupportAttributes=false] Whether to remove block support attributes before sending.
+ * @param {Function} [props.EmptyResponsePlaceholder]         Component rendered when the API response is empty.
+ * @param {Function} [props.ErrorResponsePlaceholder]         Component rendered when the API response is an error.
+ * @param {Function} [props.LoadingResponsePlaceholder]       Component rendered while the API request is loading.
+ *
+ * @return {JSX.Element} The rendered server-side content.
+ */
+function ServerSideRenderWithPostId({
+  urlQueryArgs = EMPTY_OBJECT,
+  ...props
+}) {
+  const currentPostId = (0, _data.useSelect)(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 postId = select('core/editor')?.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.
+    return postId && typeof postId === 'number' ? postId : null;
+  }, []);
+  const newUrlQueryArgs = (0, _element.useMemo)(() => {
+    if (!currentPostId) {
+      return urlQueryArgs;
+    }
+    return {
+      post_id: currentPostId,
+      ...urlQueryArgs
+    };
+  }, [currentPostId, urlQueryArgs]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ServerSideRender, {
+    urlQueryArgs: newUrlQueryArgs,
+    ...props
   });
 }
 //# sourceMappingURL=server-side-render.js.map

package/build/server-side-render.js.map

@@ -1 +1 @@
-{"version":3,"names":["_es","_interopRequireDefault","require","_compose","_element","_i18n","_apiFetch","_url","_components","_blocks","_jsxRuntime","EMPTY_OBJECT","rendererPath","block","attributes","urlQueryArgs","addQueryArgs","context","removeBlockSupportAttributes","backgroundColor","borderColor","fontFamily","fontSize","gradient","textColor","className","restAttributes","border","color","elements","spacing","typography","restStyles","style","DefaultEmptyResponsePlaceholder","jsx","Placeholder","children","__","DefaultErrorResponsePlaceholder","response","errorMessage","sprintf","errorMsg","DefaultLoadingResponsePlaceholder","showLoader","setShowLoader","useState","useEffect","timeout","setTimeout","clearTimeout","jsxs","position","top","left","marginTop","marginLeft","Spinner","opacity","ServerSideRender","props","EmptyResponsePlaceholder","ErrorResponsePlaceholder","LoadingResponsePlaceholder","isMountedRef","useRef","fetchRequestRef","setResponse","prevProps","usePrevious","isLoading","setIsLoading","latestPropsRef","useLayoutEffect","current","fetchData","useCallback","_sanitizedAttributes","_sanitizedAttributes2","skipBlockSupportAttributes","httpMethod","sanitizedAttributes","__experimentalSanitizeBlockAttributes","isPostRequest","urlAttributes","path","data","fetchRequest","apiFetch","method","then","fetchResponse","rendered","catch","error","message","finally","debouncedFetchData","useDebounce","undefined","fastDeepEqual","hasResponse","hasEmptyResponse","hasError","RawHTML"],"sources":["@wordpress/server-side-render/src/server-side-render.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useDebounce, usePrevious } from '@wordpress/compose';\nimport {\n\tRawHTML,\n\tuseCallback,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { __experimentalSanitizeBlockAttributes } from '@wordpress/blocks';\n\nconst EMPTY_OBJECT = {};\n\nexport function rendererPath( block, attributes = null, urlQueryArgs = {} ) {\n\treturn addQueryArgs( `/wp/v2/block-renderer/${ block }`, {\n\t\tcontext: 'edit',\n\t\t...( null !== attributes ? { attributes } : {} ),\n\t\t...urlQueryArgs,\n\t} );\n}\n\nexport function removeBlockSupportAttributes( attributes ) {\n\tconst {\n\t\tbackgroundColor,\n\t\tborderColor,\n\t\tfontFamily,\n\t\tfontSize,\n\t\tgradient,\n\t\ttextColor,\n\t\tclassName,\n\t\t...restAttributes\n\t} = attributes;\n\n\tconst { border, color, elements, spacing, typography, ...restStyles } =\n\t\tattributes?.style || EMPTY_OBJECT;\n\n\treturn {\n\t\t...restAttributes,\n\t\tstyle: restStyles,\n\t};\n}\n\nfunction DefaultEmptyResponsePlaceholder( { className } ) {\n\treturn (\n\t\t<Placeholder className={ className }>\n\t\t\t{ __( 'Block rendered as empty.' ) }\n\t\t</Placeholder>\n\t);\n}\n\nfunction DefaultErrorResponsePlaceholder( { response, className } ) {\n\tconst errorMessage = sprintf(\n\t\t// translators: %s: error message describing the problem\n\t\t__( 'Error loading block: %s' ),\n\t\tresponse.errorMsg\n\t);\n\treturn <Placeholder className={ className }>{ errorMessage }</Placeholder>;\n}\n\nfunction DefaultLoadingResponsePlaceholder( { children } ) {\n\tconst [ showLoader, setShowLoader ] = useState( false );\n\n\tuseEffect( () => {\n\t\t// Schedule showing the Spinner after 1 second.\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetShowLoader( true );\n\t\t}, 1000 );\n\t\treturn () => clearTimeout( timeout );\n\t}, [] );\n\n\treturn (\n\t\t<div style={ { position: 'relative' } }>\n\t\t\t{ showLoader && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\ttop: '50%',\n\t\t\t\t\t\tleft: '50%',\n\t\t\t\t\t\tmarginTop: '-9px',\n\t\t\t\t\t\tmarginLeft: '-9px',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div style={ { opacity: showLoader ? '0.3' : 1 } }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default function ServerSideRender( props ) {\n\tconst {\n\t\tclassName,\n\t\tEmptyResponsePlaceholder = DefaultEmptyResponsePlaceholder,\n\t\tErrorResponsePlaceholder = DefaultErrorResponsePlaceholder,\n\t\tLoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder,\n\t} = props;\n\n\tconst isMountedRef = useRef( false );\n\tconst fetchRequestRef = useRef();\n\tconst [ response, setResponse ] = useState( null );\n\tconst prevProps = usePrevious( props );\n\tconst [ isLoading, setIsLoading ] = useState( false );\n\tconst latestPropsRef = useRef( props );\n\n\tuseLayoutEffect( () => {\n\t\tlatestPropsRef.current = props;\n\t}, [ props ] );\n\n\tconst fetchData = useCallback( () => {\n\t\tif ( ! isMountedRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst {\n\t\t\tattributes,\n\t\t\tblock,\n\t\t\tskipBlockSupportAttributes = false,\n\t\t\thttpMethod = 'GET',\n\t\t\turlQueryArgs,\n\t\t} = latestPropsRef.current;\n\n\t\tsetIsLoading( true );\n\n\t\tlet sanitizedAttributes =\n\t\t\tattributes &&\n\t\t\t__experimentalSanitizeBlockAttributes( block, attributes );\n\n\t\tif ( skipBlockSupportAttributes ) {\n\t\t\tsanitizedAttributes =\n\t\t\t\tremoveBlockSupportAttributes( sanitizedAttributes );\n\t\t}\n\n\t\t// If httpMethod is 'POST', send the attributes in the request body instead of the URL.\n\t\t// This allows sending a larger attributes object than in a GET request, where the attributes are in the URL.\n\t\tconst isPostRequest = 'POST' === httpMethod;\n\t\tconst urlAttributes = isPostRequest\n\t\t\t? null\n\t\t\t: sanitizedAttributes ?? null;\n\t\tconst path = rendererPath( block, urlAttributes, urlQueryArgs );\n\t\tconst data = isPostRequest\n\t\t\t? { attributes: sanitizedAttributes ?? null }\n\t\t\t: null;\n\n\t\t// Store the latest fetch request so that when we process it, we can\n\t\t// check if it is the current request, to avoid race conditions on slow networks.\n\t\tconst fetchRequest = ( fetchRequestRef.current = apiFetch( {\n\t\t\tpath,\n\t\t\tdata,\n\t\t\tmethod: isPostRequest ? 'POST' : 'GET',\n\t\t} )\n\t\t\t.then( ( fetchResponse ) => {\n\t\t\t\tif (\n\t\t\t\t\tisMountedRef.current &&\n\t\t\t\t\tfetchRequest === fetchRequestRef.current &&\n\t\t\t\t\tfetchResponse\n\t\t\t\t) {\n\t\t\t\t\tsetResponse( fetchResponse.rendered );\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tif (\n\t\t\t\t\tisMountedRef.current &&\n\t\t\t\t\tfetchRequest === fetchRequestRef.current\n\t\t\t\t) {\n\t\t\t\t\tsetResponse( {\n\t\t\t\t\t\terror: true,\n\t\t\t\t\t\terrorMsg: error.message,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.finally( () => {\n\t\t\t\tif (\n\t\t\t\t\tisMountedRef.current &&\n\t\t\t\t\tfetchRequest === fetchRequestRef.current\n\t\t\t\t) {\n\t\t\t\t\tsetIsLoading( false );\n\t\t\t\t}\n\t\t\t} ) );\n\n\t\treturn fetchRequest;\n\t}, [] );\n\n\tconst debouncedFetchData = useDebounce( fetchData, 500 );\n\n\t// When the component unmounts, set isMountedRef to false. This will\n\t// let the async fetch callbacks know when to stop.\n\tuseEffect( () => {\n\t\tisMountedRef.current = true;\n\t\treturn () => {\n\t\t\tisMountedRef.current = false;\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\t// Don't debounce the first fetch. This ensures that the first render\n\t\t// shows data as soon as possible.\n\t\tif ( prevProps === undefined ) {\n\t\t\tfetchData();\n\t\t} else if ( ! fastDeepEqual( prevProps, props ) ) {\n\t\t\tdebouncedFetchData();\n\t\t}\n\t} );\n\n\tconst hasResponse = !! response;\n\tconst hasEmptyResponse = response === '';\n\tconst hasError = !! response?.error;\n\n\tif ( isLoading ) {\n\t\treturn (\n\t\t\t<LoadingResponsePlaceholder { ...props }>\n\t\t\t\t{ hasResponse && ! hasError && (\n\t\t\t\t\t<RawHTML className={ className }>{ response }</RawHTML>\n\t\t\t\t) }\n\t\t\t</LoadingResponsePlaceholder>\n\t\t);\n\t}\n\n\tif ( hasEmptyResponse || ! hasResponse ) {\n\t\treturn <EmptyResponsePlaceholder { ...props } />;\n\t}\n\n\tif ( hasError ) {\n\t\treturn <ErrorResponsePlaceholder response={ response } { ...props } />;\n\t}\n\n\treturn <RawHTML className={ className }>{ response }</RawHTML>;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_components","_data","_hook","_jsxRuntime","EMPTY_OBJECT","DefaultEmptyResponsePlaceholder","className","jsx","Placeholder","children","__","DefaultErrorResponsePlaceholder","message","errorMessage","sprintf","DefaultLoadingResponsePlaceholder","showLoader","setShowLoader","useState","useEffect","timeout","setTimeout","clearTimeout","jsxs","style","position","top","left","marginTop","marginLeft","Spinner","opacity","ServerSideRender","props","prevContentRef","useRef","EmptyResponsePlaceholder","ErrorResponsePlaceholder","LoadingResponsePlaceholder","restProps","content","status","error","useServerSideRender","current","RawHTML","ServerSideRenderWithPostId","urlQueryArgs","currentPostId","useSelect","select","postId","getCurrentPostId","newUrlQueryArgs","useMemo","post_id"],"sources":["@wordpress/server-side-render/src/server-side-render.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRawHTML,\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useServerSideRender } from './hook';\n\nconst EMPTY_OBJECT = {};\n\nfunction DefaultEmptyResponsePlaceholder( { className } ) {\n\treturn (\n\t\t<Placeholder className={ className }>\n\t\t\t{ __( 'Block rendered as empty.' ) }\n\t\t</Placeholder>\n\t);\n}\n\nfunction DefaultErrorResponsePlaceholder( { message, className } ) {\n\tconst errorMessage = sprintf(\n\t\t// translators: %s: error message describing the problem\n\t\t__( 'Error loading block: %s' ),\n\t\tmessage\n\t);\n\treturn <Placeholder className={ className }>{ errorMessage }</Placeholder>;\n}\n\nfunction DefaultLoadingResponsePlaceholder( { children } ) {\n\tconst [ showLoader, setShowLoader ] = useState( false );\n\n\tuseEffect( () => {\n\t\t// Schedule showing the Spinner after 1 second.\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetShowLoader( true );\n\t\t}, 1000 );\n\t\treturn () => clearTimeout( timeout );\n\t}, [] );\n\n\treturn (\n\t\t<div style={ { position: 'relative' } }>\n\t\t\t{ showLoader && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\ttop: '50%',\n\t\t\t\t\t\tleft: '50%',\n\t\t\t\t\t\tmarginTop: '-9px',\n\t\t\t\t\t\tmarginLeft: '-9px',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div style={ { opacity: showLoader ? '0.3' : 1 } }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function ServerSideRender( props ) {\n\tconst prevContentRef = useRef( '' );\n\tconst {\n\t\tclassName,\n\t\tEmptyResponsePlaceholder = DefaultEmptyResponsePlaceholder,\n\t\tErrorResponsePlaceholder = DefaultErrorResponsePlaceholder,\n\t\tLoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder,\n\t\t...restProps\n\t} = props;\n\n\tconst { content, status, error } = useServerSideRender( restProps );\n\n\t// Store the previous successful HTML response to show while loading.\n\tuseEffect( () => {\n\t\tif ( content ) {\n\t\t\tprevContentRef.current = content;\n\t\t}\n\t}, [ content ] );\n\n\tif ( status === 'loading' ) {\n\t\treturn (\n\t\t\t<LoadingResponsePlaceholder { ...props }>\n\t\t\t\t{ !! prevContentRef.current && (\n\t\t\t\t\t<RawHTML className={ className }>\n\t\t\t\t\t\t{ prevContentRef.current }\n\t\t\t\t\t</RawHTML>\n\t\t\t\t) }\n\t\t\t</LoadingResponsePlaceholder>\n\t\t);\n\t}\n\n\tif ( status === 'success' && ! content ) {\n\t\treturn <EmptyResponsePlaceholder { ...props } />;\n\t}\n\n\tif ( status === 'error' ) {\n\t\treturn <ErrorResponsePlaceholder message={ error } { ...props } />;\n\t}\n\n\treturn <RawHTML className={ className }>{ content }</RawHTML>;\n}\n\n/**\n * A component that renders server-side content for blocks.\n *\n * Note: URL query will include the current post ID when applicable.\n * This is useful for blocks that depend on the context of the current post for rendering.\n *\n * @example\n * ```jsx\n * import { ServerSideRender } from '@wordpress/server-side-render';\n * // Legacy import for WordPress 6.8 and earlier\n * // import { default as ServerSideRender } from '@wordpress/server-side-render';\n *\n * function Example() {\n *   return (\n *     <ServerSideRender\n *       block=\"core/archives\"\n *       attributes={ { showPostCounts: true } }\n *       urlQueryArgs={ { customArg: 'value' } }\n *       className=\"custom-class\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                                    Component props.\n * @param {string}   props.block                              The identifier of the block to be serverside rendered.\n * @param {Object}   props.attributes                         The block attributes to be sent to the server for rendering.\n * @param {string}   [props.className]                        Additional classes to apply to the wrapper element.\n * @param {string}   [props.httpMethod='GET']                 The HTTP method to use ('GET' or 'POST'). Default is 'GET'\n * @param {Object}   [props.urlQueryArgs]                     Additional query arguments to append to the request URL.\n * @param {boolean}  [props.skipBlockSupportAttributes=false] Whether to remove block support attributes before sending.\n * @param {Function} [props.EmptyResponsePlaceholder]         Component rendered when the API response is empty.\n * @param {Function} [props.ErrorResponsePlaceholder]         Component rendered when the API response is an error.\n * @param {Function} [props.LoadingResponsePlaceholder]       Component rendered while the API request is loading.\n *\n * @return {JSX.Element} The rendered server-side content.\n */\nexport function ServerSideRenderWithPostId( {\n\turlQueryArgs = EMPTY_OBJECT,\n\t...props\n} ) {\n\tconst currentPostId = useSelect( ( select ) => {\n\t\t// FIXME: @wordpress/server-side-render should not depend on @wordpress/editor.\n\t\t// It is used by blocks that can be loaded into a *non-post* block editor.\n\t\t// eslint-disable-next-line @wordpress/data-no-store-string-literals\n\t\tconst postId = select( 'core/editor' )?.getCurrentPostId();\n\n\t\t// For templates and template parts we use a custom ID format.\n\t\t// Since they aren't real posts, we don't want to use their ID\n\t\t// for server-side rendering. Since they use a string based ID,\n\t\t// we can assume real post IDs are numbers.\n\t\treturn postId && typeof postId === 'number' ? postId : null;\n\t}, [] );\n\n\tconst newUrlQueryArgs = useMemo( () => {\n\t\tif ( ! currentPostId ) {\n\t\t\treturn urlQueryArgs;\n\t\t}\n\t\treturn {\n\t\t\tpost_id: currentPostId,\n\t\t\t...urlQueryArgs,\n\t\t};\n\t}, [ currentPostId, urlQueryArgs ] );\n\n\treturn <ServerSideRender urlQueryArgs={ newUrlQueryArgs } { ...props } />;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/hook.js

@@ -0,0 +1,161 @@
+/**
+ * WordPress dependencies
+ */
+import { debounce } from '@wordpress/compose';
+import { useEffect, useState, useRef } from '@wordpress/element';
+import apiFetch from '@wordpress/api-fetch';
+import { addQueryArgs } from '@wordpress/url';
+import { __experimentalSanitizeBlockAttributes } from '@wordpress/blocks';
+export function rendererPath(block, attributes = null, urlQueryArgs = {}) {
+  return addQueryArgs(`/wp/v2/block-renderer/${block}`, {
+    context: 'edit',
+    ...(null !== attributes ? {
+      attributes
+    } : {}),
+    ...urlQueryArgs
+  });
+}
+export function removeBlockSupportAttributes(attributes) {
+  const {
+    backgroundColor,
+    borderColor,
+    fontFamily,
+    fontSize,
+    gradient,
+    textColor,
+    className,
+    ...restAttributes
+  } = attributes;
+  const {
+    border,
+    color,
+    elements,
+    shadow,
+    spacing,
+    typography,
+    ...restStyles
+  } = attributes?.style || {};
+  return {
+    ...restAttributes,
+    style: restStyles
+  };
+}
+
+/**
+ * @typedef {Object} ServerSideRenderResponse
+ * @property {string} status    - The current request status: 'idle', 'loading', 'success', or 'error'.
+ * @property {string} [content] - The rendered block content (available when status is 'success').
+ * @property {string} [error]   - The error message (available when status is 'error').
+ */
+
+/**
+ * A hook for server-side rendering a preview of dynamic blocks to display in the editor.
+ *
+ * Handles fetching server-rendered previews for blocks, managing loading states,
+ * and automatically debouncing requests to prevent excessive API calls. It supports both
+ * GET and POST requests, with POST requests used for larger attribute payloads.
+ *
+ * @example
+ * Basic usage:
+ *
+ * ```jsx
+ * import { RawHTML } from '@wordpress/element';
+ * import { useServerSideRender } from '@wordpress/server-side-render';
+ *
+ * function MyServerSideRender( { attributes, block } ) {
+ *   const { content, status, error } = useServerSideRender( {
+ *     attributes,
+ *     block,
+ *   } );
+ *
+ *   if ( status === 'loading' ) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   if ( status === 'error' ) {
+ *     return <div>Error: { error }</div>;
+ *   }
+ *
+ *   return <RawHTML>{ content }</RawHTML>;
+ * }
+ * ```
+ *
+ * @param {Object}  args                                    The hook configuration object.
+ * @param {Object}  args.attributes                         The block attributes to be sent to the server for rendering.
+ * @param {string}  args.block                              The identifier of the block to be serverside rendered. Example: 'core/archives'.
+ * @param {boolean} [args.skipBlockSupportAttributes=false] Whether to remove block support attributes before sending.
+ * @param {string}  [args.httpMethod='GET']                 The HTTP method to use ('GET' or 'POST'). Default is 'GET'.
+ * @param {Object}  [args.urlQueryArgs]                     Additional query arguments to append to the request URL.
+ *
+ * @return {ServerSideRenderResponse} The server-side render response object.
+ */
+export function useServerSideRender(args) {
+  var _sanitizedAttributes;
+  const [response, setResponse] = useState({
+    status: 'idle'
+  });
+  const shouldDebounceRef = useRef(false);
+  const {
+    attributes,
+    block,
+    skipBlockSupportAttributes = false,
+    httpMethod = 'GET',
+    urlQueryArgs
+  } = args;
+  let sanitizedAttributes = attributes && __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;
+  const path = rendererPath(block, urlAttributes, urlQueryArgs);
+  const body = isPostRequest ? JSON.stringify({
+    attributes: (_sanitizedAttributes = sanitizedAttributes) !== null && _sanitizedAttributes !== void 0 ? _sanitizedAttributes : null
+  }) : undefined;
+  useEffect(() => {
+    const controller = new AbortController();
+    const debouncedFetch = debounce(function () {
+      {
+        setResponse({
+          status: 'loading'
+        });
+        apiFetch({
+          path,
+          method: isPostRequest ? 'POST' : 'GET',
+          body,
+          headers: isPostRequest ? {
+            'Content-Type': 'application/json'
+          } : {},
+          signal: controller.signal
+        }).then(res => {
+          setResponse({
+            status: 'success',
+            content: res ? res.rendered : ''
+          });
+        }).catch(error => {
+          // The request was aborted, do not update the response.
+          if (error.name === 'AbortError') {
+            return;
+          }
+          setResponse({
+            status: 'error',
+            error: error.message
+          });
+        }).finally(() => {
+          // Debounce requests after first fetch.
+          shouldDebounceRef.current = true;
+        });
+      }
+    }, shouldDebounceRef.current ? 500 : 0);
+    debouncedFetch();
+    return () => {
+      controller.abort();
+      debouncedFetch.cancel();
+    };
+  }, [path, isPostRequest, body]);
+  return response;
+}
+//# sourceMappingURL=hook.js.map

package/build-module/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","useEffect","useState","useRef","apiFetch","addQueryArgs","__experimentalSanitizeBlockAttributes","rendererPath","block","attributes","urlQueryArgs","context","removeBlockSupportAttributes","backgroundColor","borderColor","fontFamily","fontSize","gradient","textColor","className","restAttributes","border","color","elements","shadow","spacing","typography","restStyles","style","useServerSideRender","args","_sanitizedAttributes","response","setResponse","status","shouldDebounceRef","skipBlockSupportAttributes","httpMethod","sanitizedAttributes","isPostRequest","urlAttributes","path","body","JSON","stringify","undefined","controller","AbortController","debouncedFetch","method","headers","signal","then","res","content","rendered","catch","error","name","message","finally","current","abort","cancel"],"sources":["@wordpress/server-side-render/src/hook.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { debounce } from '@wordpress/compose';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __experimentalSanitizeBlockAttributes } from '@wordpress/blocks';\n\nexport function rendererPath( block, attributes = null, urlQueryArgs = {} ) {\n\treturn addQueryArgs( `/wp/v2/block-renderer/${ block }`, {\n\t\tcontext: 'edit',\n\t\t...( null !== attributes ? { attributes } : {} ),\n\t\t...urlQueryArgs,\n\t} );\n}\n\nexport function removeBlockSupportAttributes( attributes ) {\n\tconst {\n\t\tbackgroundColor,\n\t\tborderColor,\n\t\tfontFamily,\n\t\tfontSize,\n\t\tgradient,\n\t\ttextColor,\n\t\tclassName,\n\t\t...restAttributes\n\t} = attributes;\n\n\tconst {\n\t\tborder,\n\t\tcolor,\n\t\telements,\n\t\tshadow,\n\t\tspacing,\n\t\ttypography,\n\t\t...restStyles\n\t} = attributes?.style || {};\n\n\treturn {\n\t\t...restAttributes,\n\t\tstyle: restStyles,\n\t};\n}\n\n/**\n * @typedef {Object} ServerSideRenderResponse\n * @property {string} status    - The current request status: 'idle', 'loading', 'success', or 'error'.\n * @property {string} [content] - The rendered block content (available when status is 'success').\n * @property {string} [error]   - The error message (available when status is 'error').\n */\n\n/**\n * A hook for server-side rendering a preview of dynamic blocks to display in the editor.\n *\n * Handles fetching server-rendered previews for blocks, managing loading states,\n * and automatically debouncing requests to prevent excessive API calls. It supports both\n * GET and POST requests, with POST requests used for larger attribute payloads.\n *\n * @example\n * Basic usage:\n *\n * ```jsx\n * import { RawHTML } from '@wordpress/element';\n * import { useServerSideRender } from '@wordpress/server-side-render';\n *\n * function MyServerSideRender( { attributes, block } ) {\n *   const { content, status, error } = useServerSideRender( {\n *     attributes,\n *     block,\n *   } );\n *\n *   if ( status === 'loading' ) {\n *     return <div>Loading...</div>;\n *   }\n *\n *   if ( status === 'error' ) {\n *     return <div>Error: { error }</div>;\n *   }\n *\n *   return <RawHTML>{ content }</RawHTML>;\n * }\n * ```\n *\n * @param {Object}  args                                    The hook configuration object.\n * @param {Object}  args.attributes                         The block attributes to be sent to the server for rendering.\n * @param {string}  args.block                              The identifier of the block to be serverside rendered. Example: 'core/archives'.\n * @param {boolean} [args.skipBlockSupportAttributes=false] Whether to remove block support attributes before sending.\n * @param {string}  [args.httpMethod='GET']                 The HTTP method to use ('GET' or 'POST'). Default is 'GET'.\n * @param {Object}  [args.urlQueryArgs]                     Additional query arguments to append to the request URL.\n *\n * @return {ServerSideRenderResponse} The server-side render response object.\n */\nexport function useServerSideRender( args ) {\n\tconst [ response, setResponse ] = useState( { status: 'idle' } );\n\tconst shouldDebounceRef = useRef( false );\n\n\tconst {\n\t\tattributes,\n\t\tblock,\n\t\tskipBlockSupportAttributes = false,\n\t\thttpMethod = 'GET',\n\t\turlQueryArgs,\n\t} = args;\n\n\tlet sanitizedAttributes =\n\t\tattributes &&\n\t\t__experimentalSanitizeBlockAttributes( block, attributes );\n\n\tif ( skipBlockSupportAttributes ) {\n\t\tsanitizedAttributes =\n\t\t\tremoveBlockSupportAttributes( sanitizedAttributes );\n\t}\n\n\t// If httpMethod is 'POST', send the attributes in the request body instead of the URL.\n\t// This allows sending a larger attributes object than in a GET request, where the attributes are in the URL.\n\tconst isPostRequest = 'POST' === httpMethod;\n\tconst urlAttributes = isPostRequest ? null : sanitizedAttributes;\n\tconst path = rendererPath( block, urlAttributes, urlQueryArgs );\n\tconst body = isPostRequest\n\t\t? JSON.stringify( { attributes: sanitizedAttributes ?? null } )\n\t\t: undefined;\n\n\tuseEffect( () => {\n\t\tconst controller = new AbortController();\n\t\tconst debouncedFetch = debounce(\n\t\t\tfunction () {\n\t\t\t\t{\n\t\t\t\t\tsetResponse( { status: 'loading' } );\n\n\t\t\t\t\tapiFetch( {\n\t\t\t\t\t\tpath,\n\t\t\t\t\t\tmethod: isPostRequest ? 'POST' : 'GET',\n\t\t\t\t\t\tbody,\n\t\t\t\t\t\theaders: isPostRequest\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t'Content-Type': 'application/json',\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: {},\n\t\t\t\t\t\tsignal: controller.signal,\n\t\t\t\t\t} )\n\t\t\t\t\t\t.then( ( res ) => {\n\t\t\t\t\t\t\tsetResponse( {\n\t\t\t\t\t\t\t\tstatus: 'success',\n\t\t\t\t\t\t\t\tcontent: res ? res.rendered : '',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} )\n\t\t\t\t\t\t.catch( ( error ) => {\n\t\t\t\t\t\t\t// The request was aborted, do not update the response.\n\t\t\t\t\t\t\tif ( error.name === 'AbortError' ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsetResponse( {\n\t\t\t\t\t\t\t\tstatus: 'error',\n\t\t\t\t\t\t\t\terror: error.message,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} )\n\t\t\t\t\t\t.finally( () => {\n\t\t\t\t\t\t\t// Debounce requests after first fetch.\n\t\t\t\t\t\t\tshouldDebounceRef.current = true;\n\t\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t},\n\t\t\tshouldDebounceRef.current ? 500 : 0\n\t\t);\n\n\t\tdebouncedFetch();\n\n\t\treturn () => {\n\t\t\tcontroller.abort();\n\t\t\tdebouncedFetch.cancel();\n\t\t};\n\t}, [ path, isPostRequest, body ] );\n\n\treturn response;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/index.js

@@ -1,47 +1,23 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-
 /**
  * Internal dependencies
  */
-import ServerSideRender from './server-side-render';
+import { ServerSideRenderWithPostId } from './server-side-render';
+import { useServerSideRender } from './hook';
 
 /**
- * Constants
+ * A compatibility layer for the `ServerSideRender` component when used with `wp` global namespace.
+ *
+ * @deprecated Use `ServerSideRender` non-default export instead.
+ *
+ * @example
+ * ```js
+ * import ServerSideRender from '@wordpress/server-side-render';
+ * ```
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-const EMPTY_OBJECT = {};
-export default function ExportedServerSideRender({
-  urlQueryArgs = EMPTY_OBJECT,
-  ...props
-}) {
-  const currentPostId = useSelect(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 postId = select('core/editor')?.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.
-    return postId && typeof postId === 'number' ? postId : null;
-  }, []);
-  const newUrlQueryArgs = useMemo(() => {
-    if (!currentPostId) {
-      return urlQueryArgs;
-    }
-    return {
-      post_id: currentPostId,
-      ...urlQueryArgs
-    };
-  }, [currentPostId, urlQueryArgs]);
-  return /*#__PURE__*/_jsx(ServerSideRender, {
-    urlQueryArgs: newUrlQueryArgs,
-    ...props
-  });
-}
+const ServerSideRenderCompat = ServerSideRenderWithPostId;
+ServerSideRenderCompat.ServerSideRender = ServerSideRenderWithPostId;
+ServerSideRenderCompat.useServerSideRender = useServerSideRender;
+export { ServerSideRenderWithPostId as ServerSideRender };
+export { useServerSideRender };
+export default ServerSideRenderCompat;
 //# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useSelect","ServerSideRender","jsx","_jsx","EMPTY_OBJECT","ExportedServerSideRender","urlQueryArgs","props","currentPostId","select","postId","getCurrentPostId","newUrlQueryArgs","post_id"],"sources":["@wordpress/server-side-render/src/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport ServerSideRender from './server-side-render';\n\n/**\n * Constants\n */\nconst EMPTY_OBJECT = {};\n\nexport default function ExportedServerSideRender( {\n\turlQueryArgs = EMPTY_OBJECT,\n\t...props\n} ) {\n\tconst currentPostId = useSelect( ( select ) => {\n\t\t// FIXME: @wordpress/server-side-render should not depend on @wordpress/editor.\n\t\t// It is used by blocks that can be loaded into a *non-post* block editor.\n\t\t// eslint-disable-next-line @wordpress/data-no-store-string-literals\n\t\tconst postId = select( 'core/editor' )?.getCurrentPostId();\n\n\t\t// For templates and template parts we use a custom ID format.\n\t\t// Since they aren't real posts, we don't want to use their ID\n\t\t// for server-side rendering. Since they use a string based ID,\n\t\t// we can assume real post IDs are numbers.\n\t\treturn postId && typeof postId === 'number' ? postId : null;\n\t}, [] );\n\n\tconst newUrlQueryArgs = useMemo( () => {\n\t\tif ( ! currentPostId ) {\n\t\t\treturn urlQueryArgs;\n\t\t}\n\t\treturn {\n\t\t\tpost_id: currentPostId,\n\t\t\t...urlQueryArgs,\n\t\t};\n\t}, [ currentPostId, urlQueryArgs ] );\n\n\treturn <ServerSideRender urlQueryArgs={ newUrlQueryArgs } { ...props } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,gBAAgB,MAAM,sBAAsB;;AAEnD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,MAAMC,YAAY,GAAG,CAAC,CAAC;AAEvB,eAAe,SAASC,wBAAwBA,CAAE;EACjDC,YAAY,GAAGF,YAAY;EAC3B,GAAGG;AACJ,CAAC,EAAG;EACH,MAAMC,aAAa,GAAGR,SAAS,CAAIS,MAAM,IAAM;IAC9C;IACA;IACA;IACA,MAAMC,MAAM,GAAGD,MAAM,CAAE,aAAc,CAAC,EAAEE,gBAAgB,CAAC,CAAC;;IAE1D;IACA;IACA;IACA;IACA,OAAOD,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAG,IAAI;EAC5D,CAAC,EAAE,EAAG,CAAC;EAEP,MAAME,eAAe,GAAGb,OAAO,CAAE,MAAM;IACtC,IAAK,CAAES,aAAa,EAAG;MACtB,OAAOF,YAAY;IACpB;IACA,OAAO;MACNO,OAAO,EAAEL,aAAa;MACtB,GAAGF;IACJ,CAAC;EACF,CAAC,EAAE,CAAEE,aAAa,EAAEF,YAAY,CAAG,CAAC;EAEpC,oBAAOH,IAAA,CAACF,gBAAgB;IAACK,YAAY,EAAGM,eAAiB;IAAA,GAAML;EAAK,CAAI,CAAC;AAC1E","ignoreList":[]}
+{"version":3,"names":["ServerSideRenderWithPostId","useServerSideRender","ServerSideRenderCompat","ServerSideRender"],"sources":["@wordpress/server-side-render/src/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { ServerSideRenderWithPostId } from './server-side-render';\nimport { useServerSideRender } from './hook';\n\n/**\n * A compatibility layer for the `ServerSideRender` component when used with `wp` global namespace.\n *\n * @deprecated Use `ServerSideRender` non-default export instead.\n *\n * @example\n * ```js\n * import ServerSideRender from '@wordpress/server-side-render';\n * ```\n */\nconst ServerSideRenderCompat = ServerSideRenderWithPostId;\nServerSideRenderCompat.ServerSideRender = ServerSideRenderWithPostId;\nServerSideRenderCompat.useServerSideRender = useServerSideRender;\n\nexport { ServerSideRenderWithPostId as ServerSideRender };\nexport { useServerSideRender };\nexport default ServerSideRenderCompat;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,mBAAmB,QAAQ,QAAQ;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,sBAAsB,GAAGF,0BAA0B;AACzDE,sBAAsB,CAACC,gBAAgB,GAAGH,0BAA0B;AACpEE,sBAAsB,CAACD,mBAAmB,GAAGA,mBAAmB;AAEhE,SAASD,0BAA0B,IAAIG,gBAAgB;AACvD,SAASF,mBAAmB;AAC5B,eAAeC,sBAAsB","ignoreList":[]}