Merge branch 'trunk' into aaronjbap/npf-tag

src/BlockExtensions.php

@@ -0,0 +1,80 @@
+<?php
+/**
+ * BlockExtensions class.
+ *
+ * @package Tumblr3
+ */
+
+namespace CupcakeLabs\T3;
+
+defined( 'ABSPATH' ) || exit;
+
+class BlockExtensions {
+	/**
+	 * The Tumblr3 active status.
+	 *
+	 * @since   1.0.0
+	 * @version 1.0.0
+	 *
+	 * @var     bool
+	 */
+	private $is_tumblr3_active;
+
+	public function initialize( $is_tumblr3_active ): void {
+		$this->is_tumblr3_active = $is_tumblr3_active;
+
+		// Only run if the Tumblr3 theme is active.
+		if ( $this->is_tumblr3_active ) {
+			add_filter( 'render_block', array( $this, 'tumblr_audio_block_output' ), 10, 2 );
+		}
+	}
+
+	/**
+	 * Modifies the front-end rendering of the audio block to render Tumblr audio block markup.
+	 *
+	 * @param string $block_content The block content.
+	 * @param array  $block         The full block, including name and attributes.
+	 * @return string Modified block content.
+	 */
+	public function tumblr_audio_block_output( $block_content, $block ) {
+		if ( get_post_format() !== false && $block['blockName'] !== 'core/audio' ) {
+			return $block_content;
+		}
+
+		$attrs = $block['attrs'];
+
+		// Only modify if we have the Tumblr custom attributes
+		if ( $this->is_tumblr3_active && empty( $attrs['mediaURL'] ) && empty( $attrs['mediaTitle'] ) ) {
+			return $block_content;
+		}
+
+		$media_url    = $attrs['mediaURL'] ?? '';
+		$media_title  = $attrs['mediaTitle'] ?? '';
+		$media_artist = $attrs['mediaArtist'] ?? '';
+		$media_album  = $attrs['mediaAlbum'] ?? '';
+		$poster_url   = $attrs['poster']['url'] ?? '';
+
+		$output = sprintf(
+			'<figure class="tmblr-full">
+				<figcaption class="audio-caption">
+					<span class="tmblr-audio-meta audio-details">
+						<span class="tmblr-audio-meta title">%s</span>
+						<span class="tmblr-audio-meta artist">%s</span>
+						<span class="tmblr-audio-meta album">%s</span>
+					</span>
+					%s
+				</figcaption>
+				<audio controls="controls">
+					<source src="%s" type="audio/mpeg">
+				</audio>
+			</figure>',
+			esc_html( $media_title ),
+			esc_html( $media_artist ),
+			esc_html( $media_album ),
+			$poster_url ? sprintf( '<img class="album-cover" src="%s" alt="image">', esc_url( $poster_url ) ) : '',
+			esc_url( $media_url )
+		);
+
+		return $output;
+	}
+}

src/Plugin.php

@@ -67,6 +67,16 @@ class Plugin {
 	 */
 	public ?Parser $parser = null;
 
+	/**
+	 * The block extensions component.
+	 *
+	 * @since   1.0.0
+	 * @version 1.0.0
+	 *
+	 * @var     BlockExtensions|null
+	 */
+	public ?BlockExtensions $block_extensions = null;
+
 	/**
 	 * Plugin constructor.
 	 *
@@ -141,6 +151,9 @@ public function initialize(): void {
 		$this->theme_garden = new ThemeGarden();
 		$this->theme_garden->initialize();
 
+		$this->block_extensions = new BlockExtensions();
+		$this->block_extensions->initialize( $this->tumblr3_active );
+
 		// In the frontend, setup the parser.
 		if ( ! is_admin() ) {
 			$this->parser = new Parser();