From 3015814146de769b1053d2121544e562a77f98e6 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Sun, 15 Jan 2023 13:00:18 +0900
Subject: [PATCH 01/10] Fix breadcrumbs.

---
 .../themes/wporg-developer-2023/functions.php | 25 +++++++++++
 .../inc/breadcrumb-trail.php                  | 10 ++---
 .../wporg-developer-2023/parts/header.html    |  4 +-
 .../src/breadcrumbs/block.json                | 30 +++++++++++++
 .../src/breadcrumbs/index.js                  | 20 +++++++++
 .../src/breadcrumbs/index.php                 | 45 +++++++++++++++++++
 .../src/breadcrumbs/style.scss                |  3 ++
 7 files changed, 130 insertions(+), 7 deletions(-)
 create mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json
 create mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js
 create mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php
 create mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index 0a7433ee4..602f368a2 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -137,6 +137,7 @@
 require __DIR__ . '/inc/block-hooks.php';
 
 // Block files
+require_once __DIR__ . '/src/breadcrumbs/index.php';
 require_once __DIR__ . '/src/code-changelog/block.php';
 require_once __DIR__ . '/src/code-deprecated/block.php';
 require_once __DIR__ . '/src/code-description/block.php';
@@ -177,6 +178,7 @@ function init() {
 
 	// Modify default breadcrumbs.
 	add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_for_hooks', 10, 2 );
+	add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_remove_reference', 11, 2 );
 	add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_for_handbook_root', 10, 2 );
 
 	add_filter( 'mkaz_code_syntax_force_loading', '__return_true' );
@@ -214,6 +216,29 @@ function breadcrumb_trail_items_for_hooks( $items, $args ) {
 	return $items;
 }
 
+/**
+ * Remove the 'Reference' part of the breadcrumb trail.
+ *
+ * @param  array $items The breadcrumb trail items.
+ * @param  array $args  Original args.
+ * @return array
+ */
+function breadcrumb_trail_items_remove_reference( $items, $args ) {
+	if ( ! is_singular() && ! is_single() && ! is_post_type_archive() ) {
+		return $items;
+	}
+
+	return array_filter(
+		$items,
+		function( $item ) {
+			// Remove the 'reference' parent based on the presence of its URL.
+			// We can't use the label because of internationalization.
+			$result = (bool) preg_match( '/href=".*\/reference\/"/', $item, $matches );
+			return ( false === $result );
+		}
+	);
+}
+
 /**
  * Fix breadcrumb for handbook root pages.
  *
diff --git a/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php b/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
index 3229fb2bb..53e82a3b4 100644
--- a/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
+++ b/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
@@ -38,7 +38,7 @@ function breadcrumb_trail( $args = array() ) {
 	else
 		$breadcrumb = new Breadcrumb_Trail( $args );
 
-	$breadcrumb->trail();
+	return $breadcrumb->trail();
 }
 
 /**
@@ -89,8 +89,8 @@ public function __construct( $args = array() ) {
 			'network'         => false,
 			//'show_edit_link'  => false,
 			'show_title'      => true,
-			'show_browse'     => true,
-			'echo'            => true,
+			'show_browse'     => false,
+			'echo'            => false,
 
 			/* Post taxonomy (examples follow). */
 			'post_taxonomy' => array(
@@ -187,8 +187,8 @@ public function default_labels() {
 
 		$labels = array(
 			'browse'              => __( 'Browse:',                 'breadcrumb-trail' ),
-			'home'                => __( 'Home',                    'breadcrumb-trail' ),
-			'search'              => __( 'Search results for "%s"', 'breadcrumb-trail' ),
+			'home'                => __( 'Developer',               'breadcrumb-trail' ),
+			'search'              => __( 'Result',                 'breadcrumb-trail' ),
 			'error_404'           => __( '404 Not Found',           'breadcrumb-trail' ),
 			'paged'               => __( 'Page %d',                 'breadcrumb-trail' ),
 			'archives'            => __( 'Archives',                'breadcrumb-trail' ),
diff --git a/source/wp-content/themes/wporg-developer-2023/parts/header.html b/source/wp-content/themes/wporg-developer-2023/parts/header.html
index f2d6c343f..9a9e47cb5 100644
--- a/source/wp-content/themes/wporg-developer-2023/parts/header.html
+++ b/source/wp-content/themes/wporg-developer-2023/parts/header.html
@@ -2,8 +2,8 @@
 
 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"16px","right":"var:preset|spacing|edge-space","bottom":"16px","left":"var:preset|spacing|edge-space"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"blueberry-1","textColor":"white","className":"is-sticky","layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignfull is-sticky has-white-color has-blueberry-1-background-color has-text-color has-background has-link-color" style="padding-top:16px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:16px;padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"className":"wporg-site-breadcrumbs-container"} -->
-<div class="wp-block-group wporg-site-breadcrumbs-container"><!-- wp:wporg/site-breadcrumbs {"fontSize":"small"} /--></div>
+<div class="wp-block-group alignfull"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:wporg/breadcrumbs  /--></div>
 <!-- /wp:group -->
 
 <!-- wp:navigation {"textColor":"white","backgroundColor":"blueberry-1","className":"is-style-dropdown-on-mobile","style":{"spacing":{"blockGap":"24px"}},"fontSize":"small"} -->
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json
new file mode 100644
index 000000000..0a9b17299
--- /dev/null
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json
@@ -0,0 +1,30 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "wporg/breadcrumbs",
+	"title": "Breadcrumbs",
+	"category": "layout",
+	"description": "Shows breadcrumbs.",
+	"keywords": [ "post" ],
+	"textdomain": "wporg",
+	"attributes": {},
+	"supports": {
+		"html": false,
+		"color": {
+			"text": true,
+			"background": true,
+			"link": true
+		},
+		"spacing": {
+			"margin": true,
+			"padding": true
+		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true
+		}
+	},
+	"usesContext": [ "postId" ],
+	"editorScript": "file:./index.js",
+	"style": "file:./style-index.css"
+}
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js
new file mode 100644
index 000000000..8025016c0
--- /dev/null
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js
@@ -0,0 +1,20 @@
+/**
+ * WordPress dependencies
+ */
+import { registerBlockType } from '@wordpress/blocks';
+import { useBlockProps } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import metadata from './block.json';
+import './style.scss';
+
+function Edit() {
+	return <div { ...useBlockProps() }>Search Title</div>;
+}
+
+registerBlockType( metadata.name, {
+	edit: Edit,
+	save: () => null,
+} );
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php
new file mode 100644
index 000000000..b1170057d
--- /dev/null
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php
@@ -0,0 +1,45 @@
+<?php
+/**
+ * Block Name: Breadcrumbs
+ * Description: A dynamic generated breadcrumb.
+ *
+ * @package wporg
+ */
+
+namespace WordPressdotorg\Theme\Developer_2023\Dynamic_Breadcrumbs;
+
+add_action( 'init', __NAMESPACE__ . '\init' );
+
+/**
+ * Registers the block using the metadata loaded from the `block.json` file.
+ * Behind the scenes, it registers also all assets so they can be enqueued
+ * through the block editor in the corresponding context.
+ *
+ * @see https://developer.wordpress.org/reference/functions/register_block_type/
+ */
+function init() {
+	register_block_type(
+		dirname( dirname( __DIR__ ) ) . '/build/breadcrumbs',
+		array(
+			'render_callback' => __NAMESPACE__ . '\render',
+		)
+	);
+}
+
+/**
+ * Render the block content.
+ *
+ * @param array    $attributes Block attributes.
+ * @param string   $content    Block default content.
+ * @param WP_Block $block      Block instance.
+ *
+ * @return string Returns the block markup.
+ */
+function render( $attributes, $content, $block ) {
+	$wrapper_attributes = get_block_wrapper_attributes();
+	return sprintf(
+		'<div %1$s>%2$s</div>',
+		$wrapper_attributes,
+		breadcrumb_trail(),
+	);
+}
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
new file mode 100644
index 000000000..3f38ef3f4
--- /dev/null
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
@@ -0,0 +1,3 @@
+.trail-end {
+	font-weight: 700;
+}
\ No newline at end of file

From bb0675b000e4738ff9e84fd9a1fa22f55a91c8a3 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Sun, 15 Jan 2023 17:11:46 +0900
Subject: [PATCH 02/10] Remove quicklinks.

---
 .../themes/wporg-developer-2023/inc/cli.php   | 24 -------------------
 1 file changed, 24 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/inc/cli.php b/source/wp-content/themes/wporg-developer-2023/inc/cli.php
index ea8729c34..4627e7277 100644
--- a/source/wp-content/themes/wporg-developer-2023/inc/cli.php
+++ b/source/wp-content/themes/wporg-developer-2023/inc/cli.php
@@ -21,7 +21,6 @@ public static function init() {
 		add_action( 'pre_get_posts', array( __CLASS__, 'action_pre_get_posts' ) );
 		add_action( 'devhub_cli_manifest_import', array( __CLASS__, 'action_devhub_cli_manifest_import' ) );
 		add_action( 'devhub_cli_markdown_import', array( __CLASS__, 'action_devhub_cli_markdown_import' ) );
-		add_filter( 'breadcrumb_trail', array( __CLASS__, 'filter_breadcrumb_trail' ) );
 		add_filter( 'the_content', array( __CLASS__, 'filter_the_content' ) );
 	}
 
@@ -277,29 +276,6 @@ public static function get_markdown_source( $post_id ) {
 		return $markdown_source;
 	}
 
-	/**
-	 * Filter the breadcrumb trail to include quick links
-	 */
-	public static function filter_breadcrumb_trail( $breadcrumbs ) {
-		if ( 'command' !== get_post_type() || ! is_singular() ) {
-			return $breadcrumbs;
-		}
-
-		$content = get_queried_object()->post_content;
-		$content = self::prepend_installation( $content );
-		$content = self::append_subcommands( $content );
-		$items = self::get_tags( 'h([1-4])', $content );
-		if ( count( $items ) > 1 ) {
-			$quick_links = '<span class="quick-links">(';
-			foreach( $items as $item ) {
-				$quick_links .= '<a href="#' . sanitize_title_with_dashes( $item[3] )  . '">' . strtolower( $item[3] ) . '</a>|';
-			}
-			$quick_links = rtrim( $quick_links, '|' ) . ')</span>';
-			$breadcrumbs = str_replace( '</div>', $quick_links . '</div>', $breadcrumbs );
-		}
-		return $breadcrumbs;
-	}
-
 	/**
 	 * Filter the content of command pages
 	 */

From 87a7f6ac9904c3e4835db41d842ff16509713428 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Mon, 16 Jan 2023 08:26:28 +0900
Subject: [PATCH 03/10] Hide breadcrumbs for long trails.

---
 .../themes/wporg-developer-2023/functions.php |  2 +-
 .../inc/breadcrumb-trail.php                  |  2 +-
 .../src/breadcrumbs/style.scss                | 45 +++++++++++++++++--
 3 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index 602f368a2..6ef7e2931 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -224,7 +224,7 @@ function breadcrumb_trail_items_for_hooks( $items, $args ) {
  * @return array
  */
 function breadcrumb_trail_items_remove_reference( $items, $args ) {
-	if ( ! is_singular() && ! is_single() && ! is_post_type_archive() ) {
+	if ( ! is_singular() && ! is_single() && ! is_post_type_archive() && ! is_archive() ) {
 		return $items;
 	}
 
diff --git a/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php b/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
index 53e82a3b4..9c5bd441d 100644
--- a/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
+++ b/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
@@ -128,7 +128,7 @@ public function trail() {
 			$this->items = array_unique( $this->items );
 
 			/* Open the breadcrumb trail containers. */
-			$breadcrumb = "\n\t\t" . '<' . tag_escape( $this->args['container'] ) . ' class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb">';
+			$breadcrumb = "\n\t\t" . '<' . tag_escape( $this->args['container'] ) . ' class="breadcrumb-trail breadcrumbs breadcrumb-count-' . count( $this->items ) . '" itemprop="breadcrumb">';
 
 			/* If $before was set, wrap it in a container. */
 			$breadcrumb .= ( !empty( $this->args['before'] ) ? "\n\t\t\t" . '<' . tag_escape( $this->args['item_container'] ) . ' class="trail-before">' . $this->args['before'] . '</' . tag_escape( $this->args['item_container'] ) . '> ' . "\n\t\t\t" : '' );
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
index 3f38ef3f4..13f5ffeaa 100644
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
@@ -1,3 +1,42 @@
-.trail-end {
-	font-weight: 700;
-}
\ No newline at end of file
+.breadcrumb-trail  {
+	font-size: var(--wp--preset--font-size--small);
+
+	@media (max-width: 1100px) {
+		&.breadcrumb-count-5 span:nth-child(3),
+		&.breadcrumb-count-5 span:nth-child(4) {
+			display: none;
+		}
+	}
+
+	@media (max-width: 1000px) {
+		&.breadcrumb-count-5 span:nth-child(3),
+		&.breadcrumb-count-5 span:nth-child(4),
+		&.breadcrumb-count-5 span:nth-child(5),
+		&.breadcrumb-count-5 span:nth-child(6) {
+			display: none;
+		}
+
+		&.breadcrumb-count-4 span:nth-child(3),
+		&.breadcrumb-count-4 span:nth-child(4)  {
+			display: none;
+		}
+	}
+
+	@media (max-width: 781px) {
+		span:not(:first-child, :nth-child(2), :last-child) {
+			display: none;
+		}
+	}
+
+	@media (max-width: 599px) {
+		width: calc(100% - 44px);
+
+		span:not(:first-child) {
+			display: none;
+		}
+	}
+
+	span:last-child{
+		font-weight: 700;
+	}
+}

From e6d138440cd0bd7480bdb28aca6473fcad542a46 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Mon, 16 Jan 2023 11:05:02 +0900
Subject: [PATCH 04/10] Add comments and lint.

---
 .../wporg-developer-2023/src/breadcrumbs/style.scss       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
index 13f5ffeaa..d2c3ba576 100644
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
@@ -3,21 +3,21 @@
 
 	@media (max-width: 1100px) {
 		&.breadcrumb-count-5 span:nth-child(3),
-		&.breadcrumb-count-5 span:nth-child(4) {
+		&.breadcrumb-count-5 span:nth-child(4) { // Separator
 			display: none;
 		}
 	}
 
 	@media (max-width: 1000px) {
 		&.breadcrumb-count-5 span:nth-child(3),
-		&.breadcrumb-count-5 span:nth-child(4),
+		&.breadcrumb-count-5 span:nth-child(4), // Separator
 		&.breadcrumb-count-5 span:nth-child(5),
-		&.breadcrumb-count-5 span:nth-child(6) {
+		&.breadcrumb-count-5 span:nth-child(6) { // Separator
 			display: none;
 		}
 
 		&.breadcrumb-count-4 span:nth-child(3),
-		&.breadcrumb-count-4 span:nth-child(4)  {
+		&.breadcrumb-count-4 span:nth-child(4)  { // Separator
 			display: none;
 		}
 	}

From fac38a3d2036b0621f07999d51f27ae521a69f21 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Mon, 16 Jan 2023 11:40:19 +0900
Subject: [PATCH 05/10] Run formatter.

---
 .../themes/wporg-developer-2023/src/breadcrumbs/style.scss  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
index d2c3ba576..5f93b92f6 100644
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
+++ b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
@@ -1,4 +1,4 @@
-.breadcrumb-trail  {
+.breadcrumb-trail {
 	font-size: var(--wp--preset--font-size--small);
 
 	@media (max-width: 1100px) {
@@ -17,7 +17,7 @@
 		}
 
 		&.breadcrumb-count-4 span:nth-child(3),
-		&.breadcrumb-count-4 span:nth-child(4)  { // Separator
+		&.breadcrumb-count-4 span:nth-child(4) { // Separator
 			display: none;
 		}
 	}
@@ -36,7 +36,7 @@
 		}
 	}
 
-	span:last-child{
+	span:last-child {
 		font-weight: 700;
 	}
 }

From f52adf800e7956d11191c5077252070bf7b1b2d4 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Tue, 17 Jan 2023 15:33:06 +0900
Subject: [PATCH 06/10] Use the site breadcrumbs.

---
 .../themes/wporg-developer-2023/functions.php | 25 ++++++-
 .../inc/breadcrumb-trail.php                  | 70 +------------------
 .../wporg-developer-2023/parts/header.html    |  2 +-
 .../src/breadcrumbs/block.json                | 30 --------
 .../src/breadcrumbs/index.js                  | 20 ------
 .../src/breadcrumbs/index.php                 | 45 ------------
 .../src/breadcrumbs/style.scss                | 42 -----------
 7 files changed, 26 insertions(+), 208 deletions(-)
 delete mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json
 delete mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js
 delete mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php
 delete mode 100644 source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index 6ef7e2931..fb4152caf 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -36,7 +36,7 @@
 	require __DIR__ . '/inc/loop-pagination.php';
 }
 
-if ( ! function_exists( 'breadcrumb_trail' ) ) {
+if ( ! function_exists( 'get_breadcrumbs' ) ) {
 	require __DIR__ . '/inc/breadcrumb-trail.php';
 }
 
@@ -137,7 +137,6 @@
 require __DIR__ . '/inc/block-hooks.php';
 
 // Block files
-require_once __DIR__ . '/src/breadcrumbs/index.php';
 require_once __DIR__ . '/src/code-changelog/block.php';
 require_once __DIR__ . '/src/code-deprecated/block.php';
 require_once __DIR__ . '/src/code-description/block.php';
@@ -157,6 +156,7 @@
 require_once __DIR__ . '/src/search-usage-info/index.php';
 
 add_action( 'init', __NAMESPACE__ . '\\init' );
+add_filter( 'wporg_block_site_breadcrumbs', __NAMESPACE__ . '\set_site_breadcrumbs' );
 
 /**
  * Set up the theme.
@@ -377,3 +377,24 @@ function rename_comments_meta_box( $post_type, $post ) {
 function update_prism_css_path( $path ) {
 	return '/stylesheets/prism.css';
 }
+
+/**
+ * Filters breadcrumb items for the site-breadcrumb block.
+ *
+ * @return array
+ */
+function set_site_breadcrumbs() {
+	$breadcrumbs = array();
+
+	foreach ( get_breadcrumbs()->items as $crumb ) {
+		// Get the link and title from the breadcrumb.
+		// 4 capture groups to handle variation in the markup.
+		preg_match( '/<a(.*?)href="([^"]+)"(.*?)>(.*?)<\/a>/', $crumb, $matches );
+		$breadcrumbs[] = array(
+			'url' => isset( $matches[2] ) ? $matches[2] : '',
+			'title' => isset( $matches[4] ) ? $matches[4] : $crumb,
+		);
+	}
+
+	return $breadcrumbs;
+}
diff --git a/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php b/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
index 9c5bd441d..fd2fcaaaa 100644
--- a/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
+++ b/source/wp-content/themes/wporg-developer-2023/inc/breadcrumb-trail.php
@@ -31,14 +31,14 @@
  * @param  array $args Arguments to pass to Breadcrumb_Trail.
  * @return void
  */
-function breadcrumb_trail( $args = array() ) {
+function get_breadcrumbs( $args = array() ) {
 
 	if ( function_exists( 'is_bbpress' ) && is_bbpress() )
 		$breadcrumb = new bbPress_Breadcrumb_Trail( $args );
 	else
 		$breadcrumb = new Breadcrumb_Trail( $args );
 
-	return $breadcrumb->trail();
+	return $breadcrumb;
 }
 
 /**
@@ -110,72 +110,6 @@ public function __construct( $args = array() ) {
 		$this->do_trail_items();
 	}
 
-	/**
-	 * Formats and outputs the breadcrumb trail.
-	 *
-	 * @since  0.6.0
-	 * @access public
-	 * @return string
-	 */
-	public function trail() {
-
-		$breadcrumb = '';
-
-		/* Connect the breadcrumb trail if there are items in the trail. */
-		if ( !empty( $this->items ) && is_array( $this->items ) ) {
-
-			/* Make sure we have a unique array of items. */
-			$this->items = array_unique( $this->items );
-
-			/* Open the breadcrumb trail containers. */
-			$breadcrumb = "\n\t\t" . '<' . tag_escape( $this->args['container'] ) . ' class="breadcrumb-trail breadcrumbs breadcrumb-count-' . count( $this->items ) . '" itemprop="breadcrumb">';
-
-			/* If $before was set, wrap it in a container. */
-			$breadcrumb .= ( !empty( $this->args['before'] ) ? "\n\t\t\t" . '<' . tag_escape( $this->args['item_container'] ) . ' class="trail-before">' . $this->args['before'] . '</' . tag_escape( $this->args['item_container'] ) . '> ' . "\n\t\t\t" : '' );
-
-			/* Add 'browse' label if it should be shown. */
-			if ( true === $this->args['show_browse'] )
-				$breadcrumb .= "\n\t\t\t" . '<' . tag_escape( $this->args['item_container'] ) . ' class="trail-browse">' . $this->args['labels']['browse'] . '</' . tag_escape( $this->args['item_container'] ) . '> ';
-
-			/* Format the separator. */
-			$separator = false === $this->args['separator'] ?
-				'' :
-				' <' . tag_escape( $this->args['item_container'] ) . ' class="sep">' . ( ! empty( $this->args['separator'] ) ?  $this->args['separator'] : '/' ) . '</' . tag_escape( $this->args['item_container'] ) . '> ';
-
-			/* Adds the 'trail-begin' class around first item if there's more than one item. */
-			if ( 1 < count( $this->items ) ) {
-				$breadcrumb .= "\n\t\t\t" . '<' . tag_escape( $this->args['item_container'] ) . ' class="trail-begin">' . array_shift( $this->items ) . '</' . tag_escape( $this->args['item_container'] ) . '>';
-				$breadcrumb .= $separator;
-			}
-
-			/* Adds the 'trail-end' class around last item. */
-			$last = '<' . tag_escape( $this->args['item_container'] ) . ' class="trail-end">' . array_pop( $this->items ) . '</' . tag_escape( $this->args['item_container'] ) . '>';
-
-			/* Join the individual trail items. */
-			foreach ( $this->items as $item ) {
-				$breadcrumb .= "\n\t\t\t" . '<' . tag_escape( $this->args['item_container'] ) . ' class="trail-inner">' . $item . '</' . tag_escape( $this->args['item_container'] ) . '>';
-				$breadcrumb .= $separator;
-			}
-
-			/* Append the last item. */
-			$breadcrumb .= $last;
-
-			/* If $after was set, wrap it in a container. */
-			$breadcrumb .= ( !empty( $this->args['after'] ) ? "\n\t\t\t" . ' <' . tag_escape( $this->args['item_container'] ) . ' class="trail-after">' . $this->args['after'] . '</' . tag_escape( $this->args['item_container'] ) . '>' : '' );
-
-			/* Close the breadcrumb trail containers. */
-			$breadcrumb .= "\n\t\t" . '</' . tag_escape( $this->args['container'] ) . '>';
-		}
-
-		/* Allow developers to filter the breadcrumb trail HTML. */
-		$breadcrumb = apply_filters( 'breadcrumb_trail', $breadcrumb, $this->args );
-
-		if ( true === $this->args['echo'] )
-			echo $breadcrumb;
-		else
-			return $breadcrumb;
-	}
-
 	/**
 	 * Returns an array of the default labels.
 	 *
diff --git a/source/wp-content/themes/wporg-developer-2023/parts/header.html b/source/wp-content/themes/wporg-developer-2023/parts/header.html
index 9a9e47cb5..d05013f2a 100644
--- a/source/wp-content/themes/wporg-developer-2023/parts/header.html
+++ b/source/wp-content/themes/wporg-developer-2023/parts/header.html
@@ -3,7 +3,7 @@
 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"16px","right":"var:preset|spacing|edge-space","bottom":"16px","left":"var:preset|spacing|edge-space"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"blueberry-1","textColor":"white","className":"is-sticky","layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignfull is-sticky has-white-color has-blueberry-1-background-color has-text-color has-background has-link-color" style="padding-top:16px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:16px;padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 <div class="wp-block-group alignfull"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:wporg/breadcrumbs  /--></div>
+<div class="wp-block-group"><!-- wp:wporg/site-breadcrumbs  /--></div>
 <!-- /wp:group -->
 
 <!-- wp:navigation {"textColor":"white","backgroundColor":"blueberry-1","className":"is-style-dropdown-on-mobile","style":{"spacing":{"blockGap":"24px"}},"fontSize":"small"} -->
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json
deleted file mode 100644
index 0a9b17299..000000000
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/block.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
-	"name": "wporg/breadcrumbs",
-	"title": "Breadcrumbs",
-	"category": "layout",
-	"description": "Shows breadcrumbs.",
-	"keywords": [ "post" ],
-	"textdomain": "wporg",
-	"attributes": {},
-	"supports": {
-		"html": false,
-		"color": {
-			"text": true,
-			"background": true,
-			"link": true
-		},
-		"spacing": {
-			"margin": true,
-			"padding": true
-		},
-		"typography": {
-			"fontSize": true,
-			"lineHeight": true
-		}
-	},
-	"usesContext": [ "postId" ],
-	"editorScript": "file:./index.js",
-	"style": "file:./style-index.css"
-}
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js
deleted file mode 100644
index 8025016c0..000000000
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { registerBlockType } from '@wordpress/blocks';
-import { useBlockProps } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import metadata from './block.json';
-import './style.scss';
-
-function Edit() {
-	return <div { ...useBlockProps() }>Search Title</div>;
-}
-
-registerBlockType( metadata.name, {
-	edit: Edit,
-	save: () => null,
-} );
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php
deleted file mode 100644
index b1170057d..000000000
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/index.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<?php
-/**
- * Block Name: Breadcrumbs
- * Description: A dynamic generated breadcrumb.
- *
- * @package wporg
- */
-
-namespace WordPressdotorg\Theme\Developer_2023\Dynamic_Breadcrumbs;
-
-add_action( 'init', __NAMESPACE__ . '\init' );
-
-/**
- * Registers the block using the metadata loaded from the `block.json` file.
- * Behind the scenes, it registers also all assets so they can be enqueued
- * through the block editor in the corresponding context.
- *
- * @see https://developer.wordpress.org/reference/functions/register_block_type/
- */
-function init() {
-	register_block_type(
-		dirname( dirname( __DIR__ ) ) . '/build/breadcrumbs',
-		array(
-			'render_callback' => __NAMESPACE__ . '\render',
-		)
-	);
-}
-
-/**
- * Render the block content.
- *
- * @param array    $attributes Block attributes.
- * @param string   $content    Block default content.
- * @param WP_Block $block      Block instance.
- *
- * @return string Returns the block markup.
- */
-function render( $attributes, $content, $block ) {
-	$wrapper_attributes = get_block_wrapper_attributes();
-	return sprintf(
-		'<div %1$s>%2$s</div>',
-		$wrapper_attributes,
-		breadcrumb_trail(),
-	);
-}
diff --git a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss b/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
deleted file mode 100644
index 5f93b92f6..000000000
--- a/source/wp-content/themes/wporg-developer-2023/src/breadcrumbs/style.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-.breadcrumb-trail {
-	font-size: var(--wp--preset--font-size--small);
-
-	@media (max-width: 1100px) {
-		&.breadcrumb-count-5 span:nth-child(3),
-		&.breadcrumb-count-5 span:nth-child(4) { // Separator
-			display: none;
-		}
-	}
-
-	@media (max-width: 1000px) {
-		&.breadcrumb-count-5 span:nth-child(3),
-		&.breadcrumb-count-5 span:nth-child(4), // Separator
-		&.breadcrumb-count-5 span:nth-child(5),
-		&.breadcrumb-count-5 span:nth-child(6) { // Separator
-			display: none;
-		}
-
-		&.breadcrumb-count-4 span:nth-child(3),
-		&.breadcrumb-count-4 span:nth-child(4) { // Separator
-			display: none;
-		}
-	}
-
-	@media (max-width: 781px) {
-		span:not(:first-child, :nth-child(2), :last-child) {
-			display: none;
-		}
-	}
-
-	@media (max-width: 599px) {
-		width: calc(100% - 44px);
-
-		span:not(:first-child) {
-			display: none;
-		}
-	}
-
-	span:last-child {
-		font-weight: 700;
-	}
-}

From 73855e6be271c76cdfaf75287407dba943859071 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Tue, 17 Jan 2023 15:38:35 +0900
Subject: [PATCH 07/10] Add a comment.

---
 source/wp-content/themes/wporg-developer-2023/functions.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index fb4152caf..19b163ea3 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -389,6 +389,7 @@ function set_site_breadcrumbs() {
 	foreach ( get_breadcrumbs()->items as $crumb ) {
 		// Get the link and title from the breadcrumb.
 		// 4 capture groups to handle variation in the markup.
+		// This code assumes that an <a> tag or a string is returned from the breadcrumb.
 		preg_match( '/<a(.*?)href="([^"]+)"(.*?)>(.*?)<\/a>/', $crumb, $matches );
 		$breadcrumbs[] = array(
 			'url' => isset( $matches[2] ) ? $matches[2] : '',

From 72a86905aef7117ed4aba84008e5f5bf5d9f055b Mon Sep 17 00:00:00 2001
From: Steven Dufresne <steve.dufresne@automattic.com>
Date: Thu, 19 Jan 2023 14:18:07 +0900
Subject: [PATCH 08/10] Update
 source/wp-content/themes/wporg-developer-2023/functions.php

Co-authored-by: Dion Hulse <dion@wordpress.org>
---
 source/wp-content/themes/wporg-developer-2023/functions.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index 19b163ea3..c4b5d27cd 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -233,7 +233,7 @@ function breadcrumb_trail_items_remove_reference( $items, $args ) {
 		function( $item ) {
 			// Remove the 'reference' parent based on the presence of its URL.
 			// We can't use the label because of internationalization.
-			$result = (bool) preg_match( '/href=".*\/reference\/"/', $item, $matches );
+			$result = (bool) preg_match( '!href="[^"]+/reference/"!', $item );
 			return ( false === $result );
 		}
 	);

From 489aa29f7747f65046a32d9b61a4a0e442870789 Mon Sep 17 00:00:00 2001
From: Steven Dufresne <steve.dufresne@automattic.com>
Date: Thu, 19 Jan 2023 14:18:15 +0900
Subject: [PATCH 09/10] Update
 source/wp-content/themes/wporg-developer-2023/functions.php

Co-authored-by: Dion Hulse <dion@wordpress.org>
---
 source/wp-content/themes/wporg-developer-2023/functions.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index c4b5d27cd..ae6bc6734 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -390,10 +390,10 @@ function set_site_breadcrumbs() {
 		// Get the link and title from the breadcrumb.
 		// 4 capture groups to handle variation in the markup.
 		// This code assumes that an <a> tag or a string is returned from the breadcrumb.
-		preg_match( '/<a(.*?)href="([^"]+)"(.*?)>(.*?)<\/a>/', $crumb, $matches );
+		preg_match( '!<a[^>]+href="(?P<href>[^"]+)"[^>]+>(?P<title>.+)</a>!', $crumb, $matches );
 		$breadcrumbs[] = array(
-			'url' => isset( $matches[2] ) ? $matches[2] : '',
-			'title' => isset( $matches[4] ) ? $matches[4] : $crumb,
+			'url'   => $marches['href'] ?? '',
+			'title' => $matches['title'] ?? $crumb,
 		);
 	}
 

From 32f8eb1bacf388cac0352fba4c0c59ff046f7f08 Mon Sep 17 00:00:00 2001
From: dufresnesteven <steve.dufresne@automattic.com>
Date: Thu, 19 Jan 2023 14:41:48 +0900
Subject: [PATCH 10/10] fix the regex.

---
 .../wp-content/themes/wporg-developer-2023/functions.php   | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/functions.php b/source/wp-content/themes/wporg-developer-2023/functions.php
index ae6bc6734..38958af8b 100644
--- a/source/wp-content/themes/wporg-developer-2023/functions.php
+++ b/source/wp-content/themes/wporg-developer-2023/functions.php
@@ -388,11 +388,10 @@ function set_site_breadcrumbs() {
 
 	foreach ( get_breadcrumbs()->items as $crumb ) {
 		// Get the link and title from the breadcrumb.
-		// 4 capture groups to handle variation in the markup.
-		// This code assumes that an <a> tag or a string is returned from the breadcrumb.
-		preg_match( '!<a[^>]+href="(?P<href>[^"]+)"[^>]+>(?P<title>.+)</a>!', $crumb, $matches );
+		preg_match( '!<a[^>]+href="(?P<href>[^"]+)"[^>]*>(?P<title>.+)</a>!', $crumb, $matches );
+
 		$breadcrumbs[] = array(
-			'url'   => $marches['href'] ?? '',
+			'url'   => $matches['href'] ?? '',
 			'title' => $matches['title'] ?? $crumb,
 		);
 	}