diff --git a/IStreamProcessor.php b/IStreamProcessor.php
new file mode 100644
index 0000000..895edfe
--- /dev/null
+++ b/IStreamProcessor.php
@@ -0,0 +1,8 @@
+<?php
+
+interface IStreamProcessor {
+    public function append_bytes(string $bytes);
+    public function is_finished(): bool;
+    public function is_paused_at_incomplete_input(): bool;
+    public function get_last_error(): ?string;
+}
diff --git a/blueprints-library b/blueprints-library
index e08b224..3b8943b 160000
--- a/blueprints-library
+++ b/blueprints-library
@@ -1 +1 @@
-Subproject commit e08b224738a5bc2a0a9674be32ed34af11e91b89
+Subproject commit 3b8943b4364ae276f7390e46c136136f48eca63a
diff --git a/bootstrap.php b/bootstrap.php
new file mode 100644
index 0000000..97a8afb
--- /dev/null
+++ b/bootstrap.php
@@ -0,0 +1,54 @@
+<?php
+
+// Where to find the streaming WP_XML_Processor 
+// Use a version from this PR: https://github.com/adamziel/wordpress-develop/pull/43
+define('WP_XML_API_PATH', __DIR__ );
+define('SITE_TRANSFER_PROTOCOL_PATH', __DIR__ . '/site-transfer-protocol' );
+define('BLUEPRINTS_LIB_PATH', __DIR__ . '/blueprints-library/src/WordPress' );
+if(!file_exists(WP_XML_API_PATH . '/class-wp-token-map.php')) {
+    copy(WP_XML_API_PATH.'/../class-wp-token-map.php', WP_XML_API_PATH . '/class-wp-token-map.php');
+}
+
+$requires[] = WP_XML_API_PATH . "/IStreamProcessor.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-token.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-span.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-text-replacement.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-decoder.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-attribute-token.php";
+
+$requires[] = WP_XML_API_PATH . "/class-wp-html-decoder.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-tag-processor.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-open-elements.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-token-map.php";
+$requires[] = WP_XML_API_PATH . "/html5-named-character-references.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-active-formatting-elements.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-processor-state.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-unsupported-exception.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-html-processor.php";
+
+$requires[] = WP_XML_API_PATH . "/class-wp-xml-decoder.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-xml-tag-processor.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-xml-processor.php";
+$requires[] = WP_XML_API_PATH . "/class-wp-wxr-normalizer.php";
+$requires[] = WP_XML_API_PATH . "/functions.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/Streams/StreamWrapperInterface.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/Streams/StreamWrapper.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/Streams/StreamPeekerWrapper.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Request.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Response.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/HttpError.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Connection.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Client.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/StreamWrapper/ChunkedEncodingWrapper.php";
+$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/StreamWrapper/InflateStreamWrapper.php";
+
+$requires[] = SITE_TRANSFER_PROTOCOL_PATH . '/src/WP_Block_Markup_Processor.php';
+$requires[] = SITE_TRANSFER_PROTOCOL_PATH . '/src/WP_Block_Markup_Url_Processor.php';
+$requires[] = SITE_TRANSFER_PROTOCOL_PATH . '/src/WP_Migration_URL_In_Text_Processor.php';
+$requires[] = SITE_TRANSFER_PROTOCOL_PATH . '/src/WP_URL.php';
+$requires[] = SITE_TRANSFER_PROTOCOL_PATH . '/src/functions.php';
+$requires[] = SITE_TRANSFER_PROTOCOL_PATH . '/vendor/autoload.php';
+
+foreach ($requires as $require) {
+    require_once $require;
+}
diff --git a/class-wp-html-tag-processor.php b/class-wp-html-tag-processor.php
index 99f37dc..b3a9874 100644
--- a/class-wp-html-tag-processor.php
+++ b/class-wp-html-tag-processor.php
@@ -294,8 +294,8 @@
  *
  * The special elements are:
  *  - `SCRIPT` whose contents are treated as raw plaintext but supports a legacy
- *    style of including Javascript inside of HTML comments to avoid accidentally
- *    closing the SCRIPT from inside a Javascript string. E.g. `console.log( '</script>' )`.
+ *    style of including JavaScript inside of HTML comments to avoid accidentally
+ *    closing the SCRIPT from inside a JavaScript string. E.g. `console.log( '</script>' )`.
  *  - `TITLE` and `TEXTAREA` whose contents are treated as plaintext and then any
  *    character references are decoded. E.g. `1 &lt; 2 < 3` becomes `1 < 2 < 3`.
  *  - `IFRAME`, `NOSCRIPT`, `NOEMBED`, `NOFRAME`, `STYLE` whose contents are treated as
@@ -1524,21 +1524,10 @@ private function parse_next_tag() {
 		$was_at     = $this->bytes_already_parsed;
 		$at         = $was_at;
 
-		while ( false !== $at && $at < $doc_length ) {
+		while ( $at < $doc_length ) {
 			$at = strpos( $html, '<', $at );
-
-			/*
-			 * This does not imply an incomplete parse; it indicates that there
-			 * can be nothing left in the document other than a #text node.
-			 */
 			if ( false === $at ) {
-				$this->parser_state         = self::STATE_TEXT_NODE;
-				$this->token_starts_at      = $was_at;
-				$this->token_length         = strlen( $html ) - $was_at;
-				$this->text_starts_at       = $was_at;
-				$this->text_length          = $this->token_length;
-				$this->bytes_already_parsed = strlen( $html );
-				return true;
+				break;
 			}
 
 			if ( $at > $was_at ) {
@@ -1554,19 +1543,9 @@ private function parse_next_tag() {
 				 *
 				 * @see https://html.spec.whatwg.org/#tag-open-state
 				 */
-				if ( strlen( $html ) > $at + 1 ) {
-					$next_character  = $html[ $at + 1 ];
-					$at_another_node = (
-						'!' === $next_character ||
-						'/' === $next_character ||
-						'?' === $next_character ||
-						( 'A' <= $next_character && $next_character <= 'Z' ) ||
-						( 'a' <= $next_character && $next_character <= 'z' )
-					);
-					if ( ! $at_another_node ) {
-						++$at;
-						continue;
-					}
+				if ( 1 !== strspn( $html, '!/?abcdefghijklmnopqrstuvwxyzABCEFGHIJKLMNOPQRSTUVWXYZ', $at + 1, 1 ) ) {
+					++$at;
+					continue;
 				}
 
 				$this->parser_state         = self::STATE_TEXT_NODE;
@@ -1630,11 +1609,7 @@ private function parse_next_tag() {
 				 * `<!--` transitions to a comment state – apply further comment rules.
 				 * https://html.spec.whatwg.org/multipage/parsing.html#tag-open-state
 				 */
-				if (
-					$doc_length > $at + 3 &&
-					'-' === $html[ $at + 2 ] &&
-					'-' === $html[ $at + 3 ]
-				) {
+				if ( 0 === substr_compare( $html, '--', $at + 2, 2 ) ) {
 					$closer_at = $at + 4;
 					// If it's not possible to close the comment then there is nothing more to scan.
 					if ( $doc_length <= $closer_at ) {
@@ -1911,7 +1886,17 @@ private function parse_next_tag() {
 			++$at;
 		}
 
-		return false;
+		/*
+		 * This does not imply an incomplete parse; it indicates that there
+		 * can be nothing left in the document other than a #text node.
+		 */
+		$this->parser_state         = self::STATE_TEXT_NODE;
+		$this->token_starts_at      = $was_at;
+		$this->token_length         = $doc_length - $was_at;
+		$this->text_starts_at       = $was_at;
+		$this->text_length          = $this->token_length;
+		$this->bytes_already_parsed = $doc_length;
+		return true;
 	}
 
 	/**
@@ -1922,9 +1907,11 @@ private function parse_next_tag() {
 	 * @return bool Whether an attribute was found before the end of the document.
 	 */
 	private function parse_next_attribute() {
+		$doc_length = strlen( $this->html );
+
 		// Skip whitespace and slashes.
 		$this->bytes_already_parsed += strspn( $this->html, " \t\f\r\n/", $this->bytes_already_parsed );
-		if ( $this->bytes_already_parsed >= strlen( $this->html ) ) {
+		if ( $this->bytes_already_parsed >= $doc_length ) {
 			$this->parser_state = self::STATE_INCOMPLETE_INPUT;
 
 			return false;
@@ -1941,21 +1928,21 @@ private function parse_next_attribute() {
 			: strcspn( $this->html, "=/> \t\f\r\n", $this->bytes_already_parsed );
 
 		// No attribute, just tag closer.
-		if ( 0 === $name_length || $this->bytes_already_parsed + $name_length >= strlen( $this->html ) ) {
+		if ( 0 === $name_length || $this->bytes_already_parsed + $name_length >= $doc_length ) {
 			return false;
 		}
 
 		$attribute_start             = $this->bytes_already_parsed;
 		$attribute_name              = substr( $this->html, $attribute_start, $name_length );
 		$this->bytes_already_parsed += $name_length;
-		if ( $this->bytes_already_parsed >= strlen( $this->html ) ) {
+		if ( $this->bytes_already_parsed >= $doc_length ) {
 			$this->parser_state = self::STATE_INCOMPLETE_INPUT;
 
 			return false;
 		}
 
 		$this->skip_whitespace();
-		if ( $this->bytes_already_parsed >= strlen( $this->html ) ) {
+		if ( $this->bytes_already_parsed >= $doc_length ) {
 			$this->parser_state = self::STATE_INCOMPLETE_INPUT;
 
 			return false;
@@ -1965,7 +1952,7 @@ private function parse_next_attribute() {
 		if ( $has_value ) {
 			++$this->bytes_already_parsed;
 			$this->skip_whitespace();
-			if ( $this->bytes_already_parsed >= strlen( $this->html ) ) {
+			if ( $this->bytes_already_parsed >= $doc_length ) {
 				$this->parser_state = self::STATE_INCOMPLETE_INPUT;
 
 				return false;
@@ -1976,8 +1963,10 @@ private function parse_next_attribute() {
 				case '"':
 					$quote                      = $this->html[ $this->bytes_already_parsed ];
 					$value_start                = $this->bytes_already_parsed + 1;
-					$value_length               = strcspn( $this->html, $quote, $value_start );
-					$attribute_end              = $value_start + $value_length + 1;
+					$end_quote_at               = strpos( $this->html, $quote, $value_start );
+					$end_quote_at               = false === $end_quote_at ? $doc_length : $end_quote_at;
+					$value_length               = $end_quote_at - $value_start;
+					$attribute_end              = $end_quote_at + 1;
 					$this->bytes_already_parsed = $attribute_end;
 					break;
 
@@ -1993,7 +1982,7 @@ private function parse_next_attribute() {
 			$attribute_end = $attribute_start + $name_length;
 		}
 
-		if ( $attribute_end >= strlen( $this->html ) ) {
+		if ( $attribute_end >= $doc_length ) {
 			$this->parser_state = self::STATE_INCOMPLETE_INPUT;
 
 			return false;
@@ -2014,7 +2003,7 @@ private function parse_next_attribute() {
 		$comparable_name = strtolower( $attribute_name );
 
 		// If an attribute is listed many times, only use the first declaration and ignore the rest.
-		if ( ! array_key_exists( $comparable_name, $this->attributes ) ) {
+		if ( ! isset( $this->attributes[ $comparable_name ] ) ) {
 			$this->attributes[ $comparable_name ] = new WP_HTML_Attribute_Token(
 				$attribute_name,
 				$value_start,
@@ -2038,7 +2027,7 @@ private function parse_next_attribute() {
 		$duplicate_span = new WP_HTML_Span( $attribute_start, $attribute_end - $attribute_start );
 		if ( null === $this->duplicate_attributes ) {
 			$this->duplicate_attributes = array( $comparable_name => array( $duplicate_span ) );
-		} elseif ( ! array_key_exists( $comparable_name, $this->duplicate_attributes ) ) {
+		} elseif ( ! isset( $this->duplicate_attributes[ $comparable_name ] ) ) {
 			$this->duplicate_attributes[ $comparable_name ] = array( $duplicate_span );
 		} else {
 			$this->duplicate_attributes[ $comparable_name ][] = $duplicate_span;
@@ -2265,7 +2254,7 @@ private function class_name_updates_to_attributes_updates() {
 	 * @param int $shift_this_point Accumulate and return shift for this position.
 	 * @return int How many bytes the given pointer moved in response to the updates.
 	 */
-	private function apply_attributes_updates( $shift_this_point = 0 ) {
+	private function apply_attributes_updates( $shift_this_point ) {
 		if ( ! count( $this->lexical_updates ) ) {
 			return 0;
 		}
@@ -2787,6 +2776,8 @@ public function get_token_name() {
 			case self::STATE_FUNKY_COMMENT:
 				return '#funky-comment';
 		}
+
+		return null;
 	}
 
 	/**
@@ -2890,6 +2881,157 @@ public function get_modifiable_text() {
 		return $decoded;
 	}
 
+	/**
+	 * Sets the modifiable text for the matched token, if matched.
+	 *
+	 * Modifiable text is text content that may be read and changed without
+	 * changing the HTML structure of the document around it. This includes
+	 * the contents of `#text` nodes in the HTML as well as the inner
+	 * contents of HTML comments, Processing Instructions, and others, even
+	 * though these nodes aren't part of a parsed DOM tree. They also contain
+	 * the contents of SCRIPT and STYLE tags, of TEXTAREA tags, and of any
+	 * other section in an HTML document which cannot contain HTML markup (DATA).
+	 *
+	 * Not all modifiable text may be set by this method, and not all content
+	 * may be set as modifiable text. In the case that this fails it will return
+	 * `false` indicating as much. For instance, it will not allow inserting the
+	 * string `</script` into a SCRIPT element, because the rules for escaping
+	 * that safely are complicated. Similarly, it will not allow setting content
+	 * into a comment which would prematurely terminate the comment.
+	 *
+	 * Example:
+	 *
+	 *     // Add a preface to all STYLE contents.
+	 *     while ( $processor->next_tag( 'STYLE' ) ) {
+	 *         $style = $processor->get_modifiable_text();
+	 *         $processor->set_modifiable_text( "// Made with love on the World Wide Web\n{$style}" );
+	 *     }
+	 *
+	 *     // Replace smiley text with Emoji smilies.
+	 *     while ( $processor->next_token() ) {
+	 *         if ( '#text' !== $processor->get_token_name() ) {
+	 *             continue;
+	 *         }
+	 *
+	 *         $chunk = $processor->get_modifiable_text();
+	 *         if ( ! str_contains( $chunk, ':)' ) ) {
+	 *             continue;
+	 *         }
+	 *
+	 *         $processor->set_modifiable_text( str_replace( ':)', '🙂', $chunk ) );
+	 *     }
+	 *
+	 * @since 6.7.0
+	 *
+	 * @param string $plaintext_content New text content to represent in the matched token.
+	 *
+	 * @return bool Whether the text was able to update.
+	 */
+	public function set_modifiable_text( string $plaintext_content ): bool {
+		if ( self::STATE_TEXT_NODE === $this->parser_state ) {
+			$this->lexical_updates[] = new WP_HTML_Text_Replacement(
+				$this->text_starts_at,
+				$this->text_length,
+				htmlspecialchars( $plaintext_content, ENT_QUOTES | ENT_HTML5 )
+			);
+
+			return true;
+		}
+
+		// Comment data is not encoded.
+		if (
+			self::STATE_COMMENT === $this->parser_state &&
+			self::COMMENT_AS_HTML_COMMENT === $this->comment_type
+		) {
+			// Check if the text could close the comment.
+			if ( 1 === preg_match( '/--!?>/', $plaintext_content ) ) {
+				return false;
+			}
+
+			$this->lexical_updates[] = new WP_HTML_Text_Replacement(
+				$this->text_starts_at,
+				$this->text_length,
+				$plaintext_content
+			);
+
+			return true;
+		}
+
+		if ( self::STATE_MATCHED_TAG !== $this->parser_state ) {
+			return false;
+		}
+
+		switch ( $this->get_tag() ) {
+			case 'SCRIPT':
+				/*
+				 * This is over-protective, but ensures the update doesn't break
+				 * out of the SCRIPT element. A more thorough check would need to
+				 * ensure that the script closing tag doesn't exist, and isn't
+				 * also "hidden" inside the script double-escaped state.
+				 *
+				 * It may seem like replacing `</script` with `<\/script` would
+				 * properly escape these things, but this could mask regex patterns
+				 * that previously worked. Resolve this by not sending `</script`
+				 */
+				if ( false !== stripos( $plaintext_content, '</script' ) ) {
+					return false;
+				}
+
+				$this->lexical_updates[] = new WP_HTML_Text_Replacement(
+					$this->text_starts_at,
+					$this->text_length,
+					$plaintext_content
+				);
+
+				return true;
+
+			case 'STYLE':
+				$plaintext_content = preg_replace_callback(
+					'~</(?P<TAG_NAME>style)~i',
+					static function ( $tag_match ) {
+						return "\\3c\\2f{$tag_match['TAG_NAME']}";
+					},
+					$plaintext_content
+				);
+
+				$this->lexical_updates[] = new WP_HTML_Text_Replacement(
+					$this->text_starts_at,
+					$this->text_length,
+					$plaintext_content
+				);
+
+				return true;
+
+			case 'TEXTAREA':
+			case 'TITLE':
+				$plaintext_content = preg_replace_callback(
+					"~</(?P<TAG_NAME>{$this->get_tag()})~i",
+					static function ( $tag_match ) {
+						return "&lt;/{$tag_match['TAG_NAME']}";
+					},
+					$plaintext_content
+				);
+
+				/*
+				 * These don't _need_ to be escaped, but since they are decoded it's
+				 * safe to leave them escaped and this can prevent other code from
+				 * naively detecting tags within the contents.
+				 *
+				 * @todo It would be useful to prefix a multiline replacement text
+				 *       with a newline, but not necessary. This is for aesthetics.
+				 */
+				$this->lexical_updates[] = new WP_HTML_Text_Replacement(
+					$this->text_starts_at,
+					$this->text_length,
+					$plaintext_content
+				);
+
+				return true;
+		}
+
+		return false;
+	}
+
 	/**
 	 * Updates or creates a new attribute on the currently matched tag with the passed value.
 	 *
@@ -2970,7 +3112,14 @@ public function set_attribute( $name, $value ) {
 		if ( true === $value ) {
 			$updated_attribute = $name;
 		} else {
-			$escaped_new_value = esc_attr( $value );
+			$comparable_name = strtolower( $name );
+
+			/*
+			 * Escape URL attributes.
+			 *
+			 * @see https://html.spec.whatwg.org/#attributes-3
+			 */
+			$escaped_new_value = in_array( $comparable_name, wp_kses_uri_attributes() ) ? esc_url( $value ) : esc_attr( $value );
 			$updated_attribute = "{$name}=\"{$escaped_new_value}\"";
 		}
 
@@ -3101,14 +3250,12 @@ public function remove_attribute( $name ) {
 		);
 
 		// Removes any duplicated attributes if they were also present.
-		if ( null !== $this->duplicate_attributes && array_key_exists( $name, $this->duplicate_attributes ) ) {
-			foreach ( $this->duplicate_attributes[ $name ] as $attribute_token ) {
-				$this->lexical_updates[] = new WP_HTML_Text_Replacement(
-					$attribute_token->start,
-					$attribute_token->length,
-					''
-				);
-			}
+		foreach ( $this->duplicate_attributes[ $name ] ?? array() as $attribute_token ) {
+			$this->lexical_updates[] = new WP_HTML_Text_Replacement(
+				$attribute_token->start,
+				$attribute_token->length,
+				''
+			);
 		}
 
 		return true;
@@ -3195,14 +3342,14 @@ public function get_updated_html() {
 		 * Keep track of the position right before the current tag. This will
 		 * be necessary for reparsing the current tag after updating the HTML.
 		 */
-		$before_current_tag = $this->token_starts_at;
+		$before_current_tag = $this->token_starts_at ?? 0;
 
 		/*
 		 * 1. Apply the enqueued edits and update all the pointers to reflect those changes.
 		 */
 		$this->class_name_updates_to_attributes_updates();
-		$before_current_tag += $this->apply_attributes_updates( $before_current_tag );
-
+		$before_current_tag += $this->apply_attributes_updates($before_current_tag);
+		
 		/*
 		 * 2. Rewind to before the current tag and reparse to get updated attributes.
 		 *
@@ -3223,7 +3370,9 @@ public function get_updated_html() {
 		 *                 ↑  │ back up by the length of the tag name plus the opening <
 		 *                 └←─┘ back up by strlen("em") + 1 ==> 3
 		 */
-		$this->bytes_already_parsed = $before_current_tag;
+		if ($this->get_token_type() === '#tag') {
+			$this->bytes_already_parsed = $before_current_tag;
+		}
 		$this->base_class_next_token();
 
 		return $this->html;
@@ -3308,35 +3457,8 @@ private function matches() {
 		}
 
 		// Does the tag name match the requested tag name in a case-insensitive manner?
-		if ( null !== $this->sought_tag_name ) {
-			/*
-			 * String (byte) length lookup is fast. If they aren't the
-			 * same length then they can't be the same string values.
-			 */
-			if ( strlen( $this->sought_tag_name ) !== $this->tag_name_length ) {
-				return false;
-			}
-
-			/*
-			 * Check each character to determine if they are the same.
-			 * Defer calls to `strtoupper()` to avoid them when possible.
-			 * Calling `strcasecmp()` here tested slowed than comparing each
-			 * character, so unless benchmarks show otherwise, it should
-			 * not be used.
-			 *
-			 * It's expected that most of the time that this runs, a
-			 * lower-case tag name will be supplied and the input will
-			 * contain lower-case tag names, thus normally bypassing
-			 * the case comparison code.
-			 */
-			for ( $i = 0; $i < $this->tag_name_length; $i++ ) {
-				$html_char = $this->html[ $this->tag_name_starts_at + $i ];
-				$tag_char  = $this->sought_tag_name[ $i ];
-
-				if ( $html_char !== $tag_char && strtoupper( $html_char ) !== $tag_char ) {
-					return false;
-				}
-			}
+		if ( isset( $this->sought_tag_name ) && 0 !== substr_compare( $this->html, $this->sought_tag_name, $this->tag_name_starts_at, $this->tag_name_length, true ) ) {
+			return false;
 		}
 
 		if ( null !== $this->sought_class_name && ! $this->has_class( $this->sought_class_name ) ) {
diff --git a/class-wp-wxr-normalizer.php b/class-wp-wxr-normalizer.php
new file mode 100644
index 0000000..2fbb3b3
--- /dev/null
+++ b/class-wp-wxr-normalizer.php
@@ -0,0 +1,236 @@
+<?php
+
+class WP_WXR_Normalizer
+{
+
+    private $input_stream;
+    private $output_stream;
+    private $rewrite_url_callback;
+
+    private $found_urls = array();
+
+    public function __construct(
+        $input_stream,
+        $output_stream,
+        $rewrite_url_callback
+    ) {
+        $this->input_stream = $input_stream;
+        $this->output_stream = $output_stream;
+        $this->rewrite_url_callback = $rewrite_url_callback;
+    }
+
+    public function get_found_urls()
+    {
+        return array_keys($this->found_urls);        
+    }
+
+    public function process()
+    {
+        $tokens = WP_XML_Processor::stream_tokens($this->input_stream, $this->output_stream, 1000000);
+        foreach ($tokens as $processor) {
+            if (
+                in_array('item', $processor->get_breadcrumbs())
+                // $processor->matches_breadcrumbs(array('item', 'content:encoded')) ||
+                // $processor->matches_breadcrumbs(array('item', 'excerpt:encoded')) ||
+                // $processor->matches_breadcrumbs(array('wp:comment_content'))
+            ) {
+                switch ($processor->get_token_type()) {
+                    case '#text':
+                    case '#cdata-section':
+                        $text = $processor->get_modifiable_text();
+                        $updated_text = $this->process_content_node($text);
+                        if ($updated_text !== $text) {
+                            $processor->set_modifiable_text($updated_text);
+                        }
+                        break;
+                }
+            }
+        }
+    }
+
+    public function process_content_node($text)
+    {
+        $result = $this->process_as_html($text);
+        if(false !== $result) {
+            return $result;
+        }
+
+        $result = $this->process_as_plaintext($text);
+        if(false !== $result) {
+            return $result;
+        }
+
+        return false;
+    }
+
+    private function process_as_html($text) {
+        $html = new WP_HTML_Tag_Processor($text);
+        if(false === $html->next_token()) {
+            return false;
+        }
+
+        do {
+            switch($html->get_token_type()) {
+                case '#comment':
+                    $text = $html->get_modifiable_text();
+                    // Try to parse as a block. The block parser won't cut it because
+                    // while it can parse blocks, it has no semantics for rewriting the
+                    // block markup. Let's do our best here:
+                    $at = strspn($text, ' \t\f\r\n'); // Whitespace
+                    if(!(
+                        $at + 3 < strlen($text) &&
+                        $text[$at] === 'w' &&
+                        $text[$at+1] === 'p' &&
+                        $text[$at+2] === ':'
+                    )) {
+                        break;
+                    }
+                    $at += 3;
+                    $at += strspn($text, 'abcdefghijklmnopqrstuwxvyzABCDEFGHIJKLMNOPRQSTUWXVYZ0123456789_-', $at); // Block name
+                    $at += strspn($text, ' \t\f\r\n', $at); // Whitespace again
+                    if($at >= strlen($text)) {
+                        // Oh, there were no attributes or this wasn't a block
+                        // Either way, we have nothing more to do here.
+                        break;
+                    }
+
+                    // It seems we may have block attributes here. Let's try to
+                    // parse them as JSON.
+                    $json_maybe = substr($text, $at);
+                    $attributes = json_decode($json_maybe, true);
+                    if(null === $attributes) {
+                        // This wasn't a block after all, let's move on
+                        break;
+                    }
+
+                    // This is a block! Let's process all block attributes and rewrite them
+                    $new_attributes = $this->process_block_attributes($attributes);
+                    $this->set_modifiable_html_text(
+                        $html,
+                        substr($text, 0, $at) . json_encode($new_attributes, JSON_HEX_TAG | JSON_HEX_AMP)
+                    );
+                    break;
+
+                case '#tag':
+                    $attributes = $html->get_attribute_names_with_prefix('');
+                    if(!$attributes) {
+                        break;
+                    }
+                    foreach($attributes as $attribute_name) {
+                        $value = $html->get_attribute($attribute_name);
+                        $updated = $this->process_as_plaintext($value);
+                        if($updated !== $value) {
+                            $html->set_attribute($attribute_name, $updated);
+                        }
+                    }
+                    break;
+                case '#text':
+                    $text = $html->get_modifiable_text();
+                    $updated_text = $this->process_as_plaintext($text);
+                    if($updated_text !== $text) {
+                        $this->set_modifiable_html_text($html, $updated_text);
+                    }
+                    break;
+            }
+        } while($html->next_token());
+
+        return $html->get_updated_html();
+    }
+
+    private function process_block_attributes($attributes) {
+        if(is_string($attributes)) {
+            return $this->process_as_plaintext($attributes);
+        } else if(is_array($attributes)) {
+            $new_attributes = array();
+            foreach($attributes as $key => $value) {
+                $new_attributes[$key] = $this->process_block_attributes($value);
+            }
+            return $new_attributes;
+        } else {
+            return $attributes;
+        }
+    }
+
+    /**
+     * @TODO: Investigate how bad this is – would it stand the test of time, or do we need
+     *        a proper URL-matching state machine?
+     */
+    const URL_REGEXP = '\b((?:(https?):\/\/|www\.)[-a-zA-Z0-9@:%._\+\~#=]+(?:\.[a-zA-Z0-9]{2,})+[-a-zA-Z0-9@:%_\+.\~#?&//=]*)\b';
+    private function process_as_plaintext($text) {
+        return preg_replace_callback(
+            '~'.self::URL_REGEXP.'~',
+            function ($matches) {
+                $this->found_urls[$matches[0]] = true;
+                $replacer = $this->rewrite_url_callback;
+                return $replacer($matches[0]);
+            },
+            $text
+        );
+    }
+
+    private function set_modifiable_html_text(WP_HTML_Tag_Processor $p, $new_value) {
+        $reflection = new ReflectionClass('WP_HTML_Tag_Processor');
+        $accessible_text_starts_at = $reflection->getProperty('text_starts_at');
+        $accessible_text_starts_at->setAccessible(true);
+    
+        $accessible_text_length = $reflection->getProperty('text_length');
+        $accessible_text_length->setAccessible(true);
+    
+        $lexical_updates = $reflection->getProperty('lexical_updates');
+        $lexical_updates->setAccessible(true);
+    
+        switch ( $p->get_token_type() ) {
+            case '#text':
+                $lexical_updates_now = $lexical_updates->getValue($p);
+                $lexical_updates_now[] = new WP_HTML_Text_Replacement(
+                    $accessible_text_starts_at->getValue($p),
+                    $accessible_text_length->getValue($p),
+                    htmlspecialchars( $new_value, ENT_XML1, 'UTF-8' )
+                );
+                $lexical_updates->setValue($p, $lexical_updates_now);
+                return true;
+    
+            case '#comment':
+            case '#cdata-section':
+                if(
+                    $p->get_token_type() === '#comment' && (
+                        strpos($new_value, '-->') !== false ||
+                        strpos($new_value, '--!>') !== false
+                    )
+                ) {
+                    _doing_it_wrong(
+                        __METHOD__,
+                        __( 'Cannot set a comment closer as a text of an HTML comment.' ),
+                        'WP_VERSION'
+                    );
+                    return false;
+                }
+                if(
+                    $p->get_token_type() === '#cdata-section' && 
+                    strpos($new_value, '>') !== false 
+                ) {
+                    _doing_it_wrong(
+                        __METHOD__,
+                        __( 'Cannot set a CDATA closer as text of an HTML CDATA-lookalike section.' ),
+                        'WP_VERSION'
+                    );
+                    return false;
+                }
+                $lexical_updates_now = $lexical_updates->getValue($p);
+                $lexical_updates_now[] = new WP_HTML_Text_Replacement(
+                    $accessible_text_starts_at->getValue($p),
+                    $accessible_text_length->getValue($p),
+                    $new_value
+                );
+                $lexical_updates->setValue($p, $lexical_updates_now);
+                return true;
+            default:
+                _doing_it_wrong(
+                    __METHOD__,
+                    __( 'Cannot set text content on a non-text node.' ),
+                    'WP_VERSION'
+                );
+                return false;
+        }
+    }
+}
diff --git a/class-wp-xml-processor.php b/class-wp-xml-processor.php
index a18e35f..b3a73ed 100644
--- a/class-wp-xml-processor.php
+++ b/class-wp-xml-processor.php
@@ -10,7 +10,7 @@
 /**
  * @since WP_VERSION
  */
-class WP_XML_Processor extends WP_XML_Tag_Processor {
+class WP_XML_Processor extends WP_XML_Tag_Processor implements IStreamProcessor {
 
 	/**
 	 * Indicates the current parsing stage.
@@ -60,7 +60,7 @@ public static function stream_tokens( $input_stream, $output_stream, $buffer_siz
 			$token_found = $processor->next_token();
 			$processor->get_updated_xml();
 
-			if ( $processor->paused_at_incomplete_token() ) {
+			if ( $processor->is_paused_at_incomplete_input() ) {
 				fwrite( $output_stream, $processor->get_processed_xml() );
 
 				$next_chunk = fread( $input_stream, $buffer_size );
@@ -88,6 +88,47 @@ public static function stream_tokens( $input_stream, $output_stream, $buffer_siz
 		}
 	}
 
+	public function pause() {
+		return array(
+			'xml' => $this->xml,
+			// @TODO: Include all the information below in the bookmark:
+			'bytes_already_parsed' => $this->token_starts_at,
+			'breadcrumbs' => $this->get_breadcrumbs(),
+			'parser_context' => $this->get_parser_context(),
+			'stack_of_open_elements' => $this->stack_of_open_elements,
+		);
+	}
+
+	public function resume($paused) {
+		$this->xml = $paused['xml'];
+		$this->stack_of_open_elements = $paused['stack_of_open_elements'];
+		$this->parser_context = $paused['parser_context'];
+		$this->bytes_already_parsed = $paused['bytes_already_parsed'];
+		$this->base_class_next_token();
+	}
+
+	/**
+	 * Wipes out the processed XML and appends the next chunk of XML to
+	 * any remaining unprocessed XML.
+	 * 
+	 * @param string $next_chunk XML to append.
+	 */
+	public function append_bytes( string $next_chunk )
+	{
+		$this->get_updated_xml();
+
+		$new_xml = $this->get_unprocessed_xml() . $next_chunk;
+		$breadcrumbs = $this->get_breadcrumbs();
+		$parser_context = $this->get_parser_context();
+
+		$this->reset_state();
+
+		$this->xml = $new_xml;
+		$this->stack_of_open_elements = $breadcrumbs;
+		$this->parser_context         = $parser_context;
+		$this->had_previous_chunks    = true;
+	}
+
 	/**
 	 * Constructor.
 	 *
diff --git a/class-wp-xml-tag-processor.php b/class-wp-xml-tag-processor.php
index db06e54..1a29ff7 100644
--- a/class-wp-xml-tag-processor.php
+++ b/class-wp-xml-tag-processor.php
@@ -337,7 +337,7 @@ class WP_XML_Tag_Processor {
 	 * @since WP_VERSION
 	 * @var string
 	 */
-	protected $xml;
+	public $xml;
 
 	/**
 	 * The last query passed to next_tag().
@@ -428,7 +428,7 @@ class WP_XML_Tag_Processor {
 	 * @since WP_VERSION
 	 * @var int
 	 */
-	private $bytes_already_parsed = 0;
+	public $bytes_already_parsed = 0;
 
 	/**
 	 * Byte offset in input document where current token starts.
@@ -443,7 +443,7 @@ class WP_XML_Tag_Processor {
 	 *
 	 * @var int|null
 	 */
-	private $token_starts_at;
+	protected $token_starts_at;
 
 	/**
 	 * Byte length of current token.
@@ -870,16 +870,27 @@ protected function base_class_next_token() {
 	 *
 	 *     $processor = new WP_XML_Tag_Processor( '<input type="text" value="Th' );
 	 *     false      === $processor->get_next_tag();
-	 *     true       === $processor->paused_at_incomplete_token();
+	 *     true       === $processor->is_paused_at_incomplete_token();
 	 *
 	 * @since WP_VERSION
 	 *
 	 * @return bool Whether the parse paused at the start of an incomplete token.
 	 */
-	public function paused_at_incomplete_token() {
+	public function is_paused_at_incomplete_input(): bool {
 		return self::STATE_INCOMPLETE_INPUT === $this->parser_state;
 	}
 
+	/**
+	 * Whether the processor finished processing.
+	 *
+	 * @since WP_VERSION
+	 *
+	 * @return bool Whether the processor finished processing.
+	 */
+	public function is_finished(): bool {
+		return self::STATE_COMPLETE === $this->parser_state;
+	}
+
 	/**
 	 * Sets a bookmark in the XML document.
 	 *
@@ -1073,7 +1084,7 @@ private function skip_pcdata( $tag_name ) {
 	 *
 	 * @return string|null The last error, if one exists, otherwise null.
 	 */
-	public function get_last_error() {
+	public function get_last_error(): ?string {
 		return $this->last_error;
 	}
 
@@ -1751,6 +1762,31 @@ private function after_tag() {
 		$this->is_closing_tag          = null;
 		$this->attributes              = array();
 	}
+	
+	protected function reset_state()
+	{
+		$this->xml = '';
+		$this->last_query = null;
+		$this->sought_tag_name		   = null;
+		$this->sought_match_offset	   = 0;
+		$this->stop_on_tag_closers	   = false;
+		$this->parser_state            = self::STATE_READY;
+		$this->is_incomplete_text_node = false;
+		$this->bytes_already_parsed	   = 0;
+		$this->token_starts_at         = null;
+		$this->token_length            = null;
+		$this->tag_name_starts_at = null;
+		$this->tag_name_length = null;
+		$this->text_starts_at = null;
+		$this->text_length = null;
+		$this->is_closing_tag          = null;
+		$this->last_error			   = null;
+		$this->attributes              = array();
+		$this->bookmarks              = array();
+		$this->lexical_updates = array();
+		$this->seek_count			   = 0;
+		$this->had_previous_chunks			   = false;
+	}
 
 	/**
 	 * Applies attribute updates to XML document.
diff --git a/export.wxr b/export.wxr
new file mode 100644
index 0000000..a48ba58
--- /dev/null
+++ b/export.wxr
@@ -0,0 +1,8310 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ This is a WordPress eXtended RSS file generated by WordPress as an export of your site.
+ It contains information about your site's posts, pages, comments, categories, and other content.
+ You may use this file to transfer that content from one site to another.
+ This file is not intended to serve as a complete backup of your site.
+
+ To import this information into a WordPress site follow these steps:
+ 1. Log in to that site as an administrator.
+ 2. Go to Tools: Import in the WordPress admin panel.
+ 3. Install the "WordPress" importer from the list.
+ 4. Activate & Run Importer.
+ 5. Upload this file using the form provided on that page.
+ 6. You will first be asked to map the authors in this export file to users
+    on the site. For each author, you may choose to map to an
+    existing user on the site or to create a new user.
+ 7. WordPress will then import each of the posts, pages, comments, categories, etc.
+    contained in this file into your site.
+-->
+<!-- generator="WordPress/6.6-beta2" created="2024-06-12 11:34" -->
+<rss version="2.0" xmlns:excerpt="http://wordpress.org/export/1.2/excerpt/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:wp="http://wordpress.org/export/1.2/">
+  <channel>
+<title>My WordPress Website</title>
+<link>http://127.0.0.1:9400</link>
+<description/>
+<pubDate>Wed, 12 Jun 2024 11:34:29 +0000</pubDate>
+<language>en-US</language>
+<wp:wxr_version>1.2</wp:wxr_version>
+<wp:base_site_url>http://127.0.0.1:9400</wp:base_site_url>
+<wp:base_blog_url>http://127.0.0.1:9400</wp:base_blog_url>
+<wp:author>
+  <wp:author_id>1</wp:author_id>
+  <wp:author_login>admin</wp:author_login>
+  <wp:author_email>admin@localhost.com</wp:author_email>
+  <wp:author_display_name><![CDATA[admin]]></wp:author_display_name>
+  <wp:author_first_name><![CDATA[]]></wp:author_first_name>
+  <wp:author_last_name><![CDATA[]]></wp:author_last_name>
+</wp:author>
+<generator>https://wordpress.org/?v=6.6-beta2</generator>
+<item>
+  <title><![CDATA[15-resources.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=1</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Links and Resources</h1>
+<!-- /wp:heading -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Frequently sought links</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/">Demo</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://github.com/WordPress/wordpress-playground">Github Repository</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://wordpress.github.io/wordpress-playground/">Documentation</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://github.com/WordPress/playground-tools">Playground tools Repository</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Apps built with WordPress Playground</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/">Official demo</a> and the <a href="https://developer.wordpress.org/playground">showcase</a> app – install a theme, try out a plugin, create a few pages, export what you've built</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://www.npmjs.com/package/%40wp-now/wp-now">wp-now</a> – a CLI tool for instant WordPress dev envs</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground">WordPress Playground for VS Code</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Live Translations: <a href="https://translate.wordpress.org/projects/wp-plugins/friends/dev/pl/default/playground/">App</a>, <a href="https://make.wordpress.org/polyglots/2023/04/19/wp-translation-playground/">announcement</a>, <a href="https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/">more details</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://wordpress.org/plugins/interactive-code-block/">Interactive code block</a> which powers the <a href="https://adamadam.blog/2023/02/16/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api/">HTML Tag Processor tutorial</a> and the <a href="https://adamadam.blog/2023/04/12/interactive-intro-to-wordpress-playground-public-api/">Playground JS API tutorial</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/gutenberg.html">Gutenberg Pull Request previewer</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://johnhooks.io/playground-experiment/">Notifications plugin live demo</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://www.wpgraphql.com/2023/06/15/announcing-the-wpgraphql-repl">GraphQL REPL</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://twitter.com/adamzielin/status/1669478239771799552">Blocknotes</a> – the first ever iOS app running WordPress on your phone</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://joost.blog/embedded-playground/">Playground embedder</a> to embed Playground examples in WordPress.org documentation using shortcodes</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://gist.github.com/adamziel/0fe3ffc1fb5202a907a87d055ee37135">Plugin demos on wp.org</a> – a user script that adds a "demo" tab to plugin pages on WordPress.org</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/wordpress.html">WordPress Pull Request previewer</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/demos/sync.html">Synchronization between two Playgrounds</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/demos/time-traveling.html">Time Travel</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/demos/wp-cli.html">WP-CLI</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://playground.wordpress.net/demos/php-blueprints.html">PHP implementation of Blueprints</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Reading materials</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="https://web.dev/wordpress-playground/">Build in-browser WordPress experiences with WordPress Playground and WebAssembly</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://developer.wordpress.org/playground">WordPress Playground on developer.wordpress.org</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://make.wordpress.org/core/2023/04/13/in-browser-wordpress-tech-demos-wordpress-development-with-wordpress-playground/">In-Browser WordPress Tech Demos: WordPress Development with WordPress Playground</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://make.wordpress.org/core/2022/09/23/client-side-webassembly-wordpress-with-no-server/">Initial announcement on make.wordpress.org</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://news.ycombinator.com/item?id=32960560">Hackernews discussion</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Videos</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Developer Hours Videos: <a href="https://wordpress.tv/2023/05/23/developer-hours-wordpress-playground-americas/">Americas Region (May 23,2023)</a>, <a href="https://wordpress.tv/2023/05/24/developer-hours-wordpress-playground-apac-emea/">APAC/EMEA Region (May 24,2023)</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://youtu.be/VeigCZuxnfY?t=2912">Playground at State of the Word</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://www.youtube.com/watch?v=e-CwouzTGp4&amp;t=26946s">Playground at WCEU 2023</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://www.youtube.com/watch?v=AUHklF9GdL8&amp;list=PLiCne9CeL82_hGuJOAJlsc84WxVDSH-c9&amp;index=4">Playground at WordCamp Gliwice (in polish)</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://www.youtube.com/watch?v=dN_LaenY8bI">Watch "WordPress Playground: the ultimate learning, testing, &amp; teaching tool for WordPress"</a> by Anne McCarthy</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>1</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[17-changelog.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=2</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Changelog</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>All notable changes to this project are documented in this file by a CI job<br>that runs on every NPM release. The file follows the <a href="https://keepachangelog.com/en/1.1.0/">Keep a Changelog</a><br>format.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.20] (2024-05-21)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><strong>Breaking Changes</strong></h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>[Breaking] Refactor PHP.ini management, remove php.setPhpIniPath() and php.setPhpIniEntry(). (<a href="https://github.com/WordPress/wordpress-playground/pull/1423">#1423</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Enhancements</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>CLI: Distinguish between mount and mountBeforeInstall options. (<a href="https://github.com/WordPress/wordpress-playground/pull/1410">#1410</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>CLI: Support fetching WordPress zips from custom URLs. (<a href="https://github.com/WordPress/wordpress-playground/pull/1415">#1415</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Introduce a new @wp-playground/common package to avoid circular depencies. (<a href="https://github.com/WordPress/wordpress-playground/pull/1387">#1387</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Website: Ship the SQLite database integration plugin. (<a href="https://github.com/WordPress/wordpress-playground/pull/1418">#1418</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Boot Flow</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Playground CLI: Don't create /wordpress/wp-config.php on boot. (<a href="https://github.com/WordPress/wordpress-playground/pull/1407">#1407</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Define constants in auto_prepend_file, silence warnings related to redefining those constants. (<a href="https://github.com/WordPress/wordpress-playground/pull/1400">#1400</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Detect silent failures when activating plugins and theme. (<a href="https://github.com/WordPress/wordpress-playground/pull/1436">#1436</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Re-activate single-file plugins when enabling a multisite. (<a href="https://github.com/WordPress/wordpress-playground/pull/1435">#1435</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Throw an error when activating a theme or plugin that doesn't exist. (<a href="https://github.com/WordPress/wordpress-playground/pull/1391">#1391</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Write sunrise.php to /internal in enableMultisite step. (<a href="https://github.com/WordPress/wordpress-playground/pull/1401">#1401</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add VSCode branch protection. (<a href="https://github.com/WordPress/wordpress-playground/pull/1408">#1408</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Show error log if Playground fails to start. (<a href="https://github.com/WordPress/wordpress-playground/pull/1336">#1336</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Unzip: Only delete a temporary zip file after unzipping, do not delete the original zip. (<a href="https://github.com/WordPress/wordpress-playground/pull/1412">#1412</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">GitHub integration</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>GitHub export: Create new commits in your fork when writing to the upstream repo isn't allowed. (<a href="https://github.com/WordPress/wordpress-playground/pull/1392">#1392</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Import/Export</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Support wp_crop_image in import wxr. (<a href="https://github.com/WordPress/wordpress-playground/pull/1357">#1357</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Devrel</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add puzzle API. (<a href="https://github.com/WordPress/wordpress-playground/pull/1372">#1372</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Documentation</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Docs: Use step function names instead of TypeScript type names. (<a href="https://github.com/WordPress/wordpress-playground/pull/1373">#1373</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Updated the GitHub issue link to open in a new tab. (<a href="https://github.com/WordPress/wordpress-playground/pull/1353">#1353</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Use step id name. (<a href="https://github.com/WordPress/wordpress-playground/pull/1377">#1377</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Experiments</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Explore: Setup SQLite database integration without creating wp-content/db.php. (<a href="https://github.com/WordPress/wordpress-playground/pull/1382">#1382</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add shareable extension-to-MIME-type mapping. (<a href="https://github.com/WordPress/wordpress-playground/pull/1355">#1355</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Document php ini functions. (<a href="https://github.com/WordPress/wordpress-playground/pull/1430">#1430</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>JSPI: Enable the origin trial on Chrome. (<a href="https://github.com/WordPress/wordpress-playground/pull/1346">#1346</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Add libjpeg and libwebp support. (<a href="https://github.com/WordPress/wordpress-playground/pull/1393">#1393</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Always set the auto_prepend_file php.ini entry, even when the auto_prepend_file.php file exists. (<a href="https://github.com/WordPress/wordpress-playground/pull/1388">#1388</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Move internal shared directories to /internal/shared. (<a href="https://github.com/WordPress/wordpress-playground/pull/1386">#1386</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Remove mentions of a custom PHP extension. (<a href="https://github.com/WordPress/wordpress-playground/pull/1422">#1422</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Remove the MODE_EVAL_CODE execution mode. (<a href="https://github.com/WordPress/wordpress-playground/pull/1433">#1433</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Support php.mv() between devices via recursive copy. (<a href="https://github.com/WordPress/wordpress-playground/pull/1411">#1411</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Use /internal/shared/php.ini by default. (<a href="https://github.com/WordPress/wordpress-playground/pull/1419">#1419</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Use auto_prepend_file to preload mu-plugins (instead of creating them in wp-content/mu-plugins). (<a href="https://github.com/WordPress/wordpress-playground/pull/1366">#1366</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Improve log modal styles, a11y, error message wording. (<a href="https://github.com/WordPress/wordpress-playground/pull/1369">#1369</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Move puzzle app to a Playground package. (<a href="https://github.com/WordPress/wordpress-playground/pull/1385">#1385</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Add secrets on-demand for more endpoints. (<a href="https://github.com/WordPress/wordpress-playground/pull/1362">#1362</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Boot: Move WordPress zip extraction logic to a common unzipWordPress() utility. (<a href="https://github.com/WordPress/wordpress-playground/pull/1427">#1427</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Derive MIME types for PHP served files from shared JSON. (<a href="https://github.com/WordPress/wordpress-playground/pull/1360">#1360</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix constant names for GH export oauth. (<a href="https://github.com/WordPress/wordpress-playground/pull/1378">#1378</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Playground Boot: Align the boot process between remote.html and CLI. (<a href="https://github.com/WordPress/wordpress-playground/pull/1389">#1389</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remote.html: Install WordPress if it isn't installed yet. (<a href="https://github.com/WordPress/wordpress-playground/pull/1425">#1425</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remote.html: Preload the SQLite database plugin, but only execute it if there's no custom db.php inside wp-content. (<a href="https://github.com/WordPress/wordpress-playground/pull/1424">#1424</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Simplify website deployment workflows. (<a href="https://github.com/WordPress/wordpress-playground/pull/1404">#1404</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Update rsync command to clean up more completely. (<a href="https://github.com/WordPress/wordpress-playground/pull/1361">#1361</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Provide non-gzipped wp-cli.phar file with website build. (<a href="https://github.com/WordPress/wordpress-playground/pull/1406">#1406</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Simplify runPhpWithZipFunctions() setup. (<a href="https://github.com/WordPress/wordpress-playground/pull/1434">#1434</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix changelog automation. (<a href="https://github.com/WordPress/wordpress-playground/pull/1413">#1413</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add name to Puzzle package. (<a href="https://github.com/WordPress/wordpress-playground/pull/1443">#1443</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fixed images not loading on the page. (<a href="https://github.com/WordPress/wordpress-playground/pull/1352">#1352</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Restore nightly wordpress build. (<a href="https://github.com/WordPress/wordpress-playground/pull/1437">#1437</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Reliability</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Disable console logging when running tests. (<a href="https://github.com/WordPress/wordpress-playground/pull/1368">#1368</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"></h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Lint: Disable console warnings for paths where they're not useful. (<a href="https://github.com/WordPress/wordpress-playground/pull/1421">#1421</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add links to kitchen sink (PHP extensions), networking. (<a href="https://github.com/WordPress/wordpress-playground/pull/1363">#1363</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Reorganize and update documentation. (<a href="https://github.com/WordPress/wordpress-playground/pull/1354">#1354</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @brandonpayton @flexseth @ironnysh @josevarghese</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.15] (2024-04-30)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Avoid edge-caching conditionally redirected resources. (<a href="https://github.com/WordPress/wordpress-playground/pull/1351">#1351</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix deploy-time check for file with PHP-handled redirect. (<a href="https://github.com/WordPress/wordpress-playground/pull/1350">#1350</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@brandonpayton</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.10] (2024-04-30)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>PHP.wasm Node: Revert a part of #1289, do not import a .wasm file. (<a href="https://github.com/WordPress/wordpress-playground/pull/1348">#1348</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.5] (2024-04-30)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Meta: Move the minified WordPress to the new <code>@wp-playground/wordpress-builds</code> package. (<a href="https://github.com/WordPress/wordpress-playground/pull/1343">#1343</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.3] (2024-04-29)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Playground CLI. (<a href="https://github.com/WordPress/wordpress-playground/pull/1289">#1289</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.2] (2024-04-29)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><strong>Breaking Changes</strong></h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>PHP: Remove setSapiName, setPhpIniEntry, setPhpIniPath methods from the remote PHP API client. (<a href="https://github.com/WordPress/wordpress-playground/pull/1321">#1321</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove the wp-playground/node package. (<a href="https://github.com/WordPress/wordpress-playground/pull/1323">#1323</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">PHP WebAssembly</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Breaking: Loopback Request Support. (<a href="https://github.com/WordPress/wordpress-playground/pull/1287">#1287</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Centralize log storage. (<a href="https://github.com/WordPress/wordpress-playground/pull/1315">#1315</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Documentation</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Link to Installing Nx Globally in the README. (<a href="https://github.com/WordPress/wordpress-playground/pull/1325">#1325</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add PHPResponse.forHttpCode() shorthand. (<a href="https://github.com/WordPress/wordpress-playground/pull/1322">#1322</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Asyncify: List ZEND_FETCH_OBJ_R_SPEC_CV_CV_HANDLER. (<a href="https://github.com/WordPress/wordpress-playground/pull/1342">#1342</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Curl extension for the Node.js build of PHP.wasm. (<a href="https://github.com/WordPress/wordpress-playground/pull/1273">#1273</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Explore curl support. (<a href="https://github.com/WordPress/wordpress-playground/pull/1133">#1133</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP Process Manager. (<a href="https://github.com/WordPress/wordpress-playground/pull/1301">#1301</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHPProcessManager: Clear nextInstance when the concurrency limit is exhausted. (<a href="https://github.com/WordPress/wordpress-playground/pull/1324">#1324</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Spawn handler: Wrap the program call with try/catch, exit gracefully on error. (<a href="https://github.com/WordPress/wordpress-playground/pull/1320">#1320</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add initial workflow for deploying the website to WP Cloud. (<a href="https://github.com/WordPress/wordpress-playground/pull/1293">#1293</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Eliminate 404s due to nested files-to-serve-via-php dir. (<a href="https://github.com/WordPress/wordpress-playground/pull/1333">#1333</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Stop WP rewrite rules from matching files like wp-admin.css. (<a href="https://github.com/WordPress/wordpress-playground/pull/1317">#1317</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Stop using PHP to serve most static files on WP Cloud. (<a href="https://github.com/WordPress/wordpress-playground/pull/1331">#1331</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>WP Cloud: Relay secrets for error logger. (<a href="https://github.com/WordPress/wordpress-playground/pull/1337">#1337</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Documentation</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Document WP Cloud website setup. (<a href="https://github.com/WordPress/wordpress-playground/pull/1338">#1338</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Reliability</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add log methods, log handlers, and separate log collection. (<a href="https://github.com/WordPress/wordpress-playground/pull/1264">#1264</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @brandonpayton @juanmaguitar @mho22</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.1] (2024-04-24)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.7.0] (2024-04-24)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><strong>Breaking Changes</strong></h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">PHP WebAssembly</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Breaking: Remove PHPBrowser. (<a href="https://github.com/WordPress/wordpress-playground/pull/1302">#1302</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Enhancements</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Bump TypeScript to 5.4.5. (<a href="https://github.com/WordPress/wordpress-playground/pull/1299">#1299</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Semaphore: Add timeout option. (<a href="https://github.com/WordPress/wordpress-playground/pull/1300">#1300</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Builder: Fix stuck loader bar. (<a href="https://github.com/WordPress/wordpress-playground/pull/1284">#1284</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove setPhpIniEntry step. (<a href="https://github.com/WordPress/wordpress-playground/pull/1288">#1288</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">GitHub integration</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>GitHub: Don't delete all the files when exporting a theme. (<a href="https://github.com/WordPress/wordpress-playground/pull/1308">#1308</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Urlencode branch name. (<a href="https://github.com/WordPress/wordpress-playground/pull/1275">#1275</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Blueprints builder: Support ?blueprint-url. (<a href="https://github.com/WordPress/wordpress-playground/pull/1309">#1309</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Documentation</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Use new learning resources in Playground documentation. (<a href="https://github.com/WordPress/wordpress-playground/pull/1276">#1276</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Browser: Remove setSpawnHandler function from the public API. (<a href="https://github.com/WordPress/wordpress-playground/pull/1303">#1303</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Add a cwd argument to hotSwapPHPRuntime(). (<a href="https://github.com/WordPress/wordpress-playground/pull/1304">#1304</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Remove addServerGlobalEntry() method, accept $_SERVER as php.run() property. (<a href="https://github.com/WordPress/wordpress-playground/pull/1286">#1286</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHPRequestHandler: Add a generic PHP argument. (<a href="https://github.com/WordPress/wordpress-playground/pull/1310">#1310</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>nit: Clean up after node PHP popen() test. (<a href="https://github.com/WordPress/wordpress-playground/pull/1280">#1280</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add more info to crash reports. (<a href="https://github.com/WordPress/wordpress-playground/pull/1253">#1253</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Memoize fetch() responses when requesting php.wasm. (<a href="https://github.com/WordPress/wordpress-playground/pull/1306">#1306</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Progress monitoring: Use a custom instantiateWasm handler to avoid monkey-patching WebAssembly.instantiateStreaming. (<a href="https://github.com/WordPress/wordpress-playground/pull/1305">#1305</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove sandbox attribute from iframe. (<a href="https://github.com/WordPress/wordpress-playground/pull/1313">#1313</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Service Worker: Fetch credentialless to play more nicely with server caches (#1311). (<a href="https://github.com/WordPress/wordpress-playground/pull/1311">#1311</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Automate Changelog generation after each npm release. (<a href="https://github.com/WordPress/wordpress-playground/pull/1312">#1312</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>CI: Fix intermittent documentation build failures. (<a href="https://github.com/WordPress/wordpress-playground/pull/1307">#1307</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add styles to ensure <code>iframes</code> are responsive. (<a href="https://github.com/WordPress/wordpress-playground/pull/1267">#1267</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Docs: Fix the Blueprint example of the Gutenberg PR preview. (<a href="https://github.com/WordPress/wordpress-playground/pull/1268">#1268</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Docs: Move Steps Shorthands to a separate page to fix Steps TOC. (<a href="https://github.com/WordPress/wordpress-playground/pull/1265">#1265</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Reliability</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add network error message. (<a href="https://github.com/WordPress/wordpress-playground/pull/1281">#1281</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Explore logging to a file. (<a href="https://github.com/WordPress/wordpress-playground/pull/1292">#1292</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add PDF to infer mime type list. (<a href="https://github.com/WordPress/wordpress-playground/pull/1298">#1298</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @brandonpayton @ironnysh @peeranat-dan</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.16] (2024-04-17)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Replace set_current_user call with wp_set_current_user to fix a PHP notice. (<a href="https://github.com/WordPress/playground/pull/1262">#1262</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Install themes and plugins using the ReadableStream API. (<a href="https://github.com/WordPress/playground/pull/919">#919</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Documentation</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Docs: Update WordPress versions used in the documentation, document using older releases. (<a href="https://github.com/WordPress/playground/pull/1235">#1235</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Filter Requests library to use the Fetch handler. (<a href="https://github.com/WordPress/playground/pull/1048">#1048</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Handle request errors in PHPRequestHandler, return response code 500. (<a href="https://github.com/WordPress/playground/pull/1249">#1249</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Reset exit code before dispatching a request. (<a href="https://github.com/WordPress/playground/pull/1251">#1251</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add documentation for <code>shorthand</code> alternatives of Blueprint steps. (<a href="https://github.com/WordPress/playground/pull/1261">#1261</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @dd32 @ironnysh @kozer</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.15] (2024-04-16)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add ifAlreadyInstalled to installPlugin and installTheme steps. (<a href="https://github.com/WordPress/playground/pull/1244">#1244</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Support a landingPage value without the initial slash. (<a href="https://github.com/WordPress/playground/pull/1227">#1227</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Investigate OOB: Run unit tests with instrumented PHP 8.0 code. (<a href="https://github.com/WordPress/playground/pull/1220">#1220</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Unit tests: Restore site-data.spec.ts. (<a href="https://github.com/WordPress/playground/pull/1194">#1194</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Web PHP: Increase memory limit to 256 M. (<a href="https://github.com/WordPress/playground/pull/1232">#1232</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Browser: Display PHP output when Fatal Error is trigerred. (<a href="https://github.com/WordPress/playground/pull/1234">#1234</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix accessibility issues found by Axe. (<a href="https://github.com/WordPress/playground/pull/1246">#1246</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Request Handler: Urldecode the requested path. (<a href="https://github.com/WordPress/playground/pull/1228">#1228</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>fix: Set required engine version to 18.18.0. (<a href="https://github.com/WordPress/playground/pull/1214">#1214</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Blueprints/json example. (<a href="https://github.com/WordPress/playground/pull/1188">#1188</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Doc: Update 01-index.md. (<a href="https://github.com/WordPress/playground/pull/1216">#1216</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Move DefineSiteUrlStep doc warning so it displays in documentation. (<a href="https://github.com/WordPress/playground/pull/1245">#1245</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Updated link to native WordPress importer. (<a href="https://github.com/WordPress/playground/pull/1243">#1243</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>documentation update proposal: Provide more info on features, extensions?. (<a href="https://github.com/WordPress/playground/pull/1208">#1208</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>php-wasm/node: Update express to newest version, and move it to devDependencies. (<a href="https://github.com/WordPress/playground/pull/1218">#1218</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @artpi @bph @brandonpayton @eliot-akira @flexseth @ironnysh @kirjavascript</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.14] (2024-04-11)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Revert changes to the documentation build. (<a href="https://github.com/WordPress/playground/pull/1226">#1226</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Reliability</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Update error modal description label. (<a href="https://github.com/WordPress/playground/pull/1224">#1224</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Try memory leak workaround with zeroed mem. (<a href="https://github.com/WordPress/playground/pull/1229">#1229</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @brandonpayton</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.13] (2024-04-10)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Try to repro memory out of bounds errors in CI. (<a href="https://github.com/WordPress/playground/pull/1199">#1199</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix docs-site build. (<a href="https://github.com/WordPress/playground/pull/1222">#1222</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@bgrgicak @brandonpayton</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.11] (2024-04-09)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Avoid Service Worker update issues on localhost. (<a href="https://github.com/WordPress/playground/pull/1209">#1209</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Import/Export</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>importWxr: Preserve backslashes in the imported content. (<a href="https://github.com/WordPress/playground/pull/1213">#1213</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Catch DNS errors to avoid unhandled exceptions. (<a href="https://github.com/WordPress/playground/pull/1215">#1215</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Revert "Avoid partial munmap memory leak". (<a href="https://github.com/WordPress/playground/pull/1195">#1195</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Try to repro memory out of bounds errors in CI. (<a href="https://github.com/WordPress/playground/pull/1198">#1198</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Adjust link to LICENSE file. (<a href="https://github.com/WordPress/playground/pull/1210">#1210</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Try to reproduce the memory access error with files from 096a017. (<a href="https://github.com/WordPress/playground/pull/1212">#1212</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @brandonpayton @emmanuel-ferdman @fluiddot</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.10] (2024-04-04)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Rename importFile to importWxr, switch to humanmade/WordPress importer. (<a href="https://github.com/WordPress/playground/pull/1192">#1192</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Explorations: Stream API. (<a href="https://github.com/WordPress/playground/pull/851">#851</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Avoid partial munmap memory leak. (<a href="https://github.com/WordPress/playground/pull/1189">#1189</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Make kitchen sink extension bundle the default. (<a href="https://github.com/WordPress/playground/pull/1191">#1191</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix cross-device mv by switching to copy. (<a href="https://github.com/WordPress/playground/pull/846">#846</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @brandonpayton @seanmorris</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.9] (2024-04-03)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Devex: Expose window.playground for quick testing and debugging. (<a href="https://github.com/WordPress/playground/pull/1125">#1125</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">GitHub integration</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Website: Query API options to preconfigure the GitHub export form. (<a href="https://github.com/WordPress/playground/pull/1174">#1174</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Documentation</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Update the wp-cli step code example. (<a href="https://github.com/WordPress/playground/pull/1140">#1140</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add PHP iterator and yield support. (<a href="https://github.com/WordPress/playground/pull/1181">#1181</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix fileinfo support. (<a href="https://github.com/WordPress/playground/pull/1179">#1179</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix mbregex support. (<a href="https://github.com/WordPress/playground/pull/1155">#1155</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP.run(): Throw JS exception on runtime error, remove throwOnError flag. (<a href="https://github.com/WordPress/playground/pull/1137">#1137</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add error report modal. (<a href="https://github.com/WordPress/playground/pull/1102">#1102</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Ensure PromiseRejectionEvent has reason before logging it. (<a href="https://github.com/WordPress/playground/pull/1150">#1150</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Request handler: Remove everything after # from the URL. (<a href="https://github.com/WordPress/playground/pull/1126">#1126</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Web: Make the "Apply changes" button work in Playground settings form. (<a href="https://github.com/WordPress/playground/pull/1122">#1122</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Plugin proxy</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Allow requests to WordPress.org. (<a href="https://github.com/WordPress/playground/pull/1154">#1154</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Refresh WordPress with the latest SQLite integration plugin. (<a href="https://github.com/WordPress/playground/pull/1151">#1151</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix typo in blueprints/public/schema-readme.md. (<a href="https://github.com/WordPress/playground/pull/1134">#1134</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Priority: Fix broken link to VS Code extension. (<a href="https://github.com/WordPress/playground/pull/1141">#1141</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Docs/update - Add implied step. (<a href="https://github.com/WordPress/playground/pull/1144">#1144</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Give brandonpayton permission to run Playground GH workflows. (<a href="https://github.com/WordPress/playground/pull/1139">#1139</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Logger API: Add rate limiting. (<a href="https://github.com/WordPress/playground/pull/1142">#1142</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove <code>--disable-all</code> configuration option in PHP compile process. (<a href="https://github.com/WordPress/playground/pull/1132">#1132</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @brandonpayton @flexseth @jblz @mho22</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.8] (2024-03-21)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Allow optional metadata. (<a href="https://github.com/WordPress/playground/pull/1103">#1103</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add VSCode Chrome debugging support. (<a href="https://github.com/WordPress/playground/pull/1088">#1088</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Website: Support Base64-encoding Blueprints passed in the URL. (<a href="https://github.com/WordPress/playground/pull/1091">#1091</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Documentation</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Docs: Expand Details section. (<a href="https://github.com/WordPress/playground/pull/1109">#1109</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Update activate-theme.ts to use <code>themeFolderName</code>. (<a href="https://github.com/WordPress/playground/pull/1119">#1119</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Blueprints: Explore switching to the PHP implementation. (<a href="https://github.com/WordPress/playground/pull/1051">#1051</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Explore weird register_shutdown_function behavior. (<a href="https://github.com/WordPress/playground/pull/1099">#1099</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix post_message_to_js memory out of bounds. (<a href="https://github.com/WordPress/playground/pull/1114">#1114</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix shutdown errors. (<a href="https://github.com/WordPress/playground/pull/1104">#1104</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fixing build regression [BISON COMPILE]. (<a href="https://github.com/WordPress/playground/pull/871">#871</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP : Set appropriate SCRIPT variables in $_SERVER superglobal. (<a href="https://github.com/WordPress/playground/pull/1092">#1092</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add logger API. (<a href="https://github.com/WordPress/playground/pull/1113">#1113</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Add multisite rewrite rules. (<a href="https://github.com/WordPress/playground/pull/1083">#1083</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Service worker: Improve error reporting in non-secure contexts. (<a href="https://github.com/WordPress/playground/pull/1098">#1098</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix experimental notice in FF ESR. (<a href="https://github.com/WordPress/playground/pull/1117">#1117</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix php bison dep for building on non-arm64 architectures. (<a href="https://github.com/WordPress/playground/pull/1115">#1115</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Reliability</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add fatal errror listener. (<a href="https://github.com/WordPress/playground/pull/1095">#1095</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Update examples and demos in the documentation. (<a href="https://github.com/WordPress/playground/pull/1107">#1107</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@0aveRyan @adamziel @bgrgicak @brandonpayton @ironnysh @mho22 @seanmorris @StevenDufresne</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.7] (2024-03-06)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Node polyfills: Only apply them in Node.js, not in web browsers. (<a href="https://github.com/WordPress/playground/pull/1089">#1089</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.6] (2024-03-06)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Comlink API: Pass the context argument to windowEndpoint, not wrap. (<a href="https://github.com/WordPress/playground/pull/1087">#1087</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix: Playground not starting due to a race condition. (<a href="https://github.com/WordPress/playground/pull/1084">#1084</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Hide the "This is experimental WordPress" notice on click. (<a href="https://github.com/WordPress/playground/pull/1082">#1082</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Set the API context when using Comlink.wrap(). (<a href="https://github.com/WordPress/playground/pull/1085">#1085</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.5] (2024-03-05)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Plugin proxy</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add Sensei to the allowed repositories for plugin proxy. (<a href="https://github.com/WordPress/playground/pull/1079">#1079</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Snapshot Import Protocol v1. (<a href="https://github.com/WordPress/playground/pull/1007">#1007</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Build the php-wasm/util package as both ESM and CJS. (<a href="https://github.com/WordPress/playground/pull/1081">#1081</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Reliability</h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add unit tests to the mkdir step. (<a href="https://github.com/WordPress/playground/pull/1029">#1029</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Website query API: Continue plugin installs on error. (<a href="https://github.com/WordPress/playground/pull/605">#605</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @eliot-akira @reimic @renatho</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.4] (2024-03-04)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Enhancements</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add logging support to Playground. (<a href="https://github.com/WordPress/playground/pull/1035">#1035</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>PHP Blueprints: Display progress. (<a href="https://github.com/WordPress/playground/pull/1077">#1077</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Set progress caption and communicate failures in the import file step. (<a href="https://github.com/WordPress/playground/pull/1034">#1034</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>PHP Blueprints demo page. (<a href="https://github.com/WordPress/playground/pull/1070">#1070</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Do not prepend a whitespace when encoding body as multipart form data. (<a href="https://github.com/WordPress/playground/pull/1033">#1033</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix response header escaping. (<a href="https://github.com/WordPress/playground/pull/1050">#1050</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix: Networking broken when extra PHP extensions are enabled. (<a href="https://github.com/WordPress/playground/pull/1045">#1045</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP.wasm: Yield 0 bytes read on fd_read failure to improve PHP's fread() and feof() behavior. (<a href="https://github.com/WordPress/playground/pull/1053">#1053</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Support $env and $cwd proc_open arguments. (<a href="https://github.com/WordPress/playground/pull/1064">#1064</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Parse shell commands in createSpawnHandler. (<a href="https://github.com/WordPress/playground/pull/1065">#1065</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Prototype: Spawning PHP sub-processes in Web Workers. (<a href="https://github.com/WordPress/playground/pull/1031">#1031</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Spawning PHP sub-processes in Web Workers. (<a href="https://github.com/WordPress/playground/pull/1069">#1069</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add Google Analytics events to Playground. (<a href="https://github.com/WordPress/playground/pull/1040">#1040</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix error on reload site click. (<a href="https://github.com/WordPress/playground/pull/1041">#1041</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Rebuild WordPress every 20 minutes, short-circuit if no new version is found. (<a href="https://github.com/WordPress/playground/pull/1061">#1061</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Rebuild WordPress within an hour of a beta release. (<a href="https://github.com/WordPress/playground/pull/1059">#1059</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix the login message so it doesn't override another. (<a href="https://github.com/WordPress/playground/pull/1044">#1044</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add arguments to default node spawn method. (<a href="https://github.com/WordPress/playground/pull/1037">#1037</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Add bgrgicak to deployment allowlists. (<a href="https://github.com/WordPress/playground/pull/1057">#1057</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Allow for CORS requests to api.wordpress.org to pass. (<a href="https://github.com/WordPress/playground/pull/1009">#1009</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Default URL rewrites to /index.php. (<a href="https://github.com/WordPress/playground/pull/1072">#1072</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove repository specific Code of Conduct. (<a href="https://github.com/WordPress/playground/pull/1038">#1038</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Ship WordPress 6.5 beta 1. (<a href="https://github.com/WordPress/playground/pull/1036">#1036</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @dd32 @desrosj @johnbillion @mho22</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.3] (2024-02-12)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Wp-cli step. (<a href="https://github.com/WordPress/playground/pull/1017">#1017</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Calls proc_open two times in a row. (<a href="https://github.com/WordPress/playground/pull/1012">#1012</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Experiment: Build PHP with OPFS support. (<a href="https://github.com/WordPress/playground/pull/1030">#1030</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP: Pass request body as UInt8Array. (<a href="https://github.com/WordPress/playground/pull/1018">#1018</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @mho22</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.2] (2024-02-08)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Networking: Swap Requests transports using the http_api_transports instead of patching the Requests library. (<a href="https://github.com/WordPress/playground/pull/1004">#1004</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove <code>crypto.randomUUID</code> dependency in favor of a custom function. (<a href="https://github.com/WordPress/playground/pull/1016">#1016</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Remove x-request-issuer header on cross-origin requests. (<a href="https://github.com/WordPress/playground/pull/1010">#1010</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Update wp_http_fetch.php. (<a href="https://github.com/WordPress/playground/pull/1002">#1002</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Remote.html: Always install the playground mu-plugin. (<a href="https://github.com/WordPress/playground/pull/1005">#1005</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>32bit integer workaround. (<a href="https://github.com/WordPress/playground/pull/1014">#1014</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Test/hello world blueprint. (<a href="https://github.com/WordPress/playground/pull/908">#908</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bgrgicak @jdevalk @sejas @stoph</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.1] (2024-02-05)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Remove the applyWordPressPatches step, enable the Site Health Plugin. (<a href="https://github.com/WordPress/playground/pull/1001">#1001</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add <code>crypto</code> to Polyfills improving Blueprint compatibility for Node. (<a href="https://github.com/WordPress/playground/pull/1000">#1000</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @sejas</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.6.0] (2024-02-05)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Enhancements</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add wp-cli and code editor examples to the demos page. (<a href="https://github.com/WordPress/playground/pull/965">#965</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>WordPress: Preserve PHP attributes and wp-config.php whitespace. (<a href="https://github.com/WordPress/playground/pull/964">#964</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add enableMultisite step. (<a href="https://github.com/WordPress/playground/pull/888">#888</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Set_current_user to admin before activating plugins and themes. (<a href="https://github.com/WordPress/playground/pull/984">#984</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Tools</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Use .zip files instead of .data files for loading WordPress. (<a href="https://github.com/WordPress/playground/pull/978">#978</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Blueprints</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Throw on failure. (<a href="https://github.com/WordPress/playground/pull/982">#982</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">PHP WebAssembly</h4>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Support wp-cli in the browser. (<a href="https://github.com/WordPress/playground/pull/957">#957</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP WebAssembly</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Correcting OOB &amp; Prevent Crash on Saving Large Post. (<a href="https://github.com/WordPress/playground/pull/870">#870</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Memory leak: Add rotatedPHP to kill and recreate PHP instances after a certain number of requests. (<a href="https://github.com/WordPress/playground/pull/990">#990</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP : Add args and descriptors dynamic arrays in proc open function. (<a href="https://github.com/WordPress/playground/pull/969">#969</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP.wasm: Fix stack overflow in wasm_set_request_body. (<a href="https://github.com/WordPress/playground/pull/993">#993</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Website</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add .htaccess file to prevent caching of index.html and enable importing the client.js library. (<a href="https://github.com/WordPress/playground/pull/989">#989</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Add og meta tags and meta description. (<a href="https://github.com/WordPress/playground/pull/980">#980</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>CORS headers for client/index.js. (<a href="https://github.com/WordPress/playground/pull/893">#893</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>wp-cli: Respect quotes when parsing shell commands. (<a href="https://github.com/WordPress/playground/pull/966">#966</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Internal</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Remove the interactive block playground. (<a href="https://github.com/WordPress/playground/pull/988">#988</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Bug Fixes</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Fix "WP-CLI" typos. (<a href="https://github.com/WordPress/playground/pull/971">#971</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fix footer styling issue in the "Code is Poetry" in wordpress.github.io/wordpress-playground. (<a href="https://github.com/WordPress/playground/pull/959">#959</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>WordPress build: Add newlines after PHP annotations. (<a href="https://github.com/WordPress/playground/pull/986">#986</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Various</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Add a blueprint example. (<a href="https://github.com/WordPress/playground/pull/946">#946</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Add terminal to playground site. (<a href="https://github.com/WordPress/playground/pull/161">#161</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Match the .nvmrc node version to the changes made in commit ec2605b. (<a href="https://github.com/WordPress/playground/pull/972">#972</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP : Dispatch available descriptor specs in js_open_process function. (<a href="https://github.com/WordPress/playground/pull/963">#963</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>PHP : Give access to command arguments if array type is given in php ^7.4 proc_open function. (<a href="https://github.com/WordPress/playground/pull/944">#944</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Rebuild WordPress. (<a href="https://github.com/WordPress/playground/pull/987">#987</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Update the networking disabled error messages in wp-admin for plugins and themes. (<a href="https://github.com/WordPress/playground/pull/936">#936</a>)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Contributors</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following contributors merged PRs in this release:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>@adamziel @bph @ironnysh @marcarmengou @mho22 @rowasc @seanmorris @swissspidy @tyrann0us</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">[v0.5.9] - 2021-09-29</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Changed</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>– <strong>Breaking:</strong> Remoddsaved the PHPBrowser class (<a href="https://github.com/WordPress/wordpress-playground/pull/1302">##1302</a>)</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Added</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>– Added CHANGELOG.md to keep track of notable changes (<a href="https://github.com/WordPress/wordpress-playground/pull/1302">##1302</a>)</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>2</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[08-query-api]]></title>
+  <link>http://127.0.0.1:9400/?page_id=3</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Query API</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground exposes a simple API that you can use to configure the Playground in the browser.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>It works by passing configuration options as query parameters to the Playground URL. For example, to install the pendant theme, you would use the following URL:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>https:&#47;&#47;playground.wordpress.net/?theme=pendant
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>You can go ahead and try it out. The Playground will automatically install the theme and log you in as an admin. You may even embed this URL in your website using an <code>&lt;iframe></code> tag:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://playground.wordpress.net/?theme=pendant">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Available options</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>| Option                 | Default Value                                   | Description                                                                                                                                                                                                                                                                                                                                                    |<br>| ---------------------- | ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |<br>| <code>php</code>                  | <code>8.0</code>                                           | Loads the specified PHP version. Supported values: <code>7.0</code>, <code>7.1</code>, <code>7.2</code>, <code>7.3</code>, <code>7.4</code>, <code>8.0</code>, <code>8.1</code>, <code>8.2</code>, <code>8.3</code>, <code>latest</code>                                                                                                                                                                                                                                     |<br>| <code>wp</code>                   | <code>latest</code>                                        | Loads the specified WordPress version. Supported values: The last three major WordPress versions. As of April 4, 2024, that's <code>6.3</code>, <code>6.4</code>, <code>6.5</code>. You can also use these values: <code>latest</code>, <code>nightly</code>, <code>beta</code>                                                                                                                                                  |<br>| <code>blueprint-url</code>        |                                                 | The URL of the Blueprint that will be used to configure this Playground instance.                                                                                                                                                                                                                                                                              |<br>| <code>php-extension-bundle</code> |                                                 | Loads a bundle of PHP extensions. Supported bundles: <code>kitchen-sink</code> (for finfo, gd, mbstring, iconv, openssl, libxml, xml, dom, simplexml, xmlreader, xmlwriter), <code>light</code> (saves 6MB of downloads, loads none of the above extensions)                                                                                                                         |<br>| <code>networking</code>           | <code>yes</code> or <code>no</code>                                   | Enables or disables the networking support for Playground. Defaults to <code>no</code>                                                                                                                                                                                                                                                                                    |<br>| <code>plugin</code>               |                                                 | Installs the specified plugin. Use the plugin name from the plugins directory URL, e.g. for a URL like <code>https://wordpress.org/plugins/wp-lazy-loading/</code>, the plugin name would be <code>wp-lazy-loading</code>. You can pre-install multiple plugins by saying <code>plugin=coblocks&amp;plugin=wp-lazy-loading&amp;…</code>. Installing a plugin automatically logs the user in as an admin |<br>| <code>theme</code>                |                                                 | Installs the specified theme. Use the theme name from the themes directory URL, e.g. for a URL like <code>https://wordpress.org/themes/disco/</code>, the theme name would be <code>disco</code>. Installing a theme automatically logs the user in as an admin                                                                                                                      |<br>| <code>url</code>                  | <code>/wp-admin/</code>                                    | Load the specified initial page displaying WordPress                                                                                                                                                                                                                                                                                                           |<br>| <code>mode</code>                 | <code>seamless</code>, <code>browser</code>, or <code>browser-full-screen</code> | Displays WordPress on a full-page or wraps it in a browser UI                                                                                                                                                                                                                                                                                                  |<br>| <code>lazy</code>                 |                                                 | Defer loading the Playground assets until someone clicks on the "Run" button                                                                                                                                                                                                                                                                                   |<br>| <code>login</code>                | <code>yes</code>                                           | Logs the user in as an admin. Set to <code>no</code> to not log in.                                                                                                                                                                                                                                                                                                       |<br>| <code>multisite</code>            | <code>no</code>                                            | Enables the WordPress multisite mode.                                                                                                                                                                                                                                                                                                                          |<br>| <code>storage</code>              |                                                 | Selects the storage for Playground: <code>none</code> gets erased on page refresh, <code>browser</code> is stored in the browser, and <code>device</code> is stored in the selected directory on a device. The last two protect the user from accidentally losing their work upon page refresh.                                                                                                 |<br>| <code>import-site</code>          |                                                 | Imports site files and database from a zip file specified by URL.                                                                                                                                                                                                                                                                                              |<br>| <code>import-wxr</code>           |                                                 | Imports site content from a WXR file specified by URL. It uses the WordPress Importer, so the default admin user must be logged in.                                                                                                                                                                                                                            |<br>| <code>site-slug</code>            |                                                 | Selects which site to load from browser storage. This must be used in combination with <code>storage=browser</code>                                                                                                                                                                                                                                                       |</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>For example, the following code embeds a Playground with a preinstalled Gutenberg plugin, and opens the post editor:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://playground.wordpress.net/?plugin=gutenberg&amp;url=/wp-admin/post-new.php&amp;mode=seamless"> </iframe>
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>:::info CORS policy</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To import files from a URL, such as a site zip package, they must be served with <code>Access-Control-Allow-Origin</code> header set. For reference, see: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#the_http_response_headers">Cross-Origin Resource Sharing (CORS)</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">GitHub Export Options</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following additional query parameters may be used to pre-configure the GitHub export form:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>gh-ensure-auth</code>: If set to <code>yes</code>, Playground will display a modal to ensure the<br>user is authenticated with GitHub before proceeding.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-repo-url</code>: The URL of the GitHub repository to export to.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-pr-action</code>: The action to take when exporting (create or update).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-playground-root</code>: The root directory in the Playground to export from.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-repo-root</code>: The root directory in the repository to export to.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-content-type</code>: The content type of the export (plugin, theme, wp-content, custom-paths).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-plugin</code>: Plugin path. When the content type is <code>plugin</code>, pre-select the plugin to export.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-theme</code>: Theme directory name. When the content type is <code>theme</code>, pre-select the theme to export.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-path</code>: A path relative to <code>ghexport-playground-root</code>. Can be provided multiple times. When the<br>content type is <code>custom-paths</code>, it pre-populates the list of paths to export.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-commit-message</code>: The commit message to use when exporting.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>ghexport-allow-include-zip</code>: Whether to offer an option to include a zip file in the GitHub<br>export (yes, no). Optional. Defaults to <code>yes</code>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>3</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[01-start-here]]></title>
+  <link>http://127.0.0.1:9400/?page_id=4</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">WordPress Playground</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>:::info <strong>Looking for the official Playground website?</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground website moved to <a href="https://wordpress.org/playground/">wordpress.org/playground/</a>. The site you're at now hosts the documentation.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>👋 Hi! Welcome to WordPress Playground documentation. Playground is an online tool to experiment and learn about WordPress – learn more in the <a href="./02-overview.md">overview section</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The documentation consists of two major sections:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="./01-index.md">Documentation</a> (you're here) – Introduction, concepts, and guides</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="/api">API reference</a> – All the APIs exposed by WordPress Playground</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>This site (Documentation) is where you will find all the information you need to start using Playground. To learn more about what this fantastic tool, read <a href="https://developer.wordpress.org/news/2024/04/05/introduction-to-playground-running-wordpress-in-the-browser/">Introduction to Playground: running WordPress in the browser</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Quick start</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="../02-start-using/01-index.md">Start using WordPress Playground</a> in 5 minutes (and check out the <a href="https://playground.wordpress.net/">demo site</a>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="../03-build-an-app/01-index.md">Build your first app</a> with WordPress Playground</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Use Playground as a zero-setup <a href="../05-local-development/02-vscode-extension.md">local development environment</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Read about the <a href="../12-limitations/01-index.md">limitations</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="../13-contributing/09-contributor-day.md">WordCamp Contributor Day</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Take a deep dive</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>import APIList from '@site/docs/_fragments/_api_list.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Read about <a href="../06-playground-apis/01-index.md">Playground APIs</a> and basic concepts</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Review <a href="../15-resources.md">links and resources</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Choose the right API for your app &lt;APIList /></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Dive into the <a href="../11-architecture/01-index.md">architecture</a> and learn how it all works</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Get Involved</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is an open-source project and welcomes all contributors from code to design, and from documentation to triage. Don't worry, <strong>you don't need to know WebAssembly</strong> to contribute!</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>See the <a href="../13-contributing/01-index.md">Contributors Handbook</a> for all the details on how you can contribute.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Join us in the <code>#meta-playground</code> channel in Slack (see the <a href="https://make.wordpress.org/chat/">WordPress Slack page</a> for signup information)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>As with all WordPress projects, we want to ensure a welcoming environment for everyone. With that in mind, all contributors are expected to follow our <a href="https://make.wordpress.org/handbook/community-code-of-conduct/">Code of Conduct</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">License</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is free software, and is released under the terms of the GNU General Public License version 2 or (at your option) any later version. See <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/LICENSE">LICENSE.md</a>. for complete license.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>&lt;br/>&lt;br/>&lt;p align="center">&lt;img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." />&lt;/p></p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>4</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-start-using]]></title>
+  <link>http://127.0.0.1:9400/?page_id=5</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>import ThisIsQueryApi from '@site/docs/_fragments/_this_is_query_api.md';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Start using WordPress Playground in 5 minutes</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground can help you with any of the following:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import TOCInline from '@theme/TOCInline';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<TOCInline toc={toc} />
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>This page will guide you through each of these. Oh, and if you're a visual learner – here's a video:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<iframe width="752" height="423.2" title="Getting started with WordPress Playground" src="https://video.wordpress.com/v/3UBIXJ9S?autoPlay=false&amp;height=1080&amp;width=1920&amp;fill=true" class="editor-media-modal-detail__preview is-video"></iframe>
+<!-- /wp:html -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Start a new WordPress site</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Every time you visit the <a href="https://playground.wordpress.net/">official demo on playground.wordpress.net</a>, you get a fresh WordPress site.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can then create pages, upload plugins, themes, import your own site, and do most things you would do on a regular WordPress.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>It's that easy to start!</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The entire site lives in your browser and is scraped when you close the tab. Want to start over? Just refresh the page!</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info WordPress Playground is private</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Everything you build stays in your browser and is <strong>not</strong> sent anywhere. Once you're finished, you can export your site as a zip file. Or just refresh the page and start over!</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Try a block, a theme, or a plugin</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can upload any plugin or theme you want in <a href="https://playground.wordpress.net/?url=/wp-admin/">/wp-admin/</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To save a few clicks, you can preinstall plugins or themes from the WordPress plugin directory by adding a <code>plugin</code> or <code>theme</code> parameter to the URL. For example, to install the coblocks plugin, you can use this URL:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>https://playground.wordpress.net/?plugin=coblocks</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Or this URL to preinstall the <code>pendant</code> theme:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>https://playground.wordpress.net/?theme=pendant</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can also mix and match these parameters and even add multiple plugins:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>https://playground.wordpress.net/?plugin=coblocks&amp;plugin=friends&amp;theme=pendant</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<ThisIsQueryApi />
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>:::info Plugin directory doesn't work in WordPress Playground</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Plugins must be installed manually because your WordPress site doesn't send any data to the internet. You won't be able to navigate the WordPress plugin directory inside <code>/wp-admin/</code>. The Query API method may seem to contradict that, but behind the scenes it uses the same plugin upload form as you would.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Save your site</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>To keep your WordPress Playground site for longer than a single browser session, you can export it as a zip file.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Use the "Export" button in the top bar:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/export-button.png" alt=""/><figcaption class="wp-element-caption">Export button</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>The exported file contains the complete site you've built. You could host it on any server that supports PHP and SQLite. All WordPress core files, plugins, themes, and everything else you've added to your site are in there.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The SQLite database file is also included in the export, you'll find it <code>wp-content/database/.ht.sqlite</code>. Keep in mind that files starting with a dot are hidden by default on most operating systems so you might need to enable the "Show hidden files" option in your file manager.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Restore a saved site</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can restore the site you saved by using the import button in WordPress Playground:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/import-button.png" alt=""/><figcaption class="wp-element-caption">Import button</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Use a specific WordPress or PHP version</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The easiest way is to use the version switcher on <a href="https://playground.wordpress.net/">the official demo site</a>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/wp-version-switcher.png" alt=""/><figcaption class="wp-element-caption">WordPress Version switcher</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>:::info Test your plugin or theme</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Compatibility testing with so many WordPres and PHP versions was always a pain. WordPress Playground makes this process effortless – use it to your advantage!</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can also use the <code>wp</code> and <code>php</code> query parameters to open Playground with the right versions already loaded:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>https://playground.wordpress.net/?wp=6.5</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>https://playground.wordpress.net/?php=7.4</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>https://playground.wordpress.net/?php=8.2&amp;wp=6.2</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:html -->
+<ThisIsQueryApi />
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>:::info Major versions only</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can specify major versions like <code>wp=6.2</code> or <code>php=8.1</code> and expect the most recent release in that line. You cannot, however, request older minor versions so neither <code>wp=6.1.2</code> nor <code>php=7.4.9</code> will work.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Import a WXR file</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can import a WordPress export file by uploading a WXR file in <a href="https://playground.wordpress.net/?url=/wp-admin/import.php">/wp-admin/</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can also use <a href="../09-blueprints-api/01-index.md">JSON Blueprints</a>. See <a href="../09-blueprints-api/01-index.md">getting started with Blueprints</a> to learn more.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>This is different from the import feature described above. The import feature exports the entire site, including the database. This import feature imports a WXR file into an existing site.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Build apps with WordPress Playground</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is programmable which means you can build WordPress apps, setup plugin demos, and even use it as a zero-setup local development environment.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To learn more about developing with WordPress Playground, check out the <a href="../03-build-an-app/01-index.md">development quick start</a> section.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>5</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[12-limitations]]></title>
+  <link>http://127.0.0.1:9400/?page_id=6</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Limitations</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is under active development and has some limitations you should keep in mind when running it and developing with it.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can track the status of these issues on the <a href="https://github.com/orgs/WordPress/projects/180">Playground Project board</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">In the browser</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Access the Plugins, Themes, Blocks, or Patterns directories</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground <a href="../09-blueprints-api/03-data-format.md#features">disables network connections</a> by default, blocking access to wp.org assets (themes, plugins, blocks, or patterns) in <code>wp-admin</code>. You can still upload zipped plugin and theme files from your device or enable the option via the <a href="../08-query-api/01-index.md#available-options">Query API</a> or <a href="../09-blueprints-api/09-troubleshoot-and-debug-blueprints.md#review-common-gotchas">Blueprints API</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Temporary by design</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>As Playground <a href="../01-start-here/02-overview.md#streamed-not-served">streams rather than serves</a> WordPress, all database changes and uploads will be gone when you refresh the page. To avoid losing your work, either <a href="../02-start-using/01-index.md#save-your-site">export your work</a> before or enable storage in the browser/device via the <a href="../08-query-api/01-index.md#available-options">Query API</a> or the UI.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">When developing with Playground</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Iframe quirks</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground renders WordPress in an <code>iframe</code> so clicking links with <code>target="_top"</code> will reload the page you’re working on.<br>Also, JavaScript popups originating in the <code>iframe</code> may not always display.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Run WordPress PHP functions</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground supports running PHP code in Blueprints using the <a href="../09-blueprints-api/05-steps.md#RunPHPStep"><code>runPHP</code> step</a>. To run WordPress-specific PHP functions, you’d need to first require <a href="https://github.com/WordPress/WordPress/blob/master/wp-load.php">wp-load.php</a>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"step": "runPHP",
+	"code": ""
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Using WP-CLI</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can execute <code>wp-cli</code> commands via the Blueprints <a href="../09-blueprints-api/05-steps.md#WPCLIStep"><code>wp-cli</code></a> step. However, since Playground runs in the browser, it doesn't support the <a href="https://developer.wordpress.org/cli/commands/">full array</a> of available commands. While there is no definite list of supported commands, experimenting in <a href="https://playground.wordpress.net/demos/wp-cli.html">the online demo</a> will help you assess what's possible.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>6</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-code.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=7</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Code contributions</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Like all WordPress projects, Playground uses GitHub to manage code and track issues. The main repository is at <a href="https://github.com/WordPress/wordpress-playground">https://github.com/WordPress/wordpress-playground</a> and the Playground Tools repository is at <a href="https://github.com/WordPress/playground-tools/">https://github.com/WordPress/playground-tools/</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info Contribute to Playground Tools</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>This guide includes links to the main repository, but all the steps and options apply for both. If you're interested in the plugins or local development tools—start there.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Browse <a href="https://github.com/wordpress/wordpress-playground/issues">the list of open issues</a> to find what to work on. The <a href="https://github.com/wordpress/wordpress-playground/issues?q=is%3Aopen+is%3Aissue+label%3A%22Good+First+Issue%22"><code>Good First Issue</code></a> label is a recommended starting point for first-time contributors.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Be sure to review the following resources before you begin:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="./03-coding-standards.md">Coding principles</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="../11-architecture/01-index.md">Architecture</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://github.com/WordPress/wordpress-playground/issues/472">Vision and Philosophy</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://github.com/WordPress/wordpress-playground/issues/525">WordPress Playground Roadmap</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Contribute Pull Requests</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://github.com/WordPress/wordpress-playground/fork">Fork the Playground repository</a> and clone it to your local machine. To do that, copy and paste these commands into your terminal:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>git clone -b trunk --single-branch --depth 1
+
+# replace `YOUR-GITHUB-USERNAME` with your GitHub username:
+git@github.com:YOUR-GITHUB-USERNAME/wordpress-playground.git
+cd wordpress-playground
+npm install
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Create a branch, make changes, and test it locally by running the following command:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>npm run dev
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Playground will open in a new browser tab and refresh automatically with each change.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>When your'e ready, commit the changes and submit a Pull Request.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info Formatting</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>We handle code formatting and linting automatically. Relax, type away, and let the machines do the work.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Running a local Multisite</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Multisite has a few <a href="https://developer.wordpress.org/advanced-administration/multisite/prepare-network/#restrictions">restrictions when run locally</a>. If you plan to test a Multisite network using Playground's <code>enableMultisite</code> step, make sure you either change <code>wp-now</code>'s default port or set a local test domain running via HTTPS.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To change <code>wp-now</code>'s default port to the one supported by WordPress Multisite, run it using the <code>--port=80</code> flag:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>npx @wp-now/wp-now start --port=80
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>There are a few ways to set up a local test domain, including editing your <code>hosts</code> file. If you're unsure how to do that, we suggest installing <a href="https://laravel.com/docs/11.x/valet">Laravel Valet</a> and then running the following command:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>valet proxy playground.test http://localhost:5400 --secure
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Your dev server is now available on https://playground.test.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Debugging</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Use VS Code and Chrome</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>If you're using VS Code and have Chrome installed, you can debug Playground in the code editor:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Open the project folder in VS Code.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Select Run > Start Debugging from the main menu or press <code>F5</code>/<code>fn</code>+<code>F5</code>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Debugging PHP</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground logs PHP errors in the browser console after every PHP request.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>7</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[03-build-an-app]]></title>
+  <link>http://127.0.0.1:9400/?page_id=8</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Build an app with WordPress Playground in 5 minutes</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground was created as a programmable tool. Below you'll find a few examples of what you can do with it. Each discussed API is described in detail in the <a href="../06-playground-apis/01-index.md">APIs section</a>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import TOCInline from '@theme/TOCInline';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<TOCInline toc={toc} />
+<!-- /wp:html -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Embed WordPress on your website</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground can be embedded on your website using the HTML <code>&lt;iframe></code> tag as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://playground.wordpress.net/">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Every visitor will get their own private WordPress instance for free. You can then customize it using one of the <a href="../06-playground-apis/01-index.md">Playground APIs</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import PlaygroundWpNetWarning from '@site/docs/_fragments/_playground_wp_net_may_stop_working.md';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<PlaygroundWpNetWarning />
+<!-- /wp:html -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Control the embedded website</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground provides three APIs you can use to control the iframed website. All the examples in this section are built using one of these:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import APIList from '@site/docs/_fragments/_api_list.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<APIList />
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>Learn more about each of these APIs in the <a href="../06-playground-apis/01-index.md">APIs overview section</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Showcase a plugin or theme from WordPress directory</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>import ThisIsQueryApi from '@site/docs/_fragments/_this_is_query_api.md';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can install plugins and themes from the WordPress directory with only URL parameters. For example this iframe would come with the <code>coblocks</code> and <code>friends</code> plugins preinstalled as well as the <code>pendant</code> theme.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<ThisIsQueryApi />
+<!-- /wp:html -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://playground.wordpress.net/?plugin=coblocks">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Showcase any plugin or theme</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>What if your plugin is not in the WordPress directory?</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can still showcase it on Playground by using <a href="../09-blueprints-api/01-index.md">JSON Blueprints</a>. For example, this Blueprint would download and install a plugin and a theme from your website and also import some starter content:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"steps": &#91;
+		{
+			"step": "installPlugin",
+			"pluginZipFile": {
+				"resource": "url",
+				"url": "https://your-site.com/your-plugin.zip"
+			}
+		},
+		{
+			"step": "installTheme",
+			"themeZipFile": {
+				"resource": "url",
+				"url": "https://your-site.com/your-theme.zip"
+			}
+		},
+		{
+			"step": "importWxr",
+			"pluginZipFile": {
+				"resource": "url",
+				"url": "https://your-site.com/starter-content.wxr"
+			}
+		}
+	]
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>See <a href="../09-blueprints-api/01-index.md">getting started with Blueprints</a> to learn more.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Preview pull requests from your repository</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>See the <a href="https://playground.wordpress.net/gutenberg.html">live example of Gutenberg PR previewer</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can use Playground as a Pull Request previewer if:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Your WordPress plugin or theme uses a CI pipeline</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Your CI pipeline bundles your plugin or theme</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>You can expose the zip file generated by your CI pipeline publicly</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Those zip bundles aren't any different from regular WordPress Plugins, which means you can install them in Playground using the <a href="../09-blueprints-api/01-index.md">JSON Blueprints</a> API. Once you exposed an endpoint like https://your-site.com/pull-request-1234.zip, the following Blueprint will do the rest:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"steps": &#91;
+		{
+			"step": "installPlugin",
+			"pluginZipFile": {
+				"resource": "url",
+				"url": "https://your-site.com/pull-request-1234.zip"
+			}
+		}
+	]
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>The official Playground demo uses this technique to preview pull requests from the Gutenberg repository:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample<br>blueprint={{<br>"landingPage": "/wp-admin/plugins.php?test=42test",<br>"steps": [<br>{<br>"step": "login",<br>"username": "admin",<br>"password": "password"<br>},<br>{<br>"step": "mkdir",<br>"path": "/wordpress/pr"<br>},<br>{<br>"step": "writeFile",<br>"path": "/wordpress/pr/pr.zip",<br>"data": {<br>"resource": "url",<br>"url": "/plugin-proxy.php?org=WordPress&amp;repo=gutenberg&amp;workflow=Build%20Gutenberg%20Plugin%20Zip&amp;artifact=gutenberg-plugin&amp;pr=60819",<br>"caption": "Downloading Gutenberg PR 47739"<br>},<br>"progress": {<br>"weight": 2,<br>"caption": "Applying Gutenberg PR 47739"<br>}<br>},<br>{<br>"step": "unzip",<br>"zipPath": "/wordpress/pr/pr.zip",<br>"extractToPath": "/wordpress/pr"<br>},<br>{<br>"step": "installPlugin",<br>"pluginZipFile": {<br>"resource": "vfs",<br>"path": "/wordpress/pr/gutenberg.zip"<br>}<br>}<br>]<br>}} /></blueprintexample<br></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Build a compatibility testing environment</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>A live plugin demo with a configurable PHP and WordPress makes an excellent compatibility testing environment.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>With the Query API, you'd simply add the <code>php</code> and <code>wp</code> query parameters to the URL:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://playground.wordpress.net/?php=7.4&amp;wp=6.1">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>With JSON Blueprints, you'd use the <code>preferredVersions</code> property:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"preferredVersions": {
+		"php": "7.4",
+		"wp": "6.1"
+	}
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Run PHP code in the browser</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The JavaScript API provides the <code>run()</code> method which you can use to run PHP code in the browser:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe id="wp">
+<script><br>	const client = await startPlaygroundWeb({<br>		iframe: document.getElementById('wp'),<br>		remoteUrl: 'https://playground.wordpress.net/remote.html',<br>	});<br>	await client.isReady;<br>	await client.run({<br>		code: `<?php<br>		require("/wordpress/wp-load.php");<br><br>		update_option("blogname", "Playground is really cool!");<br>		echo "Site title updated!";<br>		`,<br>	});<br>	client.goTo('/');<br></script>
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Combine that with a code editor like Monako or CodeMirror, and you'll get live code snippets like in <a href="https://adamadam.blog/2023/02/16/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api/">this article</a>!</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>8</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[11-architecture]]></title>
+  <link>http://127.0.0.1:9400/?page_id=9</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Architecture overview</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground consists of the following high-level components:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="./15-wordpress.md">WordPress</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./02-wasm-php-overview.md">WebAssembly PHP</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./08-browser-concepts.md">Browser bindings</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Node.js bindings via <a href="https://npmjs.com/package/@php-wasm/node">@php-wasm/node</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="../06-playground-apis/01-index.md">Public API</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Visit each section to learn more about the specific parts of the architecture.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Tooling</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">NX: building packages and projects</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground uses <a href="https://nx.dev/">NX</a>, a build system designed for monorepos.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The dependencies between Playground packages and projects <a href="https://github.com/WordPress/wordpress-playground/pull/151">are too complex</a> for a bundler like Webpack, and NX handles this complexity much better:<br><img src="@site/static/img/dependencies.png">Dependency graph</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To learn more, head over to the <a href="https://nx.dev/getting-started/intro">NX developer docs</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Lerna: publishing packages and projects</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground includes several NPM packages, a VS Code extension, WordPress plugins, a web app, and other GitHub releases, all managed across two monorepos: the main <a href="https://github.com/WordPress/wordpress-playground">wordpress-playground</a> and <a href="https://github.com/WordPress/playground-tools/">Playground Tools</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>We use <a href="https://lerna.js.org">Lerna</a> to build, manage, and publish all JavaScript/TypeScript packages. Lerna handles everything simultaneously: it increments the version number, sets a new tag, and publishes the modified packages to <code>npm</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The published packages share the same version number, so when updating a single package, Lerna bumps the version number of all dependent packages.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>9</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[13-contributing]]></title>
+  <link>http://127.0.0.1:9400/?page_id=10</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Start contributing</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is an open-source project that welcomes all contributors—from code to design, documentation to triage.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">How can I contribute?</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Code? See the <a href="./02-code.md">developer section</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Documentation? See the <a href="./20-documentation.md">documentation section</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Reporting bugs? Open a <a href="https://github.com/WordPress/wordpress-playground/issues/new">new issue</a> in the main GitHub repository, or in <a href="https://github.com/WordPress/playground-tools/issues/new">Playground Tools</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Ideas, designs, or anything else? Open a <a href="https://github.com/WordPress/wordpress-playground/discussions">GitHub discussion</a>, and let's talk!</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Guidelines</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>As with all WordPress projects, we want to ensure a welcoming and respectful environment for everyone. Please read our community's <a href="https://make.wordpress.org/handbook/community-code-of-conduct/">Code of Conduct</a> to learn more.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Code contributors should review the <a href="./03-coding-standards.md">coding principles</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>You maintain copyright over any contribution you make. By submitting a Pull Request, you agree to release that code under <a href="https://github.com/WordPress/wordpress-playground?tab=GPL-2.0-1-ov-file#readme">WordPress Playground License</a>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Triaging issues</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Want to help sort through open issues and resolve potential bugs? Here's how:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Review the <a href="https://github.com/WordPress/wordpress-playground/issues?q=is%3Aopen+is%3Aissue">list of open issues</a> and find the ones that you can help with. Same goes for the <a href="https://github.com/WordPress/playground-tools/issues?q=is%3Aopen+is%3Aissue">Plaground Tools repository</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Read through the description and comments.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>If it's a bug you can reproduce, add a descriptive comment or a potential fix.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Otherwise, add a comment with any additional information that may be helpful.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>10</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-overview.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=11</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Overview</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is an online platform that allows you to experiment and learn about WordPress without affecting your live website. It's a virtual sandbox where you can play around with different features, designs, and settings in a safe and controlled environment.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Here's how it works</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>When you first start using WordPress Playground, you'll be provided with a separate space where you can create and customise your own WordPress website. This space is completely isolated from your actual website.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Try themes and plugins on the fly</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Within the WordPress Playground, you can explore various <a href="https://developer.wordpress.org/themes/getting-started/what-is-a-theme/">themes</a>. You can choose from a wide range of themes and see how they look on your site. You can also modify the colors, fonts, layouts, and other visual elements to create a unique design.<br>In addition to themes, you can experiment with plugins too. With WordPress Playground, you can install and test different plugins to see how they work and what they can do for your site. This allows you to explore and understand the capabilities of WordPress without worrying about breaking anything.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Create content on the go</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Another great feature of WordPress Playground is the ability to create and edit content. You can write blog posts, create pages and add media like images and videos to your site. This helps you understand how to organize and structure your content effectively.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The content you create is limited to the Playground on your device and disappears once you leave it, so you are free to explore and play without risking breaking any actual site.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">And, yes it's safe</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Overall, WordPress Playground provides a risk-free environment for beginners to learn and get hands-on experience with WordPress. It helps you to gain confidence and knowledge before making changes to your live website.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">What makes Playground different from running WordPress on a web server or local desktop app?</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Web applications like WordPress have long-relied on server technologies <a href="https://wordpress.github.io/wordpress-playground/architecture/wasm-php-overview">to run logic</a> and <a href="https://wordpress.github.io/wordpress-playground/architecture/wordpress#sqlite">to store data</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Using those technologies has meant either running an web server connected to the internet or using those technologies in a desktop service or app (sometimes called a "WordPress local environment") that either leans on a virtual server with the technologies installed or the underlying technologies on the current device.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong>Playground is a novel way to stream server technologies -- and WordPress <em>(and WP-CLI)</em> -- as files that can then run in the browser.</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><em>Streamed</em>, not served.</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The WordPress you see when you open Playground in your browser is a WordPress that should function like any WordPress, with <a href="https://wordpress.github.io/wordpress-playground/limitations">a few limitations</a> and the important exception that it's not a permanent server with an internet address which will limit connections to some third-party services (automation, sharing, analysis, email, backups, etc.) in a persistient way.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The loading screen and progress bar you see on Playground includes both the streaming of those foundational technologies to your browser and configuration steps <a href="https://wordpress.github.io/wordpress-playground/blueprints-api/examples">(examples)</a> from <a href="https://github.com/WordPress/blueprints-library">WordPress Blueprints</a>, so that a full server, WordPress software, Theme &amp; Plugin solutions and configuration instructions can be streamed over-the-wire.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>While many WordPress solutions may require internet connectivity to interact with social networks, live feeds and other internet services, those kind of connections <a href="https://wordpress.github.io/wordpress-playground/architecture/wasm-php-overview/#networking-support-varies-between-platforms">could be limited in Playground</a>. However, by enabling network connectivity in the Customize Playground settings modal <a href="https://playground.wordpress.net/?networking=yes">(example URL w/ query parameter)</a>, you can mostly wire-up internet connectivity to the WordPress in Playground.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>11</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[09-blueprints-api]]></title>
+  <link>http://127.0.0.1:9400/?page_id=12</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Getting started with Blueprints</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints are JSON files for setting up your very own WordPress Playground instance. For example:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"$schema": "https://playground.wordpress.net/blueprint-schema.json",
+	"landingPage": "/wp-admin/",
+	"preferredVersions": {
+		"php": "8.0",
+		"wp": "latest"
+	},
+	"phpExtensionBundles": &#91;"kitchen-sink"],
+	"steps": &#91;
+		{
+			"step": "login",
+			"username": "admin",
+			"password": "password"
+		}
+	]
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>There are three ways to use Blueprints:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="./02-using-blueprints.md#url-fragment">Paste a Blueprint into the URL "fragment" on WordPress Playground website</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./02-using-blueprints.md#javascript-api">Use them with the JavaScript API</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="https://wordpress.github.io/wordpress-playground/query-api">Reference a blueprint JSON file via QueryParam blueprint-url</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">What problems are solved by Blueprints?</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">No coding skills required</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints are just JSON. You don't need a development environment, any libraries, or even JavaScript knowledge. You can write them in any text editor.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>However, if you do have a development environment, that's great! You can use the <a href="https://playground.wordpress.net/blueprint-schema.json">Blueprint JSON schema</a> to get autocompletion and validation.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">HTTP Requests are managed for you</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints fetch any resources you declare for you. You don't have to worry about managing multiple <code>fetch()</code> calls or waiting for them to finish. You can just declare a few links and let Blueprints handle and optimize the downloading pipeline.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">You can link to a Blueprint-preconfigured Playground</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Because Blueprints can be pasted in the URL, you can embed or link to a Playground with a specific configuration. For example, clicking this button will open a Playground with PHP 7.4 and a pendant theme installed:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample justbutton="{true}" blueprint="{{<br">"preferredVersions": {<br>"php": "7.4",<br>"wp": "latest"<br>},<br>"steps": [<br>{<br>"step": "installTheme",<br>"themeZipFile": {<br>"resource": "wordpress.org/themes",<br>"slug": "pendant"<br>},<br>"options": {<br>"activate": true<br>}<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Trusted by default</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints are just JSON. Running other people's Blueprints doesn't require the element of trust. Since Blueprints cannot execute arbitrary JavaScript, they are limited in what they can do.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>With Blueprints, WordPress.org plugin directory may be able to offer live previews of plugins. Plugin authors will just write a custom Blueprint to preconfigure the Playground instance with any site options or starter content they may need.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Write it once, use it anywhere</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints work both on the web and in node.js. You can run them both in the same JavaScript process, and through a remote Playground Client. They are the universal language of configuration. Where you can run Playground, you can use Blueprints.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Learn More</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Enhance your understanding of Blueprints with these resources:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="https://github.com/adamziel/blueprints/blob/trunk/docs/index.md">Blueprints 101</a> - Blueprints API crash course</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>12</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[05-steps.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=13</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Steps</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>steps</code> property of a Blueprint is an array of steps to run. For example this Blueprint logs the user in as an admin:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"steps": [<br>{<br>"step": "login",<br>"username": "admin",<br>"password": "password"<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Each step is an object that contains a <code>step</code> property that specifies the type of step to run. The rest of the properties depend on the type of step. Learn and try each step type below.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintStep from '@site/src/components/BlueprintsAPI/BlueprintStep';<br>import { BlueprintSteps, getStepAPI } from '@site/src/components/BlueprintsAPI/model';<br>import UpdateTopLevelToc from '@site/src/components/UpdateTopLevelToc';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><updatetopleveltoc<br>toc={toc}<br>tocItems={<br>BlueprintSteps<br>.map(name => ({<br>value: getStepAPI(name).stepId,<br>id: name,<br>level: 2<br>}))<br>} /></updatetopleveltoc<br></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<span>
+	{BlueprintSteps.map((name) => (
+		<>
+			<BlueprintStep name={name} key={name} />
+			<hr/>
+		</>
+	))}
+</span>
+<!-- /wp:html -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>13</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[10-javascript-api]]></title>
+  <link>http://127.0.0.1:9400/?page_id=14</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">JavaScript API</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground comes with a JavaScript API client that grants you full control over your WordPress.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info API here doesn't mean "REST API"</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is a browser-based application.<br>The term API here refers to a set of functions you can<br>call inside JavaScript. This is <strong>not</strong> a network-based REST API.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Quick start</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>To use the JavaScript API, you'll need:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>An <code>&lt;iframe></code> element</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The <code>@wp-playground/client</code> package (from npm or a CDN)</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Here's the shortest example of how to use the JavaScript API in a HTML page:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import JSApiShortExample from '@site/docs/_fragments/_js_api_short_example.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<JSApiShortExample />
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>:::info /remote.html is a special URL</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><code>/remote.html</code> is a special URL that loads the Playground<br>API endpoint instead of the demo app with the browser UI. Read more about the difference between <code>/</code> and <code>/remote.html</code> and <a href="./02-index-html-vs-remote-html.md">on this page</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Controlling the website</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Now that you have a <code>client</code> object, you can use it to control the website inside the iframe. There are three ways to do that:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="./03-playground-api-client.md">Playground API Client</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./04-blueprint-json-in-api-client.md">Blueprint JSON</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./05-blueprint-functions-in-api-client.md">Blueprint functions</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Debugging and testing</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>For quick testing and debugging, the JavaScript API client is exposed as <code>window.playground</code> by both <code>index.html</code> and <code>remote.html</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>> await playground.listFiles("/")
+(6) &#91;'tmp', 'home', 'dev', 'proc', 'internal', 'wordpress']
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Note that in <code>index.html</code>, <code>playground</code> is a Proxy object and you won't get any autocompletion from the browser. In <code>remote.html</code>,<br>however, <code>playground</code> is a class instance and you will benefit from browser's autocompletion.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>14</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[06-playground-apis]]></title>
+  <link>http://127.0.0.1:9400/?page_id=15</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>import ThisIsQueryApi from '@site/docs/_fragments/_this_is_query_api.md';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">APIs overview</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground exposes a few APIs that you can use to interact with the Playground:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import TOCInline from '@theme/TOCInline';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<TOCInline toc={toc} />
+<!-- /wp:html -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Query API</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Basic operations can be done by adjusting the URL, for example here's how you can preinstall a coblocks plugin:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="https://playground.wordpress.net/?plugin=coblocks">https://playground.wordpress.net/?plugin=coblocks</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Or a theme:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="https://playground.wordpress.net/?theme=pendant">https://playground.wordpress.net/?theme=pendant</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>&lt;ThisIsQueryApi /> Once you have a URL that you like, you can embed it in your website using an iframe:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe style="width: 800px; height: 500px;" src="https://playground.wordpress.net/?plugin=coblocks">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Blueprints</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>If you need more control over your Playground, you can use JSON Blueprints. For example, here's how to create a post and install a plugin:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample<br>display={<code>{ "steps": [ { "step": "login" }, { "step": "installPlugin", "pluginZipFile": { "resource": "wordpress.org/plugins", "slug": "friends" } }, { "step": "runPHP", "code": \</code>include 'wordpress/wp-load.php';<br>wp_insert_post(array(<br>'post_title' => 'Post title',<br>'post_content' => 'Post content',<br>'post_status' => 'publish',<br>'post_author' => 1<br>));<br>`<br>}<br>]<br>}<code>	} blueprint={{ "steps": [ { "step": "login" }, { step: 'installPlugin', pluginZipFile: { resource: 'wordpress.org/plugins', slug: 'friends', }, }, { "step": "runPHP", "code": </code>include 'wordpress/wp-load.php';<br>wp_insert_post(array(<br>'post_title' => 'Post title',<br>'post_content' => 'Post content',<br>'post_status' => 'publish',<br>'post_author' => 1<br>));<br>`<br>}<br>]<br>}} /></blueprintexample<br></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Learn more about <a href="../09-blueprints-api/01-index.md">JSON Blueprints</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">JavaScript API</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>@wp-playground/client</code> package provides a JavaScript API you can use to fully control your Playground instance. Here's a very example of what you can do:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import JSApiShortExample from '@site/docs/_fragments/_js_api_short_example.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<JSApiShortExample />
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>Learn more about the <a href="../10-javascript-api/01-index.md">JavaScript API</a>.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>15</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[15-wordpress.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=16</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">WordPress support</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress, as a PHP application, can run on PHP WebAssembly. However, there are a few caveats.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">SQLite</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>First, WordPress requires MySQL. However, there isn't a WebAssembly version of MySQL you could run in the browser. WordPress Playground, therefore, ships PHP with the <a href="https://www.php.net/manual/en/ref.pdo-sqlite.php">native SQLite driver</a> and leans on SQLite.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>But how can WordPress run on a different database?</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Behind the scenes, the official <a href="https://github.com/WordPress/sqlite-database-integration">SQLite Database Integration</a> plugin intercepts all MySQL queries and rewrites them in SQLite dialect. The x.0 release ships <a href="https://github.com/WordPress/sqlite-database-integration/pull/9">a new WordPress Playground-informed translation layer</a> that allows WordPress on SQLite to pass 99% of the WordPress unit test suite.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">WordPress in the browser</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground ships a <a href="./06-wasm-php-data-dependencies.md">bundled WordPress</a> that you can use in the browser. It's optimized for size, and the installation wizard is run for you.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">WordPress in Node.js</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>In Node.js, you'll typically want to <a href="./05-wasm-php-filesystem.md">mount WordPress</a> from a disk directory.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>16</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[_work_in_progress.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=17</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>:::danger Work in Progress</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground is under active development and the features described in this document<br>may break or change without a warning.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>17</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[08-examples.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=18</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Blueprints Examples</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Let's see some cool things you can do with Blueprints.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Install a Theme and a Plugin</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"steps": [<br>{<br>"step": "installPlugin",<br>"pluginZipFile": {<br>"resource": "wordpress.org/plugins",<br>"slug": "coblocks"<br>}<br>},<br>{<br>"step": "installTheme",<br>"themeZipFile": {<br>"resource": "wordpress.org/themes",<br>"slug": "pendant"<br>}<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Run custom PHP code</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample<br>display={<code>{ "steps": [ { "step": "runPHP", "code": "&lt;?php include 'wordpress/wp-load.php'; wp_insert_post(array( 'post_title' => 'Post title', 'post_content' => 'Post content', 'post_status' => 'publish', 'post_author' => 1 )); " } ] }</code> }<br>blueprint={{<br>"steps": [<br>{<br>"step": "runPHP",<br>"code": <code>&lt;?php include 'wordpress/wp-load.php'; wp_insert_post(array( 'post_title' => 'Post title', 'post_content' => 'Post content', 'post_status' => 'publish', 'post_author' => 1 )); </code><br>}<br>]<br>}} /></blueprintexample<br></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Enable an option on the Gutenberg Experiments page</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Here: Switch on the "new admin views" feature.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample<br>display={<code>{ "steps": [ { "step": "runPHP", "code": "&lt;?php require '/wordpress/wp-load.php'; update_option( 'gutenberg-experiments', array( 'gutenberg-dataviews' => true ) );" } ] }</code>}<br>blueprint={{<br>"steps": [<br>{<br>"step": "runPHP",<br>"code": " true ) );"<br>}<br>]<br>}} /></blueprintexample<br></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Showcase a product demo</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample nobutton="" blueprint="{{<br">"steps": [<br>{<br>"step": "installPlugin",<br>"pluginZipFile": {<br>"resource": "url",<br>"url": "https://your-site.com/your-plugin.zip"<br>}<br>},<br>{<br>"step": "installTheme",<br>"themeZipFile": {<br>"resource": "url",<br>"url": "https://your-site.com/your-theme.zip"<br>}<br>},<br>{<br>"step": "importWxr",<br>"file": {<br>"resource": "url",<br>"url": "https://your-site.com/starter-content.wxr"<br>}<br>},<br>{<br>"step": "setSiteOptions",<br>"options": {<br>"some_required_option_1": "your_favorite_values",<br>"some_required_option_2": "your_favorite_values"<br>}<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Enable PHP extensions and networking</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"landingPage": "/wp-admin/plugin-install.php",<br>"phpExtensionBundles": [<br>"kitchen-sink"<br>],<br>"features": {<br>"networking": true<br>},<br>"steps": [<br>{<br>"step": "login"<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Load PHP code on every request (mu-plugin)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Use the <code>writeFile</code> step to add code to a mu-plugin that runs on every request.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"landingPage": "/category/uncategorized/",<br>"phpExtensionBundles": [<br>"kitchen-sink"<br>],<br>"features": {<br>"networking": true<br>},<br>"steps": [<br>{<br>"step": "login"<br>},<br>{<br>"step": "writeFile",<br>"path": "/wordpress/wp-content/mu-plugins/rewrite.php",<br>"data": "set_permalink_structure('/%postname%/'); $wp_rewrite->flush_rules(); } );"<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Code editor (as a Gutenberg block)</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"landingPage": "/wp-admin/post.php?post=4&amp;action=edit",<br>"steps": [<br>{<br>"step": "login",<br>"username": "admin",<br>"password": "password"<br>},<br>{<br>"step": "installPlugin",<br>"pluginZipFile": {<br>"resource": "wordpress.org/plugins",<br>"slug": "interactive-code-block"<br>}<br>},<br>{<br>"step": "runPHP",<br>"code": " 'WordPress Playground block demo!','post_content' => '&lt;!-- wp:wordpress-playground/playground /-->', 'post_status' => 'publish', 'post_type' => 'post',]);"<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You can share your own Blueprint examples in <a href="https://github.com/WordPress/wordpress-playground/wiki/Blueprint-examples">this dedicated wiki</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Load an older WordPress version</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground only ships with a few recent WordPress releases. If you need to use an older version, this Blueprint can help you: change the version number in <code>"url": "https://playground.wordpress.net/plugin-proxy.php?url=https://wordpress.org/wordpress-5.9.9.zip"</code> from <code>5.9.9</code> to the release you want to load.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong>Note:</strong> the oldest supported WordPress version is <code>5.9.9</code>, following the SQLite integration plugin.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"landingPage": "/wp-admin",<br>"steps": [<br>{<br>"step": "writeFile",<br>"path": "/tmp/wordpress.zip",<br>"data": {<br>"resource": "url",<br>"url": "https://playground.wordpress.net/plugin-proxy.php?url=https://wordpress.org/wordpress-5.9.9.zip",<br>"caption": "Downloading the WordPress Release"<br>}<br>},<br>{<br>"step": "importWordPressFiles",<br>"wordPressFilesZip": {<br>"resource": "vfs",<br>"path": "/tmp/wordpress.zip"<br>},<br>"pathInZip": "/wordpress",<br>"progress": {<br>"weight": 20,<br>"caption": "Importing the WordPress release"<br>}<br>},<br>{<br>"step": "runPHP",<br>"code": "},<br>{<br>"step": "login",<br>"username": "admin",<br>"password": "password"<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>18</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[_this_is_query_api.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=19</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>This is called <a href="../08-query-api/01-index.md">Query API</a> and you can learn more about it <a href="../08-query-api/01-index.md">here</a>.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>19</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[01-wp-now.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=20</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">wp-now NPM package</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://www.npmjs.com/package/@wp-now/wp-now"><code>@wp-now/wp-now</code></a> is a CLI tool to spin up a WordPress site with a single command. Similarly to the <a href="/05-local-development/02-vscode-extension.md">VS Code extension</a>, it uses a portable WebAssembly version of PHP and SQLite. No Docker, MySQL, or Apache are required.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Launch wp-now in a plugin or theme directory</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Navigate to your plugin or theme directory and start <code>wp-now</code> with the following commands:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>cd my-plugin-or-theme-directory
+npx @wp-now/wp-now start
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Launch wp-now in the <code>wp-content</code> directory with options</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can also start <code>wp-now</code> from any <code>wp-content</code> folder. The following example passes parameters for changing the PHP and WordPress versions and loading a blueprint file.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>cd my-wordpress-folder/wp-content
+npx @wp-now/wp-now start --wp=6.4 --php=8.0 --blueprint=path/to/blueprint.json
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>:::info <strong>Documentation</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><code>wp-now</code> is maintained in a different GitHub repository, <a href="https://github.com/WordPress/playground-tools/">Playground Tools</a>. You can find the latest documentation in the <a href="https://github.com/WordPress/playground-tools/blob/trunk/packages/wp-now/README.md">dedicated README file</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Install wp-now globally</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Alternatively, you can install <code>@wp-now/wp-now</code> globally to load it from any directory:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>npm install -g @wp-now/wp-now
+cd my-plugin-or-theme-directory
+wp-now start
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>20</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[04-resources.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=21</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Resources</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Resource References allow you use external files in Blueprints</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In the <code>installPlugin</code> step in the example above, we reference the <code>https://downloads.wordpress.org/plugins/friends.latest-stable.zip</code> file by using the <code>wordpress.org/plugins</code> resource reference.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The following resource references are available:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import TOCInline from '@theme/TOCInline';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<TOCInline toc={toc} />
+<!-- /wp:html -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">URLReference</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The URLReference resource is used to reference files that are stored on a remote server. The URLReference resource is defined as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>type URLReference = {
+	resource: 'url';
+	url: string;
+};
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>To use the URLReference resource, you need to provide the URL of the file. For example, to reference a file named "index.html" that is stored on a remote server, you can create a URLReference as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"resource": "url",
+	"url": "https://example.com/index.html"
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">CoreThemeReference</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The CoreThemeReference resource is used to reference WordPress core themes. The CoreThemeReference resource is defined as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>type CoreThemeReference = {
+	resource: 'wordpress.org/themes';
+	slug: string;
+	version?: string;
+};
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>To use the CoreThemeReference resource, you need to provide the slug of the theme. For example, to reference the "Twenty Twenty-One" theme, you can create a CoreThemeReference as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"resource": "wordpress.org/themes",
+	"slug": "twentytwentyone"
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">CorePluginReference</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The CorePluginReference resource is used to reference WordPress core plugins. The CorePluginReference resource is defined as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>type CorePluginReference = {
+	resource: 'wordpress.org/plugins';
+	slug: string;
+	version?: string;
+};
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>To use the CorePluginReference resource, you need to provide the slug of the plugin. For example, to reference the "Akismet" plugin, you can create a CorePluginReference as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"resource": "wordpress.org/plugins",
+	"slug": "akismet"
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">VFSReference</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The VFSReference resource is used to reference files that are stored in a virtual file system (VFS). The VFS is a file system that is stored in memory and can be used to store files that are not part of the file system of the operating system. The VFSReference resource is defined as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>type VFSReference = {
+	resource: 'vfs';
+	path: string;
+};
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>To use the VFSReference resource, you need to provide the path to the file in the VFS. For example, to reference a file named "index.html" that is stored in the root of the VFS, you can create a VFSReference as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"resource": "vfs",
+	"path": "/index.html"
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">LiteralReference</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The LiteralReference resource is used to reference files that are stored as literals in the code. The LiteralReference resource is defined as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>type LiteralReference = {
+	resource: 'literal';
+	name: string;
+	contents: string | Uint8Array;
+};
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>To use the LiteralReference resource, you need to provide the name of the file and its contents. For example, to reference a file named "index.html" that contains the text "Hello, World!", you can create a LiteralReference as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"resource": "literal",
+	"name": "index.html",
+	"contents": "Hello, World!"
+}
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>21</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[06-mount-data.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=22</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Mount data</h1>
+<!-- /wp:heading -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Mount a directory from the browser</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can mount a directory from the browser to Playground using the <code>window.showDirectoryPicker</code> API. Check the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/showDirectoryPicker#browser_compatibility">Browser compatibility</a> before using this API.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>window.showDirectoryPicker().then(function (directoryHandle) {
+	window.parent.postMessage({
+		type: 'mount-directory-handle',
+		directoryHandle,
+		mountpoint: '/wordpress/wp-content/uploads/markdown/',
+	});
+});
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>22</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[03-data-format.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=23</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Blueprint data Format</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>A Blueprint can contain the following properties:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>landingPage (string): The URL to navigate to after the Blueprint has been run.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="#preferred-versions">preferredVersions</a>: The preferred PHP and WordPress versions to use.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./05-steps.md">steps</a>: The steps to run.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Here's a Blueprint that uses all of them:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample blueprint="{{<br">"landingPage": "/wp-admin/",<br>"preferredVersions": {<br>"php": "7.4",<br>"wp": "6.5"<br>},<br>"phpExtensionBundles": ["kitchen-sink"],<br>"features": {<br>"networking": true<br>},<br>"steps": [<br>{<br>"step": "login",<br>"username": "admin",<br>"password": "password"<br>}<br>]<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">JSON Schema</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>JSON files can be tedious to write and easy to get wrong. To help with that, Playground provides a <a href="https://playground.wordpress.net/blueprint-schema.json">JSON schema</a> file that you can use to get autocompletion and validation in your editor:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"$schema": "https://playground.wordpress.net/blueprint-schema.json",
+	"landingPage": "/wp-admin/",
+	// ...
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Preferred Versions</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>preferredVersions</code> property, unsurprisingly, declares the preferred of PHP and WordPress versions to use. It can contain the following properties:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>php</code> (string): The preferred PHP version to use. Defaults to "latest". Only accepts major versions, like "7.4" or "8.0". Minor versions like "7.4.1" are not supported.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>wp</code> (string): Loads the specified WordPress version. Supported values: The last three major WordPress versions—minor versions, like <code>6.5.1</code>, are not supported. As of April 4, 2024, that's <code>6.3</code>, <code>6.4</code>, <code>6.5</code>. You can also use these values: <code>latest</code> (default), <code>nightly</code>, or <code>beta</code>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">PHP extensions</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>phpExtensionBundles</code> property is an array of PHP extension bundles to load. The following bundles are supported:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>light</code>: Default choice. Saves 6MB of downloads, loads none of the extensions below.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>kitchen-sink</code>: Installs <a href="https://www.php.net/manual/en/book.image.php"><code>gd</code></a>, <a href="https://www.php.net/manual/en/mbstring.installation.php"><code>mbstring</code></a>, <a href="https://www.php.net/manual/en/function.iconv.php"><code>iconv</code></a>, <a href="https://www.php.net/manual/en/book.openssl.php"><code>openssl</code></a>, <a href="https://www.php.net/manual/en/book.libxml.php"><code>libxml</code></a>, <a href="https://www.php.net/manual/en/xml.installation.php"><code>xml</code></a>, <a href="https://www.php.net/manual/en/intro.dom.php"><code>dom</code></a>, <a href="https://www.php.net/manual/en/book.simplexml.php"><code>simplexml</code></a>, <a href="https://www.php.net/manual/en/book.xmlreader.php"><code>xmlreader</code></a>, <a href="https://www.php.net/manual/en/book.xmlwriter.php"><code>xmlwriter</code></a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Features</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>features</code> property is used to enable or disable certain features of the Playground. It can contain the following properties:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>networking</code>: Defaults to <code>false</code>. Enables or disables the networking support for Playground. If enabled, <a href="https://developer.wordpress.org/reference/functions/wp_safe_remote_get/"><code>wp_safe_remote_get</code></a> and similar WordPress functions will actually use <code>fetch()</code> to make HTTP requests. If disabled, they will immediately fail instead.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>23</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[07-wasm-asyncify.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=24</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Asyncify</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://emscripten.org/docs/porting/asyncify.html">Asyncify</a> lets synchronous C or C++ code interact with asynchronous JavaScript. Technically, it saves the entire C call stack before yielding control back to JavaScript, and then restores it when the asynchronous call is finished. This is called <strong>stack switching</strong>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Networking support in the WebAssembly PHP build is implemented using Asyncify. When PHP makes a network request, it yields control back to JavaScript, which makes the request, and then resumes PHP when the response is ready. It works well enough that PHP build can request web APIs, install composer packages, and even connect to a MySQL server.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Asyncify crashes</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Stack switching requires wrapping all C functions that may be found at a call stack at a time of making an asynchronous call. Blanket-wrapping of every single C function adds a <strong>significant</strong> overhead, which is why we maintain a list of specific function names:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>https://github.com/WordPress/wordpress-playground/blob/15a660940ee9b4a332965ba2a987f6fda0c159b1/packages/php-wasm/compile/Dockerfile#L624-L632</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Unfortunately, missing even a single item from that list results in a WebAssembly crash whenever that function is a part of the call stack when an asynchronous call is made. It looks like this:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="../../static/img/asyncify-error.png" alt=""/><figcaption class="wp-element-caption">A screenshot of an asyncify error in the terminal</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>Asyncify can auto-list all the required C functions when built without <code>ASYNCIFY_ONLY</code>, but that auto-detection is overeager and ends up listing about 70,000 C functions which increases the startup time to 4.5s. That's why we maintain the list manually.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you are interested in more details, <a href="https://github.com/WordPress/wordpress-playground/issues/251">see GitHub issue 251</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Fixing Asyncify crashes</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://github.com/WordPress/wordpress-playground/pull/253">Pull Request 253</a> adds a <code>fix-asyncify</code> command that runs a specialized test suite and automatically adds any identified missing C functions to the <code>ASYNCIFY_ONLY</code> list.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you run into a crash like the one above, you can fix it by:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Identifying a PHP code path that triggers the crash – the stack trace in the terminal should help with that.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Adding a test case that triggers a crash to <code>packages/php-wasm/node/src/test/php-asyncify.spec.ts</code></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Running: <code>npm run fix-asyncify</code></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Committing the test case, the updated Dockerfile, and the rebuilt PHP.wasm</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">The upcoming JSPI API will make Asyncify unnecessary</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Eventually, <a href="https://github.com/WordPress/wordpress-playground/issues/134">V8 will likely handle stack switching for us</a> and remove this problem entirely. <a href="https://github.com/WordPress/wordpress-playground/issues/134">Issue 134</a> tracks the status of that effort.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Here's <a href="https://github.com/fgmccabe">a relevant note</a> from @fgmccabe:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:quote -->
+<blockquote class="wp-block-quote"><!-- wp:paragraph -->
+<p>The current implementation in V8 is essentially 'experimental status'. We have arm64 and x64 implementations.<br>The next steps are to implement on 32 bit arm/intel. That requires us to solve some issues that we did not have to solve so far.<br>As for node.js, my guess is that it is already in node, behind a flag.<br>To remove the flag requirement involves getting other implementations. The best estimate for that is towards the end of this year; but it obviously depends on resources and funding.<br>In addition, it would need further progress in the standardization effort; but, given that it is a 'small' spec, that should not be a long term burden.<br>Hope that this helps you understand the roadmap :)</p>
+<!-- /wp:paragraph --></blockquote>
+<!-- /wp:quote -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>24</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[20-documentation.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=25</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Documentation contributions</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://wordpress.github.io/wordpress-playground">WordPress Playground's documentation site</a> is maintained by volunteers like you, who'd love your help.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>All <a href="https://github.com/WordPress/wordpress-playground/labels/%5BType%5D%20Documentation">documentation-related topics</a> are labeled <code>documentation</code>. Browse the list of open issues to find one you'd like to work on. Alternatively, if you believe something is missing from the current documentation, open an issue to discuss your suggestion.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">How can I contribute?</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can contribute by <a href="https://github.com/WordPress/wordpress-playground/issues/new">opening an issue in the project repository</a> and describing what you'd like to add or change.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you feel up to it, write the content in the issue description, and the project contributors will take care of the rest.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">I'm familiar with markdown and GitHub</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>If you are familiar with markdown, you can propose changes and new documentation pages by submitting a Pull Request.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The documentation is stored in Playground's GitHub repository, <a href="https://github.com/WordPress/wordpress-playground/tree/trunk/packages/docs/site/docs">under <code>/packages/docs/site/docs</code></a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Edit in the browser</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Find the page you'd like to edit or the directory of the chapter you'd like to add a new page to.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Click the <strong>Add Files</strong> button to add a new file, or click on an existing file and then click the pencil icon to edit it.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>GitHub will ask you to fork the repository and create a new branch with your changes.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>An editor will open where you can make the changes.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>When you're done, click the <strong>Commit Changes</strong> button and submit a Pull Request.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>That's it! You've just contributed to the WordPress Playground documentation.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>This approach means you don't need to clone the repository, set up a local development environment, or run any commands.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The downside is that you won't be able to preview your changes. Keep reading to learn how to review your changes before submitting a Pull Request.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Local preview</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Clone the repository and navigate to the directory on your device. Now run the following commands:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>npm install
+npm run build:docs
+npm run dev:docs
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>The documentation site opens in a new browser tab and refreshes automatically with each change. Continue to edit the relevant file in your code editor and test the changes in real-time.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>25</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[13-browser-scopes.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=26</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Scopes</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Scopes keep your app working when you open it in two different browser tabs.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The Service Worker passes the intercepted HTTP requests to the PHPRequestHandler for rendering. Technically, it sends a message through a <a href="https://developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel"><code>BroadcastChannel</code></a> which then gets delivered to every browser tab where the application is open. This is undesirable, slow, and leads to unexpected behaviors.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Unfortunately, the Service Worker cannot directly communicate with the relevant Worker Thread – see <a href="https://github.com/WordPress/wordpress-playground/pull/31">PR #31</a> and <a href="https://github.com/WordPress/wordpress-playground/issues/9">issue #9</a> for more details.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Scopes enable each browser tab to:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Brand the outgoing HTTP requests with a unique tab id</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Ignore any <code>BroadcastChannel</code> messages with a different id</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Technically, a scope is a string included in the <code>PHPRequestHandler.absoluteUrl</code>. For example:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>In an <strong>unscoped app</strong>, <code>/index.php</code> would be available at <code>http://localhost:8778/wp-login.php</code></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>In an <strong>scoped app</strong>, <code>/index.php</code> would be available at <code>http://localhost:8778/scope:96253/wp-login.php</code></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>The service worker is aware of this concept and will attach the <code>/scope:</code> found in the request URL to the related <code>BroadcastChannel</code> communication.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>A worker thread initiated with a scoped <code>absoluteUrl</code> is said to be <strong>scoped</strong>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import {
+	PHP,
+	setURLScope,
+	exposeAPI,
+	parseWorkerStartupOptions,
+} from '@php-wasm/web';
+
+// Don't use the absoluteURL directly:
+const absoluteURL = 'http://127.0.0.1'
+
+// Instead, set the scope first:
+const scope = Math.random().toFixed(16)
+const scopedURL = setURLScope(absoluteURL, scope).toString()
+
+const { phpVersion } = parseWorkerStartupOptions&lt;{ phpVersion?: string }>();
+const php = await PHP.load('8.0', {
+	requestHandler: {
+		documentRoot: '/',
+		absoluteUrl: scopedSiteUrl
+	}
+});
+
+// Expose the API to app.ts:
+const &#91;setApiReady, ] = exposeAPI( php );
+setApiReady();
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>26</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-api-concepts.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=27</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Playground APIs Concepts</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground in the browser is all about links and iframes. Regardless of which API you choose, you will use it in one of the following ways:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Link to the Playground site</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can customize WordPress Playground by modifying the https://playground.wordpress.net/ link. You can, for example, create a post, request a specific plugin, or run any PHP code.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To prepare such a link, use either the <a href="../08-query-api/01-index.md">Query API</a> (easy) or the <a href="../09-blueprints-api/01-index.md">JSON Blueprints API</a> (medium).</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Once it's ready, simply post it on your site. It makes a great "Try it yourself" button in a tutorial, for example.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Embed in an <code>&lt;iframe></code></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground can be embedded in your app using an <code>&lt;iframe></code>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://playground.wordpress.net/">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>To customize that Playground instance, you can:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Load it from special link prepared using the <a href="../08-query-api/01-index.md">Query API</a> (easy) or the <a href="../09-blueprints-api/01-index.md">JSON Blueprints API</a> (medium).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Control it using the <a href="../10-javascript-api/01-index.md">JavaScript API</a>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>The JavaScript API gives you the most control, but it is also the least convenient option as it requires loading the Playground Client library.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import PlaygroundWpNetWarning from '@site/docs/_fragments/_playground_wp_net_may_stop_working.md';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<PlaygroundWpNetWarning />
+<!-- /wp:html -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Browser APIs</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following Playground APIs are available in the browser:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import APIList from '@site/docs/_fragments/_api_list.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<APIList />
+<!-- /wp:html -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">In Node.js</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The following Playground APIs are available in Node.js:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="../09-blueprints-api/01-index.md">JSON Blueprints API</a></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="../10-javascript-api/01-index.md">JavaScript API</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>These APIs are very similar to their web counterparts, but, unsurprisingly, they are not based or links or iframes.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>27</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[09-contributor-day.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=28</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">WordCamp Contributor Day</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <a href="https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground">WordPress Playground VS Code extension</a> and <a href="https://www.npmjs.com/package/@wp-now/wp-now">wp-now</a> streamline the process of setting up a local WordPress environment. WordPress Playground powers both—no Docker, MySQL, or Apache required.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Keep reading to learn how to use these tools for <a href="../05-local-development/01-wp-now.md">local development</a> when contributing to WordPress. Please note that the extension and the NPM package are under development, and not all <a href="https://make.wordpress.org/">Make WordPress teams</a> are fully supported.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Getting Started</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>If you’re a visual learner, here’s a step-by-step video tutorial. If you prefer reading at your own pace, skip to the written instructions below.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<iframe title="Getting Started with wp-now for WordPress development at Contributor Day" width="752" height="423" src="https://video.wordpress.com/embed/Gn7XOCAM?cover=1&amp;preloadContent=metadata&amp;useAverageColor=1&amp;hd=1&amp;metadata_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ3b3JkcHJlc3MuY29tIiwiaWF0IjoxNjg2MTQ4ODQ5LCJleHAiOjE2ODYzMjE2NDksImJsb2dfaWQiOiIyMDMxMjIxMTIiLCJndWlkIjoiR243WE9DQU0iLCJhdXRoIjoidmlkZW9wcmVzc19wbGF5YmFja190b2tlbiIsImFjY2VzcyI6InZpZGVvIiwiZXhwaXJlcyI6MTY4NjMyMTY0OX0.DJWVfePHl2nUKo8ziG81CK2VlG5Ui8vNg-dZJ7dOSq8" allow="fullscreen" loading="eager"></iframe>
+<!-- /wp:html -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">VS Code Playground extension</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <a href="https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground">Visual Studio Code Playground extension</a> is a friendly zero-setup development environment.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Open VS Code and navigate to the <strong>Extensions</strong> tab (<strong>View > Extensions</strong>).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>In the search bar, type <em>WordPress Playground</em> and click <strong>Install</strong>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>To interact with Playground, click the new icon in the <strong>Activity Bar</strong> and hit the <strong>Start WordPress Server</strong> button.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>A new tab will open in your browser within seconds.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">wp-now NPM package</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><code>@wp-now/wp-now</code> is a CLI tool that allows you to spin up a WordPress site with a single command. No Docker, MySQL, or Apache are required.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Prerequisites</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><code>wp-now</code> requires Node.js and NPM. If you haven’t yet, <a href="https://nodejs.org/en/download">download and install</a> both before you begin.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Depending on the Make WordPress team you contribute to, you may need a different Node.js version than the one you have installed. You can use Node Version Manager (NVM) to switch between versions. <a href="https://github.com/nvm-sh/nvm#installing-and-updating">Find the installation guide here</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Run wp-now</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You don’t have to install <code>wp-now</code> on your device to use it. Navigate to your plugin or theme directory and start <code>wp-now</code> with the following commands:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>cd my-plugin-or-theme-directory
+npx @wp-now/wp-now start
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Ideas for contributors</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Create a Gutenberg Pull Request (PR)</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Fork the <a href="https://github.com/WordPress/gutenberg">Gutenberg repository</a> in your GitHub account.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Then, clone the forked repository to download the files.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Install the necessary dependencies and build the code in development mode.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>git clone git@github.com:WordPress/gutenberg.git
+cd gutenberg
+npm install
+npm run dev
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>:::info</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you’re unsure about the steps listed above, visit the official <a href="https://developer.wordpress.org/block-editor/contributors/">Gutenberg Project Contributor Guide</a>. Note that in this case, <code>wp-now</code> replaces <code>wp-env</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Open a new terminal terminal tab, navigate to the Gutenberg directory, and start WordPress using <code>wp-now</code>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>cd gutenberg
+npx @wp-now/wp-now start
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>When you’re ready, commit and push your changes to your forked repository on GitHub and open a Pull Request on the Gutenberg repository.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Test a Gutenberg PR</h3>
+<!-- /wp:heading -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>To test other Gutenberg PRs, checkout the branch associated with it.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Pull the latest changes to ensure your local copy is up to date.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Next, install the necessary dependencies, ensuring your testing environment matches the latest changes.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Finally, build the code in development mode.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code># copy the branch-name from GitHub #
+git checkout branch-name
+git pull
+npm install
+npm run dev
+
+# In a different terminal inside the Gutenberg directory *
+npx @wp-now/wp-now start
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Test a Gutenberg PR with Playground in the browser</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You don’t need a local development environment to test Gutenberg PRs—use Playground to do it directly in the browser.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Copy the ID of the PR you’d like to test (pick one from the <a href="https://github.com/WordPress/gutenberg/pulls">list of open Pull Requests</a>).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Open Playground’s <a href="https://playground.wordpress.net/gutenberg.html">Gutenberg PR Previewer</a> and paste the ID you copied.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Once you click <strong>Go</strong>, Playground will verify the PR is valid and open a new tab with the relevant PR, allowing you to review the proposed changes.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Translate WordPress Plugins with Playground in the browser</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can translate supported WordPress Plugins by loading the plugin you want to translate and use Inline Translation. If the plugin developers have added the option, you'll find the <strong>Translate Live</strong> link on the top right toolbar of the translation view. You can read more about this exciting new option on <a href="https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/">this Polyglots blog post</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Get help and contribute to WordPress Playground</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Have a question or an idea for a new feature? Found a bug? Something’s not working as expected? We’re here to help:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>During Contributor Day, you can reach us at the <strong>Playground table</strong>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Open an issue on the <a href="https://github.com/WordPress/wordpress-playground/issues/new">WordPress Playground GitHub repository</a>. If your focus is the VS Code extension, NPM package, or the plugins, open an issue on the <a href="https://github.com/WordPress/playground-tools/issues/new">Plaground Tools repository</a>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Share your feedback on the <a href="https://wordpress.slack.com/archives/C04EWKGDJ0K"><strong>#meta-playground</strong> Slack channel</a>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>28</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[08-browser-concepts.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=29</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Running PHP apps in the browser with ServiceWorkers and Worker Threads</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>On a high level, WordPress Playground works in web browsers as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>The <code>index.html</code> file on playground.wordpress.net loads the <code>remote.html</code> file via an <code>&lt;iframe src="/remote.html"></code>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>remote.html</code> starts a Worker Thread and a ServiceWorker and sends back the download progress information.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The Worker Thread starts PHP and populates the filesystem with a WordPress patched to run on SQLite.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The ServiceWorker starts intercepting all HTTP requests and forwarding them to the Worker Thread.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>remote.html</code> creates an <code>&lt;iframe src="/index.php"></code>, and the Service Worker forwards the <code>index.php</code> request to the Worker Thread where the WordPress homepage is rendered.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Visually, it looks like this:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/architecture-overview.png" alt=""/><figcaption class="wp-element-caption">Architecture overview</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">High-level ideas</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/packages/php-wasm/web/"><code>@php-wasm/web</code></a> is built on top of the following ideas:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="./09-browser-tab-orchestrates-execution.md"><strong>Browser tab orchestrates everything</strong></a> – The browser tab is the main program. Closing or reloading it means destroying the entire execution environment.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./10-browser-iframe-rendering.md"><strong>Iframe-based rendering</strong></a> – Every response produced by the PHP server must be rendered in an iframe to avoid reloading the browser tab when the user clicks on a link.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./11-browser-php-worker-threads.md"><strong>PHP Worker Thread</strong></a> – The PHP server is slow and must run in a web worker, otherwise handling requests freezes the website UI.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="./12-browser-service-workers.md"><strong>Service Worker routing</strong></a> – All HTTP requests originating in that iframe must be intercepted by a Service worker and passed on to the PHP worker thread for rendering.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>29</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[03-coding-standards.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=30</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Coding principles</h1>
+<!-- /wp:heading -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Error messages</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>A good error message tells the user what to do next. Any ambiguity in errors thrown by Playground public APIs will prompt the developers to open issues.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Consider a network error, for example—can we infer the type of error and display a relevant message summarizing the next steps?</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><strong>Network error</strong>: "Your internet connection twitched. Try to reload the page.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><strong>404</strong>: "Could not find the file".</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><strong>403</strong>: "The server blocked access to the file".</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><strong>CORS</strong>: clarify it's a browser security feature and add a link to a detailed explanation (on MDN or another reliable source). Suggest the user move their file somewhere else, like raw.githubusercontent.com, and link to a resource explaining how to set up CORS headers on their servers.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>We handle code formatting and linting automatically. Relax, type away, and let the machines do the work.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Public API</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Playground aims to keep the narrowest possible API scope.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Public APIs are easy to add and hard to remove. It only takes one PR to introduce a new API, but it may take a thousand to remove it, especially if other projects have already consumed it.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Don't expose unnecessary function, class, constant, or other components.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Blueprints</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints are the primary way to interact with Playground. These JSON files describe a set of steps that Playground executes in order.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Guidelines</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprint steps should be <strong>concise and focused</strong>. They should do one thing and do it well.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>If you need to create a new step, try refactoring an existing one first.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>If that's not enough, ensure the new step delivers a new capability. Don't replicate the functionality of existing steps.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Assume the step would be called more than once.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Assume it would run in a specific order.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Add unit tests to verify that.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Blueprints should be <strong>intuitive and straightforward</strong>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Don't require arguments that can be optional.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Use plain argument. For example, <code>slug</code> instead of <code>path</code>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Define constants in virtual JSON files—don't modify PHP files.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Define a TypeScript type for the Blueprint. That's how Playground generates its JSON schema.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Write a function to handle a Blueprint step. Accept the argument of the type you defined.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Provide a usage example in the doc string. It's automatically reflected in the docs.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>30</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-wasm-php-overview.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=31</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">WebAssembly PHP</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground build <a href="https://github.com/php/php-src">the PHP interpreter</a> to WebAssembly using <a href="https://emscripten.org/docs/porting/networking.html">Emscripten</a> and a <a href="https://github.com/WordPress/wordpress-playground/blob/0d451c33936a8db5b7a158fa8aad288c19370a7d/packages/php-wasm/compile/Dockerfile">dedicated pipeline</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/c-programs-general.png" alt=""/><figcaption class="wp-element-caption">Building C programs to WebAssembly</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>Building PHP to WebAssembly is very similar to building vanilla PHP. The wasm build required <a href="https://github.com/WordPress/wordpress-playground/blob/0d451c33936a8db5b7a158fa8aad288c19370a7d/packages/php-wasm/compile/build-assets/php7.1.patch#L8-L9">adjusting a function signature here</a>, <a href="https://github.com/WordPress/wordpress-playground/blob/0d451c33936a8db5b7a158fa8aad288c19370a7d/packages/php-wasm/compile/Dockerfile#L495">forcing a config variable there</a>, and applying <a href="https://github.com/WordPress/wordpress-playground/tree/0d451c33936a8db5b7a158fa8aad288c19370a7d/packages/php-wasm/compile/build-assets">a few small patches</a>, but there's relatively few adjustments involved.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/c-programs-php.png" alt=""/><figcaption class="wp-element-caption">Building PHP to WebAssembly</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>However, vanilla PHP builds aren't very useful in the browser. As a server software, PHP doesn't have a JavaScript API to pass the request body, upload files, or populate the <code>php://stdin</code> stream. WordPress Playground had to build one from scratch. The WebAssembly binary comes with a <a href="https://github.com/WordPress/wordpress-playground/blob/0d451c33936a8db5b7a158fa8aad288c19370a7d/packages/php-wasm/compile/build-assets/php_wasm.c">dedicated PHP API module</a> written in C and a <a href="https://github.com/WordPress/wordpress-playground/blob/da38192af57a95699d8731c855b82ac0222df61b/packages/php-wasm/common/src/lib/php.ts">JavaScript PHP class</a> that exposes methods like writeFile() or run().</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Because every PHP version is just a static .wasm file, the PHP version switcher is actually pretty boring. It simply tells the browser to download, for example, <code>php_7_3.wasm</code> instead of, say, <code>php_8_2.wasm</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/c-programs-php-versions.png" alt=""/><figcaption class="wp-element-caption">Building different versions of PHP to WebAssembly</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Networking support varies between platforms</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>When it comes to networking, WebAssembly programs are limited to calling JavaScript APIs. It is a safety feature, but also presents a challenge. How do you support low-level, synchronous networking code used by PHP with the high-level asynchronous APIs available in JavaScript?</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In Node.js, the answer involves a WebSocket to TCP socket proxy, <a href="https://emscripten.org/docs/porting/asyncify.html">Asyncify</a>, and patching deep PHP internals like php_select. It's complex, but there's a reward. The Node.js-targeted PHP build can request web APIs, install composer packages, and even connect to a MySQL server.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In the browser, networking is supported to a limited extent. Network calls initiated using <code>wp_safe_remote_get</code>, like the ones in the plugin directory or the font library, are translated into <code>fetch()</code> calls and succeed if the remote server sends the correct CORS headers. However, a full support for arbitrary HTTPS connection involves opening a raw TCP socket which is not possible in the browser. There is an <a href="https://github.com/WordPress/wordpress-playground/issues/85">open GitHub issue</a> that explores possible ways of addressing this problem.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>31</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[17-browser-wordpress.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=32</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Bundling WordPress for the browser</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/wordpress-playground/wordpress/Dockerfile">web bundler Dockerfile</a> turns a vanilla WordPress into a browser-optimized one:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Makes WordPress run on SQLite using the <a href="https://github.com/WordPress/sqlite-database-integration">official drop-in plugin</a> as MySQL is unsupported in the browser.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Reduces the WordPress website size from about 70MB to about 10MB, or 5MB compressed.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Runs the WordPress installation wizard.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Bundles WordPress as a <a href="./06-wasm-php-data-dependencies.md">data dependency</a></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Build a new bundle with <code>nx bundle-wordpress playground-wordpress-builds --wp-version=&lt;version></code>, e.g.:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>nx bundle-wordpress playground-wordpress-builds --wp-version=6.1
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>The bundler outputs:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>packages/playground/wordpress-builds/public/wp-6.1.zip</code> – zipped WordPress files</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>packages/playground/wordpress-builds/public/wp-6.1/</code> – a directory with static assets for the specified WordPress versions</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Consult <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/wordpress-playground/wordpress/Dockerfile">the web bundler Dockerfile</a> for more details (like the list of supported WordPress versions) and modify it to customize the default WordPress installation.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>32</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[03-php-wasm-node.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=33</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Using WordPress Playground in Node.js</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>As a WebAssembly project, you can also use WordPress Playground in Node.js.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you need low-level control over the underlying WebAssembly PHP build, take a look at the <a href="https://npmjs.org/@php-wasm/node"><code>@php-wasm/node</code> package</a> which ships the PHP WebAssembly runtime. This package is at the core of all WordPress Playground tools for Node.js.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info <strong>API reference</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Consult the <a href="/api/node">complete list</a> of Classes, Functions, Interfaces, and Type Aliases.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import PHPWASMNode from '@php-wasm/node/\README.md';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<PHPWASMNode />
+<!-- /wp:html -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>33</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-using-blueprints.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=34</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Using Blueprints</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can use Blueprints in one of two ways:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>By passing them as a URL fragment to the Playground.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>By using the JavaScript API.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">URL Fragment</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The easiest way to start using Blueprints is to paste one into the URL "fragment" on WordPress Playground website, e.g. <code>https://playground.wordpress.net/#{"preferredVersions...</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>For example, to create a Playground with specific versions of WordPress and PHP you would use the following Blueprint:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"$schema": "https://playground.wordpress.net/blueprint-schema.json",
+	"preferredVersions": {
+		"php": "7.4",
+		"wp": "6.5"
+	}
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>And then you would go to<br><code>https://playground.wordpress.net/#{"preferredVersions": {"php":"7.4", "wp":"6.5"}}</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You won't have to paste links to follow along. We'll use code examples with a "Try it out" button that will automatically run the examples for you:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintExample from '@site/src/components/Blueprints/BlueprintExample.mdx';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><blueprintexample justbutton="{true}" blueprint="{{<br">"preferredVersions": {<br>"php": "7.4",<br>"wp": "6.5"<br>}<br>}} /></blueprintexample></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Base64 encoded Blueprints</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Some tools, including GitHub, might not format the Blueprint correctly when pasted into the URL. In such cases, encode your Blueprint in Base64 and append it to the URL. For example, that's the above Blueprint in Base64 format: <code>eyIkc2NoZW1hIjogImh0dHBzOi8vcGxheWdyb3VuZC53b3JkcHJlc3MubmV0L2JsdWVwcmludC1zY2hlbWEuanNvbiIsInByZWZlcnJlZFZlcnNpb25zIjogeyJwaHAiOiAiNy40Iiwid3AiOiAiNi41In19</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To run it, go to https://playground.wordpress.net/#eyIkc2NoZW1hIjogImh0dHBzOi8vcGxheWdyb3VuZC53b3JkcHJlc3MubmV0L2JsdWVwcmludC1zY2hlbWEuanNvbiIsInByZWZlcnJlZFZlcnNpb25zIjogeyJwaHAiOiAiNy40Iiwid3AiOiAiNi41In19</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Load Blueprint from a URL</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>When your Blueprint gets too wieldy, you can load it via the <code>?blueprint-url</code> query parameter in the URL, like this:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/adamziel/blueprints/trunk/blueprints/latest-gutenberg/blueprint.json">https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/adamziel/blueprints/trunk/blueprints/latest-gutenberg/blueprint.json</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Note that the Blueprint must be publicly accessible and served with <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin">the correct <code>Access-Control-Allow-Origin</code> header</a>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>Access-Control-Allow-Origin: *
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">JavaScript API</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can also use Blueprints with the JavaScript API using the <code>startPlaygroundWeb()</code> function from the <code>@wp-playground/client</code> package. Here's a small, self-contained example you can run on JSFiddle or CodePen:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe id="wp-playground" style="width: 1200px; height: 800px">
+<script><br>	import { startPlaygroundWeb } from 'https://playground.wordpress.net/client/index.js';<br><br>	const client = await startPlaygroundWeb({<br>		iframe: document.getElementById('wp-playground'),<br>		remoteUrl: `https://playground.wordpress.net/remote.html`,<br>		blueprint: {<br>			landingPage: '/wp-admin/',<br>			preferredVersions: {<br>				php: '8.0',<br>				wp: 'latest',<br>			},<br>			steps: &#91;<br>				{<br>					step: 'login',<br>					username: 'admin',<br>					password: 'password',<br>				},<br>				{<br>					step: 'installPlugin',<br>					pluginZipFile: {<br>						resource: 'wordpress.org/plugins',<br>						slug: 'friends',<br>					},<br>				},<br>			],<br>		},<br>	});<br><br>	const response = await client.run({<br>		// wp-load.php is only required if you want to interact with WordPress.<br>		code: '<?php require_once "/wordpress/wp-load.php"; $posts = get_posts(); echo "Post Title: " . $posts&#91;0]->post_title;',<br>	});<br>	console.log(response.text);<br></script>
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>34</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[05-steps-shorthands.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=35</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Shorthands</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can specify some <code>steps</code> using a <code>shorthand</code> syntax. The following <code>steps</code> are currently supported:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><code>login</code></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Use</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>	"login": true,
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Or</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"step": "login",
+	"username": "admin",
+	"password": "password"
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><code>plugins</code></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>(replaces the <code>installPlugin</code> step)</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Use</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>	"plugins": &#91;
+		"hello-dolly",
+		"https://raw.githubusercontent.com/adamziel/blueprints/trunk/docs/assets/hello-from-the-dashboard.zip"
+	]
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Or</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>&#91;
+	{
+		"step": "installPlugin",
+		"pluginZipFile": {
+			"resource": "wordpress.org/plugins",
+			"slug": "hello-dolly"
+		}
+	},
+	{
+		"step": "installPlugin",
+		"pluginZipFile": {
+			"resource": "url",
+			"url": "https://raw.githubusercontent.com/adamziel/blueprints/trunk/docs/assets/hello-from-the-dashboard.zip"
+		}
+	}
+]
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><code>siteOptions</code></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Use</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>	"siteOptions": {
+		"blogname": "My first Blueprint"
+	}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Or</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>	"step": "setSiteOptions",
+	"options": {
+		"blogname": "My first Blueprint"
+	}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><code>defineWpConfigConsts</code></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>(<code>constants</code> only)</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Use</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>{
+	"step": "defineWpConfigConsts",
+	"consts": {
+		"WP_DISABLE_FATAL_ERROR_HANDLER": true,
+		"WP_DEBUG": true,
+		"WP_DEBUG_DISPLAY": true
+	}
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Or</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>	{
+		"step": "defineWpConfigConsts",
+		"consts": {
+			"WP_DISABLE_FATAL_ERROR_HANDLER": true
+		}
+	},
+	{
+		"step": "defineWpConfigConsts",
+		"consts": {
+			"WP_DEBUG": true
+		}
+	},
+	{
+		"step": "defineWpConfigConsts",
+		"consts": {
+			"WP_DEBUG_DISPLAY": true
+		}
+	}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:paragraph -->
+<p>The <code>shorthand</code> syntax and the <code>step</code> syntax correspond to each other. Every <code>step</code> specified with the <code>shorthand</code> syntax is added to the top of the <code>steps</code> array in arbitrary order.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info <strong>Which should you choose?</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Use <code>shorthands</code> when <strong>brevity</strong> is your main concern.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Use explicit <code>steps</code> when you need more control over the <strong>execution order</strong>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>35</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[03-wasm-php-compiling.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=36</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Compiling PHP</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The build pipeline lives in a <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/packages/php-wasm/compile/Dockerfile"><code>Dockerfile</code></a>. It was originally forked from <a href="https://github.com/seanmorris/php-wasm">seanmorris/php-wasm</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In broad strokes, that <code>Dockerfile</code>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Installs all the necessary linux packages (like <code>build-essential</code>)</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Downloads PHP and the required libraries, e.g. <code>sqlite3</code>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Applies a few patches.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Compiles everything using <a href="https://emscripten.org/">Emscripten</a>, a drop-in replacement for the C compiler.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Compiles <code>php_wasm.c</code> – a convenient API for JavaScript.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Outputs a <code>php.wasm</code> file and one or more JavaScript loaders, depending on the configuration.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Transforms the Emscripten's default <code>php.js</code> output into an ESM module with additional features.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>To find out more about each step, refer directly to the <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/packages/php-wasm/compile/Dockerfile">Dockerfile</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Building</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>To build all PHP versions, run <code>nx recompile-php:all php-wasm-web</code> (or <code>php-wasm-node</code>) in the repository root. You'll find the output files in <code>packages/php-wasm/php-web/public</code>. To build a specific version, run <code>nx recompile-php:all php-wasm-node --PHP_VERSION=8.0</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP extensions</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>PHP is built with several extensions listed in the <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/packages/php-wasm/compile/Dockerfile"><code>Dockerfile</code></a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Some extensions, like <code>zip</code>, can be turned on or off during the build. Others, like <code>sqlite3</code>, are hardcoded.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you need to turn off one of the hardcoded extensions, feel free to open an issue in this repo. Better yet, this project needs contributors. You are more than welcome to open a PR and author the change you need.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">C API exposed to JavaScript</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The C API exposed to JavaScript lives in the <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/packages/php-wasm/compile/build-assets/php_wasm.c"><code>php_wasm.c</code></a> file. The most important functions are:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>void phpwasm_init()</code> – It creates a new PHP context and must be called before running any PHP code.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>int phpwasm_run(char *code)</code> – Runs a PHP script and writes the output to /tmp/stdout and /tmp/stderr. Returns the exit code.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>void phpwasm_refresh()</code> – Destroy the current PHP context and starts a new one. Call it after running one PHP script and before running another.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Refer to the inline documentation in <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/src/packages/php-wasm/compile/build-assets/php_wasm.c"><code>php_wasm.c</code></a> to learn more.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Build configuration</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The build is configurable via the <a href="https://docs.docker.com/engine/reference/commandline/build/#set-build-time-variables---build-arg">Docker <code>--build-arg</code> feature</a>. You can set them up through the <code>build.js</code> script, just run this command to get the usage message:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>nx recompile-php php-wasm-web
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p><strong>Supported build options:</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>PHP_VERSION</code> – The PHP version to build, default: <code>8.0.24</code>. This value must point to an existing branch of the <a href="https://github.com/php/php-src.git">https://github.com/php/php-src.git</a> repository when prefixed with <code>PHP-</code>. For example, <code>7.4.0</code> is valid because the branch <code>PHP-7.4.0</code> exists, but just <code>7</code> is invalid because there's no branch <code>PHP-7</code>. The PHP versions that are known to work are <code>7.4.*</code> and <code>8.0.*</code>. Others likely work as well but they haven't been tried.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>EMSCRIPTEN_ENVIRONMENT</code> – <code>web</code> or <code>node</code>, default: <code>web</code>. The platform to build for. When building for <code>web</code>, two JavaScript loaders will be created: <code>php-web.js</code> and <code>php-webworker.js</code>. When building for Node.js, only one loader called <code>php-node.js</code> will be created.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>WITH_LIBXML</code> – <code>yes</code> or <code>no</code>, default: <code>no</code>. Whether to build with <code>libxml2</code> and the <code>dom</code>, <code>xml</code>, and <code>simplexml</code> PHP extensions (<code>DOMDocument</code>, <code>SimpleXML</code>, ..).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>WITH_LIBZIP</code> – <code>yes</code> or <code>no</code>, default: <code>yes</code>. Whether to build with <code>zlib</code>, <code>libzip</code>, and the <code>zip</code> PHP extension (<code>ZipArchive</code>).</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>WITH_NODEFS</code> – <code>yes</code> or <code>no</code>, default: <code>no</code>. Whether to include <a href="https://emscripten.org/docs/api_reference/Filesystem-API.html#filesystem-api-nodefs">the Emscripten's NODEFS JavaScript library</a>. It's useful for loading files and mounting directories from the local filesystem when running php.wasm from Node.js.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>36</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[16-wordpress-database.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=37</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading -->
+<h2 class="wp-block-heading">Database is supported via MySQL&lt;->SQLite translation layer</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>WordPress requires MySQL. However, there isn't a WebAssembly version of MySQL you could run in the browser. WordPress Playground therefore ships PHP with the <a href="https://www.php.net/manual/en/ref.pdo-sqlite.php">native SQLite driver</a> and leans on SQLite.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>But how can WordPress run on a different database?</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Behind the scenes, the official <a href="https://github.com/WordPress/sqlite-database-integration">SQLite Database Integration</a> plugin intercepts all MySQL queries and rewrites them in SQLite dialect. The 2.0 release ships <a href="https://github.com/WordPress/sqlite-database-integration/pull/9">a new WordPress Playground-informed translation layer</a> that allows WordPress on SQLite to pass 99% of the WordPress unit test suite.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>37</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[05-wasm-php-filesystem.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=38</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">PHP Filesystem</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The PHP module has its own filesystem separate from your computer's filesystem. It is provided by <a href="https://emscripten.org/docs/api_reference/Filesystem-API.html">Emscripten's FS library</a> and the default APIs is low-level and cumbersome to use. The <code>PHP</code> JavaScript class shipped with WordPress Playground wraps it with a more convenient higher-level API.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In general, WordPress Playground uses an in-memory virtual filesystem.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>However, in Node.js, you can also mount a real directory from the host filesystem into the PHP filesystem.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Here's how to interact with the filesystem in WordPress Playground:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>// Recursively create a /var/www directory
+php.mkdirTree('/var/www');
+
+console.log(php.fileExists('/var/www/file.txt'));
+// false
+
+php.writeFile('/var/www/file.txt', 'Hello from the filesystem!');
+
+console.log(php.fileExists('/var/www/file.txt'));
+// true
+
+console.log(php.readFile('/var/www/file.txt'));
+// "Hello from the filesystem!
+
+// Delete the file:
+php.unlink('/var/www/file.txt');
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>For more details consult the BasePHP class directly – it has some great documentation strings.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>38</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-vscode-extension.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=39</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">VS Code extension</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Start a zero-setup development environment using the <a href="https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground">VS Code extension</a>, and develop your plugin or theme locally without installing Apache or MySQL.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info <strong>Documentation</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The VS Code extension is maintained in a different GitHub repository, <a href="https://github.com/WordPress/playground-tools/">Playground Tools</a>. You can find the latest documentation in the <a href="https://github.com/WordPress/playground-tools/blob/trunk/packages/vscode-extension/README.md">dedicated README file</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The extension ships with a portable WebAssembly version of PHP and sets up WordPress to use SQLite. Once installed, all you have to do is click the <strong>Start WordPress Server</strong> button in VS Code:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import Image from '@theme/IdealImage';<br>import vsCodeScreenshot from '@site/static/img/start-wordpress-server.png';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<div style={{maxWidth:350}}><Image img={vsCodeScreenshot} /></div>
+<!-- /wp:html -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>39</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[03-playground-api-client.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=40</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Playground API Client</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>PlaygroundClient</code> object implements the <code>UniversalPHP</code> interface. All the methods from that interface are also available in Node.js and same-process PHP instances (Playground runs PHP in a web worker).</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Broadly speaking, you can use the client to perform three types of operations:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Running PHP code</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Customizing PHP.ini</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Managing files and directories</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Running PHP code</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The two methods you can use to run PHP code are:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><a href="#the-run-method"><code>run()</code></a> - runs PHP code and returns the output</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><a href="#the-request-method"><code>request()</code></a> - makes an HTTP request to the website</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>In Node.js, you can also use the <a href="#the-cli-method"><code>cli()</code></a> method to run PHP in a CLI mode.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">The run() method</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>import TSDocstring from '@site/src/components/TSDocstring';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><tsdocstring path="{[" ]}=""></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">The request() method</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><tsdocstring path="{[" ]}=""></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Customizing PHP.ini</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The API client also allows you to change the php.ini file:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>await setPhpIniEntries(client, {
+	display_errors: 'On',
+	error_reporting: 'E_ALL',
+});
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Managing files and directories</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>client</code> object provides you with a low-level API for managing files and directories in the PHP filesystem:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>await client.mkdirTree('/wordpress/test');
+// Create a new PHP file
+await client.writeFile(
+	'/wordpress/test/index.php',
+	`     echo "Hello, world!
+";
+     // List all the files in current directory
+     print_r(glob(__DIR__ . '/*'));
+  `
+);
+// Create files named 1, 2, and 3
+await client.writeFile('/wordpress/test/1', '');
+await client.writeFile('/wordpress/test/2', '');
+await client.writeFile('/wordpress/test/3', '');
+// Remove the file named 1
+await client.unlink('/wordpress/test/1');
+// Navigate to our PHP file
+await client.goTo('/test/index.php');
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>For a full list of these methods, consult the PlaygroundClient interface.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Sending messages to JavaScript</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can pass messages from PHP to JavaScript using the <code>post_message_to_js()</code> function. It accepts one argument:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>$data</code> (string) – Data to pass to JavaScript.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>For example, here's how you would send a message with a JSON-encoded post ID and title:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>const php = await PHP.load('8.0');
+
+php.onMessage(
+	// The data is always passed as a string
+	function (data: string) {
+		// Let's decode and log the data:
+		console.log(JSON.parse(data));
+	}
+);
+
+// Now that we have a listener in place, let's
+// dispatch a message:
+await php.run({
+	code: `        post_message_to_js(
+            json_encode(&#91;
+                'post_id' => '15',
+                'post_title' => 'This is a blog post!'
+            ])
+        ));
+    `,
+});
+
+// You will see the following output in the console:
+// { post_id: '15', post_title: 'This is a blog post!' }
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">The cli() method</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>In Node.js, you also have access to the <code>cli()</code> method that runs PHP in a CLI mode:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>// Run PHP in a CLI mode
+client.cli(&#91;'-r', 'echo "Hello, world!";']);
+// Outputs "Hello, world!"
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Once cli() method finishes running, the PHP instance is no* longer usable and should be discarded. This is because PHP internally cleans up all the resources and calls exit().</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>40</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[12-browser-service-workers.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=41</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Service Workers</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">A Service Worker</a> is used to handle the HTTP traffic using the in-browser PHPRequestHandler.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Imagine your PHP script renders the following page <a href="#iframe-based-rendering">in the iframe viewport</a>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>
+	
+		<title>John's Website</title>
+	
+	
+		<a href="/">Homepage</a>
+		<a href="/blog">Blog</a>
+		<a href="/contact">Contact</a>
+	
+
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>When the user clicks, say the <code>Blog</code> link, the browser would normally send a HTTP request to the remote server to fetch the <code>/blog</code> page and then display it instead of the current iframe contents. However, our app isn't running on the remote server. The browser would just display a 404 page.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Enter <a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service Workers</a> – a tool to intercept the HTTP requests and handle them inside the browser:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/workers-diagram.png" alt=""/><figcaption class="wp-element-caption">Service worker data flow</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Service Worker setup</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The main application living in <code>/index.html</code> is responsible for registering the service worker.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Here's the minimal setup:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong>/app.js:</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import { registerServiceWorker } from '@php-wasm/web';
+
+function main() {
+	await registerServiceWorker(
+		phpClient,
+		"default", // PHP instance scope
+		"/sw.js",  // Must point to a valid Service Worker implementation.
+		"1"        // Service worker version, used for reloading the script.
+	);
+
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>You will also need a separate <code>/service-worker.js</code> file that actually intercepts and routes the HTTP requests. Here's what a minimal implementation looks like:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong>/service-worker.js</strong>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import { initializeServiceWorker } from '@php-wasm/web';
+
+// Intercepts all HTTP traffic on the current domain and
+// passes it to the Worker Thread.
+initializeServiceWorker();
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>41</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[10-browser-iframe-rendering.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=42</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Iframe-based rendering</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>To avoid page reloads, all the <code>PHPRequestHandler</code> responses must be rendered in an iframe. Remember, the entire setup only lives as long as the main <code>index.html</code>. We want to avoid reloading the main app at all costs.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In our app example above, <code>index.php</code> renders the following HTML:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><a href="page.php">Go to page.php</a>
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Imagine our <code>index.html</code> rendered it in a <code>&lt;div></code> instead of an <code>&lt;iframe></code>. As soon as you click on that link, the browser will try to navigate from <code>index.html</code> to <code>page.php</code>. However, <code>index.html</code> runs the entire PHP app, including the Worker Thread, the PHPRequestHandler, and the traffic control connecting them to the Service Worker. Navigating away from it would destroy the app.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Now, consider an iframe with the same link in it:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe srcdoc="<a href=&quot;page.php&quot;&gt;Go to page.php</a&gt;">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>This time, click the link in the browser to load <code>page.php</code> <strong>inside the iframe</strong>. The top-level <code>index.html</code>, where the PHP application runs, remains unaffected. That's why iframes are crucial for the <code>@php-wasm/web</code> setup.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info Crash reports<br>Playground doesn't collect crash reports automatically. Instead, it prompts users to submit a crash report when an instance fails to run in the browser.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The report includes a log, description, and a URL, and users can modify it before submitting it.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/packages/playground/website/public/logger.php">Logger API</a> handles it from there. This simple REST API validates the data and sends it to the <strong>Making WordPress</strong> <a href="https://wordpress.slack.com/archives/C06Q5DCKZ3L">#playground-logs Slack channel</a>.<br>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Iframes caveats</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>target="_top"</code> isn't handled yet, so clicking links with <code>target="_top"</code> will reload the page you’re working on.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>JavaScript popups originating in the <code>iframe</code> may not always display.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>42</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[18-host-your-own-playground.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=43</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Host your own Playground</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can host the Playground on your own domain instead of <code>playground.wordpress.net</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>This is useful for having full control over its content and behavior, as well as removing dependency on a third-party server. It can provide a more customized user experience, for example: a playground with preinstalled plugins and themes, default site settings, or demo content.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":4} -->
+<h4 class="wp-block-heading">Usage</h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>A self-hosted Playground can be embedded as an iframe.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><iframe src="https://my-playground.com">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Or dynamically loaded by passing the remote URL to the Playground Client.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import { startPlaygroundWeb } from '@wp-playground/client';
+
+const client = await startPlaygroundWeb({
+	iframe: document.getElementById('wp'),
+	remoteUrl: `https://my-playground.com/remote.html`,
+});
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Static assets</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>There are several ways to get the static assets necessary to host the Playground.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>In order of convenience and ease:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Download pre-built package</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Fork the repository and build with GitHub Action</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Build locally</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Download pre-built package</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>To host the Playground as is, without making changes, you can download the built artifact from <a href="https://github.com/WordPress/wordpress-playground/actions/workflows/build-website.yml?query=is%3Asuccess">the latest successful GitHub Action</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Click on <strong>Deploy to playground.wordpress.net</strong>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>In the section <strong>Artifacts</strong> at the bottom of the page, click <code>playground-website</code>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>It's a zip package with the same files deployed to the public site.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Fork the repository and build with GitHub Action</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>To customize the Playground, you can <a href="https://github.com/WordPress/wordpress-playground/fork">fork the Git repository</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Build it from the fork's GitHub page by going to: <strong>Actions -> Deploy to playground.wordpress.net -> Run workflow</strong>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Build locally</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The most flexible and customizable method is to build the site locally.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Create a shallow clone of the Playground repository, or your own fork.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>git clone -b trunk --single-branch --depth 1 git@github.com:WordPress/wordpress-playground.git
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Enter the <code>wordpress-playground</code> directory.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>cd wordpress-playground
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Install dependencies, and build the website.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>npm install
+npm run build:website
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>This command internally runs the <code>nx</code> task <code>build:wasm-wordpress-net</code>. It copies the built assets from packages <code>remote</code> and <code>website</code> into a new folder at the following path:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>dist/packages/playground/wasm-wordpress-net
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>The entire service of the Playground consists of the content of this folder.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Summary of included files</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The static assets include:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Data and WASM files for all available PHP and WordPress versions</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>remote.html</code> - the core of Playground</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li><code>index.html</code> - the shell, or browser chrome</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Web Worker script</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>You can deploy the content of the folder to your server using SSH, such as <code>scp</code> or <code>rsync</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>It is a static site, except for these dynamic aspects.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Apache server directive <code>.htaccess</code> file from the package <code>remote</code></li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>For these to work, you need a server environment with Apache and PHP installed.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">NGINX configuration</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>As an alternative to Apache, here is an example of using NGINX to serve the Playground.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::info Refer to the source file</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The example may be outdated. Please check <a href="https://github.com/WordPress/wordpress-playground/blob/trunk/packages/playground/remote/.htaccess">the source file</a> for the latest version.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The combined Apache <code>.htaccess</code> file looks like this.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>AddType application/wasm .wasm
+AddType	application/octet-stream .data
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>An equivalent in NGINX.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>location ~* .wasm$ {
+  types {
+    application/wasm wasm;
+  }
+}
+
+location ~* .data$ {
+  types {
+    application/octet-stream data;
+  }
+}
+
+location /scope:.* {
+  rewrite ^scope:.*?/(.*)$ $1 last;
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>You may need to adjust the above according to server specifics, particularly how to invoke PHP for the path <code>/plugin-proxy</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Customize bundled data</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The file <code>wp.zip</code> is a bundle of all the files for the virtual file system in Playground. There's a data file for each available WordPress version.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The package at <code>packages/playground/wordpress</code> is responsible for building these data files.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Edit the build script in <code>Dockerfile</code> to create a custom bundle that includes preinstalled plugins or content.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Install plugins</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Here's an example of installing plugins for the data bundle.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Before the section titled <code>Strip whitespaces from PHP files</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code># === Preinstall plugins ===
+
+RUN cd wordpress/wp-content/mu-plugins &amp;&amp; \
+    # Install plugins
+    for plugin_name in example-plugin-1 example-plugin-2; do \
+      curl -L https://downloads.wordpress.org/plugin/{$plugin_name}.latest-stable.zip -o {$plugin_name}.zip &amp;&amp; \
+      unzip $plugin_file &amp;&amp; \
+      rm $plugin_file &amp;&amp; \
+      # Create entry file in mu-plugins root
+      echo " $plugin_name.php; \
+    done;
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>You can download plugins from URLs other than the WordPress plugin directory, or use Git to pull them from elsewhere.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>It's also possible to copy from a local folder. For example, before <code>RUN</code>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>COPY ./build-assets/*.zip /root/
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Then put the plugin zip files in <code>build-assets</code>. In this case, you may want to add their paths to <code>.gitignore</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Import content</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Here's an example of importing content.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code># === Demo content ===
+
+COPY ./build-assets/content.xml /root/
+RUN cd wordpress ; \
+     echo "Importing content.."; \
+    ../wp-cli.phar --allow-root import /root/content.xml --authors=create
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>This assumes that you have put a WXR export file named <code>content.xml</code> in the folder <code>build-assets</code>. You can add its path to <code>.gitignore</code>.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>43</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[04-wasm-php-javascript-module.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=44</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">PHP.js JavaScript module</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The <code>php.js</code> file generated by the <a href="./03-wasm-php-compiling.md">WebAssembly PHP build pipeline</a> is <strong>not</strong> a vanilla Emscripten module. Instead, it's an ESM module that wraps the regular Emscripten output and adds some extra functionality.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Here's the API it exposes:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>// php.wasm size in bytes:
+export const dependenciesTotalSize = 5644199;
+
+// php.wasm filename:
+export const dependencyFilename = 'php.wasm';
+
+// Run Emscripten's generated module:
+export default function (jsEnv, emscriptenModuleArgs) {}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>The generated JavaScript module is not meant for direct use. Instead, it can be consumed through the <code>PHP</code> class:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>// In Node.js:
+const php = new PHP(await loadNodeRuntime('8.0'));
+
+// On the web:
+const php = new PHP(await loadWebRuntime('8.0'));
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Both of these classes extend the <code>BasePHP</code> class exposed by the <code>@php-wasm/universal</code> package and implement the <code>UniversalPHP</code> interface that standardizes the API across all PHP environments.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Loading the PHP runtime</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The load() method handles the entire PHP initialization pipeline. In particular, it:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Instantiates the Emscripten PHP module</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Wires it together with the data dependencies and loads them</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Ensures is all happens in a correct order</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Waits until the entire loading sequence is finished</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>44</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[06-wasm-php-data-dependencies.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=45</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Data dependencies (browser version)</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Importing file to PHP by manually calling <code>writeFile()</code> would be quite inconvenient. Fortunately, Emscripten provides a "data dependencies" feature.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Data dependencies consist of a <code>dependency.data</code> file and a <code>dependency.js</code> loader and can be packaged with the <a href="https://emscripten.org/docs/porting/files/packaging_files.html">file_packager.py tool</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>WordPress Playground also requires wrapping the Emscripten-generated <code>dependency.js</code> file in an ES module as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Prepend <code>export default function(emscriptenPHPModule) {'; </code></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Prepend <code>export const dependencyFilename = '&lt;DATA FILE NAME>'; </code></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Prepend <code>export const dependenciesTotalSize = &lt;DATA FILE SIZE>;</code></li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Append <code>}</code></li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Be sure to use the <code>--export-name="emscriptenPHPModule"</code> file_packager.py option.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>You want the final output to look as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>export const dependenciesTotalSize = 5644199;
+export const dependencyFilename = 'dependency.data';
+export default function (emscriptenPHPModule) {
+	// Emscripten-generated code:
+	var Module = typeof emscriptenPHPModule !== 'undefined' ? emscriptenPHPModule : {};
+	// ... the rest of it ...
+}
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Such a constructions enables loading the <code>dependency.js</code> as an ES Module using<br><code>import("/dependency.js")</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Once it's ready, you can load PHP and your data dependencies as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>const php = await PHP.load('7.4', {
+	dataModules: &#91;import('/wp.js')],
+});
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>45</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[11-browser-php-worker-threads.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=46</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">PHP Worker Threads</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>PHP is always ran in a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API">web worker</a> to ensure the PHP runtime doesn't slow down the user interface of the main website.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Imagine the following code:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><button onclick="for(let i=0;i<100000000;i++&gt;) {}">Freeze the page</button>
+<input type="text">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>As soon as you click that button the browser will freeze and you won't be able to type in the input. That's just how browsers work. Whether it's a for loop or a PHP server, running intensive tasks slows down the user interface.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Initiating web workers</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Web workers are separate programs that can process heavy tasks outside of the main application. They must be initiated by the main JavaScript program living in the browser tab. Here's how:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>const phpClient = consumeAPI<phpclient>(
+	spawnPHPWorkerThread(
+		'/worker-thread.js' // Valid Worker script URL
+	)
+);
+await phpClient.isReady();
+await phpClient.run({ code: `</phpclient></code></pre>
+<!-- /wp:code -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Controlling web workers</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Exchanging messages is the only way to control web workers. The main application has no access to functions or variables inside of a web workeer. It can only send and receive messages using <code>worker.postMessage</code> and <code>worker.onmessage = function(msg) { }</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>This can be tedious, which is why Playground provides a convenient <a href="/api/web/function/consumeAPI">consumeAPI</a> function that abstracts the message exchange and exposes specific functions from the web worker. This is why we can call <code>phpClient.run</code> in the example above.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>46</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[07-json-api-and-function-api.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=47</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>https://github.com/WordPress/wordpress-playground/pull/215</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">JSON API and Function API</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Blueprints are defined in JSON format, but the underlying implementation uses JavaScript functions to execute the steps. While JSON is the most convenient way of interacting with Blueprints, you can also use the underlying functions directly.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>JSON is merely a wrapper around the functions. Whether you use the JSON steps or the exported functions, you'll have to provide the same parameters (except for the step name):</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>import BlueprintStep from '@site/src/components/BlueprintsAPI/BlueprintStep';<br>import { BlueprintSteps } from '@site/src/components/BlueprintsAPI/model';</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>&lt;span>{BlueprintSteps.map((name) => (<br>&lt;><br>&lt;BlueprintStep name={name} key={name} /></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:html -->
+<hr/>
+</>
+))}</span>
+<!-- /wp:html -->
+
+<!-- wp:paragraph -->
+<p>You can use Blueprints both with the web and the node.js versions of WordPress Playground.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Differences between JSON and Function APIs</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>There are two main differences between the JSON and Function APIs:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>Blueprints handle the progress bar and error reporting for you. The function API requires you to handle these yourself.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The function API requires importing the API client library while Blueprints may be just pasted into the URL fragment.</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>47</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[02-index-html-vs-remote-html.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=48</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading"><code>remote.html</code> vs <code>index.html</code></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><a href="https://playground.wordpress.net/">playground.wordpress.net</a> exposes two distinct APIs through two separate HTML files: <code>remote.html</code> and <code>index.html</code>. Here's an overview of their functions and differences:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li><code>index.html</code> uses WordPress Playground API client to control the "endpoint" that is <code>remote.html</code>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The <a href="../08-query-api/01-index.md">Query API</a> is exclusively provided by <code>index.html</code>, independent of the WordPress Playground JavaScript API.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The <a href="../10-javascript-api/01-index.md">JavaScript API</a> is exclusively provided by <code>remote.html</code>. Only that file can be used as an "endpoint" for the <code>PlaygroundClient</code> class.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>Here's a bit more about each of these files:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Remote.html</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><code>remote.html</code> runs and renders WordPress and also exposes an API for developers to control it. Importantly, <code>remote.html</code> does not render any UI elements, such as browser UI or version switchers. It's just WordPress. The primary functions of <code>remote.html</code> are:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Loading the suitable version of php.wasm, the WebAssembly build of PHP.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Loading the correct version of WordPress for user interaction.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Initiating PHP in a WebWorker and registering a ServiceWorker for HTTP requests.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Listening to the <code>message</code> event from the parent window and executing the appropriate code command.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>That last part is how the public API works. The parent window (<code>index.html</code>) sends a message to the iframe (<code>remote.html</code>) with a command and arguments, and the iframe then executes that command and sends the result back with another message.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Sending messages is cumbersome so the PlaygroundClient class provides an object-oriented API that handles the messages internally.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>For quick testing and debugging, <code>remote.html</code> also exposes the JavaScript API client as <code>window.playground</code>. You can use it from your devtools as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>> await playground.listFiles("/")
+(6) &#91;'tmp', 'home', 'dev', 'proc', 'internal', 'wordpress']
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p><code>playground</code> is a class instance in this context and you will benefit from browser's autocompletion.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Index.html</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><code>index.html</code> is an independent app built around <code>remote.html</code> using the WordPress Playground API client.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>It renders the browser UI, version selectors, and renders WordPress by embedding <code>remote.html</code> via an iframe. UI features like an address bar or a version selector are implemented by communicating with <code>remote.html</code> using <code>PlaygroundClient</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><code>index.html</code> monitors the query parameters it receives and triggers the appropriate <code>PlaygroundClient</code> methods. For instance, <code>?plugin=coblocks</code> triggers <code>installPluginsFromDirectory( client, ['coblocks'] )</code>. This mechanism forms the basis of the Query API.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>For quick testing and debugging, <code>index.html</code> also exposes the JavaScript API client as <code>window.playground</code>. You can use it from your devtools as follows:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>> await playground.listFiles("/")
+(6) &#91;'tmp', 'home', 'dev', 'proc', 'internal', 'wordpress']
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Note that <code>playground</code> is a Proxy object in this context and you won't get any autocompletion from the browser.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>48</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[_playground_wp_net_may_stop_working.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=49</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:paragraph -->
+<p>:::danger Careful with the demo site</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The site at https://playground.wordpress.net is there to support the community, but there are no guarantees it will continue to work if the traffic grows significantly.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you need certain availability, you should <a href="../11-architecture/18-host-your-own-playground.md">host your own WordPress Playground</a>.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>49</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[04-blueprint-json-in-api-client.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=50</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Blueprints JSON and the API Client</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The Playground API client can be initialized with a <a href="../09-blueprints-api/01-index.md">JSON Blueprint</a>. This is a convenient way of preconfiguring it in any way you like without worrying about progress bars and fetching remote files:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import { startPlaygroundWeb } from 'https://playground.wordpress.net/client/index.js';
+
+const client = await startPlaygroundWeb({
+	iframe: document.getElementById('wp'),
+	remoteUrl: `https://playground.wordpress.net/remote.html`,
+	blueprint: {
+		preferredVersions: {
+			wp: '6.3',
+			php: '8.0',
+		},
+		// Optional: downloads additional PHP extensions like DOMDocument, mbstring, etc.
+		extensionBundles: &#91;'kitchen-sink'],
+		steps: &#91;
+			{ step: 'login' },
+			{
+				step: 'installPlugin',
+				pluginZipFile: {
+					resource: 'wordpress.org/plugins',
+					slug: 'gutenberg',
+				},
+			},
+		],
+	},
+});
+await client.isReady();
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Running a JSON Blueprint is only possible during the initialization of the API client.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If this is sufficient for your needs, read more about <a href="../09-blueprints-api/01-index.md">JSON Blueprints</a>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you need to work with an already initialized client, you should look into <a href="./05-blueprint-functions-in-api-client.md">Blueprint functions</a>.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>50</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[09-browser-tab-orchestrates-execution.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=51</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Browser tab orchestrates the execution</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The main <code>index.html</code> ties the entire application together. It starts all the concurrent processes and displays the PHP responses. The app only lives as long as the main <code>index.html</code>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Keep this point in mind as you read through the rest of the docs. At this point it may seem obvious, by the lines may get blurry later on. This package runs code outside of the browser tab using Web Workers, Service Workers, and, in the future, Shared Workers. Some of these workers may keep running even after the browser tab with <code>index.html</code> is closed.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Boot sequence</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Here's what a boot sequence for a minimal app looks like:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/boot-sequence.png" alt=""/><figcaption class="wp-element-caption">The boot sequence</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>The main app initiates the Iframe, the Service Worker, and the Worker Thread. Note how the main app doesn't use the PHP stack directly – it's all handled in the Worker Thread.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Here's what that boot sequence looks like in code:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong>/index.html</strong>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code><script></script>
+<iframe id="my-app">
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p><strong>/app.ts</strong>:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import { consumeAPI, PHPClient, registerServiceWorker, spawnPHPWorkerThread } from '@php-wasm/web';
+
+const workerUrl = '/worker-thread.js';
+
+export async function startApp() {
+	const phpClient = consumeAPI<playgroundworkerendpoint>(
+		await spawnPHPWorkerThread(
+			workerUrl, // Valid Worker script URL
+			{
+				wpVersion: 'latest',
+				phpVersion: '7.4', // Startup options
+			}
+		)
+	);
+
+	// Await the two-way communication channel
+	await phpClient.isReady();
+
+	// Must point to a valid Service Worker script:
+	await registerServiceWorker(
+		phpClient,
+		'default', // PHP instance scope, keep reading to learn more.
+		'/sw.js', // Valid Service Worker script URL.
+		'1' // Service worker version, used for reloading the script.
+	);
+
+	// Create a few PHP files to browse:
+	await workerThread.writeFile('/index.php', '<a href="page.php">Go to page.php</a>');
+	await workerThread.writeFile('/page.php', '');
+
+	// Navigate to index.php:
+	document.getElementById('my-app').src = playground.pathToInternalUrl('/index.php');
+}
+startApp();
+</playgroundworkerendpoint></code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>Keep reading to learn how all these pieces fit together.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Data flow</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Here's what happens whenever the iframe issues a same-domain request:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="@site/static/img/data-flow.png" alt=""/><figcaption class="wp-element-caption">The data flow</figcaption></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph -->
+<p>A step-by-step breakdown:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"ordered":true} -->
+<ol class="wp-block-list"><!-- wp:list-item -->
+<li>The request is intercepted by the Service Worker</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The Service Worker passes it to the Worker Thread</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The Worker Thread calls <code>PHP.request</code> to convert that request to a response</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The Worker Thread passes the response to the Service Worker</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The Service Worker provides the browser with a response</li>
+<!-- /wp:list-item --></ol>
+<!-- /wp:list -->
+
+<!-- wp:paragraph -->
+<p>At this point, if the request was triggered by user clicking on a link, the browser will render PHPRequestHandler's response inside the iframe.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>51</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[09-troubleshoot-and-debug-blueprints.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=52</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Troubleshoot and debug Blueprints</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>When you build Blueprints, you might run into issues. Here are tips and tools to help you debug them:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Review Common gotchas</h2>
+<!-- /wp:heading -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>Require <code>wp-load</code>: to run a WordPress PHP function using the <code>runPHP</code> step, you’d need to require <a href="https://github.com/WordPress/WordPress/blob/master/wp-load.php">wp-load.php</a>. So, the value of the <code>code</code> key should start with <code>"&lt;?php require_once('wordpress/wp-load.php'); REST_OF_YOUR_CODE"</code>.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Enable <code>networking</code>: to access wp.org assets (themes, plugins, blocks, or patterns), or load a stylesheet using <a href="https://developer.wordpress.org/reference/functions/add_editor_style/">add_editor_style()</a> (say, when <a href="https://developer.wordpress.org/news/2023/02/creating-custom-block-styles-in-wordpress-themes">creating a custom block style</a>), you’d need to enable the <code>networking</code> option: <code>"features": {"networking": true}</code>.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Blueprints Builder</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>You can use an in-browser <a href="https://playground.wordpress.net/builder/builder.html">Blueprints editor</a> to build, validate, and preview your Blueprints in the browser.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::danger Caution</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The editor is under development and the embedded Playground sometimes fails to load. To get around it, refresh the page. We're aware of that, and are working to improve the experience.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Check for errors in the browser console</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>If your Blueprint isn’t running as expected, open the browser developer tools to see if there are any errors.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To open the developer tools in Chrome, Firefox, Safari*, and Edge: press <code>Ctrl + Shift + I</code> on Windows/Linux or <code>Cmd + Option + I</code> on macOS.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::caution Warning</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If you haven't yet, enable the Develop menu: go to <strong>Safari > Settings... > Advanced</strong> and check <strong>Show features for web developers</strong>.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>:::</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>The developer tools window allows you to inspect network requests, view console logs, debug JavaScript, and examine the DOM and CSS styles applied to your webpage. This is crucial for diagnosing and fixing issues with Blueprints.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+<h2 class="wp-block-heading">Ask for help</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>The community is here to help! If you have questions or comments, <a href="https://github.com/adamziel/blueprints/issues">open a new issue</a> in this repository. Remember to include the following details:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list -->
+<ul class="wp-block-list"><!-- wp:list-item -->
+<li>The Blueprint you’re trying to run.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The error message you’re seeing, if any.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>The full output from the browser developer tools.</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Any other relevant information that might help us understand the issue: OS, browser version, etc.</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>52</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[05-blueprint-functions-in-api-client.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=53</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Blueprints Functions and the API Client</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Every Blueprint step you can declare in the JSON object also provides a handler function that can be used directly.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>For example:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import { startPlaygroundWeb, login, installPlugin } from 'https://playground.wordpress.net/client/index.js';
+
+const client = await startPlaygroundWeb({
+	iframe: document.getElementById('wp'),
+	remoteUrl: `https://playground.wordpress.net/remote.html`,
+});
+await client.isReady();
+
+await login(client, {
+	username: 'admin',
+	password: 'password',
+});
+
+await installPlugin(client, {
+	// Resources can only be used with JSON Blueprints.
+	// If you use functions, you must provide the resolved
+	// file.
+	pluginZipFile: await fetch(pluginUrl),
+});
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p>For more information and live examples visit the <a href="../09-blueprints-api/05-steps.md">Blueprints Steps page</a>.</p>
+<!-- /wp:paragraph -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>53</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+<item>
+  <title><![CDATA[14-browser-cross-process-communication.blockhtml]]></title>
+  <link>http://127.0.0.1:9400/?page_id=54</link>
+  <pubDate/>
+  <dc:creator>admin</dc:creator>
+  <guid isPermaLink="false"/>
+  <description/>
+  <content:encoded><![CDATA[<!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Cross-process communication</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><code>@php-wasm/web</code> uses the <a href="https://github.com/GoogleChromeLabs/comlink">Comlink</a> library to turns the one-way <code>postMessage</code> available in JavaScript into a two-way communication channel.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>If <code>postMessage</code> sounds unfamiliar, it's what JavaScript threads use to communicate. Please review the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage">MDN Docs</a> before continuing.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>By default, <code>postMessage</code> does not offer any request/response mechanics. You may send messages to another thread and you may independently receive messages from it, but you can't send a message and await a response to that specific message.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>To quote the <a href="https://github.com/GoogleChromeLabs/comlink">Comlink</a> library documentation:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong>main.js</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>import * as Comlink from 'https://unpkg.com/comlink/dist/esm/comlink.mjs';
+async function init() {
+	const worker = new Worker('worker.js');
+	// WebWorkers use `postMessage` and therefore work with Comlink.
+	const obj = Comlink.wrap(worker);
+	alert(`Counter: ${await obj.counter}`);
+	await obj.inc();
+	alert(`Counter: ${await obj.counter}`);
+}
+init();
+</code></pre>
+<!-- /wp:code -->
+
+<!-- wp:paragraph -->
+<p><strong>worker.js</strong></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:code -->
+<pre class="wp-block-code"><code>importScripts('https://unpkg.com/comlink/dist/umd/comlink.js');
+
+const obj = {
+	counter: 0,
+	inc() {
+		this.counter++;
+	},
+};
+
+Comlink.expose(obj);
+</code></pre>
+<!-- /wp:code -->]]></content:encoded>
+  <excerpt:encoded><![CDATA[]]></excerpt:encoded>
+  <wp:post_id>54</wp:post_id>
+  <wp:post_date>0000-00-00 00:00:00</wp:post_date>
+  <wp:post_date_gmt>0000-00-00 00:00:00</wp:post_date_gmt>
+  <wp:post_modified>0000-00-00 00:00:00</wp:post_modified>
+  <wp:post_modified_gmt>0000-00-00 00:00:00</wp:post_modified_gmt>
+  <wp:comment_status>open</wp:comment_status>
+  <wp:ping_status>open</wp:ping_status>
+  <wp:post_name/>
+  <wp:status>publish</wp:status>
+  <wp:post_parent>0</wp:post_parent>
+  <wp:menu_order>0</wp:menu_order>
+  <wp:post_type>page</wp:post_type>
+  <wp:post_password/>
+  <wp:is_sticky>0</wp:is_sticky>
+</item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/export.wxr.zip b/export.wxr.zip
new file mode 100644
index 0000000..34ee3a3
Binary files /dev/null and b/export.wxr.zip differ
diff --git a/functions.php b/functions.php
new file mode 100644
index 0000000..3373d43
--- /dev/null
+++ b/functions.php
@@ -0,0 +1,65 @@
+<?php
+
+use \WordPress\AsyncHttp\Client;
+use \WordPress\AsyncHttp\Request;
+
+function wxr_download_files($options) {
+	$requests = [];
+	$local_paths = [];
+	foreach ($options['assets'] as $asset_url => $local_file) {
+		$request = new Request($asset_url);
+		$requests[] = $request;
+		$local_paths[$request->id] = $local_file;
+	}
+
+	$client = new Client( [
+		'concurrency' => 10,
+	] );
+	$client->enqueue( $requests );
+
+	$results = [];
+	while ( $client->await_next_event() ) {
+		$request = $client->get_request();
+		
+		switch ( $client->get_event() ) {
+			case Client::EVENT_BODY_CHUNK_AVAILABLE:
+				file_put_contents(
+					$local_paths[$request->original_request()->id],
+					$client->get_response_body_chunk(),
+					FILE_APPEND
+				);
+				break;
+			case Client::EVENT_FAILED:
+				$results[$request->original_request()->url] = [
+					'success' => false,
+					'error' => $request->error,
+				];
+				break;
+			case Client::EVENT_FINISHED:
+				$results[$request->original_request()->url] = [
+					'success' => true
+				];
+				break;
+		}
+	}
+	return $results;
+}
+
+/**
+ * WordPress compat
+ */
+if(!function_exists('esc_attr')) {
+    function esc_attr($text) {
+        return htmlspecialchars($text, ENT_XML1, 'UTF-8');
+    }
+}
+
+function serialize_url($parsedUrl) {
+    return (isset($parsedUrl['scheme']) ? $parsedUrl['scheme'] . '://' : '')
+            . (isset($parsedUrl['user']) ? $parsedUrl['user'] . (isset($parsedUrl['pass']) ? ':' . $parsedUrl['pass'] : '') .'@' : '')
+            . $parsedUrl['host']
+            . (isset($parsedUrl['port']) ? ':' . $parsedUrl['port'] : '')
+            . (isset($parsedUrl['path']) ? $parsedUrl['path'] : '')
+            . (isset($parsedUrl['query']) ? '?' . $parsedUrl['query'] : '')
+            . (isset($parsedUrl['fragment']) ? '#' . $parsedUrl['fragment'] : '');
+}
diff --git a/pipes-controller-classes.php b/pipes-controller-classes.php
new file mode 100644
index 0000000..8c333c4
--- /dev/null
+++ b/pipes-controller-classes.php
@@ -0,0 +1,754 @@
+<?php
+
+require __DIR__ . '/bootstrap.php';
+require __DIR__ . '/zip-stream-reader.php';
+require __DIR__ . '/zip-stream-reader-local.php';
+
+use WordPress\AsyncHttp\Client;
+use WordPress\AsyncHttp\Request;
+
+abstract class Byte_Stream {
+
+    protected $state;
+    
+    public function __construct() {
+        $this->state = new ByteStreamState();
+    }
+
+    public function is_eof(): bool {
+        return !$this->state->output_bytes && $this->state->state === ByteStreamState::STATE_FINISHED;
+    }
+
+    public function get_file_id()
+    {
+        return $this->state->file_id;
+    }
+
+    public function skip_file(): void {
+        $this->state->last_skipped_file = $this->state->file_id;
+    }
+    
+    public function is_skipped_file()
+    {
+        return $this->state->file_id === $this->state->last_skipped_file;
+    }
+
+    public function get_chunk_type()
+    {
+        if($this->get_last_error()) {
+            return '#error';
+        }
+
+        if ($this->is_eof()) {
+            return '#eof';
+        }
+
+        return '#bytes';        
+    }
+
+    public function append_eof() {
+        $this->state->input_eof = true;
+    }
+
+    public function append_bytes(string $bytes, $context = null) {
+        $this->state->input_bytes .= $bytes;
+        $this->state->input_context = $context;
+    }
+
+    public function get_bytes()
+    {
+        return $this->state->output_bytes;
+    }
+
+    public function next_bytes()
+    {
+        $this->state->reset_output();
+        if($this->is_eof()) {
+            return false;
+        }
+
+        // Process any remaining buffered input:
+        if($this->generate_next_chunk()) {
+            return ! $this->is_skipped_file();
+        }
+
+        if (!$this->state->input_bytes) {
+            if ($this->state->input_eof) {
+                $this->finish();
+            }
+            return false;
+        }
+
+        $produced_bytes = $this->generate_next_chunk();
+
+        return $produced_bytes && ! $this->is_skipped_file();
+    }
+
+    abstract protected function generate_next_chunk(): bool;
+
+    public function get_last_error(): string|null
+    {
+        return $this->state->last_error;
+    }
+
+    // Utility methods
+    static public function map($mapper) {
+        return new Callback_Byte_Stream(function($state) use ($mapper) {
+            $bytes = $state->consume_input_bytes();
+            if(!$bytes) {
+                return false;
+            }
+            $output = $mapper($bytes, $state->input_context);
+            if(null === $output) {
+                return false;
+            }
+            $state->output_bytes = $output;
+            return true;
+        });
+    }
+
+}
+
+class Callback_Byte_Stream extends Byte_Stream {
+
+    protected $generate_next_chunk_callback;
+
+    public function __construct($generate_next_chunk_callback) {
+        $this->generate_next_chunk_callback = $generate_next_chunk_callback;
+        parent::__construct();
+    }
+
+    protected function generate_next_chunk(): bool {
+        return ($this->generate_next_chunk_callback)($this->state);
+    }
+
+}
+
+class Paused_Stream {
+    public $class;
+    public $data;
+
+    public function __construct($class, $data) {
+        $this->class = $class;
+        $this->data = $data;
+    }
+}
+
+class File_Byte_Stream extends Byte_Stream {
+
+    protected $file_path;
+    protected $chunk_size;
+    protected $file_pointer;
+    protected $offset_in_file;
+
+    public function __construct($file_path, $chunk_size = 8096) {
+        $this->file_path = $file_path;
+        $this->chunk_size = $chunk_size;
+        parent::__construct();
+    }
+
+    public function pause()
+    {
+        return [
+            'file_path' => $this->file_path,
+            'chunk_size' => $this->chunk_size,
+            'offset_in_file' => $this->offset_in_file,
+            'output_bytes' => $this->state->output_bytes,
+        ];
+    }
+
+    public function resume($paused_state)
+    {
+        $this->offset_in_file = $paused_state['offset_in_file'];
+        $this->state->output_bytes = $paused_state['output_bytes'];
+    }
+
+    protected function generate_next_chunk(): bool {
+        if(!$this->file_pointer) {
+            $this->file_pointer = fopen($this->file_path, 'r');
+            if($this->offset_in_file) {
+                fseek($this->file_pointer, $this->offset_in_file);
+            }
+        }
+        $bytes = fread($this->file_pointer, $this->chunk_size);
+        if(!$bytes && feof($this->file_pointer)) {
+            fclose($this->file_pointer);
+            $this->state->finish();
+            return false;
+        }
+        $this->offset_in_file += strlen($bytes);
+        $this->state->output_bytes .= $bytes;
+        return true;
+    }
+
+}
+
+class ProcessorByteStream extends Callback_Byte_Stream
+{
+    public $processor;
+
+    public function __construct($processor, $generate_next_chunk_callback)
+    {
+        $this->processor = $processor;
+        parent::__construct($generate_next_chunk_callback);
+    }
+
+    static public function demuxed($processor_factory, $callback)
+    {
+        return new Demultiplexer(function () use ($processor_factory, $callback) {
+            $processor = $processor_factory();
+            return new ProcessorByteStream($processor, function($state) use($processor, $callback) {
+                $new_bytes = $state->consume_input_bytes();
+                if (null !== $new_bytes) {
+                    $processor->append_bytes($new_bytes);
+                }
+                return $callback($processor, $state);
+            });
+        });
+    }
+
+    public function pause()
+    {
+        return [
+            'processor' => $this->processor->pause(),
+            'output_bytes' => $this->state->output_bytes,
+        ];
+    }
+
+    public function resume($paused_state)
+    {
+        $this->processor->resume($paused_state['processor']);
+        $this->state->output_bytes = $paused_state['output_bytes'];
+    }    
+    
+}
+
+/**
+ * This interface describes standalone streams, but it can also be
+ * used to describe a stream Processor like WP_XML_Processor.
+ * 
+ * In this prototype there are no pipes, streams, and processors. There
+ * are only Byte Streams that can be chained together with the StreamChain
+ * class.
+ */
+class ByteStreamState {
+    const STATE_STREAMING = '#streaming';
+    const STATE_FINISHED = '#finished';
+
+    public bool $input_eof = false;
+    public ?string $input_bytes = null;
+    public ?string $output_bytes = null;
+    public string $state = self::STATE_STREAMING;
+    public ?string $last_error = null;
+    public $input_context = null;
+
+    public $file_id;
+    public $last_skipped_file;
+
+    public function reset_output()
+    {
+        $this->output_bytes = null;
+        $this->file_id = 'default';
+        $this->last_error = null;
+    }
+
+    public function consume_input_bytes() {
+        $bytes = $this->input_bytes;
+        $this->input_bytes = null;
+        return $bytes;
+    }
+
+    public function finish()
+    {
+        $this->state = self::STATE_FINISHED;
+    }
+
+}
+
+function is_wxr_content_node( WP_XML_Processor $processor ) {
+	if ( ! in_array( 'item', $processor->get_breadcrumbs() ) ) {
+		return false;
+	}
+	if (
+		! in_array( 'excerpt:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'content:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:attachment_url', $processor->get_breadcrumbs() )
+		&& ! in_array( 'guid', $processor->get_breadcrumbs() )
+		&& ! in_array( 'link', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:comment_content', $processor->get_breadcrumbs() )
+		// Meta values are not suppoerted yet. We'll need to support
+		// WordPress core options that may be saved as JSON, PHP Deserialization, and XML,
+		// and then provide extension points for plugins authors support
+		// their own options.
+		// !in_array('wp:postmeta', $processor->get_breadcrumbs())
+	) {
+		return false;
+	}
+
+	switch ( $processor->get_token_type() ) {
+		case '#text':
+		case '#cdata-section':
+			return true;
+	}
+
+	return false;
+};
+
+class Demultiplexer extends Byte_Stream {
+    private $stream_factory = [];
+    private $streams = [];
+    private $last_stream;
+    private $last_input_key;
+    private $key;
+    
+    public function __construct($stream_factory) {
+        $this->stream_factory = $stream_factory;
+        parent::__construct();
+    }
+
+    public function pause()
+    {
+        $paused_streams = [];
+        foreach($this->streams as $name => $stream) {
+            $paused_streams[$name] = $stream->pause();
+        }
+        return [
+            'streams' => $paused_streams,
+            'last_stream' => array_search($this->last_stream, $this->streams),
+            'last_input_key' => $this->last_input_key,
+        ];
+    }
+
+    public function resume($paused_state)
+    {
+        foreach($paused_state['streams'] as $name => $stream) {
+            if(!isset($this->streams[$name])) {
+                $create = $this->stream_factory;
+                $this->streams[$name] = $create();
+            }
+            $this->streams[$name]->resume($stream);
+        }
+        $this->last_stream = $this->streams[$paused_state['last_stream']];
+        $this->last_input_key = $paused_state['last_input_key'];
+    }
+
+    public function get_substream()
+    {
+        return $this->last_stream;
+    }
+
+    protected function generate_next_chunk(): bool
+    {
+        $stream = $this->last_stream;
+        if (!$stream) {
+            return false;
+        }
+
+        if($stream->next_bytes()) {
+            $this->state->file_id = $stream->state->file_id;
+            $this->state->output_bytes = $stream->state->output_bytes;
+            return true;
+        }
+
+        if($stream->state->last_error) {
+            $this->state->last_error = $stream->state->last_error;
+        }
+        return false;
+    }
+
+    public function append_bytes(string $data, $context = null): bool {
+        $chunk_key = 'default';
+        if($context) {
+            $chunk_key = [];
+            foreach($context as $k=>$stream) {
+                $chunk_key[] = $stream->state->file_id;
+            }
+            $chunk_key = implode(':', $chunk_key);
+        }
+
+        $this->last_input_key = $chunk_key;
+        if (!isset($this->streams[$chunk_key])) {
+            $create = $this->stream_factory;
+            $this->streams[$chunk_key] = $create();
+        }
+        $stream = $this->streams[$chunk_key];
+        $stream->append_bytes($data, $context);
+        $this->last_stream = $stream;
+        return true;
+    }
+
+    protected function finish()
+    {
+        $this->state->finish();
+        foreach($this->streams as $stream) {
+            $stream->state->finish();
+        }        
+    }
+}
+
+class StreamChain extends Byte_Stream implements ArrayAccess, Iterator {
+    private $first_stream;
+    private $last_stream;
+    /**
+     * @var Byte_Stream[]
+     */
+    private $streams = [];
+    private $streams_names = [];
+    private $execution_stack = [];
+    private $chunk_context = [];
+
+    public function __construct($streams) {
+        $this->chunk_context['chain'] = $this;
+
+        $named_streams = [];
+        foreach($streams as $name => $stream) {
+            $string_name = is_numeric($name) ? 'stream_' . $name : $name;
+            $named_streams[$string_name] = $streams[$name];
+        }
+
+        $this->streams = $named_streams;
+        $this->streams_names = array_keys($this->streams);
+        $this->first_stream = $this->streams[$this->streams_names[0]];
+        $this->last_stream = $this->streams[$this->streams_names[count($streams) - 1]];
+        parent::__construct();
+    }
+
+    public function pause()
+    {
+        $paused_streams = [];
+        foreach($this->streams as $name => $stream) {
+            $paused_streams[$name] = $stream->pause();
+        }
+        $paused_execution_stack = [];
+        foreach($this->execution_stack as $stream) {
+            $name = array_search($stream, $this->streams);
+            $paused_execution_stack[] = $name;
+        }
+        return [
+            'streams' => $paused_streams,
+            'execution_stack' => $paused_execution_stack,
+        ];
+    }
+
+    public function resume($paused_state)
+    {
+        foreach($paused_state['streams'] as $name => $stream) {
+            $this->streams[$name]->resume($stream);
+        }
+        foreach($paused_state['execution_stack'] as $name) {
+            $this->push_stream($this->streams[$name]);
+        }
+    }
+
+    /**
+     * ## Next chunk generation
+     * 
+     * Pushes data through a chain of streams. Every downstream data chunk
+     * is fully processed before asking for more chunks upstream.
+     * 
+     * For example, suppose we:
+     * 
+     * * Send 3 HTTP requests, and each of them produces a ZIP file
+     * * Each ZIP file has 3 XML files inside
+     * * Each XML file is rewritten using the XML_Processor
+     * 
+     * Once the HTTP client has produced the first ZIP file, we start processing it.
+     * The ZIP decoder may already have enough data to unzip three files, but we only
+     * produce the first chunk of the first file and pass it to the XML processor.
+     * Then we handle the second chunk of the first file, and so on, until the first
+     * file is fully processed. Only then we move to the second file.
+     * 
+     * Then, once the ZIP decoder exhausted the data for the first ZIP file, we move
+     * to the second ZIP file, and so on.
+     * 
+     * This way we can maintain a predictable $context variable that carries upstream
+     * metadata and exposes methods like skip_file().
+     */
+    protected function generate_next_chunk(): bool {
+        if($this->last_stream->is_eof()) {
+            $this->state->finish();
+            return false;
+        }
+
+        while(true) {
+            $bytes = $this->state->consume_input_bytes();
+            if(null === $bytes || false === $bytes) {
+                break;
+            }
+            $this->first_stream->append_bytes(
+                $bytes
+            );
+        }
+
+        if($this->is_eof()) {
+            $this->first_stream->state->append_eof();
+        }
+
+        if(empty($this->execution_stack)) {
+            array_push($this->execution_stack, $this->first_stream);
+        }
+
+        while (count($this->execution_stack)) {
+            // Unpeel the context stack until we find a stream that
+            // produces output.
+            $stream = $this->pop_stream();
+            if ($stream->is_eof()) {
+                continue;
+            }
+
+            if(true !== $this->stream_next($stream)) {
+                continue;
+            }
+
+            // We've got output from the stream, yay! Let's
+            // propagate it downstream.
+            $this->push_stream($stream);
+
+            $prev_stream = $stream;
+            for ($i = count($this->execution_stack); $i < count($this->streams_names); $i++) {
+                $next_stream = $this->streams[$this->streams_names[$i]];
+                if($prev_stream->is_eof()) {
+                    $next_stream->append_eof();
+                }
+
+                $next_stream->append_bytes(
+                    $prev_stream->state->output_bytes,
+                    $this->chunk_context
+                );
+                if (true !== $this->stream_next($next_stream)) {
+                    return false;
+                }
+                $this->push_stream($next_stream);
+                $prev_stream = $next_stream;
+            }
+
+            // When the last process in the chain produces output,
+            // we write it to the output pipe and bale.
+            if($this->last_stream->is_eof()) {
+                $this->state->finish();
+                break;
+            }
+            $this->state->file_id = $this->last_stream->state->file_id;
+            $this->state->output_bytes = $this->last_stream->state->output_bytes;
+            return true;
+        }
+
+        // We produced no output and the upstream pipe is EOF.
+        // We're done.
+        if($this->first_stream->is_eof()) {
+            $this->finish();
+        }
+
+        return false;
+    }
+
+    protected function finish()
+    {
+        $this->state->finish();
+        foreach($this->streams as $stream) {
+            $stream->state->finish();
+        }        
+    }
+
+    private function pop_stream(): Byte_Stream
+    {
+        $name = $this->streams_names[count($this->execution_stack) - 1];
+        unset($this->chunk_context[$name]);
+        return array_pop($this->execution_stack);
+    }
+
+    private function push_stream(Byte_Stream $stream)
+    {
+        array_push($this->execution_stack, $stream);
+        $name = $this->streams_names[count($this->execution_stack) - 1];
+        if($stream instanceof Demultiplexer) {
+            $stream = $stream->get_substream();
+        }
+        $this->chunk_context[$name] = $stream;
+    }
+
+    private function stream_next(Byte_Stream $stream)
+    {
+        $produced_output = $stream->next_bytes();
+        if($stream->state->last_error) {
+            $name = array_search($stream, $this->streams);
+            $this->state->last_error = "Process $name has crashed (" . $stream->state->last_error . ")";
+        }
+        return $produced_output;
+    }
+
+    // Iterator methods. These don't make much sense on a regular
+    // process class because they cannot pull more input chunks from
+    // the top of the stream like ProcessChain can.
+
+	public function current(): mixed {
+        return $this;
+	}
+
+	public function key(): mixed {
+		return $this->get_chunk_type();
+	}
+
+	public function rewind(): void {
+		$this->next();
+	}
+
+    private $should_stop_on_errors = false;
+    public function stop_on_errors($should_stop_on_errors)
+    {
+        $this->should_stop_on_errors = $should_stop_on_errors;
+    }
+
+	public function next(): void {
+		while(!$this->next_bytes()) {
+            if($this->should_stop_on_errors && $this->state->last_error) {
+                break;
+            }
+            if($this->is_eof()) {
+                break;
+            }
+			usleep(10000);
+		}
+	}
+
+	public function valid(): bool {
+		return !$this->is_eof() || ($this->should_stop_on_errors && $this->state->last_error);
+	}
+
+
+    // ArrayAccess on ProcessChain exposes specific
+    // sub-processes by their names.
+    public function offsetExists($offset): bool {
+        return isset($this->chunk_context[$offset]);
+    }
+
+    public function offsetGet($offset): mixed {
+        return $this->chunk_context[$offset] ?? null;
+    }
+
+    public function offsetSet($offset, $value): void {
+        // No op
+    }
+
+    public function offsetUnset($offset): void {
+        // No op
+    }
+
+}
+
+
+// Imagine this method is implemented in the WP_XML_Processor
+class XML_Processor
+{
+    static public function stream($node_visitor_callback)
+    {
+        return ProcessorByteStream::demuxed(
+            function () { return new WP_XML_Processor('', [], WP_XML_Processor::IN_PROLOG_CONTEXT); },
+            function (WP_XML_Processor $xml_processor, ByteStreamState $state) use ($node_visitor_callback) {
+                $tokens_found = 0;
+                while ($xml_processor->next_token()) {
+                    ++$tokens_found;
+                    $node_visitor_callback($xml_processor);
+                }
+
+                $buffer = '';
+                if ($tokens_found > 0) {
+                    $buffer .= $xml_processor->get_updated_xml();
+                } else if (
+                    $tokens_found === 0 &&
+                    !$xml_processor->is_paused_at_incomplete_input() &&
+                    $xml_processor->get_current_depth() === 0
+                ) {
+                    // We've reached the end of the document, let's finish up.
+                    // @TODO: Fix this so it doesn't return the entire XML
+                    $buffer .= $xml_processor->get_unprocessed_xml();
+                    $state->finish();
+                }
+
+                if (!strlen($buffer)) {
+                    return false;
+                }
+
+                $state->output_bytes = $buffer;
+                return true;
+            }
+        );
+    }
+}
+
+// Imagine this method is implemented in the Client class
+class HTTP_Client
+{
+    static public function stream($requests)
+    {
+        $client = new Client();
+        $client->enqueue($requests);
+        return new Callback_Byte_Stream(function (ByteStreamState $state) use ($client) {
+            $request = null;
+            while ($client->await_next_event()) {
+                $request = $client->get_request();
+                switch ($client->get_event()) {
+                    case Client::EVENT_BODY_CHUNK_AVAILABLE:
+                        $state->file_id = $request->id;
+                        $state->output_bytes = $client->get_response_body_chunk();
+                        return true;
+                    case Client::EVENT_FAILED:
+                        $state->last_error = 'Request failed: ' . $request->error;
+                        break;
+                }
+            }
+
+            $state->finish();
+            return false;
+        });
+    }
+}
+
+// Imagine this method is implemented in the ZipStreamReader class
+class ZIP_Reader
+{
+    static public function stream()
+    {
+        return ProcessorByteStream::demuxed(
+            function () { return new ZipStreamReader(); },
+            function (ZipStreamReader $zip_reader, ByteStreamState $state) {
+                while ($zip_reader->next()) {
+                    switch ($zip_reader->get_state()) {
+                        case ZipStreamReader::STATE_FILE_ENTRY:
+                            $state->file_id = $zip_reader->get_file_path();
+                            $state->output_bytes = $zip_reader->get_file_body_chunk();
+                            return true;
+                    }
+                }
+                return false;
+            }
+        );
+    }
+}
+
+class ZIP_Reader_Local
+{
+    static public function stream($file_path)
+    {
+        $demuxed = ProcessorByteStream::demuxed(
+            function () use ($file_path) { return new ZipStreamReaderLocal($file_path); },
+            function (ZipStreamReaderLocal $zip_reader, ByteStreamState $state) {
+                while ($zip_reader->next()) {
+                    switch ($zip_reader->get_state()) {
+                        case ZipStreamReaderLocal::STATE_FILE_ENTRY:
+                            $state->file_id = $zip_reader->get_file_path();
+                            $state->output_bytes = $zip_reader->get_file_body_chunk();
+                            return true;
+                    }
+                }
+                $state->finish();
+                return false;
+            }
+        );
+        // Workaround for the streaming interface requirements –
+        // multiplexer only creates new streams when it gets some incoming contextual bytes.
+        // @TODO: lift this limitation.
+        $demuxed->append_bytes('');
+        return $demuxed;
+    }
+}
diff --git a/pipes-controller-reentrant.php b/pipes-controller-reentrant.php
new file mode 100644
index 0000000..eed9885
--- /dev/null
+++ b/pipes-controller-reentrant.php
@@ -0,0 +1,55 @@
+<?php
+
+require __DIR__ . '/pipes-controller-classes.php';
+
+use WordPress\AsyncHttp\Client;
+use WordPress\AsyncHttp\Request;
+
+function create_chain($paused_state=null) {
+    $chain = new StreamChain(
+        [
+            // 'file' => new File_Byte_Stream('./test.zip', 100),
+            'zip' => ZIP_Reader_Local::stream('./export.wxr.zip'),
+            'xml' => XML_Processor::stream(function ($processor) {
+                $breadcrumbs = $processor->get_breadcrumbs();
+				if (
+                     '#cdata-section' === $processor->get_token_type() &&
+                     end($breadcrumbs) === 'content:encoded'
+                ) {
+                    echo '<content:encoded>'.substr(str_replace("\n", "", $processor->get_modifiable_text()), 0, 100)."...</content:encoded>\n\n";
+                }
+             }),
+        ]
+    );
+    if($paused_state) {
+        $chain->resume($paused_state);
+    }
+    return $chain;
+}
+
+$chain = create_chain();
+$chain->stop_on_errors(true);
+
+$i = 0;
+foreach($chain as $chunk) {
+    if(++$i % 3 === 0) {
+        // @TODO: Use json_encode, never rely on PHP serialize/unserialize.
+        // for that, we need to make sure that every pause() method returns valid UTF8 characters. If 
+        // it needs to export binary data, it should base64 encode it first.
+        $paused_state = unserialize(serialize($chain->pause()));
+        $chain = create_chain($paused_state);
+    }
+    switch($chunk->get_chunk_type()) {
+        case '#error':
+            echo "Error: " . $chunk->get_last_error() . "\n";
+            die();
+            break;
+        case '#bytes':
+            // echo($chunk->get_bytes());
+            break;
+    }
+    if(15 === $i) {
+        // @TODO: make sure the local ZIP Reader correctly communicates when the file ends.
+        break;
+    }
+}
diff --git a/pipes-controller.php b/pipes-controller.php
new file mode 100644
index 0000000..cc54d7b
--- /dev/null
+++ b/pipes-controller.php
@@ -0,0 +1,136 @@
+<?php
+
+require __DIR__ . '/pipes-controller-classes.php';
+
+use WordPress\AsyncHttp\Client;
+use WordPress\AsyncHttp\Request;
+
+// ----------------------------------------------------------------------------
+// Here's a stream-based pipeline that fetches a ZIP file from a remote server,
+// unzips it, skips the first file, processes the XML files, and uppercases the
+// output.
+// ----------------------------------------------------------------------------
+$chain = new StreamChain(
+    [
+        'http' => HTTP_Client::stream([
+            new Request('http://127.0.0.1:9864/export.wxr.zip'),
+            // new Request('http://127.0.0.1:9864/export.wxr.zip'),
+            // Bad request, will fail:
+            new Request('http://127.0.0.1:9865')
+        ]),
+        'zip' => ZIP_Reader::stream(),
+        Byte_Stream::map(function($bytes, $context) {
+            if($context['zip']->get_file_id() === 'export.wxr') {
+                $context['zip']->skip_file();
+                return null;
+            }
+            return $bytes;
+        }),
+        'xml' => XML_Processor::stream(function () { }),
+        Byte_Stream::map(function($bytes) { return strtoupper($bytes); }),
+    ]
+);
+
+// Consume the data like this:
+// var_dump([$chain->next_chunk(), strlen($chain->get_bytes()), $chain->get_last_error()]);
+
+// Or like this:
+$chain->stop_on_errors(true);
+foreach($chain as $chunk) {
+    switch($chunk->get_chunk_type()) {
+        case '#error':
+            echo "Error: " . $chunk->get_last_error() . "\n";
+            break;
+        case '#bytes':
+            var_dump([
+                $chunk->get_bytes(),
+                'zip file_id' => isset($chain['zip']) ? $chain['zip']->get_file_id() : null
+            ]);
+            break;
+    }
+}
+
+
+// ----------------------------------------------------------
+// And here's a loop-based pipeline that does the same thing:
+// ----------------------------------------------------------
+
+$client = new Client();
+$client->enqueue([
+    new Request('http://127.0.0.1:9864/export.wxr.zip'),
+    new Request('http://127.0.0.1:9865')
+]);
+
+$zip_readers = [];
+$xml_processors = [];
+$xml_tokens_found = [];
+
+$chunks = [];
+while(true) {
+    if(empty($chunks)) {
+        $event = $client->await_next_event();
+        if(false === $event) {
+            break;
+        }
+        $chunks[] = ['http', null];
+    }
+
+    list($stage, $chunk) = array_pop($chunks);
+
+    switch ($stage) {
+        case 'http':
+            $request = $client->get_request();
+            switch ($client->get_event()) {
+                case Client::EVENT_BODY_CHUNK_AVAILABLE:
+                    $chunks[] = ['zip', $client->get_response_body_chunk()];
+                    break;
+                case Client::EVENT_FAILED:
+                    error_log('Request failed: ' . $request->error);
+                    break;
+            }
+            break;
+        case 'zip':
+            $zip_reader = $zip_readers[$request->id] ?? new ZipStreamReader();
+            $zip_reader->append_bytes($chunk);
+            while ($zip_reader->next()) {
+                switch ($zip_reader->get_state()) {
+                    case ZipStreamReader::STATE_FILE_ENTRY:
+                        if ($zip_reader->get_file_path() === 'export.wxr') {
+                            continue 2;
+                        }
+                        $chunks[] = ['xml', $zip_reader->get_file_body_chunk()];
+                        break;
+                }
+            }
+            break;
+        case 'xml':
+            $xml_processor = $xml_processors[$request->id] ?? new WP_XML_Processor('', [], WP_XML_Processor::IN_PROLOG_CONTEXT);
+            $xml_processor->append_bytes($chunk);
+
+            $xml_tokens_found[$request->id] ??= 0;
+            while ($xml_processor->next_token()) {
+                ++$xml_tokens_found[$request->id];
+                // Process the XML
+            }
+
+            $buffer = '';
+            if ($xml_tokens_found[$request->id] > 0) {
+                $buffer .= $xml_processor->get_updated_xml();
+            } else if (
+                $xml_tokens_found[$request->id] === 0 &&
+                !$xml_processor->is_paused_at_incomplete_input() &&
+                $xml_processor->get_current_depth() === 0
+            ) {
+                // We've reached the end of the document, let's finish up.
+                $buffer .= $xml_processor->get_unprocessed_xml();
+            }
+
+            if (!strlen($buffer)) {
+                continue 2;
+            }
+
+            // Uppercase the output
+            echo strtoupper($buffer);
+            break;
+    }
+}
diff --git a/pipes-unified.php b/pipes-unified.php
new file mode 100644
index 0000000..c41ee20
--- /dev/null
+++ b/pipes-unified.php
@@ -0,0 +1,676 @@
+<?php
+
+require __DIR__ . '/bootstrap.php';
+require __DIR__ . '/zip-stream-reader.php';
+
+use WordPress\AsyncHttp\Client;
+use WordPress\AsyncHttp\Request;
+
+/**
+ * This interface describes standalone streams, but it can also be
+ * used to describe a stream Processor like WP_XML_Processor.
+ * 
+ * In this prototype there are no pipes, streams, and processors. There
+ * are only Byte Streams that can be chained together with the StreamChain
+ * class.
+ */
+interface IByteStream {
+    const STATE_STREAMING = '#streaming';
+    const STATE_FINISHED = '#finished';
+
+    public function input_eof();
+    public function is_output_eof(): bool;
+
+    public function next_bytes(): bool;
+    public function append_bytes(string $bytes, $context = null);
+    public function get_bytes(): ?string;
+
+    public function get_last_error(): ?string;
+}
+
+interface IFilesStream extends IByteStream {
+    public function get_file_id(): ?string;
+    public function skip_file(): void;
+}
+
+abstract class ByteStream implements IByteStream {
+    private bool $input_eof = false;
+    private ?string $input_bytes = null;
+    private ?string $output_bytes = null;
+    protected string $state = IByteStream::STATE_STREAMING;
+    private ?string $last_error = null;
+    private $last_skipped_file = null;
+    protected $input_context = null;
+
+    public function append_bytes(string $bytes, $context = null) {
+        $this->input_bytes .= $bytes;
+        $this->input_context = $context;
+    }
+
+    public function input_eof() {
+        $this->input_eof = true;
+    }
+
+    public function is_output_eof(): bool {
+        return !$this->get_bytes() && $this->state === IByteStream::STATE_FINISHED;
+    }
+
+    public function get_last_error(): ?string {
+        return $this->last_error;
+    }
+
+    protected function set_last_error($error) {
+        $this->last_error = $error;
+    }
+
+    public function skip_file()
+    {
+        $this->last_skipped_file = $this->get_file_id();
+    }
+    
+    protected function consume_input_bytes() {
+        $bytes = $this->input_bytes;
+        $this->input_bytes = null;
+        return $bytes;
+    }
+
+    public function next_bytes(): bool
+    {
+        $this->output_bytes = null;
+        $this->last_error = null;
+        if(IByteStream::STATE_FINISHED === $this->state) {
+            return false;
+        }
+
+        if($this->is_output_eof()) {
+            return false;
+        }
+
+        // Process any remaining buffered input:
+        if($this->tick()) {
+            return $this->get_file_id() !== $this->last_skipped_file;
+        }
+
+        if (!$this->input_bytes) {
+            if ($this->input_eof) {
+                $this->finish();
+            }
+            return false;
+        }
+
+        return $this->tick() && $this->get_file_id() !== $this->last_skipped_file;
+    }
+
+    abstract protected function tick(): bool;
+
+    protected function finish()
+    {
+        $this->state = IByteStream::STATE_FINISHED;
+    }
+
+    public function get_bytes(): ?string
+    {
+        return $this->output_bytes;
+    }
+
+    protected function set_output_bytes($bytes)
+    {
+        $this->output_bytes = $bytes;        
+    }
+
+    public function get_file_id(): ?string
+    {
+        return 'default';
+    }
+
+}
+
+class ZipReaderStream extends ByteStream {
+
+    /**
+     * @var ZipStreamReader
+     */
+	protected IStreamProcessor $processor;
+    private $file_id;
+
+    static public function create() {
+        return new Demultiplexer(fn() => new ZipReaderStream());
+    }
+
+    public function __construct()
+    {
+        $this->processor = new ZipStreamReader('');
+    }
+
+    public function get_file_id(): string|null
+    {
+        return $this->file_id;
+    }
+
+    public function get_processor()
+    {
+        return $this->processor;        
+    }
+
+    public function append_bytes(string $bytes, $context = null)
+    {
+        $this->processor->append_bytes($bytes);
+    }
+
+    protected function tick(): bool
+    {
+        $this->file_id = null;
+        while ($this->processor->next()) {
+            switch ($this->processor->get_state()) {
+                case ZipStreamReader::STATE_FILE_ENTRY:
+                    $file_path = $this->processor->get_file_path();
+                    $this->file_id = $file_path;
+                    $this->set_output_bytes($this->processor->get_file_body_chunk());
+                    return true;
+            }
+        }
+
+        return false;        
+    }
+}
+
+class XMLTransformStream extends ByteStream {
+	private $node_visitor_callback;
+    /**
+     * @var WP_XML_Processor
+     */
+	protected IStreamProcessor $processor;
+
+    static public function create($node_visitor_callback) {
+        return new Demultiplexer(fn () =>
+            new XMLTransformStream($node_visitor_callback)
+        );
+    }
+
+	public function __construct( $node_visitor_callback ) {
+		$this->node_visitor_callback = $node_visitor_callback;
+        $this->processor = new WP_XML_Processor( '', [], WP_XML_Processor::IN_PROLOG_CONTEXT );
+	}
+
+    public function append_bytes(string $bytes, $context = null)
+    {
+        $this->processor->append_bytes($bytes);
+    }
+
+    protected function tick(): bool
+    {
+        $tokens_found = 0;
+		while ( $this->processor->next_token() ) {
+			++ $tokens_found;
+			$node_visitor_callback = $this->node_visitor_callback;
+			$node_visitor_callback( $this->processor );
+		}
+
+        $buffer = '';
+		if ( $tokens_found > 0 ) {
+			$buffer .= $this->processor->get_updated_xml();
+		} else if ( 
+            $tokens_found === 0 && 
+            ! $this->processor->is_paused_at_incomplete_input() &&
+            $this->processor->get_current_depth() === 0
+        ) {
+            // We've reached the end of the document, let's finish up.
+            // @TODO: Fix this so it doesn't return the entire XML
+			$buffer .= $this->processor->get_unprocessed_xml();
+            $this->finish();
+		}
+
+        if(!strlen($buffer)) {
+            return false;
+        }
+
+        $this->set_output_bytes($buffer);
+
+        return true;
+    }
+}
+
+class CallbackStream extends ByteStream {
+    private $callback;
+    
+    static public function create($callback) {
+        return new static($callback);
+    }
+
+    public function __construct($callback) {
+        $this->callback = $callback;
+    }
+
+    protected function tick(): bool {
+        $bytes = $this->consume_input_bytes();
+        if(!$bytes) {
+            return false;
+        }
+        $output = ($this->callback)($bytes, $this->input_context);
+        if(null === $output) {
+            return false;
+        }
+        $this->set_output_bytes($output);
+        return true;
+    }
+}
+
+class Demultiplexer extends ByteStream {
+    private $stream_factory = [];
+    private $streams = [];
+    private $last_stream;
+    private $last_input_key;
+    private $key;
+    
+    public function __construct($stream_factory) {
+        $this->stream_factory = $stream_factory;
+    }
+
+    public function get_substream()
+    {
+        return $this->last_stream;
+    }
+
+    protected function tick(): bool
+    {
+        $stream = $this->last_stream;
+        if (!$stream) {
+            return false;
+        }
+
+        if($stream->next_bytes()) {
+            $this->set_output_bytes($stream->get_bytes());
+            return true;
+        }
+
+        if($stream->get_last_error()) {
+            $this->set_last_error($stream->get_last_error());
+        }
+
+        return false;
+    }
+
+    public function append_bytes(string $data, $context = null): bool {
+        $chunk_key = 'default';
+        if($context) {
+            $chunk_key = [];
+            foreach($context as $stream) {
+                $chunk_key[] = $stream->get_file_id();
+            }
+            $chunk_key = implode(':', $chunk_key);
+        }
+
+        $this->last_input_key = $chunk_key;
+        if (!isset($this->streams[$chunk_key])) {
+            $create = $this->stream_factory;
+            $this->streams[$chunk_key] = $create();
+        }
+        $stream = $this->streams[$chunk_key];
+        $stream->append_bytes($data, $context);
+        $this->last_stream = $stream;
+        return true;
+    }
+
+    protected function finish()
+    {
+        parent::finish();
+        foreach($this->streams as $stream) {
+            $stream->finish();
+        }        
+    }
+}
+
+class StreamChain extends ByteStream implements ArrayAccess, Iterator {
+    private $first_stream;
+    private $last_stream;
+    /**
+     * @var IByteStream[]
+     */
+    private $streams = [];
+    private $streams_names = [];
+    private $execution_stack = [];
+    private $tick_context = [];
+
+    public function __construct($streams) {
+        $named_streams = [];
+        foreach($streams as $name => $stream) {
+            $string_name = is_numeric($name) ? 'stream_' . $name : $name;
+            $named_streams[$string_name] = $streams[$name];
+        }
+
+        $this->streams = $named_streams;
+        $this->streams_names = array_keys($this->streams);
+        $this->first_stream = $this->streams[$this->streams_names[0]];
+        $this->last_stream = $this->streams[$this->streams_names[count($streams) - 1]];
+    }
+
+    /**
+     * ## Process chain tick
+     * 
+     * Pushes data through a chain of streams. Every downstream data chunk
+     * is fully processed before asking for more chunks upstream.
+     * 
+     * For example, suppose we:
+     * 
+     * * Send 3 HTTP requests, and each of them produces a ZIP file
+     * * Each ZIP file has 3 XML files inside
+     * * Each XML file is rewritten using the XML_Processor
+     * 
+     * Once the HTTP client has produced the first ZIP file, we start processing it.
+     * The ZIP decoder may already have enough data to unzip three files, but we only
+     * produce the first chunk of the first file and pass it to the XML processor.
+     * Then we handle the second chunk of the first file, and so on, until the first
+     * file is fully processed. Only then we move to the second file.
+     * 
+     * Then, once the ZIP decoder exhausted the data for the first ZIP file, we move
+     * to the second ZIP file, and so on.
+     * 
+     * This way we can maintain a predictable $context variable that carries upstream
+     * metadata and exposes methods like skip_file().
+     */
+    protected function tick(): bool {
+        if($this->last_stream->is_output_eof()) {
+            $this->finish();
+            return false;
+        }
+
+        while(true) {
+            $bytes = $this->consume_input_bytes();
+            if(null === $bytes || false === $bytes) {
+                break;
+            }
+            $this->first_stream->append_bytes(
+                $bytes
+            );
+        }
+
+        if($this->is_output_eof()) {
+            $this->first_stream->input_eof();
+        }
+
+        if(empty($this->execution_stack)) {
+            array_push($this->execution_stack, $this->first_stream);
+        }
+
+        while (count($this->execution_stack)) {
+            // Unpeel the context stack until we find a stream that
+            // produces output.
+            $stream = $this->pop_stream();
+            if ($stream->is_output_eof()) {
+                continue;
+            }
+
+            if(true !== $this->stream_next($stream)) {
+                continue;
+            }
+
+            // We've got output from the stream, yay! Let's
+            // propagate it downstream.
+            $this->push_stream($stream);
+
+            $prev_stream = $stream;
+            for ($i = count($this->execution_stack); $i < count($this->streams_names); $i++) {
+                $next_stream = $this->streams[$this->streams_names[$i]];
+                if($prev_stream->is_output_eof()) {
+                    $next_stream->input_eof();
+                }
+
+                $next_stream->append_bytes(
+                    $prev_stream->get_bytes(),
+                    $this->tick_context
+                );
+                if (true !== $this->stream_next($next_stream)) {
+                    return false;
+                }
+                $this->push_stream($next_stream);
+                $prev_stream = $next_stream;
+            }
+
+            // When the last process in the chain produces output,
+            // we write it to the output pipe and bale.
+            if($this->last_stream->is_output_eof()) {
+                $this->finish();
+                break;
+            }
+            $this->set_output_bytes(
+                $this->last_stream->get_bytes()
+            );
+            // ++$this->chunk_nb;
+            return true;
+        }
+
+        // We produced no output and the upstream pipe is EOF.
+        // We're done.
+        if($this->first_stream->is_output_eof()) {
+            $this->finish();
+        }
+
+        return false;
+    }
+
+    protected function finish()
+    {
+        parent::finish();
+        foreach($this->streams as $stream) {
+            $stream->finish();
+        }        
+    }
+
+    private function pop_stream(): IByteStream
+    {
+        $name = $this->streams_names[count($this->execution_stack) - 1];
+        unset($this->tick_context[$name]);
+        return array_pop($this->execution_stack);        
+    }
+
+    private function push_stream(IByteStream $stream)
+    {
+        array_push($this->execution_stack, $stream);
+        $name = $this->streams_names[count($this->execution_stack) - 1];
+        if($stream instanceof Demultiplexer) {
+            $stream = $stream->get_substream();
+        }
+        $this->tick_context[$name] = $stream;
+    }
+
+    private function stream_next(IByteStream $stream)
+    {
+        $produced_output = $stream->next_bytes();
+        $this->handle_errors($stream);
+        return $produced_output;
+    }
+
+    private function handle_errors(IByteStream $stream)
+    {
+        if($stream->get_last_error()) {
+            $name = array_search($stream, $this->streams);
+            $this->set_last_error("Process $name has crashed");
+        }
+    }
+
+    // Iterator methods. These don't make much sense on a regular
+    // process class because they cannot pull more input chunks from
+    // the top of the stream like ProcessChain can.
+
+	public function current(): mixed {
+        if($this->should_iterate_errors && $this->get_last_error()) {
+            return $this->get_last_error();
+        }
+        return $this->get_bytes();
+	}
+
+    private $chunk_nb = -1;
+	public function key(): mixed {
+		return $this->chunk_nb;
+	}
+
+	public function rewind(): void {
+		$this->next();
+	}
+
+    private $should_iterate_errors = false;
+    public function iterate_errors($should_iterate_errors)
+    {
+        $this->should_iterate_errors = $should_iterate_errors;
+    }
+
+	public function next(): void {
+        ++$this->chunk_nb;
+		while(!$this->next_bytes()) {
+            if($this->should_iterate_errors && $this->get_last_error()) {
+                break;
+            }
+            if($this->is_output_eof()) {
+                break;
+            }
+			usleep(10000);
+		}
+	}
+
+	public function valid(): bool {
+		return !$this->is_output_eof() || ($this->should_iterate_errors && $this->get_last_error());
+	}
+
+
+    // ArrayAccess on ProcessChain exposes specific
+    // sub-processes by their names.
+    public function offsetExists($offset): bool {
+        return isset($this->tick_context[$offset]);
+    }
+
+    public function offsetGet($offset): mixed {
+        return $this->tick_context[$offset] ?? null;
+    }
+
+    public function offsetSet($offset, $value): void {
+        // No op
+    }
+
+    public function offsetUnset($offset): void {
+        // No op
+    }
+
+}
+
+
+class HttpStream extends ByteStream {
+	private $client;
+	private $requests = [];
+	private $child_contexts = [];
+	private $skipped_requests = [];
+    private $file_id;
+    private $request;
+
+    static public function create($requests) {
+        return new HttpStream($requests);
+    }
+
+	private function __construct( $requests ) {
+		$this->client = new Client();
+		$this->client->enqueue( $requests );
+	}
+
+    public function get_file_id(): string|null
+    {
+        return $this->request ? 'request_' . $this->request->id : null;
+    }
+
+    protected function tick(): bool
+    {
+        $this->request = null;
+        while($this->client->await_next_event()) {
+            $this->request = $this->client->get_request();
+            switch ($this->client->get_event()) {
+                case Client::EVENT_BODY_CHUNK_AVAILABLE:
+                    $this->set_output_bytes($this->client->get_response_body_chunk());
+                    return true;
+
+                case Client::EVENT_FAILED:
+                    $this->set_last_error('Request failed: ' . $this->request->error);
+                    break;
+            }
+        }
+
+        $this->finish();
+        return false;
+	}
+
+}
+
+
+function is_wxr_content_node( WP_XML_Processor $processor ) {
+	if ( ! in_array( 'item', $processor->get_breadcrumbs() ) ) {
+		return false;
+	}
+	if (
+		! in_array( 'excerpt:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'content:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:attachment_url', $processor->get_breadcrumbs() )
+		&& ! in_array( 'guid', $processor->get_breadcrumbs() )
+		&& ! in_array( 'link', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:comment_content', $processor->get_breadcrumbs() )
+		// Meta values are not suppoerted yet. We'll need to support
+		// WordPress core options that may be saved as JSON, PHP Deserialization, and XML,
+		// and then provide extension points for plugins authors support
+		// their own options.
+		// !in_array('wp:postmeta', $processor->get_breadcrumbs())
+	) {
+		return false;
+	}
+
+	switch ( $processor->get_token_type() ) {
+		case '#text':
+		case '#cdata-section':
+			return true;
+	}
+
+	return false;
+};
+
+
+$chain = new StreamChain(
+    [
+        'http' => HttpStream::create([
+            new Request('http://127.0.0.1:9864/export.wxr.zip'),
+            // Bad request, will fail:
+            new Request('http://127.0.0.1:9865'),
+        ]),
+        'zip' => ZipReaderStream::create(),
+        CallbackStream::create(function ($data, $context) {
+            if ($context['zip']->get_file_id() !== 'export.wxr') {
+                $context['zip']->skip_file();
+                return null;
+            }
+            // Print detailed information from the ZIP processor
+            // print_r($context['zip']->get_processor()->get_header());
+            return $data;
+        }),
+        XMLTransformStream::create(function (WP_XML_Processor $processor) {
+            if (is_wxr_content_node($processor)) {
+                $text = $processor->get_modifiable_text();
+                $updated_text = 'Hey there, what\'s up?';
+                if ($updated_text !== $text) {
+                    // @TODO: Fix stream updating XML
+                    // $processor->set_modifiable_text($updated_text);
+                }
+            }
+        }),
+        CallbackStream::create(function ($data, $context) {
+            return strtoupper($data);
+        })
+    ]
+);
+
+// Consume the data like this:
+// var_dump([$chain->next_chunk(), strlen($chain->get_bytes()), $chain->get_last_error()]);
+
+// Or like this:
+// $chain->iterate_errors(true);
+foreach($chain as $k => $chunk_or_error) {
+    var_dump([
+        $k => $chunk_or_error,
+        'is_error' => !!$chain->get_last_error(),
+        'zip file_id' => isset($chain['zip']) ? $chain['zip']->get_file_id() : null
+    ]);
+}
+
diff --git a/pipes-unix.php b/pipes-unix.php
new file mode 100644
index 0000000..832341b
--- /dev/null
+++ b/pipes-unix.php
@@ -0,0 +1,1055 @@
+<?php
+
+/**
+ * @TODO:
+ *
+ * * ✅ Consider an interface for all streamable processor classes to make them chainable.
+ *     ^ Here's some reasons not to do that:
+ *       
+ *       1. The same processor may need multiple stream implementations. For example,
+ *          an XML processor may be used to transform the document, so go from XML bytes to XML bytes,
+ *          but it can also be used to extract HTML from CDATA, so go from XML bytes to HTML bytes.
+ *       2. Not all processor must output bytes, and for some processors, the metadata may be much more
+ *          important than the actual output bytes.
+ *       3. Exposing a method like Processor::chain($processor_2) means we can call it multiple times,
+ *          which means we either need to handle forking the stream or track the chaining state and 
+ *          handle errors in all ambiguous cases.
+ *       4. A method like Processor::next() would be ambiguous:
+ *          * For HTML and XML processors it could mean "next token", "next tag", or "next bytes chunk"
+ *          * For a ZIP processor it could mean "next file", "next ZIP entry", or "next file chunk"
+ *          * ...etc...
+ *          A set of processor-specific methods, such as next_token(), next_tag(), next_file() etc. seems
+ *          like a more intuitive choice.
+ * 
+ *       However, it would still be useful to have *some* common interface there. Perhaps this could work:
+ * 
+ *       interface StreamProcessor {
+ *          public function append_bytes($bytes): bool;
+ *          public function is_finished(): bool;
+ *          public function is_paused_at_incomplete_input(): bool;
+ *       }
+ * 
+ *       I am on the fence about adding the following method:
+ * 
+ *       interface StreamProcessor {
+ *          public function get_last_error(): ?string;
+ *       }
+ * 
+ *       Keeping Processors separate from Stream implementations seems useful. This way we don't have to
+ *       worry about stdin/stdout/stderr etc. and can focus on actual processing. The stream will figure
+ *       out how to use the processor semantics to transform byte chunks. 
+ * * ✅ Find a naming scheme that doesn't suggest we're working with actual Unix processes and pipes.
+ *   I only used it to make the development easier, I got confused with the other attempt in
+ *   `pipes.php` and this kept me on track. However, keeping these names will likely confuse others.
+ * * ✅ Explore merging Pipes and Processes into a single concept after all.
+ *      Not doing that is nice, too. Writing to output is not equivalent to
+ *      starting more computation downstream. Reading from input is not equivalent
+ *      to trigerring more computations upstream. We get a buffer, a demilitarized
+ *      zone between processes. Perhaps that's what was missing from the other experiment.
+ * * ✅ Make ProcessChain implement the Iterator interface. Iterator semantics doesn't make
+ *      as much sense on regular process classes because they may run out of input and they
+ *      can't pull more bytes from the top of the stream.
+ * * ✅ Explore changes updates to metadata:
+ *   * Exposing metadata on a stream instance instead of a pipe.
+ *     ^ With the new "execution stack" model, this seems like a great approach.
+ *       $context['zip'] wouldn't be an abstract metadata array, but the actual ZipStreamReader instance
+ *       with all the methods and properties available.
+ *     ^ Problem is, we want the next stream to have access to the metadata.
+ *     ^ Well, writing metadata to output is the same as coupling it with the stream instance.
+ *       Also, since we'll need to access the metadata later, even after it's been written to the next
+ *       stream, we may need to keep the Pipe class around.
+ *   * Not writing bytes to a pipe but writing a new Chunk($bytes, $metadata) object to tightly couple the two
+ *     ^ the problem with this is that methods like `skip_file()` affect the currently processed file and we
+ *       must call them at the right time
+ * * ✅ Demultiplexing modes: per "sequence_id" (e.g. ZIPping a sequence of files), per "file_id" 
+ *      (e.g. XML rewriting each file separately, regardless of the chunks order)
+ *      ^ $key constructor argument handles that now
+ * * ✅ Figure out interop Pipe and MultiplexedPipe – they are not interchangeable. Maybe
+ *     we could use metadata to pass the sequence name, and the regular pipe would ignore it?
+ *     Maybe a MultiplexedPipe would just have special semantics for that metadata field?
+ *     And it would keep track of eofs etc using a set of internal Pipe instances?
+ *     ^ Now that each chunk is moved downstream as soon as it's produced, we don't need
+ *       to keep multiple buffers around. The only remaining advantage of a MultiplexedPipe
+ *       is tracking EOF for each sequence separately.
+ *     ^ Do we need separate "pipes" at all?
+ *       * The process chain semantics assumes every output chunk will be fully processed
+ *         before the next one is produced.
+ *       * Writing to a pipe before consuming its contents is an undefiend behavior similarly
+ *         as with processes.
+ *       * "pipes" are buffers and "processes" are buffers.
+ *       * I can close a single sequence in a pipe without closing the entire pipe or the next
+ *         process.
+ *       * A separate Pipe class encapsulates the writing and consumption logic. It wouldn't be
+ *         handy to force that on every process.
+ *       * But still, could we have a ProcessPipe class? And a PipeProcess class?
+ *       * Every Process needs a way to receive more data, emit its data, and emit errors.
+ *         Currently we assume a tick() call that does $input->read(). We could have a public
+ *         Process::write() method 
+ *    ^ MultiplexedPipe isn't used anymore
+ * * ✅ The process `do_tick` method typically checks for `input->is_eof()` and then
+ *      whether `input->read()` is valid. Can we simplify this boilerplate somehow?
+ *      ^ the BufferProcessor interface solves that problem.
+ * * ✅ Explore a shared "Streamable" interface for all stream processors (HTML, XML, ZIP, HTTP, etc.)
+ *      ^ Would the "Process" have the same interface? A `tick()` seems isomorphic to
+ *        "append_bytes()" call followed by "next()". There's a semantic difference in that
+ *        "append_bytes()" pushes the data, while "tick()" pulls the data, but perhaps the push model
+ *        would work better for asynchronous piping.
+ *      ^^ A single interface for everything doesn't seem to cut it, but the BufferProcessor interface
+ *         with `read()` and `write($bytes, $metadata)` methods seems to be a good fit for XML, ZIP, HTTP.
+ *         It resembles a Pipe interface, too. I wonder if these "Process" classes could be pipes themselves.
+ * * ✅ Get rid of ProcessManager
+ * * ✅ Get rid of errors. We don't need it to be a stream. A single $error field + bubbling should do.
+ *      Let's keep errors after all.
+ * * ✅ Remove these methods: set_write_sequence, ensure_output_sequence, add_output_sequence, close_output_sequence
+ * * ✅ Declare `bool` return type everywhere where it's missing. We may even remove it later for PHP BC,
+ *      but let's still add it for a moment just to make sure we're not missing any typed return.
+ * * ✅ Should Process::tick() return a boolean? Or is it fine if it doesn't return anything?
+ *      It now returns either "true", which means "I've produced output", or "false", which means
+ *      "I haven't produced output".
+ * * ✅ Pipe::read() returns a string on success, false on failure, or null if there were no writes
+ *      since the last read and we'd just return an empty string. This three-state semantics is useful,
+ *      but it's painful to always check for false and null, and then it may not interop well with
+ *      PHP streams where fread() never returns null. Let's think this through some more.
+ *      ^ Pipe::read() now returns true, false, or null. When it returns true, the data is available
+ *        for being consumed via $pipe->consume_bytes().
+ * 
+ * Maybe not do these?
+ * 
+ * * Calling get_metadata() without calling read() first returns the last metadata. This
+ *   bit me a few times when I was in a context where I could not call read() first because,
+ *   e.g. another process was about to do that. Maybe this is a good thing, as it forces us
+ *   to split a pipe in two whenever an intermediate read is involved, e.g. Process A wouldn't
+ *   just connect it's input to a subprocess A.1, but it would read from input, read metadata,
+ *   do processing, ant only then write to A.1 input. Still, a better error reporting wouldn't hurt.
+ */
+
+/**
+ * ## Demultiplexing modes: per input sequence, per $metadata['file_id'].
+ * 
+ * We want to keep track of:
+ * * Sequence ID – the sequential byte stream identifier. Multiple streams will produce
+ *                 file chunks in an arbitrary order and, when multiplexed, the chunks will be
+ *                 interleaved.
+ * * File ID     – the file within that stream. A single stream may contain multiple files,
+ *                 but they will always be written sequentially. When multiplexed, one file will
+ *                 always be written completely before the next one is started.
+ * 
+ * When a specific stream errors out, we need to communicate this
+ * downstream and so the consumer processes can handle the error.
+ * 
+ * Therefore, we need a separate pipe for each stream ID. Do we also
+ * need a separate process? Not necessarily. Each process only cares
+ * about the open-ness or EOF-ness of its input and output pipes,
+ * not about the actual lifecycle of the other processes.
+ * 
+ * However, we may want to correlate the same stream ID with output and
+ * errors streams, in which case intertwining stream ID and process ID
+ * would be useful. But then we don't have a 1:1 mapping between
+ * what a data stream does and what a process does.
+ * 
+ * Let's try these two approach and see where we get with it:
+ * 
+ * 1. Each process has a multiplexed input, output, and errors pipes.
+ *    We do not use non-multiplexed pipes at all. Every process communicates
+ *    "there will be more output to come" by keeping at least one output
+ *    pipe open. Each process makes sure to react to sub-pipe state changes.
+ *    When a read() operation is called and a specific sub-pipe is EOF, 
+ *    that process cleans up its sub resources and closes the corresponding
+ *    output sub-pipe.
+ * 2. Each process has a single input and output pipe. A process
+ *    that produces multiple data stream fakes spawning one child
+ *    process per data stream. The next process gets multiple input
+ *    pipes, but no actual access to the child processes of the first
+ *    process. Then, it may spawn its own child processes. Hm. But that
+ *    just sounds a multi-pipe solution with extra steps.
+ */
+
+
+/**
+ * ## Get rid of errors. We don't need it to be a stream. A single $error field + bubbling should do.
+ * 
+ * Maybe errors is fine after all? I'm no longer convinced about inventing a separate mechanism
+ * for error propagation. We'd have to implement a lot of the same features that errors already
+ * have.
+ * 
+ * Advantages of using errors for propagating errors:
+ * 
+ * * We can bubble up multiple errors from a single process.
+ * * They have metadata attached and are traceable to a specific process.
+ * * Piping to errors doesn't imply the entire process have crashed, which we
+ *   wouldn't want in case of, say, Demultiplexer.
+ * * We clearly know when the errors are done, as errors is a stream and we know
+ *   when it's EOF.
+ * * We can put any pipe in place of errors, e.g. a generic logger pipe
+ * 
+ * Disadvantages:
+ * 
+ * * Pipes have more features than error propagation uses, e.g. we rarely care
+ *   for is_eof() on errors, but we still have to close that errors pipe.
+ */
+
+ require __DIR__ . '/bootstrap.php';
+
+use WordPress\AsyncHttp\Client;
+use WordPress\AsyncHttp\Request;
+
+abstract class Stream implements ArrayAccess {
+
+    const STATE_STREAMING = '#streaming';
+    const STATE_FINISHED = '#finished';
+    const STATE_CRASHED = '#crashed';
+
+    private string $state = self::STATE_STREAMING;
+
+    protected Pipe $input;
+    protected Pipe $output;
+    protected Pipe $errors;
+
+    public function __construct($input=null, $output=null, $errors=null)
+    {
+        $this->input = $input ?? new BufferPipe();
+        $this->output = $output ?? new BufferPipe();
+        $this->errors = $errors ?? new BufferPipe();
+    }
+
+    public function tick($tick_context=null): bool {
+        if(!$this->is_alive()) {
+            return false;
+        }
+
+        return $this->do_tick($tick_context ?? []);
+    }
+
+    abstract protected function do_tick($tick_context): bool;
+
+    protected function crash( $error_message = null )
+    {
+        if($error_message) {
+            $this->errors->write( $error_message );
+        }
+        $this->state = self::STATE_CRASHED;
+        $this->cleanup();
+    }
+
+    protected function finish() {
+        $this->state = self::STATE_FINISHED;
+        $this->cleanup();
+    }
+
+    protected function cleanup()
+    {
+        $this->input->close();
+        $this->output->close();
+        $this->errors->close();
+    }
+
+    public function has_crashed(): bool {
+        return $this->state === self::STATE_CRASHED;
+    }
+
+    public function is_alive(): bool {
+        return $this->state === self::STATE_STREAMING;
+    }
+
+    public function offsetExists($offset): bool {
+        return isset($this->output->get_metadata()[$offset]);
+    }
+
+    public function offsetGet($offset): mixed {
+        return $this->output->get_metadata()[$offset] ?? null;
+    }
+
+    public function offsetSet($offset, $value): void {
+        // No op
+    }
+
+    public function offsetUnset($offset): void {
+        // No op
+    }
+
+}
+
+abstract class BufferStream extends Stream
+{
+    protected function do_tick($tick_context): bool
+    {
+        if(true === $this->read()) {
+            return true;
+        }
+
+        if (!$this->input->read()) {
+            if ($this->input->is_eof()) {
+                $this->finish();
+            }
+            return false;
+        }
+
+        $this->write(
+            $this->input->consume_bytes(),
+            $this->input->get_metadata(),
+            $tick_context
+        );
+
+        return $this->read();
+    }
+
+    abstract protected function write($input_chunk, $metadata, $tick_context);
+    abstract protected function read(): bool;
+}
+
+
+abstract class ProcessorStream extends Stream
+{
+
+    protected IStreamProcessor $processor;
+
+    public function __construct($input = null, $output = null, $errors = null)
+    {
+        parent::__construct($input, $output, $errors);
+        $this->processor = $this->create_processor();
+    }
+
+    public function get_processor()
+    {
+        return $this->processor;        
+    }
+
+    abstract protected function create_processor(): IStreamProcessor;
+
+    protected function do_tick($tick_context): bool
+    {
+        if(true === $this->next()) {
+            return true;
+        }
+
+        if (!$this->input->read()) {
+            if ($this->input->is_eof()) {
+                $this->finish();
+            }
+            return false;
+        }
+
+        $this->processor->append_bytes($this->input->consume_bytes());
+        
+        if($this->processor->is_paused_at_incomplete_input()) {
+            return false;
+        }
+
+        if ($this->processor->get_last_error()) {
+            $this->crash($this->processor->get_last_error());
+            return false;
+        }
+
+        return $this->next();
+    }
+
+    abstract protected function next(): bool;
+
+}
+
+abstract class TransformerStream extends BufferStream {
+
+    protected $buffer;
+    protected $metadata;
+    protected $tick_context;
+
+    protected function write($input_chunk, $metadata, $tick_context)
+    {
+        $this->buffer .= $input_chunk;
+        $this->metadata = $metadata;
+        $this->tick_context = $tick_context;
+    }
+
+    protected function read(): bool
+    {
+        if(null === $this->buffer) {
+            return false;
+        }
+        $transformed = $this->transform($this->buffer, $this->tick_context);
+        $this->buffer = null;
+        if (null === $transformed || false === $transformed) {
+            return false;
+        }
+
+        $this->output->write($transformed, $this->metadata);
+        return true;
+    }
+
+    abstract protected function transform($data, $tick_context);
+
+}
+
+interface Pipe {
+    public function read(): ?bool;
+    public function write(string $data, $metadata=null): bool;
+    public function is_eof(): bool;
+    public function close();
+    public function consume_bytes();
+    public function get_metadata();
+}
+
+class BufferPipe implements Pipe {
+    private ?string $buffer = null;
+    private $metadata = null;
+    private bool $closed = false;
+
+    public function __construct($buffer = null)
+    {
+        $this->buffer = $buffer;        
+    }
+
+    public function read(): ?bool {
+        if(!$this->buffer && $this->closed) {
+            return false;
+        }
+        if(null === $this->buffer) {
+            return null;
+        }
+        return true;
+    }
+
+    public function consume_bytes()
+    {
+        $bytes = $this->buffer;
+        $this->buffer = null;
+        return $bytes;
+    }
+
+    public function get_metadata() {
+        return $this->metadata;        
+    }
+
+    public function write(string $data, $metadata=null): bool {
+        if($this->closed) {
+            return false;
+        }
+        if(null === $this->buffer) {
+            $this->buffer = '';
+        }
+        $this->buffer .= $data;
+        $this->metadata = $metadata;
+        return true;
+    }
+
+    public function is_eof(): bool {
+        return null === $this->buffer && $this->closed;        
+    }
+
+    public function close() {
+        $this->closed = true;
+    }
+}
+
+class ResourcePipe implements Pipe {
+    private $resource;
+    private bool $closed = false;
+    private $bytes;
+
+    public function __construct($resource) {
+        $this->resource = $resource;
+    }
+
+    public function read(): ?bool {
+        if($this->closed) {
+            return false;
+        }
+        $data = fread($this->resource, 1024);
+        if(false === $data) {
+            $this->close();
+            return false;
+        }
+
+        if('' === $data) {
+            if(feof($this->resource)) {
+                $this->close();
+            }
+            return null;
+        }
+
+        if($this->bytes === null) {
+            $this->bytes = '';
+        }
+        $this->bytes .= $data;
+        return true;
+    }
+
+    public function consume_bytes()
+    {
+        $bytes = $this->bytes;
+        $this->bytes = null;
+        return $bytes;
+    }
+
+    public function write(string $data, $metadata=null): bool {
+        if($this->closed) {
+            return false;
+        }
+        fwrite($this->resource, $data);
+        return true;
+    }
+
+    public function get_metadata() {
+        return null;
+    }
+
+    public function is_eof(): bool {
+        return $this->closed;        
+    }
+
+    public function close() {
+        if($this->closed) {
+            return;
+        }
+        fclose($this->resource);
+        $this->closed = true;
+    }
+}
+
+class FilePipe extends ResourcePipe {
+    public function __construct($filename, $mode) {
+        parent::__construct(fopen($filename, $mode));
+    }
+}
+
+class CallbackStream extends TransformerStream {
+    private $callback;
+    
+    static public function create($callback) {
+        return new static($callback);
+    }
+
+    private function __construct($callback) {
+        $this->callback = $callback;
+        parent::__construct();
+    }
+
+    protected function transform($data, $tick_context) {
+        $callback = $this->callback;
+        return $callback($data, $tick_context, $this);
+    }
+}
+
+class Demultiplexer extends BufferStream {
+    private $stream_create = [];
+    private $streams = [];
+    private $killed_streams = [];
+    private $demux_queue = [];
+    private $last_stream;
+    private $last_input_key;
+    private $key;
+    
+    public function __construct($stream_create, $key = 'sequence') {
+        $this->stream_create = $stream_create;
+        $this->key = $key;
+        parent::__construct();
+    }
+
+    public function get_substream()
+    {
+        return $this->last_stream;
+    }
+
+    protected function write($next_chunk, $metadata, $tick_context) {
+        $chunk_key = is_array($metadata) && !empty( $metadata[$this->key] ) ? $metadata[$this->key] : 'default';
+        $this->last_input_key = $chunk_key;
+        if (!isset($this->streams[$chunk_key])) {
+            $create = $this->stream_create;
+            $this->streams[$chunk_key] = $create();
+        }
+
+        $stream = $this->streams[$chunk_key];
+        $stream->input->write($next_chunk, $metadata);
+        $this->last_stream = $stream;
+    }
+
+    protected function read(): bool
+    {
+        $stream = $this->last_stream;
+        if(!$stream) {
+            return false;
+        }
+
+        if(!$stream->tick()) {
+            return false;
+        }
+    
+        if ($stream->output->read()) {
+            $output = $stream->output->consume_bytes();
+            $chunk_metadata = array_merge(
+                [$this->key => $this->last_input_key],
+                $stream->output->get_metadata() ?? [],
+            );
+            $this->output->write($output, $chunk_metadata);
+            return true;
+        }
+
+        if (!$stream->is_alive()) {
+            if ($stream->has_crashed()) {
+                $this->errors->write(
+                    "Subprocess $this->last_input_key has crashed",
+                    [
+                        'type' => 'crash',
+                        'stream' => $stream,
+                    ]
+                );
+            }
+        }
+
+        return false;
+    }
+
+    public function skip_file($file_id)
+    {
+        if(!$this->last_stream) {
+            return false;
+        }
+        return $this->last_stream->skip_file($file_id);
+    }
+}
+
+require __DIR__ . '/zip-stream-reader.php';
+
+class ZipReaderStream extends ProcessorStream {
+
+    /**
+     * @var ZipStreamReader
+     */
+	protected IStreamProcessor $processor;
+    private $last_skipped_file = null;
+
+    static public function create() {
+        return new Demultiplexer(fn() => new ZipReaderStream());
+    }
+
+    protected function create_processor(): IStreamProcessor
+    {
+        return new ZipStreamReader('');
+    }
+
+    public function skip_file($file_id)
+    {
+        $this->last_skipped_file = $file_id;
+    }
+
+    protected function next(): bool
+    {
+        while ($this->processor->next()) {
+            switch ($this->processor->get_state()) {
+                case ZipStreamReader::STATE_FILE_ENTRY:
+                    $file_path = $this->processor->get_file_path();
+                    if ($this->last_skipped_file === $file_path) {
+                        break;
+                    }
+                    $this->output->write($this->processor->get_file_body_chunk(), [
+                        'file_id' => $file_path,
+                        // Use a separate sequence for each file so the next
+                        // process may separate the files.
+                        'sequence' => $file_path,
+                    ]);
+                    return true;
+            }
+        }
+
+        return false;        
+    }
+}
+
+class StreamChain extends Stream implements Iterator {
+    private $first_stream;
+    private $last_stream;
+    private $streams = [];
+    private $streams_names = [];
+    private $finished_streams = [];
+    private $execution_stack = [];
+    private $tick_context = [];
+
+    public function __construct($streams, $input=null, $output=null, $errors=null) {
+        parent::__construct($input, $output, $errors);
+
+        $last_stream = null;
+        $this->streams_names = array_keys($streams);
+        foreach($this->streams_names as $k => $name) {
+            $this->streams_names[$k] = $name . '';
+        }
+
+        $streams = array_values($streams);
+        for($i = 0; $i < count($streams); $i++) {
+            $stream = $streams[$i];
+            if(null !== $last_stream) {
+                $stream->input = $last_stream->output;
+            }
+            $this->streams[$this->streams_names[$i]] = $stream;
+            $last_stream = $stream;
+        }
+
+        $this->first_stream = $this->streams[$this->streams_names[0]];
+        $this->last_stream = $this->streams[$this->streams_names[count($streams) - 1]];
+    }
+
+    /**
+     * ## Process chain tick
+     * 
+     * Pushes data through a chain of streams. Every downstream data chunk
+     * is fully processed before asking for more chunks upstream.
+     * 
+     * For example, suppose we:
+     * 
+     * * Send 3 HTTP requests, and each of them produces a ZIP file
+     * * Each ZIP file has 3 XML files inside
+     * * Each XML file is rewritten using the XML_Processor
+     * 
+     * Once the HTTP client has produced the first ZIP file, we start processing it.
+     * The ZIP decoder may already have enough data to unzip three files, but we only
+     * produce the first chunk of the first file and pass it to the XML processor.
+     * Then we handle the second chunk of the first file, and so on, until the first
+     * file is fully processed. Only then we move to the second file.
+     * 
+     * Then, once the ZIP decoder exhausted the data for the first ZIP file, we move
+     * to the second ZIP file, and so on.
+     * 
+     * This way we can maintain a predictable $context variable that carries upstream
+     * metadata and exposes methods like skip_file().
+     */
+    protected function do_tick($tick_context): bool {
+        if($this->last_stream->output->is_eof()) {
+            $this->finish();
+            return false;
+        }
+
+        while(true) {
+            if(true !== $this->input->read()) {
+                break;
+            }
+            $this->first_stream->input->write(
+                $this->input->consume_bytes(),
+                $this->input->get_metadata()
+            );
+        }
+
+        if($this->input->is_eof()) {
+            $this->first_stream->input->close();
+        }
+
+        if(empty($this->execution_stack)) {
+            array_push($this->execution_stack, $this->first_stream);
+        }
+
+        while (count($this->execution_stack)) {
+            // Unpeel the context stack until we find a stream that
+            // produces output.
+            $stream = $this->pop_stream();
+            if ($stream->output->is_eof()) {
+                continue;
+            }
+
+            if(true !== $this->stream_next($stream)) {
+                continue;
+            }
+
+            // We've got output from the stream, yay! Let's
+            // propagate it downstream.
+            $this->push_stream($stream);
+
+            for ($i = count($this->execution_stack); $i < count($this->streams_names); $i++) {
+                $next_stream = $this->streams[$this->streams_names[$i]];
+                if (true !== $this->stream_next($next_stream)) {
+                    break;
+                }
+                $this->push_stream($next_stream);
+            }
+
+            // When the last process in the chain produces output,
+            // we write it to the output pipe and bale.
+            if(true !== $this->last_stream->output->read()) {
+                break;
+            }
+            $this->output->write(
+                $this->last_stream->output->consume_bytes(),
+                $this->tick_context
+            );
+            ++$this->chunk_nb;
+            return true;
+        }
+
+        // We produced no output and the upstream pipe is EOF.
+        // We're done.
+        if(!$this->first_stream->is_alive()) {
+            $this->finish();
+        }
+
+        return false;
+    }
+
+    private function pop_stream()
+    {
+        $name = $this->streams_names[count($this->execution_stack) - 1];
+        unset($this->tick_context[$name]);
+        return array_pop($this->execution_stack);        
+    }
+
+    private function push_stream($stream)
+    {
+        array_push($this->execution_stack, $stream);
+        $name = $this->streams_names[count($this->execution_stack) - 1];
+        if($stream instanceof Demultiplexer) {
+            $stream = $stream->get_substream();
+        }
+        $this->tick_context[$name] = $stream;
+    }
+
+    private function stream_next($stream)
+    {
+        $produced_output = $stream->tick($this->tick_context);
+        $this->handle_errors($stream);
+        return $produced_output;
+    }
+
+    private function handle_errors($stream)
+    {
+        if($stream->has_crashed()) {
+            $name = $this->streams_names[array_search($stream, $this->streams)];
+            if(!isset($this->finished_streams[$name])) {
+                $this->errors->write("Process $name has crashed", [
+                    'type' => 'crash',
+                    'stream' => $stream,
+                ]);
+                $this->finished_streams[$name] = true;
+            }
+        } else if ($stream->errors->read()) {
+            $this->errors->write($stream->errors->consume_bytes(), [
+                'type' => 'error',
+                'stream' => $stream,
+                ...($stream->errors->get_metadata() ?? []),
+            ]);
+        }
+    }
+
+    // Iterator methods. These don't make much sense on a regular
+    // process class because they cannot pull more input chunks from
+    // the top of the stream like ProcessChain can.
+
+    private $iterator_output_cache;
+    private $chunk_nb = -1;
+	public function current(): mixed {
+		if(null === $this->iterator_output_cache) {
+			$this->iterator_output_cache = $this->output->consume_bytes();
+		}
+		return $this->iterator_output_cache;
+	}
+
+	public function key(): mixed {
+		return $this->chunk_nb;
+	}
+
+	public function rewind(): void {
+		$this->next();
+	}
+
+	public function next(): void {
+		$this->iterator_output_cache = null;
+		while(!$this->tick()) {
+            if(!$this->is_alive()) {
+                break;
+            }
+			usleep(10000);
+		}
+	}
+
+	public function valid(): bool {
+		return $this->is_alive();
+	}
+
+
+    // ArrayAccess on ProcessChain exposes specific
+    // sub-processes by their names.
+    public function offsetExists($offset): bool {
+        return isset($this->tick_context[$offset]);
+    }
+
+    public function offsetGet($offset): mixed {
+        return $this->tick_context[$offset] ?? null;
+    }
+
+    public function offsetSet($offset, $value): void {
+        // No op
+    }
+
+    public function offsetUnset($offset): void {
+        // No op
+    }
+
+}
+
+
+class HttpStream extends Stream {
+	private $client;
+	private $requests = [];
+	private $child_contexts = [];
+	private $skipped_requests = [];
+
+    static public function create($requests) {
+        return new HttpStream($requests);
+    }
+
+	private function __construct( $requests ) {
+		$this->client = new Client();
+		$this->client->enqueue( $requests );
+
+        parent::__construct();
+	}
+
+    protected function do_tick($tick_context): bool
+    {
+        while($this->client->await_next_event()) {
+            $request = $this->client->get_request();
+            $output_sequence = 'request_' . $request->id;
+            switch ($this->client->get_event()) {
+                case Client::EVENT_BODY_CHUNK_AVAILABLE:
+                    $this->output->write($this->client->get_response_body_chunk(), [
+                        'sequence' => $output_sequence,
+                        'request' => $request
+                    ]);
+                    return true;
+
+                case Client::EVENT_FAILED:
+                    $this->errors->write('Request failed: ' . $request->error, [
+                        'request' => $request
+                    ]);
+                    break;
+            }
+        }
+
+        $this->finish();
+        return false;
+	}
+
+}
+
+
+class XMLTransformStream extends ProcessorStream {
+	private $node_visitor_callback;
+    /**
+     * @var WP_XML_Processor
+     */
+	protected IStreamProcessor $processor;
+
+    static public function create($node_visitor_callback) {
+        return new Demultiplexer(fn () =>
+            new XMLTransformStream($node_visitor_callback)
+        );
+    }
+
+	private function __construct( $node_visitor_callback ) {
+		$this->node_visitor_callback = $node_visitor_callback;
+        parent::__construct();
+	}
+
+    protected function create_processor(): IStreamProcessor
+    {
+        return new WP_XML_Processor( '', [], WP_XML_Processor::IN_PROLOG_CONTEXT );
+    }
+
+    protected function next(): bool
+    {
+        $tokens_found = 0;
+		while ( $this->processor->next_token() ) {
+			++ $tokens_found;
+			$node_visitor_callback = $this->node_visitor_callback;
+			$node_visitor_callback( $this->processor );
+		}
+
+        $buffer = '';
+		if ( $tokens_found > 0 ) {
+			$buffer .= $this->processor->get_updated_xml();
+		} else if ( 
+            $tokens_found === 0 && 
+            ! $this->processor->is_paused_at_incomplete_input() &&
+            $this->processor->get_current_depth() === 0
+        ) {
+            // We've reached the end of the document, let's finish up.
+			$buffer .= $this->processor->get_unprocessed_xml();
+            $this->finish();
+		}
+
+        if(!strlen($buffer)) {
+            return false;
+        }
+
+        $this->output->write($buffer);
+
+        return true;
+    }
+}
+
+
+function is_wxr_content_node( WP_XML_Processor $processor ) {
+	if ( ! in_array( 'item', $processor->get_breadcrumbs() ) ) {
+		return false;
+	}
+	if (
+		! in_array( 'excerpt:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'content:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:attachment_url', $processor->get_breadcrumbs() )
+		&& ! in_array( 'guid', $processor->get_breadcrumbs() )
+		&& ! in_array( 'link', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:comment_content', $processor->get_breadcrumbs() )
+		// Meta values are not suppoerted yet. We'll need to support
+		// WordPress core options that may be saved as JSON, PHP Deserialization, and XML,
+		// and then provide extension points for plugins authors support
+		// their own options.
+		// !in_array('wp:postmeta', $processor->get_breadcrumbs())
+	) {
+		return false;
+	}
+
+	switch ( $processor->get_token_type() ) {
+		case '#text':
+		case '#cdata-section':
+			return true;
+	}
+
+	return false;
+};
+
+
+$stream = new StreamChain(
+    [
+        HttpStream::create([
+            new Request('http://127.0.0.1:9864/export.wxr.zip'),
+            // Bad request, will fail:
+            new Request('http://127.0.0.1:9865'),
+        ]),
+        'zip' => ZipReaderStream::create(),
+        CallbackStream::create(function ($data, $context) {
+            if ($context['zip']['file_id'] !== 'export.wxr') {
+                $context['zip']->skip_file('export.wxr');
+                return null;
+            }
+            print_r($context['zip']->get_processor()->get_header());
+            return $data;
+        }),
+        'xml' => XMLTransformStream::create(function (WP_XML_Processor $processor) {
+            if (is_wxr_content_node($processor)) {
+                $text = $processor->get_modifiable_text();
+                $updated_text = 'Hey there, what\'s up?';
+                if ($updated_text !== $text) {
+                    $processor->set_modifiable_text($updated_text);
+                }
+            }
+        }),
+        CallbackStream::create(function ($data, $context) {
+            return strtoupper($data);
+        })
+    ],
+    null,
+    null,
+    new FilePipe('php://stderr', 'w')
+);
+
+foreach($stream as $k => $chunk) {
+    var_dump([
+        $k => $chunk,
+        'zip file_id' => $stream['zip']['file_id']
+    ]);
+}
+
diff --git a/pipes.php b/pipes.php
new file mode 100644
index 0000000..f4c25af
--- /dev/null
+++ b/pipes.php
@@ -0,0 +1,1128 @@
+<?php
+
+use \WordPress\AsyncHttp\Client;
+use \WordPress\AsyncHttp\Request;
+
+interface ReadableStream extends Iterator {
+	public function read(): bool;
+	public function is_finished(): bool;
+	public function consume_output(): ?string;
+	public function get_error(): ?string;
+	public function get_context(): ?StreamedFileContext;
+	public function on_last_read_file_skipped();
+}
+
+trait ReadableStreamIterator
+{
+	private $position = 0;
+	private $iterator_output_cache = null;
+
+	public function current(): mixed {
+		if(null === $this->iterator_output_cache) {
+			$this->iterator_output_cache = $this->consume_output();
+		}
+		return (object) [
+			'bytes' => $this->iterator_output_cache,
+			'metadata' => $this->get_context(),
+		];
+	}
+
+	public function key(): mixed {
+		return $this->position;
+	}
+
+	public function next(): void {
+		$this->iterator_output_cache = null;
+		while(false === $this->read()) {
+			if ($this->is_finished()) {
+				return;
+			}
+			if($this->get_error()) {
+				return;
+			}
+			usleep(10000);
+		}
+	}
+
+	public function rewind(): void {
+		$this->position = 0;
+		$this->next();
+	}
+
+	public function valid(): bool {
+		return !$this->is_finished();
+	}
+}
+
+trait BaseReadableStream {
+	use ReadableStreamIterator;
+
+	protected $finished = false;
+	protected $error = null;
+	protected $buffer = '';
+	protected $context = null;
+	protected $skipped_file_id;
+
+	public function read(): bool {
+		$this->context = null;
+
+		if ( $this->finished || $this->error ) {
+			return false;
+		}
+
+		$result = $this->doRead();
+		if(
+			$result &&
+			$this->context && 
+			$this->context->get_file_id() === $this->skipped_file_id
+		) {
+			$this->consume_output();
+			return false;
+		}
+		return $result;
+	}
+
+	abstract protected function doRead(): bool;
+
+	public function is_finished(): bool {
+		return $this->finished;
+	}
+
+	public function on_last_read_file_skipped() {
+		if ($this->context && $this->context->get_file_id()) {
+			$this->skipped_file_id = $this->context->get_file_id();
+		}
+	}
+
+	public function get_context(): ?StreamedFileContext
+	{
+		return $this->context;
+	}
+
+	public function consume_output(): ?string {
+		if ( $this->buffer !== '' ) {
+			$data         = $this->buffer;
+			$this->buffer = '';
+
+			return $data;
+		}
+
+		return null;
+	}
+
+	protected function set_error( string $error ) {
+		$this->error    = $error ?: 'unknown error';
+		$this->finished = true;
+	}
+
+	public function get_error(): ?string {
+		return $this->error;
+	}
+}
+
+interface WritableStream {
+	public function write( string $data, ?StreamedFileContext $context=null ): bool;
+
+	public function get_error(): ?string;
+}
+
+interface TransformStream extends ReadableStream, WritableStream {
+}
+
+trait BaseTransformStream {
+	use BaseReadableStream, BaseWritableStream {
+		BaseReadableStream::get_error insteadof BaseWritableStream;
+		BaseReadableStream::set_error insteadof BaseWritableStream;
+	}
+}
+
+trait BaseWritableStream {
+	protected $error = null;
+	protected $context = null;
+
+	public function write( string $data, ?StreamedFileContext $pipe_context=null ): bool {
+		if ( $this->error ) {
+			return false;
+		}
+
+		return $this->doWrite( $data, $pipe_context );
+	}
+
+	abstract protected function doWrite( string $data, ?StreamedFileContext $context ): bool;
+
+	protected function set_error( string $error ) {
+		$this->context = null;
+		$this->error    = $error ?: 'unknown error';
+		$this->finished = true;
+	}
+
+	public function get_error(): ?string {
+		return $this->error;
+	}
+}
+
+class BufferStream implements TransformStream {
+
+	use BaseTransformStream;
+
+	protected function doWrite( string $data, ?StreamedFileContext $context=null ): bool {
+		$this->buffer .= $data;
+
+		return true;
+	}
+
+	protected function doRead(): bool {
+		return strlen( $this->buffer ) > 0;
+	}
+
+}
+
+
+class BlockMarkupURLVisitorStream implements ReadableStream {
+
+	use BaseReadableStream;
+
+	private $url_processor;
+	private $url_visitor_callback;
+
+	public function __construct( $url_processor, $url_visitor_callback ) {
+		$this->url_processor        = $url_processor;
+		$this->url_visitor_callback = $url_visitor_callback;
+	}
+
+	protected function doRead(): bool {
+		$processor = $this->url_processor;
+		while ( $processor->next_url() ) {
+			$url_visitor_callback = $this->url_visitor_callback;
+			$url_visitor_callback( $processor );
+		}
+
+		// The processor was initialized with a complete HTML string
+		// so we can be sure the processing is finished at this point.
+		// This class could also support streaming processing of HTML,
+		// but for WXR processing that's not needed.
+		$this->finished = true;
+		$this->buffer .= $processor->get_updated_html();
+
+		return strlen( $this->buffer ) > 0;
+	}
+
+}
+
+class XML_Processor {
+	static public function stream($node_visitor_callback) {
+		return new Demultiplexer(
+			fn() => new XMLProcessorStream($node_visitor_callback)
+		);
+	}
+}
+
+class XMLProcessorStream implements TransformStream {
+	use BaseTransformStream;
+
+	private $xml_processor;
+	private $node_visitor_callback;
+
+	public function __construct( $node_visitor_callback ) {
+		$this->xml_processor         = new WP_XML_Processor( '', [], WP_XML_Processor::IN_PROLOG_CONTEXT );
+		$this->node_visitor_callback = $node_visitor_callback;
+	}
+
+	protected function doWrite( string $data, ?StreamedFileContext $context=null ): bool {
+		$this->xml_processor->append_bytes( $data );
+
+		return true;
+	}
+
+	protected function doRead(): bool {
+		$processor = $this->xml_processor;
+		if ( $processor->paused_at_incomplete_token() ) {
+			return false;
+		}
+
+		if ( $processor->get_last_error() ) {
+			$this->set_error( $processor->get_last_error() );
+
+			return false;
+		}
+
+		$tokens_found = 0;
+		while ( $processor->next_token() ) {
+			++ $tokens_found;
+			$node_visitor_callback = $this->node_visitor_callback;
+			$node_visitor_callback( $processor );
+		}
+
+		if ( $tokens_found > 0 ) {
+			$this->buffer .= $processor->get_updated_xml();
+		}
+		
+		if ( $tokens_found === 0 || ! $processor->paused_at_incomplete_token() ) {
+			$this->buffer   .= $processor->get_unprocessed_xml();
+			$this->finished = true;
+		}
+
+		return strlen( $this->buffer ) > 0;
+	}
+
+}
+
+class DemultiplexerStream implements TransformStream {
+	use BaseTransformStream;
+
+	private $pipe_factory;
+	private $pipes = [];
+	private $next_read = [];
+	public function __construct( $pipe_factory ) {
+		$this->pipe_factory = $pipe_factory;
+	}
+
+	protected function doWrite( string $data, ?StreamedFileContext $pipe_context=null ): bool {
+		// -1 is the default stream ID used whenever we don't have any metadata
+		$stream_id = $pipe_context ? $pipe_context->get_file_id() : -1;
+
+		if ( ! isset( $this->pipes[ $stream_id ] ) ) {
+			$pipe_factory = $this->pipe_factory;
+			$this->pipes[ $stream_id ] = $pipe_factory();
+		}
+
+		return $this->pipes[ $stream_id ]->write( $data, $pipe_context );
+	}
+
+	public function on_upstream_error(StreamedFileContext $pipe_context)
+	{
+		$stream_id = $pipe_context ? $pipe_context->get_file_id() : -1;
+		if(!$pipe_context->get_error()) {
+			return;
+		}
+		// Clean up the child stream if needed
+		if (!isset($this->pipes[$stream_id])) {
+			return;
+		}
+
+		$pipe = $this->pipes[$stream_id];
+		$pipe->on_upstream_error($pipe_context);
+		$this->context = $pipe->get_context();
+	}
+
+	protected function doRead(): bool {
+		if(empty($this->next_read)) {
+			$this->next_read = array_keys($this->pipes);
+			if(empty($this->pipes)) {
+				$this->finished = true;
+				return false;
+			}
+		}
+
+		while (count($this->next_read)) {
+			$stream_id = array_shift($this->next_read);
+			if (!isset($this->pipes[$stream_id])) {
+				continue;
+			}
+
+			$pipe = $this->pipes[$stream_id];
+			if(!($pipe instanceof ReadableStream)) {
+				// @TODO: What if the last pipe in the demultiplexer is not readable?
+				//        Then the entire multiplexer is not readable.
+				//        We need to conider this somehow in the Pipe class
+				//        around this line:
+				//            if ( $last_stage instanceof ReadableStream && $last_stage->read() ) {
+				return false;
+			}
+			if (!$pipe->read()) {
+				if ($pipe->is_finished()) {
+					unset($this->pipes[$stream_id]);
+				}
+				continue;
+			}
+
+			$this->buffer .= $pipe->consume_output();
+			$this->context = $pipe->get_context();
+			return true;
+		}
+
+		return false;
+	}
+
+}
+
+class HttpClient {
+	static public function stream($requests) {
+		return new RequestStream($requests);
+	}
+}
+
+class RequestStream implements ReadableStream {
+	use BaseReadableStream;
+
+	private $client;
+	private $requests = [];
+	private $child_contexts = [];
+	private $skipped_requests = [];
+	private $errors = [];
+
+	public function __construct( $requests ) {
+		$this->client = new Client();
+		$this->client->enqueue( $requests );
+
+		$this->requests = $requests;
+		foreach($requests as $request) {
+			$this->child_contexts[$request->id] = new StreamedFileContext(
+				$this,
+				$request->id,
+				$request->url
+			);
+		}
+	}
+
+	protected function doRead(): bool {
+		if ( ! $this->client->await_next_event() ) {
+			$this->finished = true;
+
+			return false;
+		}
+
+		$request = $this->client->get_request();
+		if(array_key_exists($request->id, $this->skipped_requests)) {
+			return false;
+		}
+
+		$this->context = $this->child_contexts[$request->id];
+		switch ( $this->client->get_event() ) {
+			case Client::EVENT_BODY_CHUNK_AVAILABLE:
+				$this->buffer .= $this->client->get_response_body_chunk();
+				return true;
+			case Client::EVENT_FAILED:
+				$this->context->skip_file();
+				$this->set_child_error($request->error);
+				return false;
+			case Client::EVENT_FINISHED:
+				$this->set_child_finished();
+				return false;
+		}
+
+		return false;
+	}
+
+	protected function set_child_finished()
+	{
+		$this->context->set_finished();
+		
+		foreach( $this->child_contexts as $context ) {
+			if(!$context->is_finished()) {
+				return;
+			}
+		}
+
+		$this->finished = true;
+	}
+
+	protected function set_child_error($error)
+	{
+		$this->context->set_error($error);
+
+		foreach( $this->child_contexts as $context ) {
+			if(!$context->get_error()) {
+				return;
+			}
+		}
+
+		$this->set_error('All child requests failed');
+	}
+	
+	public function on_last_read_file_skipped()
+	{
+		if ($this->get_context() && $this->get_context()->get_file_id()) {
+			$this->skipped_requests[$this->get_context()->get_file_id()] = true;
+		}
+	}
+}
+
+abstract class StringTransformerStream implements TransformStream {
+	use BaseTransformStream;
+
+	protected function doRead(): bool {
+		return ! empty( $this->buffer );
+	}
+
+	protected function doWrite( string $data, ?StreamedFileContext $context=null ): bool {
+		$this->buffer .= $this->transform( $data );
+
+		return true;
+	}
+
+	abstract protected function transform(string $data): ?string;
+}
+
+
+class CallbackStream implements TransformStream {
+	use BaseTransformStream;
+
+	private $callback;
+	public function __construct($callback) {
+		$this->callback = $callback;
+	}
+
+	protected function doRead(): bool {
+		return ! empty( $this->buffer );
+	}
+
+	protected function doWrite( string $chunk, ?StreamedFileContext $pipe_context=null ): bool {
+		$callback = $this->callback;
+		$result = $callback( $chunk, $pipe_context );
+		if(null === $result) {
+			// skip this chunk
+		} else if(!is_string($result)) {
+			$this->set_error("Invalid chunk emitted by CallbackStream's callback (type: ".gettype($result).")");
+			return false;
+		} else {
+			$this->buffer .= $chunk;
+		}
+		return true;
+	}
+
+}
+
+class UppercaseTransformer extends StringTransformerStream {
+	protected function transform( string $data ): ?string {
+		return strtoupper( $data );
+	}
+}
+
+class Rot13Transformer extends StringTransformerStream {
+	protected function transform( string $data ): ?string {
+		return str_rot13( $data );
+	}
+}
+
+class EchoTransformer extends StringTransformerStream {
+	protected function transform( string $data ): ?string {
+		echo $data;
+		return $data;
+	}
+}
+
+class FilterStream implements TransformStream {
+	use BaseTransformStream;
+
+	private $filter_callback;
+
+	public function __construct( $filter_callback ) {
+		$this->filter_callback = $filter_callback;
+	}
+
+	protected function doRead(): bool {
+		return ! empty( $this->buffer );
+	}
+
+	protected function doWrite( string $data, ?StreamedFileContext $context=null ): bool {
+		$filter_callback = $this->filter_callback;
+		if ( $filter_callback( $context ) ) {
+			$this->buffer .= $data;
+		} else {
+			$this->buffer = '';
+			$this->context = null;
+		}
+		return true;
+	}
+}
+
+class LocalFileWriter implements WritableStream, ReadableStream {
+	private $error = null;
+	private $file_name_factory;
+	private $last_written_chunk;
+	private $buffer;
+	private $context;
+	private $fp;
+
+	use ReadableStreamIterator;
+
+	static public function stream( $file_name_factory ) {
+		return new Demultiplexer(
+			fn() => new self( $file_name_factory )
+		);
+	}
+
+	public function __construct($file_name_factory)
+	{
+		$this->file_name_factory = $file_name_factory;
+	}
+
+	public function write( string $data, ?StreamedFileContext $context=null ): bool {
+		if ( ! $this->fp ) {
+			$file_name_factory = $this->file_name_factory;
+			$file_name = $file_name_factory($context);
+			$this->context = new StreamedFileContext($this, $file_name, $file_name);
+			// @TODO: we'll need to close this. We could use a close() or cleanup() method here.
+			$this->fp = fopen($file_name, 'wb');
+		}
+
+		$this->last_written_chunk = $data;
+		fwrite($this->fp, $data);
+		return true;
+	}
+
+	public function get_error(): ?string {
+		return $this->error;
+	}
+
+	// Temporary workaround to keep the Pipe class working
+	public function read(): bool {
+		$this->context = null;
+		if($this->last_written_chunk) {
+			$this->buffer = $this->last_written_chunk;
+			$this->last_written_chunk = null;
+			return true;
+		}
+		return false;
+	}
+
+	public function is_finished(): bool {
+		return false;
+	}
+
+	public function on_last_read_file_skipped()
+	{
+		// Nothing to do
+	}
+
+	public function consume_output(): ?string {
+		if($this->buffer) {
+			$chunk = $this->buffer;
+			$this->buffer = null;
+			return $chunk;
+		}
+		return null;
+	}
+
+	public function get_context(): ?StreamedFileContext
+	{
+		return $this->context;
+	}
+}
+
+class Demultiplexer implements ReadableStream, WritableStream
+{
+
+	use ReadableStreamIterator;
+
+	public $factory_function;
+	private $stream_instances = [];
+
+	public function __construct(
+		$factory_function
+	) {
+		$this->factory_function = $factory_function;
+	}
+
+	public function write( string $data, ?StreamedFileContext $pipe_context=null ): bool {
+		$file_id = $pipe_context ? $pipe_context->get_file_id() : 'default';
+		$stream_factory = $this->factory_function;
+		if(!isset($this->stream_instances[$file_id])) {
+			$this->stream_instances[$file_id] = $stream_factory();
+		}
+		$stream = $this->stream_instances[$file_id];
+
+		// We don't check whether the write succeeded.
+		// The child streams handle their own errors.
+		$stream->write( $data, $pipe_context );
+		return true;
+	}
+
+	private $read_queue = [];
+	private $last_read_stream = null;
+	private $finished = false;
+	public function read(): bool
+	{
+		$available_streams = count($this->stream_instances);
+		if(0 === $available_streams) {
+			$this->stream_instances = [
+				'default' => ($this->factory_function)()
+			];
+			$available_streams = 1;
+		}
+
+		$processed_streams = 0;
+		do {
+			if (empty($this->read_queue)) {
+				$this->read_queue = $this->stream_instances;
+				if (empty($this->read_queue)) {
+					return false;
+				}
+			}
+
+			$stream = array_shift($this->read_queue);
+			if ($stream->read()) {
+				$this->last_read_stream = $stream;
+				return true;
+			}
+
+			if ($stream->is_finished()) {
+				$index = array_search($stream, $this->stream_instances, true);
+				unset($this->stream_instances[$index]);
+
+				// Don't do anything when the child stream errors out.
+				// We may soon receive more files to demultiplex so we 
+				// don't want to trash the entire Demultiplexer stream.
+				//
+				// Error details are available in the chunk context.
+				continue;
+			}
+
+			++$processed_streams;
+		} while ($processed_streams < $available_streams);
+		return false;
+	}
+
+	public function consume_output(): ?string {
+		return $this->last_read_stream ? $this->last_read_stream->consume_output() : null;
+	}
+
+	public function get_context(): ?StreamedFileContext
+	{
+		return $this->last_read_stream ? $this->last_read_stream->get_context() : null;
+	}
+
+	public function is_finished(): bool {
+		return count($this->stream_instances) === 0;
+	}
+
+	/**
+	 * Demultiplexer does not have an error state even if
+	 * all of the child streams error out. This is because
+	 * we don't know upfront whether more files will be streamed
+	 * to the demultiplexer later.
+	 * 
+	 * Demultiplexed streams have their own error states and
+	 * the error details are available in the streamed file context.
+	 * 
+	 * @return null
+	 */
+	public function get_error(): ?string {
+		return null;
+	}
+
+	public function on_last_read_file_skipped() {
+		if($this->get_context()) {
+			$this->get_context()->get_stream()->on_last_read_file_skipped();
+		}
+	}
+}
+
+
+class UnixPipe implements ReadableStream, WritableStream {
+	private $stages_keys = [];
+	private $stages = [];
+	private $error = null;
+	private $context = null;
+	private $last_read_from_stage = null;
+	private $finished = false;
+	private $dataBuffer = '';
+
+	use ReadableStreamIterator;
+
+	static public function get_output($stages)
+	{
+		return self::run($stages, ['buffer_output' => true]);
+	}
+
+	public function current(): mixed {
+		if(null === $this->iterator_output_cache) {
+			$this->iterator_output_cache = $this->consume_output();
+		}
+		return $this->context;
+	}
+
+	static public function run($stages, $options=array())
+	{
+		$options = array_merge([
+			'buffer_output' => false,
+		], $options);
+		$pipe = UnixPipe::from( $stages );
+
+		while ( ! $pipe->is_finished() ) {
+			if ( ! $pipe->read() ) {
+				// If no new data was produced, wait a bit before trying again
+				usleep( 10000 ); // Sleep for 10ms
+			}
+
+			if(!$options['buffer_output']) {
+				$pipe->consume_output();
+			}
+		}
+		return $pipe->consume_output();
+	}
+
+	static public function from( $stages ) {
+		if ( count( $stages ) === 0 ) {
+			throw new \InvalidArgumentException( 'Pipe must have at least one stage' );
+		}
+
+		// Shorthand syntax support, use a callback as one of
+		// the pipe components.
+		foreach($stages as $k => $v) {
+			if(is_callable($v)) {
+				$stages[$k] = new CallbackStream($v);
+			}
+		}
+
+		$stages_values = array_values($stages);
+		for ( $i = 0; $i < count( $stages_values ) - 1; $i ++ ) {
+			if ( ! $stages_values[ $i ] instanceof ReadableStream ) {
+				throw new \InvalidArgumentException( 'All stages except the last one must be ReadableStreams, but ' . get_class( $stages_values[ $i ] ) . ' is not' );
+			}
+		}
+
+		for ( $i = 1; $i < count( $stages_values ); $i ++ ) {
+			if ( ! $stages_values[ $i ] instanceof WritableStream ) {
+				throw new \InvalidArgumentException( 'All stages except the first one must be WritableStream, but ' . get_class( $stages_values[ $i ] ) . ' is not' );
+			}
+		}
+
+		return new self( $stages );
+	}
+
+	private function __construct( $stages ) {
+		$this->stages_keys = array_keys($stages);
+		$this->stages = array_values($stages);
+	}
+
+	private $context_history = [];
+	public function read(): bool {
+		$this->context = null;
+
+		if($this->finished) {
+			return false;
+		}
+		$anyDataPiped = false;
+
+		$stages = $this->stages;
+		$this->context = new StreamedFileContext($this);
+		$this->last_read_from_stage = null;
+		$mode = 'pipe_data'; // or pipe_error
+		for ( $i = 0; $i < count( $stages ) - 1; $i ++ ) {
+			$stage = $stages[ $i ];
+			$this->last_read_from_stage = $i;
+
+			$data = $stage->consume_output();
+			if ( null === $data ) {
+				if ( ! $stage->read() ) {
+					if ( $stage->get_error() ) {
+						$this->error       = $stage->get_error();
+						$this->finished = true;
+
+						return false;
+					}
+
+					// @TODO pipe the error through the next stages
+					//       so they can clean up resources. 
+					// @TODO separately, output the error from the current pipe
+					//       so that the caller can handle it.
+					if($stage->get_context() && $stage->get_context()->get_error()) {
+						// Propagate the error through the next stages
+						$mode = 'pipe_error';
+					} else {
+						if ($stage->is_finished()) {
+							continue;
+						}
+
+						// No data was produced by the stage, let's try again on the next read() call,
+						// and meanwhile let's see if the rest of the pipe will produce any data.
+						continue;
+					}
+				}
+				$data = $stage->consume_output();
+				if ( null === $data ) {
+					break;
+				}
+			}
+
+			$child_context = $stage->get_context();
+			if (null !== $child_context) {
+				$this->context[$this->stages_keys[$i]] = $child_context;
+			}
+
+			$anyDataPiped = true;
+			$nextStage    = $stages[ $i + 1 ];
+			if ( ! $nextStage->write( $data, $this->context ) ) {
+				$this->error       = $nextStage->get_error();
+				$this->finished = true;
+				break;
+			}
+		}
+
+		$last_stage_idx = count( $stages ) - 1;
+		$last_stage = $stages[ $last_stage_idx ];
+		if ( $last_stage instanceof ReadableStream && $last_stage->read() ) {
+			$this->dataBuffer .= $last_stage->consume_output();
+			$this->context[$this->stages_keys[$last_stage_idx]] = $last_stage->get_context();
+			if ( $last_stage->is_finished() ) {
+				$this->finished = true;
+			}
+
+			return true;
+		}
+
+		$first_stage = $stages[0];
+		if ( ! $anyDataPiped && $first_stage->is_finished() ) {
+			$this->finished = true;
+		}
+
+		return false;
+	}
+
+	public function get_context(): ?StreamedFileContext
+	{
+		return $this->context;		
+	}
+
+	public function write( string $data, ?StreamedFileContext $pipe_context = null ): bool {
+		return $this->stages[0]->write( $data, $pipe_context );
+	}
+
+	public function consume_output(): ?string {
+		$data             = $this->dataBuffer;
+		$this->dataBuffer = '';
+
+		return $data;
+	}
+	
+	public function is_finished(): bool {
+		return $this->finished;
+	}
+
+	public function get_error(): ?string {
+		return $this->error;
+	}
+
+	public function on_last_read_file_skipped() {
+		if (null !== $this->last_read_from_stage) {
+			for ($i = $this->last_read_from_stage; $i >= 0; $i--) {
+				$this->stages[$i]->on_last_read_file_skipped();
+			}
+		}
+	}
+}
+
+class StreamedFileContext implements ArrayAccess {
+	private $child_contexts = [];
+	private $data = [];
+	private $stream;
+	private $file_id;
+	private $file_name;
+	private $is_skipped;
+	private $is_finished;
+	private $error;
+
+	public function __construct(ReadableStream $stream, $file_id = null, $file_name=null)
+	{
+		$this->stream = $stream;
+		$this->file_id = $file_id;
+		$this->file_name = $file_name;
+	}
+
+	public function offsetExists($offset): bool {
+		return isset($this->child_contexts[$offset]);
+	}
+
+	public function offsetGet($offset): mixed {
+		return $this->child_contexts[$offset] ?? null;
+	}
+
+	public function offsetSet($offset, $value): void {
+		$this->child_contexts[$offset] = $value;
+	}
+
+	public function offsetUnset($offset): void {
+		unset($this->child_contexts[$offset]);
+	}
+
+	public function get_stream() {
+		return $this->stream;
+	}
+
+	public function set_error($error) {
+		$this->error = $error;
+	}
+
+	public function get_error() {
+		return $this->error;
+	}
+
+	public function skip_file() {
+		$this->is_skipped = true;
+		$this->set_finished();
+		$this->stream->on_last_read_file_skipped();
+	}
+
+	public function is_finished()
+	{
+		return $this->is_finished;
+	}
+
+	public function set_finished()
+	{
+		$this->is_finished = true;		
+	}
+
+	public function get_file_id() {
+		if($this->file_id) {
+			return $this->file_id;
+		}
+		foreach($this->child_contexts as $context) {
+			$file_id = $context->get_file_id();
+			if($file_id) {
+				return $file_id;
+			}
+		}
+	}
+
+	public function get_file_name() {
+		if($this->file_name) {
+			return $this->file_name;
+		}
+		foreach($this->child_contexts as $context) {
+			$file_name = $context->get_file_name();
+			if($file_name) {
+				return $file_name;
+			}
+		}
+	}
+}
+
+class BlockMarkupURLRewriteStream extends BlockMarkupURLVisitorStream
+{
+	private $from_url;
+	private $parsed_from_url;
+	private $parsed_from_url_pathname;
+
+	private $to_url;
+	private $parsed_to_url;
+
+	private $base_url = 'https://playground.internal';
+
+	public function __construct($text, $options)
+	{
+		$this->from_url = $options['from_url'];
+		$this->parsed_from_url = WP_URL::parse($this->from_url);
+		$this->parsed_from_url_pathname = urldecode($this->parsed_from_url->pathname);
+		$this->to_url = $options['to_url'];
+		$this->parsed_to_url = WP_URL::parse($this->to_url);
+
+		parent::__construct(
+			new WP_Block_Markup_Url_Processor($text, $this->from_url),
+			[$this, 'url_node_visitor']
+		);
+	}
+
+	protected function url_node_visitor(WP_Block_Markup_Url_Processor $p)
+	{
+		$parsed_matched_url = $p->get_parsed_url();
+		if ($parsed_matched_url->hostname === $this->parsed_from_url->hostname) {
+			$decoded_matched_pathname = urldecode($parsed_matched_url->pathname);
+			$pathname_matches = str_starts_with($decoded_matched_pathname, $this->parsed_from_url_pathname);
+			if (!$pathname_matches) {
+				return;
+			}
+			// It's a match!
+			$p->set_raw_url(
+				$this->rewrite_url(
+					$p->get_raw_url(),
+					$parsed_matched_url,
+				)
+			);
+		}
+	}
+
+	public function rewrite_url( string $raw_matched_url, $parsed_matched_url ) {
+		// Let's rewrite the URL
+		$parsed_matched_url->hostname = $this->parsed_to_url->hostname;
+		$decoded_matched_pathname = urldecode($parsed_matched_url->pathname);
+
+		// Short-circuit for empty pathnames
+		if ('/' !== $this->parsed_from_url->pathname) {
+			$parsed_matched_url->pathname =
+				$this->parsed_to_url->pathname .
+				substr(
+					$decoded_matched_pathname,
+					strlen(urldecode($this->parsed_from_url->pathname))
+				);
+		}
+
+		/*
+		 * Stylistic choice – if the matched URL has no trailing slash,
+		 * do not add it to the new URL. The WHATWG URL parser will
+		 * add one automatically if the path is empty, so we have to
+		 * explicitly remove it.
+		 */
+		$new_raw_url = $parsed_matched_url->toString();
+		if (
+			$raw_matched_url[strlen($raw_matched_url) - 1] !== '/' &&
+			$parsed_matched_url->pathname === '/' &&
+			$parsed_matched_url->search === '' &&
+			$parsed_matched_url->hash === ''
+		) {
+			$new_raw_url = rtrim($new_raw_url, '/');
+		}
+
+		return $new_raw_url;
+	}
+
+}
+
+function is_wxr_content_node( WP_XML_Processor $processor ) {
+	if ( ! in_array( 'item', $processor->get_breadcrumbs() ) ) {
+		return false;
+	}
+	if (
+		! in_array( 'excerpt:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'content:encoded', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:attachment_url', $processor->get_breadcrumbs() )
+		&& ! in_array( 'guid', $processor->get_breadcrumbs() )
+		&& ! in_array( 'link', $processor->get_breadcrumbs() )
+		&& ! in_array( 'wp:comment_content', $processor->get_breadcrumbs() )
+		// Meta values are not suppoerted yet. We'll need to support
+		// WordPress core options that may be saved as JSON, PHP Deserialization, and XML,
+		// and then provide extension points for plugins authors support
+		// their own options.
+		// !in_array('wp:postmeta', $processor->get_breadcrumbs())
+	) {
+		return false;
+	}
+
+	switch ( $processor->get_token_type() ) {
+		case '#text':
+		case '#cdata-section':
+			return true;
+	}
+
+	return false;
+};
+
+
+function composeIterators(array $iterators): Generator {
+    if (empty($iterators)) {
+        throw new InvalidArgumentException("Iterator list cannot be empty");
+    }
+
+    // Internal recursive function to handle the composition
+    function generatorCompose(array $iterators, int $index): Generator {
+        if ($index >= count($iterators)) {
+            return;
+        }
+
+        foreach ($iterators[$index] as $value) {
+            if ($index == count($iterators) - 1) {
+                yield $value;
+            } else {
+                foreach (generatorCompose($iterators, $index + 1) as $innerValue) {
+                    yield $innerValue;
+                }
+            }
+        }
+    }
+
+    return generatorCompose($iterators, 0);
+}
+
+
diff --git a/rewrite-remote-wxr.php b/rewrite-remote-wxr.php
new file mode 100644
index 0000000..a5c5df7
--- /dev/null
+++ b/rewrite-remote-wxr.php
@@ -0,0 +1,124 @@
+<?php
+/**
+ * Rewrites site URLs in a remote WXR file.
+ * 
+ * It pipes and stream-processes data as follows:
+ * 
+ * AsyncHttp\Client -> WP_XML_Processor -> WP_Block_Markup_Url_Processor -> WP_Migration_URL_In_Text_Processor -> WP_URL
+ * 
+ * The layers of data we're handling here are:
+ * 
+ * * AsyncHttp\Client: HTTPS encrypted data -> Chunked encoding -> Gzip compression
+ * * WP_XML_Processor: XML (entities, attributes, text, comments, CDATA nodes)
+ * * WP_Block_Markup_Url_Processor: HTML (entities, attributes, text, comments, block comments), JSON (in block comments)
+ * * WP_Migration_URL_In_Text_Processor: URLs in text nodes
+ * * WP_URL: URL parsing and serialization
+ * 
+ * It wouldn't be difficult to pipe through additioanl layers such as:
+ * 
+ * * Reading from a remote ZIP file
+ * * Writing to a local ZIP-ped XML file
+ * * Writing to a database
+ * 
+ * ...etc.
+ */
+ 
+require __DIR__ . '/bootstrap.php';
+require __DIR__ . '/pipes.php';
+
+use \WordPress\AsyncHttp\Request;
+
+// Pipe::run( [
+// 	new RequestStream( [ new Request( 'https://raw.githubusercontent.com/WordPress/blueprints/normalize-wxr-assets/blueprints/stylish-press-clone/woo-products.wxr' ) ] ),
+// 	new XMLProcessorStream(function (WP_XML_Processor $processor) {
+// 		if(is_wxr_content_node($processor)) {
+// 			$text         = $processor->get_modifiable_text();
+// 			$updated_text = Pipe::run([
+// 				new BlockMarkupURLRewriteStream( 
+// 					$text,
+// 					[
+// 						'from_url' => 'https://raw.githubusercontent.com/wordpress/blueprints/normalize-wxr-assets/blueprints/stylish-press-clone/wxr-assets/',
+// 						'to_url'   => 'https://mynew.site/',
+// 					]
+// 				),
+// 			]);
+// 			if ( $updated_text !== $text ) {
+// 				$processor->set_modifiable_text( $updated_text );
+// 			}
+// 		}
+// 	}),
+// 	new EchoStream(),
+// ] );
+
+$rewrite_links_in_wxr_node = function (WP_XML_Processor $processor) {
+	if (is_wxr_content_node($processor)) {
+		$text = $processor->get_modifiable_text();
+		$updated_text = UnixPipe::get_output([
+			new BlockMarkupURLRewriteStream(
+				$text,
+				[
+					'from_url' => 'https://raw.githubusercontent.com/wordpress/blueprints/normalize-wxr-assets/blueprints/stylish-press-clone/wxr-assets/',
+					'to_url' => 'https://mynew.site/',
+				]
+			),
+		]);
+		if ($updated_text !== $text) {
+			$processor->set_modifiable_text($updated_text);
+		}
+	}
+};
+
+// @TODO: Implement the commented out parts
+
+$pipe = UnixPipe::run(
+	[
+		'http' => HttpClient::stream([
+			new Request('https://raw.githubusercontent.com/WordPress/blueprints-library/trunk/php.ini'),
+			new Request('https://127.0.0.1:80'),
+		]),
+		XML_Processor::stream($rewrite_links_in_wxr_node),
+		function ($chunk, $context) {
+			var_dump(get_class($context));
+			// $context['http'] is guaranteed to be present if there are no
+			// asynchronous streams between the HttpClient stream and here.
+			//
+			// Otherwise, the asynchronous operation may yield new chunks after the
+			// 'http' stream is finished.
+			if( ! str_ends_with( $context['http']->get_file_name(), '.ini' ) ) {
+				$context->skip_file();
+				// Don't emit any data
+				return null;
+			}
+
+			// Emit unchanged input data
+			return $chunk;
+		},
+		'file' => LocalFileWriter::stream( fn ($context) => __DIR__ . '/output/' . $context->get_file_id() . '.chunk' ),
+	],
+	[
+		// 'error_behavior' => Pipe::BREAK_ON_ERROR | Pipe::CONTINUE_ON_ERROR,
+		'on_error' => function ($error) {
+
+		},
+	]
+);
+
+
+// foreach($pipe as $context) {
+// 	list( 'http' => $http, 'file' => $file ) = $context;
+	// print_r($http);
+	// print_r($file);
+
+	// if ( $context->is_failure() ) {
+	// 	echo 'Failed to download ' . $http->url . ': ' . $context->get_error_message();
+	// 	continue;
+	// }
+
+	// // if ( ! str_ends_with( $zip->file_name, '.wxr' ) ) {
+	// // 	$zip->skip_file();
+	// // 	continue;
+	// // }
+
+	// echo 'Saved ' . $http->url . ' to ' . $file->file_path;
+// }
+
diff --git a/rewrite-wxr.php b/rewrite-wxr.php
index 3bfa0d1..f1fe965 100644
--- a/rewrite-wxr.php
+++ b/rewrite-wxr.php
@@ -25,51 +25,8 @@
  * [2] ZipStreamWriter: https://github.com/WordPress/blueprints-library/blob/f9fcb5816ab6def0920b25787341342bc88803e3/src/WordPress/Zip/ZipStreamWriter.php
  * [3] AsyncHttpClient: https://github.com/WordPress/blueprints-library/blob/trunk/src/WordPress/AsyncHttp/Client.php
  */
-
-use \WordPress\AsyncHttp\Client;
-use \WordPress\AsyncHttp\Request;
  
-// Where to find the streaming WP_XML_Processor 
-// Use a version from this PR: https://github.com/adamziel/wordpress-develop/pull/43
-define('WP_XML_API_PATH', __DIR__ );
-define('BLUEPRINTS_LIB_PATH', __DIR__ . '/blueprints-library/src/WordPress' );
-if(!file_exists(WP_XML_API_PATH . '/class-wp-token-map.php')) {
-    copy(WP_XML_API_PATH.'/../class-wp-token-map.php', WP_XML_API_PATH . '/class-wp-token-map.php');
-}
-
-$requires[] = WP_XML_API_PATH . "/class-wp-html-token.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-span.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-text-replacement.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-decoder.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-attribute-token.php";
-
-$requires[] = WP_XML_API_PATH . "/class-wp-html-decoder.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-tag-processor.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-open-elements.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-token-map.php";
-$requires[] = WP_XML_API_PATH . "/html5-named-character-references.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-active-formatting-elements.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-processor-state.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-unsupported-exception.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-html-processor.php";
-
-$requires[] = WP_XML_API_PATH . "/class-wp-xml-decoder.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-xml-tag-processor.php";
-$requires[] = WP_XML_API_PATH . "/class-wp-xml-processor.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/Streams/StreamWrapperInterface.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/Streams/StreamWrapper.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/Streams/StreamPeekerWrapper.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Request.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Response.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/HttpError.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Connection.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/Client.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/StreamWrapper/ChunkedEncodingWrapper.php";
-$requires[] = BLUEPRINTS_LIB_PATH . "/AsyncHttp/StreamWrapper/InflateStreamWrapper.php";
-
-foreach ($requires as $require) {
-    require_once $require;
-}
+require __DIR__ . '/bootstrap.php';
 
 if (!Phar::running() && in_array('--bundle', $argv)) {
     bundlePhar('preprocess-wxr.phar', array_merge(
@@ -198,7 +155,7 @@ function ($url) { return $url; }
         $url_to_path[$url] = $details['download_path'];
     }
 }
-wp_download_files([
+wxr_download_files([
     'concurrency' => 10,
     'assets' => $url_to_path
 ]);
@@ -227,297 +184,3 @@ function ($url) use($assets_details) {
 $normalizer->process();
 fclose($input_stream);
 fclose($output_stream);
-
-function wp_download_files($options) {
-	$requests = [];
-	$local_paths = [];
-	foreach ($options['assets'] as $asset_url => $local_file) {
-		$request = new Request($asset_url);
-		$requests[] = $request;
-		$local_paths[$request->id] = $local_file;
-	}
-
-	$client = new Client( [
-		'concurrency' => 10,
-	] );
-	$client->enqueue( $requests );
-
-	$results = [];
-	while ( $client->await_next_event() ) {
-		$request = $client->get_request();
-		
-		switch ( $client->get_event() ) {
-			case Client::EVENT_BODY_CHUNK_AVAILABLE:
-				file_put_contents(
-					$local_paths[$request->original_request()->id],
-					$client->get_response_body_chunk(),
-					FILE_APPEND
-				);
-				break;
-			case Client::EVENT_FAILED:
-				$results[$request->original_request()->url] = [
-					'success' => false,
-					'error' => $request->error,
-				];
-				break;
-			case Client::EVENT_FINISHED:
-				$results[$request->original_request()->url] = [
-					'success' => true
-				];
-				break;
-		}
-	}
-	return $results;
-}
-
-/**
- * WordPress compat
- */
-function esc_attr($text) {
-    return htmlspecialchars($text, ENT_XML1, 'UTF-8');
-}
-
-function serialize_url($parsedUrl) {
-    return (isset($parsedUrl['scheme']) ? $parsedUrl['scheme'] . '://' : '')
-            . (isset($parsedUrl['user']) ? $parsedUrl['user'] . (isset($parsedUrl['pass']) ? ':' . $parsedUrl['pass'] : '') .'@' : '')
-            . $parsedUrl['host']
-            . (isset($parsedUrl['port']) ? ':' . $parsedUrl['port'] : '')
-            . (isset($parsedUrl['path']) ? $parsedUrl['path'] : '')
-            . (isset($parsedUrl['query']) ? '?' . $parsedUrl['query'] : '')
-            . (isset($parsedUrl['fragment']) ? '#' . $parsedUrl['fragment'] : '');
-}
-
-class WP_WXR_Normalizer
-{
-
-    private $input_stream;
-    private $output_stream;
-    private $rewrite_url_callback;
-
-    private $found_urls = array();
-
-    public function __construct(
-        $input_stream,
-        $output_stream,
-        $rewrite_url_callback
-    ) {
-        $this->input_stream = $input_stream;
-        $this->output_stream = $output_stream;
-        $this->rewrite_url_callback = $rewrite_url_callback;
-    }
-
-    public function get_found_urls()
-    {
-        return array_keys($this->found_urls);        
-    }
-
-    public function process()
-    {
-        $tokens = WP_XML_Processor::stream_tokens($this->input_stream, $this->output_stream, 1000000);
-        foreach ($tokens as $processor) {
-            if (
-                in_array('item', $processor->get_breadcrumbs())
-                // $processor->matches_breadcrumbs(array('item', 'content:encoded')) ||
-                // $processor->matches_breadcrumbs(array('item', 'excerpt:encoded')) ||
-                // $processor->matches_breadcrumbs(array('wp:comment_content'))
-            ) {
-                switch ($processor->get_token_type()) {
-                    case '#text':
-                    case '#cdata-section':
-                        $text = $processor->get_modifiable_text();
-                        $updated_text = $this->process_content_node($text);
-                        if ($updated_text !== $text) {
-                            $processor->set_modifiable_text($updated_text);
-                        }
-                        break;
-                }
-            }
-        }
-    }
-
-    private function process_content_node($text)
-    {
-        $result = $this->process_as_html($text);
-        if(false !== $result) {
-            return $result;
-        }
-
-        $result = $this->process_as_plaintext($text);
-        if(false !== $result) {
-            return $result;
-        }
-
-        return false;
-    }
-
-    private function process_as_html($text) {
-        $html = new WP_HTML_Tag_Processor($text);
-        if(false === $html->next_token()) {
-            return false;
-        }
-
-        do {
-            switch($html->get_token_type()) {
-                case '#comment':
-                    $text = $html->get_modifiable_text();
-                    // Try to parse as a block. The block parser won't cut it because
-                    // while it can parse blocks, it has no semantics for rewriting the
-                    // block markup. Let's do our best here:
-                    $at = strspn($text, ' \t\f\r\n'); // Whitespace
-                    if(!(
-                        $at + 3 < strlen($text) &&
-                        $text[$at] === 'w' &&
-                        $text[$at+1] === 'p' &&
-                        $text[$at+2] === ':'
-                    )) {
-                        break;
-                    }
-                    $at += 3;
-                    $at += strspn($text, 'abcdefghijklmnopqrstuwxvyzABCDEFGHIJKLMNOPRQSTUWXVYZ0123456789_-', $at); // Block name
-                    $at += strspn($text, ' \t\f\r\n', $at); // Whitespace again
-                    if($at >= strlen($text)) {
-                        // Oh, there were no attributes or this wasn't a block
-                        // Either way, we have nothing more to do here.
-                        break;
-                    }
-
-                    // It seems we may have block attributes here. Let's try to
-                    // parse them as JSON.
-                    $json_maybe = substr($text, $at);
-                    $attributes = json_decode($json_maybe, true);
-                    if(null === $attributes) {
-                        // This wasn't a block after all, let's move on
-                        break;
-                    }
-
-                    // This is a block! Let's process all block attributes and rewrite them
-                    $new_attributes = $this->process_block_attributes($attributes);
-                    $this->set_modifiable_html_text(
-                        $html,
-                        substr($text, 0, $at) . json_encode($new_attributes, JSON_HEX_TAG | JSON_HEX_AMP)
-                    );
-                    break;
-
-                case '#tag':
-                    $attributes = $html->get_attribute_names_with_prefix('');
-                    if(!$attributes) {
-                        break;
-                    }
-                    foreach($attributes as $attribute_name) {
-                        $value = $html->get_attribute($attribute_name);
-                        $updated = $this->process_as_plaintext($value);
-                        if($updated !== $value) {
-                            $html->set_attribute($attribute_name, $updated);
-                        }
-                    }
-                    break;
-                case '#text':
-                    $text = $html->get_modifiable_text();
-                    $updated_text = $this->process_as_plaintext($text);
-                    if($updated_text !== $text) {
-                        $this->set_modifiable_html_text($html, $updated_text);
-                    }
-                    break;
-            }
-        } while($html->next_token());
-
-        return $html->get_updated_html();
-    }
-
-    private function process_block_attributes($attributes) {
-        if(is_string($attributes)) {
-            return $this->process_as_plaintext($attributes);
-        } else if(is_array($attributes)) {
-            $new_attributes = array();
-            foreach($attributes as $key => $value) {
-                $new_attributes[$key] = $this->process_block_attributes($value);
-            }
-            return $new_attributes;
-        } else {
-            return $attributes;
-        }
-    }
-
-    /**
-     * @TODO: Investigate how bad this is – would it stand the test of time, or do we need
-     *        a proper URL-matching state machine?
-     */
-    const URL_REGEXP = '\b((?:(https?):\/\/|www\.)[-a-zA-Z0-9@:%._\+\~#=]+(?:\.[a-zA-Z0-9]{2,})+[-a-zA-Z0-9@:%_\+.\~#?&//=]*)\b';
-    private function process_as_plaintext($text) {
-        return preg_replace_callback(
-            '~'.self::URL_REGEXP.'~',
-            function ($matches) {
-                $this->found_urls[$matches[0]] = true;
-                $replacer = $this->rewrite_url_callback;
-                return $replacer($matches[0]);
-            },
-            $text
-        );
-    }
-
-    private function set_modifiable_html_text(WP_HTML_Tag_Processor $p, $new_value) {
-        $reflection = new ReflectionClass('WP_HTML_Tag_Processor');
-        $accessible_text_starts_at = $reflection->getProperty('text_starts_at');
-        $accessible_text_starts_at->setAccessible(true);
-    
-        $accessible_text_length = $reflection->getProperty('text_length');
-        $accessible_text_length->setAccessible(true);
-    
-        $lexical_updates = $reflection->getProperty('lexical_updates');
-        $lexical_updates->setAccessible(true);
-    
-        switch ( $p->get_token_type() ) {
-            case '#text':
-                $lexical_updates_now = $lexical_updates->getValue($p);
-                $lexical_updates_now[] = new WP_HTML_Text_Replacement(
-                    $accessible_text_starts_at->getValue($p),
-                    $accessible_text_length->getValue($p),
-                    htmlspecialchars( $new_value, ENT_XML1, 'UTF-8' )
-                );
-                $lexical_updates->setValue($p, $lexical_updates_now);
-                return true;
-    
-            case '#comment':
-            case '#cdata-section':
-                if(
-                    $p->get_token_type() === '#comment' && (
-                        strpos($new_value, '-->') !== false ||
-                        strpos($new_value, '--!>') !== false
-                    )
-                ) {
-                    _doing_it_wrong(
-                        __METHOD__,
-                        __( 'Cannot set a comment closer as a text of an HTML comment.' ),
-                        'WP_VERSION'
-                    );
-                    return false;
-                }
-                if(
-                    $p->get_token_type() === '#cdata-section' && 
-                    strpos($new_value, '>') !== false 
-                ) {
-                    _doing_it_wrong(
-                        __METHOD__,
-                        __( 'Cannot set a CDATA closer as text of an HTML CDATA-lookalike section.' ),
-                        'WP_VERSION'
-                    );
-                    return false;
-                }
-                $lexical_updates_now = $lexical_updates->getValue($p);
-                $lexical_updates_now[] = new WP_HTML_Text_Replacement(
-                    $accessible_text_starts_at->getValue($p),
-                    $accessible_text_length->getValue($p),
-                    $new_value
-                );
-                $lexical_updates->setValue($p, $lexical_updates_now);
-                return true;
-            default:
-                _doing_it_wrong(
-                    __METHOD__,
-                    __( 'Cannot set text content on a non-text node.' ),
-                    'WP_VERSION'
-                );
-                return false;
-        }
-    }
-}
diff --git a/site-transfer-protocol b/site-transfer-protocol
new file mode 160000
index 0000000..3486d67
--- /dev/null
+++ b/site-transfer-protocol
@@ -0,0 +1 @@
+Subproject commit 3486d676a5fa2a76b719e3e6159a80e3013bed8a
diff --git a/test-data/woo-products.wxr b/test-data/woo-products.wxr
index 33937b9..034049d 100644
--- a/test-data/woo-products.wxr
+++ b/test-data/woo-products.wxr
@@ -2051,7 +2051,6 @@
   <wp:comment_status>open</wp:comment_status>
   <wp:ping_status>closed</wp:ping_status>
   <wp:post_name>album</wp:post_name>
-  <wp:status>publish</wp:status>
   <wp:post_parent>0</wp:post_parent>
   <wp:menu_order>0</wp:menu_order>
   <wp:post_type>product</wp:post_type>
diff --git a/zip-stream-reader-local.php b/zip-stream-reader-local.php
new file mode 100644
index 0000000..aaee548
--- /dev/null
+++ b/zip-stream-reader-local.php
@@ -0,0 +1,355 @@
+<?php
+
+// class ZipStreamReader implements IStreamProcessor {
+class ZipStreamReaderLocal {
+
+	const SIGNATURE_FILE                  = 0x04034b50;
+	const SIGNATURE_CENTRAL_DIRECTORY     = 0x02014b50;
+	const SIGNATURE_CENTRAL_DIRECTORY_END = 0x06054b50;
+	const COMPRESSION_DEFLATE             = 8;
+
+	private $file_path;
+	private $zip_file_bytes_parsed_so_far = 0;
+	private $file_entry_body_bytes_parsed_so_far = 0;
+	private $state = ZipStreamReader::STATE_SCAN;
+	private $header = null;
+	private $file_body_chunk = null;
+	private $paused_incomplete_input = false;
+	private $error_message;
+
+	private $inflate_handle;
+	private $fp;
+	
+	const STATE_SCAN = 'scan';
+	const STATE_FILE_ENTRY = 'file-entry';
+	const STATE_CENTRAL_DIRECTORY_ENTRY = 'central-directory-entry';
+	const STATE_CENTRAL_DIRECTORY_ENTRY_EXTRA = 'central-directory-entry-extra';
+	const STATE_END_CENTRAL_DIRECTORY_ENTRY = 'end-central-directory-entry';
+	const STATE_END_CENTRAL_DIRECTORY_ENTRY_EXTRA = 'end-central-directory-entry-extra';
+	const STATE_COMPLETE = 'complete';
+	const STATE_ERROR = 'error';
+
+	public function pause() {
+		return [
+			'file_path' => $this->file_path,
+			'zip_file_bytes_parsed_so_far' => $this->zip_file_bytes_parsed_so_far,
+			'file_entry_body_bytes_parsed_so_far' => $this->file_entry_body_bytes_parsed_so_far,
+			'state' => $this->state,
+			'header' => $this->header,
+			'file_body_chunk' => $this->file_body_chunk,
+			'paused_incomplete_input' => $this->paused_incomplete_input,
+		];
+	}
+
+	public function resume($paused) {
+		$this->file_path = $paused['file_path'];
+		$this->zip_file_bytes_parsed_so_far = 0;
+		$this->state = $paused['state'];
+		$this->header = $paused['header'];
+		$this->file_body_chunk = $paused['file_body_chunk'];
+		$this->paused_incomplete_input = $paused['paused_incomplete_input'];
+
+		$this->fp = fopen($this->file_path, 'rb');
+		if($paused['file_entry_body_bytes_parsed_so_far'] > 0) {
+			$this->inflate_handle = inflate_init(ZLIB_ENCODING_RAW);
+			$file_starts_at = $paused['zip_file_bytes_parsed_so_far'] - $paused['file_entry_body_bytes_parsed_so_far'];
+			$this->zip_file_bytes_parsed_so_far = $file_starts_at;
+			fseek($this->fp, $file_starts_at);
+			while(true) {
+				$missing_bytes = $paused['file_entry_body_bytes_parsed_so_far'] - $this->file_entry_body_bytes_parsed_so_far;
+				$missing_bytes = max(0, min(4096, $missing_bytes));
+				if($missing_bytes === 0) {
+					break;
+				}
+				$this->read_file_entry_body_chunk($missing_bytes);
+			}
+		} else {
+			$this->zip_file_bytes_parsed_so_far = $paused['zip_file_bytes_parsed_so_far'];
+			fseek($this->fp, $this->zip_file_bytes_parsed_so_far);
+		}
+	}
+	
+	public function __construct($file_path) {
+		$this->file_path = $file_path;
+	}
+
+	public function append_bytes(string $bytes)
+	{
+		// Workaround for the streaming interface requirements –
+		// multiplexer only creates new streams when it gets some incoming contextual bytes
+		return true;
+	}
+
+	public function is_paused_at_incomplete_input(): bool {
+		return false; //$this->paused_incomplete_input;		
+	}
+
+	public function is_finished(): bool
+	{
+		return self::STATE_COMPLETE === $this->state || self::STATE_ERROR === $this->state;
+	}
+
+    public function get_state()
+    {
+        return $this->state;        
+    }
+
+    public function get_header()
+    {
+        return $this->header;
+    }
+
+    public function get_file_path()
+    {
+        if(!$this->header) {
+            return null;
+        }
+        
+        return $this->header['path'];        
+    }
+
+    public function get_file_body_chunk()
+    {
+        return $this->file_body_chunk;        
+    }
+
+    public function get_last_error(): ?string
+    {
+        return $this->error_message;        
+    }
+
+	public function next()
+	{
+        do {
+            if(self::STATE_SCAN === $this->state) {
+                if(false === $this->scan()) {
+                    return false;
+                }
+            }
+
+            switch ($this->state) {
+                case self::STATE_ERROR:
+                case self::STATE_COMPLETE:
+                    return false;
+
+                case self::STATE_FILE_ENTRY:
+                    if (false === $this->read_file_entry()) {
+                        return false;
+                    }
+                    break;
+
+                case self::STATE_CENTRAL_DIRECTORY_ENTRY:
+                    if (false === $this->read_central_directory_entry()) {
+                        return false;
+                    }
+                    break;
+
+                case self::STATE_END_CENTRAL_DIRECTORY_ENTRY:
+                    if (false === $this->read_end_central_directory_entry()) {
+                        return false;
+                    }
+                    break;
+
+                default:
+                    return false;
+            }
+        } while (self::STATE_SCAN === $this->state);
+
+		return true;
+	}
+
+	private function read_central_directory_entry()
+	{
+		if ($this->header && !empty($this->header['path'])) {
+			$this->header = null;
+			$this->state = self::STATE_SCAN;
+			return;
+		}
+
+		if (!$this->header) {
+			$data = $this->consume_bytes(42);
+			if ($data === false) {
+				$this->paused_incomplete_input = true;
+				return false;
+			}
+			$this->header = unpack(
+				'vversionCreated/vversionNeeded/vgeneralPurpose/vcompressionMethod/vlastModifiedTime/vlastModifiedDate/Vcrc/VcompressedSize/VuncompressedSize/vpathLength/vextraLength/vfileCommentLength/vdiskNumber/vinternalAttributes/VexternalAttributes/VfirstByteAt',
+				$data
+			);
+		}
+		
+		if($this->header) {
+			$n = $this->header['pathLength'] + $this->header['extraLength'] + $this->header['fileCommentLength'];
+			$this->header['path'] = $this->consume_bytes($this->header['pathLength']);
+			$this->header['extra'] = $this->consume_bytes($this->header['extraLength']);
+			$this->header['fileComment'] = $this->consume_bytes($this->header['fileCommentLength']);
+			if(!$this->header['path']) {
+				$this->set_error('Empty path in central directory entry');
+			}
+		}
+	}
+
+	private function read_end_central_directory_entry()
+	{
+		if ($this->header && ( !empty($this->header['comment']) || 0 === $this->header['commentLength'] )) {
+			$this->header = null;
+			$this->state = self::STATE_SCAN;
+			return;
+		}
+		
+		if(!$this->header) {
+			$data = $this->consume_bytes(18);
+			if ($data === false) {
+				$this->paused_incomplete_input = true;
+				return false;
+			}
+			$this->header = unpack(
+				'vdiskNumber/vcentralDirectoryStartDisk/vnumberCentralDirectoryRecordsOnThisDisk/vnumberCentralDirectoryRecords/VcentralDirectorySize/VcentralDirectoryOffset/vcommentLength',
+				$data
+			);
+		}
+		
+		if($this->header && empty($this->header['comment']) && $this->header['commentLength'] > 0) {
+			$comment = $this->consume_bytes($this->header['commentLength']);
+			if(false === $comment) {
+				$this->paused_incomplete_input = true;
+				return false;
+			}
+			$this->header['comment'] = $comment;
+		}		
+	}
+
+	private function scan() {
+		$signature = $this->consume_bytes(4);
+		if ($signature === false || 0 === strlen($signature)) {
+			$this->paused_incomplete_input = true;
+			return false;
+		}
+		$signature = unpack('V', $signature)[1];
+		switch($signature) {
+			case self::SIGNATURE_FILE:
+				$this->state = self::STATE_FILE_ENTRY;
+				break;
+			case self::SIGNATURE_CENTRAL_DIRECTORY:
+				$this->state = self::STATE_CENTRAL_DIRECTORY_ENTRY;
+				break;
+			case self::SIGNATURE_CENTRAL_DIRECTORY_END:
+				$this->state = self::STATE_END_CENTRAL_DIRECTORY_ENTRY;
+				break;
+			default:
+				$this->set_error('Invalid signature ' . $signature);
+				return false;
+		}
+	}
+
+	/**
+	 * Reads a file entry from a zip file.
+	 *
+	 * The file entry is structured as follows:
+	 *
+	 * ```
+	 * Offset    Bytes    Description
+	 *   0        4    Local file header signature = 0x04034b50 (PK♥♦ or "PK\3\4")
+	 *   4        2    Version needed to extract (minimum)
+	 *   6        2    General purpose bit flag
+	 *   8        2    Compression method; e.g. none = 0, DEFLATE = 8 (or "\0x08\0x00")
+	 *   10        2    File last modification time
+	 *   12        2    File last modification date
+	 *   14        4    CRC-32 of uncompressed data
+	 *   18        4    Compressed size (or 0xffffffff for ZIP64)
+	 *   22        4    Uncompressed size (or 0xffffffff for ZIP64)
+	 *   26        2    File name length (n)
+	 *   28        2    Extra field length (m)
+	 *   30        n    File name
+	 *   30+n    m    Extra field
+	 * ```
+	 *
+	 * @param resource $stream
+	 */
+	private function read_file_entry()
+	{
+		if(false === $this->read_file_entry_header()) {
+			return false;
+		}
+		if(false === $this->read_file_entry_body_chunk()) {
+			return false;
+		}
+	}
+
+	private function read_file_entry_header() {
+		if (null === $this->header) {
+            $data = $this->consume_bytes(26);
+            if ($data === false) {
+                $this->paused_incomplete_input = true;
+                return false;
+            }
+            $this->header = unpack(
+                'vversionNeeded/vgeneralPurpose/vcompressionMethod/vlastModifiedTime/vlastModifiedDate/Vcrc/VcompressedSize/VuncompressedSize/vpathLength/vextraLength',
+                $data
+            );
+            $this->file_entry_body_bytes_parsed_so_far = 0;
+		}
+		
+		if($this->header && empty($this->header['path'])) {
+            $this->header['path'] = $this->consume_bytes($this->header['pathLength']);
+            $this->header['extra'] = $this->consume_bytes($this->header['extraLength']);
+            if($this->header['compressionMethod'] === self::COMPRESSION_DEFLATE) {
+                $this->inflate_handle = inflate_init(ZLIB_ENCODING_RAW);
+            }
+		}
+	}
+
+	private function read_file_entry_body_chunk($max_bytes_to_read=4096) {
+        $this->file_body_chunk = null;
+
+		$file_body_bytes_left = $this->header['compressedSize'] - $this->file_entry_body_bytes_parsed_so_far;
+        if($file_body_bytes_left === 0) {
+			$this->header = null;
+			$this->inflate_handle = null;
+			$this->file_entry_body_bytes_parsed_so_far = 0;
+			$this->state = self::STATE_SCAN;
+			return;
+		}
+
+		$chunk_size = min($max_bytes_to_read, $file_body_bytes_left);
+		$compressed_bytes = $this->consume_bytes($chunk_size);
+		$this->file_entry_body_bytes_parsed_so_far += strlen($compressed_bytes);
+
+		if ($this->header['compressionMethod'] === self::COMPRESSION_DEFLATE) {
+			$uncompressed_bytes = inflate_add($this->inflate_handle, $compressed_bytes, ZLIB_PARTIAL_FLUSH);
+			if ( $uncompressed_bytes === false || inflate_get_status( $this->inflate_handle ) === false ) {
+				$this->set_error('Failed to inflate');
+				return false;
+			}
+		} else {
+			$uncompressed_bytes = $compressed_bytes;
+		}
+
+		$this->file_body_chunk = $uncompressed_bytes;
+	}
+
+	private function set_error($message) {
+		$this->state = self::STATE_ERROR;
+		$this->error_message = $message;
+        $this->paused_incomplete_input = false;
+	}
+
+	private function consume_bytes($n) {
+		if(0 === $n) {
+			return '';
+		}
+		if(null === $this->fp) {
+			$this->fp = fopen($this->file_path, 'rb');
+		}
+
+		$this->zip_file_bytes_parsed_so_far += $n;
+		$bytes_read = fread($this->fp, $n);
+		if(false === $bytes_read || '' === $bytes_read) {
+            fclose($this->fp);
+            $this->state = self::STATE_COMPLETE;
+			return false;
+		}
+		return $bytes_read;
+	}
+
+}
diff --git a/zip-stream-reader.php b/zip-stream-reader.php
new file mode 100644
index 0000000..297161e
--- /dev/null
+++ b/zip-stream-reader.php
@@ -0,0 +1,431 @@
+<?php
+
+define('RUN_ZIP_SMOKE_TEST', false);
+
+class ZipStreamReaderCursor {
+	public $zip = '';
+	public $bytes_parsed_so_far = 0;
+	public $state = ZipStreamReader::STATE_SCAN;
+	public $header = null;
+	public $file_body_chunk = null;
+	/**
+	 * Experimental: Store the last 32kb so that we can recreate
+	 * the inflate context. This is necessary, because deflate-raw has a variable
+	 * block size and the binary data we've already seen contain information required
+	 * to continue the decompression process.
+	 * 
+	 * @TODO: Rigorously confirm that this reasoning is correct and then rigorously
+	 *        keep track of as many $last_compressed_bytes as necessary.
+	 */
+	public $deflate_sliding_window = '';
+	public $file_compressed_bytes_read_so_far = null;
+	public $paused_incomplete_input = false;
+	public $error_message;
+}
+
+// class ZipStreamReader implements IStreamProcessor {
+class ZipStreamReader {
+
+	const SIGNATURE_FILE                  = 0x04034b50;
+	const SIGNATURE_CENTRAL_DIRECTORY     = 0x02014b50;
+	const SIGNATURE_CENTRAL_DIRECTORY_END = 0x06054b50;
+	const COMPRESSION_DEFLATE             = 8;
+
+	private $cursor = '';
+	private $inflate_handle;
+	
+	const STATE_SCAN = 'scan';
+	const STATE_FILE_ENTRY = 'file-entry';
+	const STATE_CENTRAL_DIRECTORY_ENTRY = 'central-directory-entry';
+	const STATE_CENTRAL_DIRECTORY_ENTRY_EXTRA = 'central-directory-entry-extra';
+	const STATE_END_CENTRAL_DIRECTORY_ENTRY = 'end-central-directory-entry';
+	const STATE_END_CENTRAL_DIRECTORY_ENTRY_EXTRA = 'end-central-directory-entry-extra';
+	const STATE_COMPLETE = 'complete';
+	const STATE_ERROR = 'error';
+
+	public function pause() {
+		return [
+			'cursor' => [
+				'zip' => $this->cursor->zip,
+				'bytes_parsed_so_far' => $this->cursor->bytes_parsed_so_far,
+				'state' => $this->cursor->state,
+				'header' => $this->cursor->header,
+				'file_body_chunk' => $this->cursor->file_body_chunk,
+				'last_compressed_bytes' => $this->cursor->last_compressed_bytes,
+				'file_compressed_bytes_read_so_far' => $this->cursor->file_compressed_bytes_read_so_far,
+				'paused_incomplete_input' => $this->cursor->paused_incomplete_input,
+			]
+		];
+	}
+
+	public function resume($paused_state) {
+		$serialized_cursor = $paused_state['cursor'];
+		$this->cursor = new ZipStreamReaderCursor();
+		$this->cursor->zip = $serialized_cursor['zip'];
+		$this->cursor->bytes_parsed_so_far = $serialized_cursor['bytes_parsed_so_far'];
+		$this->cursor->state = $serialized_cursor['state'];
+		$this->cursor->header = $serialized_cursor['header'];
+		$this->cursor->file_body_chunk = $serialized_cursor['file_body_chunk'];
+		$this->cursor->last_compressed_bytes = $serialized_cursor['last_compressed_bytes'];
+		$this->cursor->file_compressed_bytes_read_so_far = $serialized_cursor['file_compressed_bytes_read_so_far'];
+		$this->cursor->paused_incomplete_input = $serialized_cursor['paused_incomplete_input'];
+
+		$this->inflate_handle = inflate_init(ZLIB_ENCODING_RAW);
+		inflate_add($this->inflate_handle, $this->cursor->last_compressed_bytes);
+	}
+	
+	public function __construct($bytes='') {
+		$this->cursor = new ZipStreamReaderCursor();
+		$this->cursor->zip = $bytes;
+	}
+
+	public function append_bytes(string $bytes)
+	{
+		$this->cursor->zip = substr($this->cursor->zip, $this->cursor->bytes_parsed_so_far) . $bytes;	
+        $this->cursor->bytes_parsed_so_far = 0;
+		$this->cursor->paused_incomplete_input = false;
+	}
+
+	public function is_paused_at_incomplete_input(): bool {
+		return $this->cursor->paused_incomplete_input;		
+	}
+
+	public function is_finished(): bool
+	{
+		return self::STATE_COMPLETE === $this->cursor->state || self::STATE_ERROR === $this->cursor->state;
+	}
+
+    public function get_state()
+    {
+        return $this->cursor->state;        
+    }
+
+    public function get_header()
+    {
+        return $this->cursor->header;
+    }
+
+    public function get_file_path()
+    {
+        if(!$this->cursor->header) {
+            return null;
+        }
+        
+        return $this->cursor->header['path'];        
+    }
+
+    public function get_file_body_chunk()
+    {
+        return $this->cursor->file_body_chunk;        
+    }
+
+    public function get_last_error(): ?string
+    {
+        return $this->cursor->error_message;        
+    }
+
+	public function next()
+	{
+        do {
+            if(self::STATE_SCAN === $this->cursor->state) {
+                if(false === $this->scan()) {
+                    return false;
+                }
+            }
+
+            switch ($this->cursor->state) {
+                case self::STATE_ERROR:
+                case self::STATE_COMPLETE:
+                    return false;
+
+                case self::STATE_FILE_ENTRY:
+                    if (false === $this->read_file_entry()) {
+                        return false;
+                    }
+                    break;
+
+                case self::STATE_CENTRAL_DIRECTORY_ENTRY:
+                    if (false === $this->read_central_directory_entry()) {
+                        return false;
+                    }
+                    break;
+
+                case self::STATE_END_CENTRAL_DIRECTORY_ENTRY:
+                    if (false === $this->read_end_central_directory_entry()) {
+                        return false;
+                    }
+                    break;
+
+                default:
+                    return false;
+            }
+        } while (self::STATE_SCAN === $this->cursor->state);
+
+		return true;
+	}
+
+	private function read_central_directory_entry()
+	{
+		if ($this->cursor->header && !empty($this->cursor->header['path'])) {
+			$this->cursor->header = null;
+			$this->cursor->state = self::STATE_SCAN;
+			return;
+		}
+
+		if (!$this->cursor->header) {
+			$data = $this->consume_bytes(42);
+			if ($data === false) {
+				$this->paused_incomplete_input = true;
+				return false;
+			}
+			$this->cursor->header = unpack(
+				'vversionCreated/vversionNeeded/vgeneralPurpose/vcompressionMethod/vlastModifiedTime/vlastModifiedDate/Vcrc/VcompressedSize/VuncompressedSize/vpathLength/vextraLength/vfileCommentLength/vdiskNumber/vinternalAttributes/VexternalAttributes/VfirstByteAt',
+				$data
+			);
+		}
+		
+		if($this->cursor->header) {
+			$n = $this->cursor->header['pathLength'] + $this->cursor->header['extraLength'] + $this->cursor->header['fileCommentLength'];
+			if (strlen($this->cursor->zip) < $this->cursor->bytes_parsed_so_far + $n) {
+				$this->cursor->paused_incomplete_input = true;
+				return false;
+			}
+
+			$this->cursor->header['path'] = $this->consume_bytes($this->cursor->header['pathLength']);
+			$this->cursor->header['extra'] = $this->consume_bytes($this->cursor->header['extraLength']);
+			$this->cursor->header['fileComment'] = $this->consume_bytes($this->cursor->header['fileCommentLength']);
+			if(!$this->cursor->header['path']) {
+				$this->set_error('Empty path in central directory entry');
+			}
+		}
+	}
+
+	private function read_end_central_directory_entry()
+	{
+		if ($this->cursor->header && ( !empty($this->cursor->header['comment']) || 0 === $this->cursor->header['commentLength'] )) {
+			$this->cursor->header = null;
+			$this->cursor->state = self::STATE_SCAN;
+			return;
+		}
+		
+		if(!$this->cursor->header) {
+			$data = $this->consume_bytes(18);
+			if ($data === false) {
+				$this->cursor->paused_incomplete_input = true;
+				return false;
+			}
+			$this->cursor->header = unpack(
+				'vdiskNumber/vcentralDirectoryStartDisk/vnumberCentralDirectoryRecordsOnThisDisk/vnumberCentralDirectoryRecords/VcentralDirectorySize/VcentralDirectoryOffset/vcommentLength',
+				$data
+			);
+		}
+		
+		if($this->cursor->header && empty($this->cursor->header['comment']) && $this->cursor->header['commentLength'] > 0) {
+			$comment = $this->consume_bytes($this->cursor->header['commentLength']);
+			if(false === $comment) {
+				$this->cursor->paused_incomplete_input = true;
+				return false;
+			}
+			$this->cursor->header['comment'] = $comment;
+		}		
+	}
+
+	private function scan() {
+		$signature = $this->consume_bytes(4);
+		if ($signature === false) {
+			$this->cursor->paused_incomplete_input = true;
+			return false;
+		}
+		$signature = unpack('V', $signature)[1];
+		switch($signature) {
+			case self::SIGNATURE_FILE:
+				$this->cursor->state = self::STATE_FILE_ENTRY;
+				break;
+			case self::SIGNATURE_CENTRAL_DIRECTORY:
+				$this->cursor->state = self::STATE_CENTRAL_DIRECTORY_ENTRY;
+				break;
+			case self::SIGNATURE_CENTRAL_DIRECTORY_END:
+				$this->cursor->state = self::STATE_END_CENTRAL_DIRECTORY_ENTRY;
+				break;
+			default:
+				$this->set_error('Invalid signature ' . $signature);
+				return false;
+		}		
+	}
+
+	/**
+	 * Reads a file entry from a zip file.
+	 *
+	 * The file entry is structured as follows:
+	 *
+	 * ```
+	 * Offset    Bytes    Description
+	 *   0        4    Local file header signature = 0x04034b50 (PK♥♦ or "PK\3\4")
+	 *   4        2    Version needed to extract (minimum)
+	 *   6        2    General purpose bit flag
+	 *   8        2    Compression method; e.g. none = 0, DEFLATE = 8 (or "\0x08\0x00")
+	 *   10        2    File last modification time
+	 *   12        2    File last modification date
+	 *   14        4    CRC-32 of uncompressed data
+	 *   18        4    Compressed size (or 0xffffffff for ZIP64)
+	 *   22        4    Uncompressed size (or 0xffffffff for ZIP64)
+	 *   26        2    File name length (n)
+	 *   28        2    Extra field length (m)
+	 *   30        n    File name
+	 *   30+n    m    Extra field
+	 * ```
+	 *
+	 * @param resource $stream
+	 */
+	private function read_file_entry()
+	{
+		if (null === $this->cursor->header) {
+            $data = $this->consume_bytes(26);
+            if ($data === false) {
+                $this->cursor->paused_incomplete_input = true;
+                return false;
+            }
+            $this->cursor->header = unpack(
+                'vversionNeeded/vgeneralPurpose/vcompressionMethod/vlastModifiedTime/vlastModifiedDate/Vcrc/VcompressedSize/VuncompressedSize/vpathLength/vextraLength',
+                $data
+            );
+            $this->cursor->file_compressed_bytes_read_so_far = 0;
+		}
+		
+		if($this->cursor->header && empty($this->cursor->header['path'])) {
+            $n = $this->cursor->header['pathLength'] + $this->cursor->header['extraLength'];
+            if(strlen($this->cursor->zip) < $this->cursor->bytes_parsed_so_far + $n) {
+                $this->cursor->paused_incomplete_input = true;
+                return false;
+            }
+    
+            $this->cursor->header['path'] = $this->consume_bytes($this->cursor->header['pathLength']);
+            $this->cursor->header['extra'] = $this->consume_bytes($this->cursor->header['extraLength']);
+            if($this->cursor->header['compressionMethod'] === self::COMPRESSION_DEFLATE) {
+                $this->inflate_handle = inflate_init(ZLIB_ENCODING_RAW);
+            }
+		}
+
+		if(false === $this->read_file_entry_body_chunk()) {
+			return false;
+		}
+	}
+
+	private function read_file_entry_body_chunk() {
+        $this->cursor->file_body_chunk = null;
+
+		$file_body_bytes_left = $this->cursor->header['compressedSize'] - $this->cursor->file_compressed_bytes_read_so_far;
+        if($file_body_bytes_left === 0) {
+			$this->cursor->header = null;
+			$this->inflate_handle = null;
+			$this->cursor->file_compressed_bytes_read_so_far = 0;
+			$this->cursor->state = self::STATE_SCAN;
+			return;
+		}
+
+		if(strlen($this->cursor->zip) === $this->cursor->bytes_parsed_so_far) {
+			$this->cursor->paused_incomplete_input = true;
+			return false;
+		}
+
+		$chunk_size = min(8096, $file_body_bytes_left);
+		$compressed_bytes = substr($this->cursor->zip, $this->cursor->bytes_parsed_so_far, $chunk_size);
+		$this->cursor->bytes_parsed_so_far += strlen($compressed_bytes);
+		$this->cursor->file_compressed_bytes_read_so_far += strlen($compressed_bytes);
+
+		if ($this->cursor->header['compressionMethod'] === self::COMPRESSION_DEFLATE) {
+			$uncompressed_bytes = inflate_add($this->inflate_handle, $compressed_bytes, ZLIB_PARTIAL_FLUSH);
+			// @TODO: Find a way to resume the inflate context without storing the entire prior context.
+			if($uncompressed_bytes) {
+				// $this->cursor->last_compressed_bytes = '';
+			}
+			$this->cursor->last_compressed_bytes .= $compressed_bytes;
+			if ( $uncompressed_bytes === false || inflate_get_status( $this->inflate_handle ) === false ) {
+				$this->set_error('Failed to inflate');
+				return false;
+			}
+		} else {
+			$uncompressed_bytes = $compressed_bytes;
+		}
+
+		$this->cursor->file_body_chunk = $uncompressed_bytes;
+	}
+
+	private function set_error($message) {
+		$this->cursor->state = self::STATE_ERROR;
+		$this->cursor->error_message = $message;
+        $this->cursor->paused_incomplete_input = false;
+	}
+
+	private function consume_bytes($n) {
+		if(strlen($this->cursor->zip) < $this->cursor->bytes_parsed_so_far + $n) {
+			return false;
+		}
+
+		$bytes = substr($this->cursor->zip, $this->cursor->bytes_parsed_so_far, $n);
+		$this->cursor->bytes_parsed_so_far += $n;
+		return $bytes;
+	}
+
+}
+
+if (RUN_ZIP_SMOKE_TEST) {
+	for($i = 73; $i < 100; $i++) {
+		$fp = fopen('./test.zip', 'r');
+		$reader = new ZipStreamReader(fread($fp, $i));
+		$reader->next();
+		var_dump($reader->get_file_body_chunk());
+
+		$state = $reader->pause();
+		$reader2 = ZipStreamReader::resume($state);
+		var_dump($reader2->get_file_body_chunk());
+		$reader2->append_bytes(fread($fp, 100));
+		var_dump($reader2->next());
+		var_dump($reader2->get_file_body_chunk());
+		// print_r($reader2->get_header());
+		fclose($fp);
+		die();
+	}
+	die();
+
+}
+
+if (RUN_ZIP_SMOKE_TEST) {
+    $fp = fopen('./test.zip', 'r');
+    $reader = new ZipStreamReader(fread($fp, 2048));
+    while (true) {
+        while ($reader->next()) {
+            $header = $reader->get_header();
+            echo "Reader state: " . $reader->get_state() . " ";
+            switch ($reader->get_state()) {
+                case ZipStreamReader::STATE_FILE_ENTRY:
+                    echo $header['path'];
+                    break;
+
+                case ZipStreamReader::STATE_CENTRAL_DIRECTORY_ENTRY:
+                    echo $header['path'];
+                    break;
+
+                case ZipStreamReader::STATE_END_CENTRAL_DIRECTORY_ENTRY:
+                    echo 'End of central directory';
+                    break;
+
+                case ZipStreamReader::STATE_COMPLETE:
+                    echo 'Complete';
+                    break;
+            }
+            echo "\n";
+        }
+        if ($reader->is_paused_at_incomplete_input()) {
+            if (feof($fp)) {
+                break;
+            }
+            $reader->append_bytes(fread($fp, 1024));
+        }
+        if (ZipStreamReader::STATE_ERROR === $reader->get_state()) {
+            echo 'Error: ' . $reader->get_last_error() . "\n";
+            break;
+        }
+    }
+    fclose($fp);
+}