Add embed handler for gfycat.

includes/amp-helper-functions.php

@@ -447,6 +447,7 @@ function amp_get_content_embed_handlers( $post = null ) {
 			'AMP_Reddit_Embed_Handler'      => array(),
 			'AMP_Tumblr_Embed_Handler'      => array(),
 			'AMP_Gallery_Embed_Handler'     => array(),
+			'AMP_Gfycat_Embed_Handler'      => array(),
 			'WPCOM_AMP_Polldaddy_Embed'     => array(),
 		),
 		$post

includes/class-amp-autoloader.php

@@ -39,6 +39,7 @@ class AMP_Autoloader {
 		'AMP_DailyMotion_Embed_Handler'               => 'includes/embeds/class-amp-dailymotion-embed',
 		'AMP_Facebook_Embed_Handler'                  => 'includes/embeds/class-amp-facebook-embed',
 		'AMP_Gallery_Embed_Handler'                   => 'includes/embeds/class-amp-gallery-embed',
+		'AMP_Gfycat_Embed_Handler'                    => 'includes/embeds/class-amp-gfycat-embed-handler',
 		'AMP_Core_Block_Handler'                      => 'includes/embeds/class-amp-core-block-handler',
 		'AMP_Instagram_Embed_Handler'                 => 'includes/embeds/class-amp-instagram-embed',
 		'AMP_Issuu_Embed_Handler'                     => 'includes/embeds/class-amp-issuu-embed-handler',

includes/embeds/class-amp-gfycat-embed-handler.php

@@ -0,0 +1,72 @@
+<?php
+/**
+ * Class AMP_Gfycat_Embed_Handler
+ *
+ * @package AMP
+ * @since 1.0
+ */
+
+/**
+ * Class AMP_Gfycat_Embed_Handler
+ */
+class AMP_Gfycat_Embed_Handler extends AMP_Base_Embed_Handler {
+	/**
+	 * Regex matched to produce output amp-gfycat.
+	 *
+	 * @var string
+	 */
+	const URL_PATTERN = '#https?://(www\.)?gfycat\.com/gifs/detail/.*#i';
+
+	/**
+	 * Register embed.
+	 */
+	public function register_embed() {
+		add_filter( 'embed_oembed_html', array( $this, 'filter_embed_oembed_html' ), 10, 3 );
+	}
+
+	/**
+	 * Unregister embed.
+	 */
+	public function unregister_embed() {
+		remove_filter( 'embed_oembed_html', array( $this, 'filter_embed_oembed_html' ), 10 );
+	}
+
+	/**
+	 * Filter oEmbed HTML for Gfycat to prepare it for AMP.
+	 *
+	 * @param mixed  $return The shortcode callback function to call.
+	 * @param string $url    The attempted embed URL.
+	 * @param array  $attr   An array of shortcode attributes.
+	 * @return string Embed.
+	 */
+	public function filter_embed_oembed_html( $return, $url, $attr ) {
+		$parsed_url = wp_parse_url( $url );
+		if ( false !== strpos( $parsed_url['host'], 'gfycat.com' ) ) {
+			if ( preg_match( '/width=(?:"|\')(\d+)(?:"|\')/', $return, $matches ) ) {
+				$attr['width'] = $matches[1];
+			}
+			if ( preg_match( '/height=(?:"|\')(\d+)(?:"|\')/', $return, $matches ) ) {
+				$attr['height'] = $matches[1];
+			}
+
+			$pieces = explode( '/detail/', $parsed_url['path'] );
+			if ( ! isset( $pieces[1] ) ) {
+				return $return;
+			}
+
+			$data_gfyid = $pieces[1];
+
+			$return = AMP_HTML_Utils::build_tag(
+				'amp-gfycat',
+				array(
+					'width'      => $attr['width'],
+					'height'     => $attr['height'],
+					'data-gfyid' => $data_gfyid,
+					'layout'     => 'intrinsic',
+				)
+			);
+		}
+		return $return;
+	}
+}
+

tests/test-class-amp-gfycat-embed-handler.php

@@ -0,0 +1,108 @@
+<?php
+/**
+ * Test Gfycat embed.
+ *
+ * @package AMP.
+ */
+
+/**
+ * Class AMP_Gfycat_Embed_Test
+ */
+class AMP_Gfycat_Embed_Test extends WP_UnitTestCase {
+
+	/**
+	 * Set up.
+	 *
+	 * @global WP_Post $post
+	 */
+	public function setUp() {
+		global $post;
+		parent::setUp();
+
+		/*
+		 * As #34115 in 4.9 a post is not needed for context to run oEmbeds. Prior ot 4.9, the WP_Embed::shortcode()
+		 * method would short-circuit when this is the case:
+		 * https://github.com/WordPress/wordpress-develop/blob/4.8.4/src/wp-includes/class-wp-embed.php#L192-L193
+		 * So on WP<4.9 we set a post global to ensure oEmbeds get processed.
+		 */
+		if ( version_compare( strtok( get_bloginfo( 'version' ), '-' ), '4.9', '<' ) ) {
+			$post = $this->factory()->post->create_and_get();
+		}
+	}
+
+	/**
+	 * Get conversion data.
+	 *
+	 * @return array
+	 */
+	public function get_conversion_data() {
+		return array(
+			'no_embed'   => array(
+				'<p>Hello world.</p>',
+				'<p>Hello world.</p>' . PHP_EOL,
+			),
+
+			'url_simple' => array(
+				'https://gfycat.com/gifs/detail/tautwhoppingcougar' . PHP_EOL,
+				'<p><amp-gfycat width="500" height="750" data-gfyid="tautwhoppingcougar" layout="intrinsic"></amp-gfycat></p>' . PHP_EOL,
+			),
+
+		);
+	}
+
+	/**
+	 * Test conversion.
+	 *
+	 * @param string $source Source.
+	 * @param string $expected Expected.
+	 * @dataProvider get_conversion_data
+	 */
+	public function test__conversion( $source, $expected ) {
+		$embed = new AMP_Gfycat_Embed_Handler();
+		$embed->register_embed();
+		$filtered_content = apply_filters( 'the_content', $source );
+
+		$this->assertEquals( $expected, $filtered_content );
+	}
+
+	/**
+	 * Get scripts data.
+	 *
+	 * @return array
+	 */
+	public function get_scripts_data() {
+		return array(
+			'not_converted' => array(
+				'<p>Hello World.</p>',
+				array(),
+			),
+			'converted'     => array(
+				'https://www.gfycat.com/gifs/detail/tautwhoppingcougar' . PHP_EOL,
+				array( 'amp-gfycat' => true ),
+			),
+		);
+	}
+
+	/**
+	 * Test scripts.
+	 *
+	 * @param string $source Source.
+	 * @param string $expected Expected.
+	 * @dataProvider get_scripts_data
+	 */
+	public function test__get_scripts( $source, $expected ) {
+		$embed = new AMP_Gfycat_Embed_Handler();
+		$embed->register_embed();
+		$source = apply_filters( 'the_content', $source );
+
+		$whitelist_sanitizer = new AMP_Tag_And_Attribute_Sanitizer( AMP_DOM_Utils::get_dom_from_content( $source ) );
+		$whitelist_sanitizer->sanitize();
+
+		$scripts = array_merge(
+			$embed->get_scripts(),
+			$whitelist_sanitizer->get_scripts()
+		);
+
+		$this->assertEquals( $expected, $scripts );
+	}
+}