[a-zA-Z0-9_]{1,20})\/status(?:es)?\/(?P\d+)#i'; /** * URL pattern for a Twitter timeline. * * @since 1.0 * @var string */ const URL_PATTERN_TIMELINE = '#https?:\/\/twitter\.com(?:\/\#\!\/|\/)(?P[a-zA-Z0-9_]{1,20})(?:$|\/(?Plikes|lists)(\/(?P[a-zA-Z0-9_-]+))?)#i'; /** * Tag. * * @var string embed HTML blockquote tag to identify and replace with AMP version. */ protected $sanitize_tag = 'blockquote'; /** * Tag. * * @var string AMP amp-facebook tag */ private $amp_tag = 'amp-twitter'; /** * Registers embed. */ public function register_embed() { add_shortcode( 'tweet', [ $this, 'shortcode' ] ); // Note: This is a Jetpack shortcode. wp_embed_register_handler( 'amp-twitter', self::URL_PATTERN, [ $this, 'oembed' ], -1 ); wp_embed_register_handler( 'amp-twitter-timeline', self::URL_PATTERN_TIMELINE, [ $this, 'oembed_timeline' ], -1 ); } /** * Unregisters embed. */ public function unregister_embed() { remove_shortcode( 'tweet' ); // Note: This is a Jetpack shortcode. wp_embed_unregister_handler( 'amp-twitter', -1 ); wp_embed_unregister_handler( 'amp-twitter-timeline', -1 ); } /** * Gets AMP-compliant markup for the Twitter shortcode. * * Note that this shortcode is is defined in Jetpack. * * @param array $attr The Twitter attributes. * @return string Twitter shortcode markup. */ public function shortcode( $attr ) { $attr = wp_parse_args( $attr, [ 'tweet' => false, ] ); if ( empty( $attr['tweet'] ) && ! empty( $attr[0] ) ) { $attr['tweet'] = $attr[0]; } $id = false; if ( is_numeric( $attr['tweet'] ) ) { $id = $attr['tweet']; } else { preg_match( self::URL_PATTERN, $attr['tweet'], $matches ); if ( isset( $matches['tweet'] ) && is_numeric( $matches['tweet'] ) ) { $id = $matches['tweet']; } if ( empty( $id ) ) { return ''; } } $this->did_convert_elements = true; return AMP_HTML_Utils::build_tag( $this->amp_tag, [ 'data-tweetid' => $id, 'layout' => 'responsive', 'width' => $this->args['width'], 'height' => $this->args['height'], ] ); } /** * Render oEmbed. * * @see \WP_Embed::shortcode() * * @param array $matches URL pattern matches. * @return string Rendered oEmbed. */ public function oembed( $matches ) { $id = false; if ( isset( $matches['tweet'] ) && is_numeric( $matches['tweet'] ) ) { $id = $matches['tweet']; } if ( ! $id ) { return ''; } return $this->shortcode( [ 'tweet' => $id ] ); } /** * Render oEmbed for a timeline. * * @since 1.0 * * @param array $matches URL pattern matches. * @return string Rendered oEmbed. */ public function oembed_timeline( $matches ) { if ( ! isset( $matches['username'] ) ) { return ''; } $attributes = [ 'data-timeline-source-type' => 'profile', 'data-timeline-screen-name' => $matches['username'], ]; if ( isset( $matches['type'] ) ) { switch ( $matches['type'] ) { case 'likes': $attributes['data-timeline-source-type'] = 'likes'; break; case 'lists': if ( ! isset( $matches['id'] ) ) { return ''; } $attributes['data-timeline-source-type'] = 'list'; $attributes['data-timeline-slug'] = $matches['id']; $attributes['data-timeline-owner-screen-name'] = $attributes['data-timeline-screen-name']; unset( $attributes['data-timeline-screen-name'] ); break; default: return ''; } } $attributes['layout'] = 'responsive'; $attributes['width'] = $this->args['width']; $attributes['height'] = $this->args['height']; $this->did_convert_elements = true; return AMP_HTML_Utils::build_tag( $this->amp_tag, $attributes ); } /** * Sanitized

tags to . * * @param DOMDocument $dom DOM. */ public function sanitize_raw_embeds( $dom ) { /** * Node list. * * @var DOMNodeList $node */ $nodes = $dom->getElementsByTagName( $this->sanitize_tag ); $num_nodes = $nodes->length; if ( 0 === $num_nodes ) { return; } for ( $i = $num_nodes - 1; $i >= 0; $i-- ) { $node = $nodes->item( $i ); if ( ! $node instanceof DOMElement ) { continue; } if ( $this->is_tweet_raw_embed( $node ) ) { $this->create_amp_twitter_and_replace_node( $dom, $node ); } } } /** * Checks whether it's a twitter blockquote or not * * @param DOMElement $node The DOMNode to adjust and replace. * @return bool Whether node is for raw embed. */ private function is_tweet_raw_embed( $node ) { $class_attr = $node->getAttribute( 'class' ); return null !== $class_attr && false !== strpos( $class_attr, 'twitter-tweet' ); } /** * Make final modifications to DOMNode * * @param DOMDocument $dom The HTML Document. * @param DOMElement $node The DOMNode to adjust and replace. */ private function create_amp_twitter_and_replace_node( $dom, $node ) { $tweet_id = $this->get_tweet_id( $node ); if ( ! $tweet_id ) { return; } $attributes = [ 'width' => $this->DEFAULT_WIDTH, 'height' => $this->DEFAULT_HEIGHT, 'layout' => 'responsive', 'data-tweetid' => $tweet_id, ]; if ( $node->hasAttributes() ) { foreach ( $node->attributes as $attr ) { $attributes[ $attr->nodeName ] = $attr->nodeValue; } } $new_node = AMP_DOM_Utils::create_node( $dom, $this->amp_tag, $attributes ); $this->sanitize_embed_script( $node ); $node->parentNode->replaceChild( $new_node, $node ); $this->did_convert_elements = true; } /** * Extracts Tweet id. * * @param DOMElement $node The DOMNode to adjust and replace. * @return string Tweet ID. */ private function get_tweet_id( $node ) { /** * DOMNode * * @var DOMNodeList $anchors */ $anchors = $node->getElementsByTagName( 'a' ); /** * Anchor. * * @type DOMElement $anchor */ foreach ( $anchors as $anchor ) { $found = preg_match( self::URL_PATTERN, $anchor->getAttribute( 'href' ), $matches ); if ( $found ) { return $matches['tweet']; } } return null; } /** * Removes Twitter's embed