Emoji: First pass at support in Interactions

Author: obenland

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+* Support for custom emoji in interaction contents and actor names
+
 ### Fixed
 
 * Undefined array key warnings in various places

includes/collection/class-interactions.php

@@ -77,8 +77,8 @@ public static function update_comment( $activity ) {
 		}
 
 		// Found a local comment id.
-		$commentdata['comment_author']  = \esc_attr( $meta['name'] ? $meta['name'] : $meta['preferredUsername'] );
-		$commentdata['comment_content'] = \addslashes( $activity['object']['content'] );
+		$commentdata['comment_author']  = self::replace_custom_emoji( $meta['name'] ? $meta['name'] : $meta['preferredUsername'], $meta );
+		$commentdata['comment_content'] = \addslashes( self::replace_custom_emoji( $activity['object']['content'], $activity['object'] ) );
 
 		return self::persist( $commentdata, self::UPDATE );
 	}
@@ -209,14 +209,22 @@ public static function allowed_comment_html( $allowed_tags, $context = '' ) {
 		}
 
 		// Add `p` and `br` to the list of allowed tags.
-		if ( ! array_key_exists( 'br', $allowed_tags ) ) {
+		if ( ! isset( $allowed_tags['br'] ) ) {
 			$allowed_tags['br'] = array();
 		}
 
-		if ( ! array_key_exists( 'p', $allowed_tags ) ) {
+		if ( ! isset( $allowed_tags['p'] ) ) {
 			$allowed_tags['p'] = array();
 		}
 
+		if ( ! isset( $allowed_tags['img'] ) ) {
+			$allowed_tags['img'] = array(
+				'src'   => array(),
+				'alt'   => array(),
+				'class' => array(),
+			);
+		}
+
 		return $allowed_tags;
 	}
 
@@ -257,9 +265,9 @@ public static function activity_to_comment( $activity ) {
 		}
 
 		$commentdata = array(
-			'comment_author'       => \esc_attr( $comment_author ),
+			'comment_author'       => self::replace_custom_emoji( $comment_author, $actor ),
 			'comment_author_url'   => \esc_url_raw( $url ),
-			'comment_content'      => $comment_content,
+			'comment_content'      => self::replace_custom_emoji( $comment_content, $activity['object'] ),
 			'comment_type'         => 'comment',
 			'comment_author_email' => '',
 			'comment_meta'         => array(
@@ -318,4 +326,34 @@ function () {
 			return $state; // Either WP_Comment, false, a WP_Error, 0, or 1!
 		}
 	}
+
+	/**
+	 * Replace custom emoji shortcodes with their corresponding emoji.
+	 *
+	 * @param string $text     The text to process.
+	 * @param array  $activity The activity array containing emoji definitions.
+	 *
+	 * @return string The processed text with emoji replacements.
+	 */
+	private static function replace_custom_emoji( $text, $activity ) {
+		if ( empty( $activity['tag'] ) || ! is_array( $activity['tag'] ) ) {
+			return $text;
+		}
+
+		foreach ( $activity['tag'] as $tag ) {
+			if ( isset( $tag['type'] ) && 'Emoji' === $tag['type'] && ! empty( $tag['name'] ) && ! empty( $tag['icon']['url'] ) ) {
+				$text = str_replace(
+					$tag['name'],
+					sprintf(
+						'<img src="%s" alt="%s" class="emoji" />',
+						\esc_url( $tag['icon']['url'] ),
+						\esc_attr( $tag['name'] )
+					),
+					$text
+				);
+			}
+		}
+
+		return $text;
+	}
 }

readme.txt

@@ -134,6 +134,7 @@ For reasons of data protection, it is not possible to see the followers of other
 
 = Unreleased =
 
+* Added: Support for custom emoji in interaction contents and actor names
 * Fixed: Undefined array key warnings in various places
 
 = 4.6.0 =

tests/includes/collection/class-test-interactions.php

@@ -118,7 +118,7 @@ public function create_test_rich_object( $id = 'https://example.com/123' ) {
 				'id'        => $id,
 				'url'       => 'https://example.com/example',
 				'inReplyTo' => $this->post_permalink,
-				'content'   => 'Hello<br />example<p>example</p><img src="https://example.com/image.jpg" />',
+				'content'   => 'Hello<br />example<p>example</p><video src="https://example.com/image.jpg"></video>',
 			),
 		);
 	}
@@ -263,4 +263,60 @@ public function test_get_interaction_by_id() {
 		$this->assertIsArray( $interactions );
 		$this->assertEquals( $comment->comment_ID, $interactions[0]->comment_ID );
 	}
+
+	/**
+	 * Test emoji replacement in activity_to_comment.
+	 *
+	 * @covers ::activity_to_comment
+	 * @covers ::replace_custom_emoji
+	 */
+	public function test_activity_to_comment_with_emoji() {
+		$activity = array(
+			'@context' => array(
+				'https://www.w3.org/ns/activitystreams',
+				array(
+					'Emoji' => 'http://joinmastodon.org/ns#Emoji',
+				),
+			),
+			'id'       => 'https://example.com/activities/1',
+			'type'     => 'Note',
+			'content'  => 'Hello world :kappa: and :smile:',
+			'actor'    => $this->user_url,
+			'object'   => array(
+				'id'      => 'https://example.com/objects/1',
+				'content' => 'Hello world :kappa: and :smile:',
+				'tag'     => array(
+					array(
+						'type' => 'Emoji',
+						'name' => ':kappa:',
+						'icon' => array(
+							'type'      => 'Image',
+							'mediaType' => 'image/png',
+							'url'       => 'https://example.com/files/kappa.png',
+						),
+					),
+					array(
+						'type' => 'Emoji',
+						'name' => ':smile:',
+						'icon' => array(
+							'type'      => 'Image',
+							'mediaType' => 'image/png',
+							'url'       => 'https://example.com/files/smile.png',
+						),
+					),
+				),
+			),
+		);
+
+		$commentdata = Interactions::activity_to_comment( $activity );
+
+		$this->assertStringContainsString(
+			'<img src="https://example.com/files/kappa.png" alt=":kappa:" class="emoji" />',
+			$commentdata['comment_content']
+		);
+		$this->assertStringContainsString(
+			'<img src="https://example.com/files/smile.png" alt=":smile:" class="emoji" />',
+			$commentdata['comment_content']
+		);
+	}
 }