Reply Block: Embed referenced post when possible

CHANGELOG.md

@@ -93,6 +93,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 * Allow omitting replies in ActivityPub representations instead of setting them as empty.
 * Allow Base Transformer to handle WP_Term objects for transformation.
 * Improved Query extensibility for third party plugins.
+* The Reply block now shows an embedded version of the referenced post, if available.
 
 ### Fixed
 

activitypub.php

@@ -42,6 +42,7 @@ function rest_init() {
 	Rest\Inbox::init();
 	Rest\Server::init();
 	Rest\Post::init();
+	( new Rest\URL_Validator_Controller() )->register_routes();
 	( new Rest\Actors_Controller() )->register_routes();
 	( new Rest\Application_Controller() )->register_routes();
 	( new Rest\Collections_Controller() )->register_routes();

assets/css/activitypub-embed.css

@@ -0,0 +1,106 @@
+/**
+ * ActivityPub embed styles.
+ */
+
+.activitypub-embed {
+	background: #fff;
+	border: 1px solid #e6e6e6;
+	border-radius: 12px;
+	margin: 1em 0;
+	padding: 0;
+	max-width: 100%;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
+
+.activitypub-embed-header {
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.activitypub-embed-header img {
+	width: 48px;
+	height: 48px;
+	border-radius: 50%;
+}
+
+.activitypub-embed-header-text {
+	flex-grow: 1;
+}
+
+.activitypub-embed-header-text h2 {
+	color: #000;
+	font-size: 15px;
+	font-weight: 600;
+	margin: 0;
+	padding: 0;
+}
+
+.activitypub-embed-header-text .ap-account {
+	color: #687684;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+.activitypub-embed-content {
+	padding: 0 15px 15px;
+}
+
+.activitypub-embed-content .ap-title {
+	font-size: 23px;
+	font-weight: 600;
+	margin: 0 0 10px;
+	padding: 0;
+	color: #000;
+}
+
+.activitypub-embed-content .ap-subtitle {
+	font-size: 15px;
+	color: #000;
+	margin: 0 0 15px;
+}
+
+.activitypub-embed-content .ap-preview {
+	border: 1px solid #e6e6e6;
+	border-radius: 8px;
+	overflow: hidden;
+}
+
+.activitypub-embed-content .ap-preview img {
+	width: 100%;
+	height: auto;
+	display: block;
+}
+
+.activitypub-embed-content .ap-preview-text {
+	padding: 15px;
+}
+
+.activitypub-embed-meta {
+	padding: 15px;
+	border-top: 1px solid #e6e6e6;
+	color: #687684;
+	font-size: 13px;
+	display: flex;
+	gap: 15px;
+}
+
+.activitypub-embed-meta .ap-stat {
+	display: flex;
+	align-items: center;
+	gap: 5px;
+}
+
+.activitypub-embed-meta a.ap-stat {
+	text-decoration: none;
+}
+
+.activitypub-embed-meta strong {
+	font-weight: 600;
+	color: #000;
+}
+
+.activitypub-embed-meta .ap-stat-label {
+	color: #687684;
+}

build/follow-me/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '37fe71b93359e27fe42a');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '312dfda65910e13c045d');

build/follow-me/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '91c0e513a192990d783c');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '23b8c0ea643db71e16b0');

build/followers/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => '34299fc181d49292ada0');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => 'c195c94d414df10e8b6a');

build/reactions/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '2ff24f7290aed1fc43f8');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'af8b65b2e9159308a4b0');