function render_amp( $attr ) { 	$img_after  = $attr['imageAfter'];  	return sprintf(-		'<amp-image-slider layout="responsive" width="%1$d" height="%2$d"> <amp-img id="%3$d" src="%4$s" alt="%5$s" layout="fill"></amp-img> <amp-img id="%6$d" src="%7$s" alt="%8$s" layout="fill"></amp-img></amp-image-slider>',-		absint( $img_before['width'] ),-		absint( $img_before['height'] ),+		'<amp-image-slider layout="responsive"%1$s%2$s> <amp-img id="%3$d" src="%4$s" alt="%5$s" layout="fill"></amp-img> <amp-img id="%6$d" src="%7$s" alt="%8$s" layout="fill"></amp-img></amp-image-slider>',+		! empty( $img_before['width'] ) ? ' width="' . absint( $img_before['width'] ) . '"' : '',+		! empty( $img_before['height'] ) ? ' height="' . absint( $img_before['height'] ) . '"' : '',

 function register_block() {  * @return string  */ function load_assets( $attr ) {-	$width   = isset( $attr['width'] ) ? $attr['width'] : '800'; 	$height  = isset( $attr['height'] ) ? $attr['height'] : '600'; 	$url     = isset( $attr['url'] ) 		? \Jetpack_Gutenberg::validate_block_embed_url( $attr['url'], array( 'calendar.google.com' ) ) : 		''; 	$classes = \Jetpack_Gutenberg::block_classes( 'google-calendar', $attr ); +	\Jetpack_Gutenberg::load_assets_as_required( 'google-calendar' );+ 	if ( empty( $url ) ) { 		return; 	}  	if ( class_exists( 'Jetpack_AMP_Support' ) && \Jetpack_AMP_Support::is_amp_request() ) { 		return sprintf(-			'<div class="%1$s"><amp-iframe src="%2$s" frameborder="0" style="border:0" scrolling="no" width="%3$d" height="%4$d" sandbox="allow-scripts allow-same-origin" layout="responsive"></amp-iframe></div>',+			'<div class="%1$s"><amp-iframe src="%2$s" frameborder="0" style="border:0" scrolling="no" height="%3$d" sandbox="allow-scripts allow-same-origin" layout="responsive"></amp-iframe></div>',

 const FEATURE_NAME = 'eventbrite'; const BLOCK_NAME   = 'jetpack/' . FEATURE_NAME; +/**+ * Determine whether the page will be AMP.+ *+ * @return bool+ */+function is_amp_request() {+	return class_exists( 'Jetpack_AMP_Support' ) && \Jetpack_AMP_Support::is_amp_request();+}

 function render_block( $attr, $content ) { 	);  	$widget_id = wp_unique_id( 'eventbrite-widget-' );--	wp_enqueue_script( 'eventbrite-widget', 'https://www.eventbrite.com/static/widgets/eb_widgets.js', array(), JETPACK__VERSION, true );--	// Add CSS to hide direct link.-	Jetpack_Gutenberg::load_assets_as_required( FEATURE_NAME );+	$is_amp    = is_amp_request();  	// Show the embedded version. 	if ( empty( $attr['useModal'] ) && ( empty( $attr['style'] ) || 'modal' !== $attr['style'] ) ) {+		return render_embed_block( $widget_id, $is_amp, $attr );+	} else {+		return render_modal_block( $widget_id, $is_amp, $attr, $content );+	}+}++/**+ * Render block with embed style.+ *+ * @param string $widget_id Widget ID to use.+ * @param bool   $is_amp    Whether AMP page.+ * @param array  $attr      Eventbrite block attributes.+ * @return string Rendered block.+ */+function render_embed_block( $widget_id, $is_amp, $attr ) {++	// $content contains a fallback link to the event that's saved in the post_content.+	// Append a div that will hold the iframe embed created by the Eventbrite widget.js.+	$classes = Jetpack_Gutenberg::block_classes( FEATURE_NAME, $attr );

+<?php++namespace AmpProject\Optimizer\Transformer;++use AmpProject\Amp;+use AmpProject\Attribute;+use AmpProject\Dom\Document;+use AmpProject\Extension;+use AmpProject\Layout;+use AmpProject\Optimizer\Configuration\PreloadHeroImageConfiguration;+use AmpProject\Optimizer\Error;+use AmpProject\Optimizer\ErrorCollection;+use AmpProject\Optimizer\HeroImage;+use AmpProject\Optimizer\ImageDimensions;+use AmpProject\Optimizer\Transformer;+use AmpProject\Optimizer\TransformerConfiguration;+use AmpProject\Tag;+use AmpProject\Url;+use DOMElement;+use DOMNode;++/**+ * PreloadHeroImage - this transformer optimizes image rendering times for hero images. For hero images it will:+ *+ * 1. Inject a preload hint (if possible)+ * 2. Generate an img tag enabling the browser to render the image without the AMP runtime being loaded.+ *+ * Hero images are either identified automatically or can be explicitly defined by adding an `data-hero` attribute to+ * the element.+ *+ * This transformer supports the following options:+ *+ * * `preloadHeroImage`: [true|false] - enables or disables hero image preloading. The default is `true`.+ *+ * This is ported from the NodeJS optimizer.+ *+ * @version 3429af9d91e2c9efe1af85757499e5a308755f5f+ * @link    https://github.com/ampproject/amp-toolbox/blob/3429af9d91e2c9efe1af85757499e5a308755f5f/packages/optimizer/lib/transformers/PreloadHeroImage.js+ *+ * @package ampproject/optimizer+ */+final class PreloadHeroImage implements Transformer+{++    /**+     * Class(es) to apply to a serverside-rendered image element.+     *+     * @var string+     */+    const SSR_IMAGE_CLASS = 'i-amphtml-fill-content i-amphtml-replaced-content';++    /**+     * List of attributes to copy onto an SSR'ed image.+     *+     * @var string[]+     */+    const ATTRIBUTES_TO_COPY = [+        Attribute::ALT,+        Attribute::ATTRIBUTION,+        Attribute::OBJECT_FIT,+        Attribute::OBJECT_POSITION,+        Attribute::REFERRERPOLICY,+        Attribute::SRC,+        Attribute::SRCSET,+        Attribute::SIZES,+        Attribute::TITLE,+    ];++    /**+     * Maximum number of hero images defined via data-hero attribute.+     *+     * @var int+     */+    const DATA_HERO_MAX = 2;++    /**+     * Configuration store to use.+     *+     * @var TransformerConfiguration+     */+    private $configuration;++    /**+     * Instantiate a PreloadHeroImage object.+     *+     * @param TransformerConfiguration $configuration Configuration store to use.+     */+    public function __construct(TransformerConfiguration $configuration)+    {+        $this->configuration = $configuration;+    }++    /**+     * Apply transformations to the provided DOM document.+     *+     * @param Document        $document DOM document to apply the transformations to.+     * @param ErrorCollection $errors   Collection of errors that are collected during transformation.+     * @return void+     */+    public function transform(Document $document, ErrorCollection $errors)+    {+        if ($this->configuration->get(PreloadHeroImageConfiguration::PRELOAD_HERO_IMAGE) === false) {+            return;+        }++        $heroImages    = $this->findHeroImages($document);+        $referenceNode = $document->viewport;++        $heroImageCount = count($heroImages);+        if ($heroImageCount > self::DATA_HERO_MAX) {+            $errors->add(Error\TooManyHeroImages::whenPastMaximum());+            $heroImageCount = self::DATA_HERO_MAX;+        }++        $isAmpStory = Amp::isAmpStory($document);++        for ($index = 0; $index < $heroImageCount; $index++) {+            $this->generatePreload($heroImages[$index], $document, $errors, $referenceNode);+            $this->generateImg($heroImages[$index], $document);+        }+    }++    /**+     * Find the hero images to optimize.+     *+     * @param Document $document Document to look for hero images in.+     * @return HeroImage[] Array of hero images to optimize.+     */+    private function findHeroImages(Document $document)+    {+        $heroImageCandidate = null;+        $heroImages         = [];+        $node               = $document->body;++        while ($node !== null) {+            if (! $node instanceof DOMElement) {+                $node = $this->nextNode($node);+                continue;+            }++            $heroImage = $this->detectImageWithDataHero($node);+            if ($heroImage) {+                $heroImages[] = $heroImage;+            }++            if (! $heroImageCandidate && count($heroImages) === 0) {+                $heroImageCandidate = $this->detectHeroImageCandidate($node);+            }+            if (Amp::isTemplate($node)) {+                // Ignore images inside templates.+                $node = $this->skipNodeAndChildren($node);+            } else {+                $node = $this->nextNode($node);+            }+        }++        // Optimize data-hero element if defined.+        if (count($heroImages) > 0) {+            return $heroImages;+        }++        // Fall back to auto-detected hero image if available.+        if ($heroImageCandidate) {+            return [$heroImageCandidate];+        }++        // No hero images to optimize.+        return [];+    }++    /**+     * Detect a hero image with the data-hero attribute.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image, or null if none detected.+     */+    private function detectImageWithDataHero(DOMElement $element)+    {+        if (+            $element->tagName === Extension::IMAGE+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return new HeroImage(+                $element->getAttribute(Attribute::SRC),+                $element->getAttribute(Attribute::MEDIA),+                $element->getAttribute(Attribute::SRCSET),+                $element+            );+        }++        if (+            Amp::isAmpIframe($element)+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return $this->getPlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate.+     *+     * The hero image here can come from one of <amp-img>, <amp-video>, <amp-iframe>, <amp-video-iframe>.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidate(DOMElement $element)+    {+        if (+            $element->hasAttribute(Attribute::LAYOUT)+            && $element->getAttribute(Attribute::LAYOUT) === Layout::NODISPLAY+        ) {+            return null;+        }++        if ($element->tagName === Extension::IMAGE) {+            return $this->detectHeroImageCandidateForAmpImg($element);+        }++        if ($element->tagName === EXTENSION::VIDEO) {+            return $this->detectHeroImageCandidateForPosterImage($element);+        }++        if (Amp::isAmpIframe($element)) {+            return $this->detectHeroImageCandidateForIframePlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate from an <amp-img> element.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForAmpImg(DOMElement $element)+    {+        $src = $element->getAttribute(Attribute::SRC);++        if (empty($src)) {+            return null;+        }++        if (! Url::isValidImageSrc($src)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $srcset = $element->getAttribute(Attribute::SRCSET);+        $media  = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($src, $media, $srcset, $element);+    }++    /**+     * Detect a hero image candidate from a video's poster (= placeholder) image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForPosterImage(DOMElement $element)+    {+        $poster = $element->getAttribute(Attribute::POSTER);++        if (! $poster) {+            return null;+        }++        if (! Url::isValidImageSrc($poster)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $media = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($poster, $media, '');+    }++    /**+     * Detect a hero image candidate from an iframe's placeholder image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForIframePlaceholderImage(DOMElement $element)

+<?php++namespace AmpProject\Optimizer\Transformer;++use AmpProject\Amp;+use AmpProject\Attribute;+use AmpProject\Dom\Document;+use AmpProject\Extension;+use AmpProject\Layout;+use AmpProject\Optimizer\Configuration\PreloadHeroImageConfiguration;+use AmpProject\Optimizer\Error;+use AmpProject\Optimizer\ErrorCollection;+use AmpProject\Optimizer\HeroImage;+use AmpProject\Optimizer\ImageDimensions;+use AmpProject\Optimizer\Transformer;+use AmpProject\Optimizer\TransformerConfiguration;+use AmpProject\Tag;+use AmpProject\Url;+use DOMElement;+use DOMNode;++/**+ * PreloadHeroImage - this transformer optimizes image rendering times for hero images. For hero images it will:+ *+ * 1. Inject a preload hint (if possible)+ * 2. Generate an img tag enabling the browser to render the image without the AMP runtime being loaded.+ *+ * Hero images are either identified automatically or can be explicitly defined by adding an `data-hero` attribute to+ * the element.+ *+ * This transformer supports the following options:+ *+ * * `preloadHeroImage`: [true|false] - enables or disables hero image preloading. The default is `true`.+ *+ * This is ported from the NodeJS optimizer.+ *+ * @version 3429af9d91e2c9efe1af85757499e5a308755f5f+ * @link    https://github.com/ampproject/amp-toolbox/blob/3429af9d91e2c9efe1af85757499e5a308755f5f/packages/optimizer/lib/transformers/PreloadHeroImage.js+ *+ * @package ampproject/optimizer+ */+final class PreloadHeroImage implements Transformer+{++    /**+     * Class(es) to apply to a serverside-rendered image element.+     *+     * @var string+     */+    const SSR_IMAGE_CLASS = 'i-amphtml-fill-content i-amphtml-replaced-content';++    /**+     * List of attributes to copy onto an SSR'ed image.+     *+     * @var string[]+     */+    const ATTRIBUTES_TO_COPY = [+        Attribute::ALT,+        Attribute::ATTRIBUTION,+        Attribute::OBJECT_FIT,+        Attribute::OBJECT_POSITION,+        Attribute::REFERRERPOLICY,+        Attribute::SRC,+        Attribute::SRCSET,+        Attribute::SIZES,+        Attribute::TITLE,+    ];++    /**+     * Maximum number of hero images defined via data-hero attribute.+     *+     * @var int+     */+    const DATA_HERO_MAX = 2;++    /**+     * Configuration store to use.+     *+     * @var TransformerConfiguration+     */+    private $configuration;++    /**+     * Instantiate a PreloadHeroImage object.+     *+     * @param TransformerConfiguration $configuration Configuration store to use.+     */+    public function __construct(TransformerConfiguration $configuration)+    {+        $this->configuration = $configuration;+    }++    /**+     * Apply transformations to the provided DOM document.+     *+     * @param Document        $document DOM document to apply the transformations to.+     * @param ErrorCollection $errors   Collection of errors that are collected during transformation.+     * @return void+     */+    public function transform(Document $document, ErrorCollection $errors)+    {+        if ($this->configuration->get(PreloadHeroImageConfiguration::PRELOAD_HERO_IMAGE) === false) {+            return;+        }++        $heroImages    = $this->findHeroImages($document);+        $referenceNode = $document->viewport;++        $heroImageCount = count($heroImages);+        if ($heroImageCount > self::DATA_HERO_MAX) {+            $errors->add(Error\TooManyHeroImages::whenPastMaximum());+            $heroImageCount = self::DATA_HERO_MAX;+        }++        $isAmpStory = Amp::isAmpStory($document);++        for ($index = 0; $index < $heroImageCount; $index++) {+            $this->generatePreload($heroImages[$index], $document, $errors, $referenceNode);+            $this->generateImg($heroImages[$index], $document);+        }+    }++    /**+     * Find the hero images to optimize.+     *+     * @param Document $document Document to look for hero images in.+     * @return HeroImage[] Array of hero images to optimize.+     */+    private function findHeroImages(Document $document)+    {+        $heroImageCandidate = null;+        $heroImages         = [];+        $node               = $document->body;++        while ($node !== null) {+            if (! $node instanceof DOMElement) {+                $node = $this->nextNode($node);+                continue;+            }++            $heroImage = $this->detectImageWithDataHero($node);+            if ($heroImage) {+                $heroImages[] = $heroImage;+            }++            if (! $heroImageCandidate && count($heroImages) === 0) {+                $heroImageCandidate = $this->detectHeroImageCandidate($node);+            }+            if (Amp::isTemplate($node)) {+                // Ignore images inside templates.+                $node = $this->skipNodeAndChildren($node);+            } else {+                $node = $this->nextNode($node);+            }+        }++        // Optimize data-hero element if defined.+        if (count($heroImages) > 0) {+            return $heroImages;+        }++        // Fall back to auto-detected hero image if available.+        if ($heroImageCandidate) {+            return [$heroImageCandidate];+        }++        // No hero images to optimize.+        return [];+    }++    /**+     * Detect a hero image with the data-hero attribute.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image, or null if none detected.+     */+    private function detectImageWithDataHero(DOMElement $element)+    {+        if (+            $element->tagName === Extension::IMAGE+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return new HeroImage(+                $element->getAttribute(Attribute::SRC),+                $element->getAttribute(Attribute::MEDIA),+                $element->getAttribute(Attribute::SRCSET),+                $element+            );+        }++        if (+            Amp::isAmpIframe($element)+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return $this->getPlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate.+     *+     * The hero image here can come from one of <amp-img>, <amp-video>, <amp-iframe>, <amp-video-iframe>.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidate(DOMElement $element)+    {+        if (+            $element->hasAttribute(Attribute::LAYOUT)+            && $element->getAttribute(Attribute::LAYOUT) === Layout::NODISPLAY+        ) {+            return null;+        }++        if ($element->tagName === Extension::IMAGE) {+            return $this->detectHeroImageCandidateForAmpImg($element);+        }++        if ($element->tagName === EXTENSION::VIDEO) {+            return $this->detectHeroImageCandidateForPosterImage($element);+        }++        if (Amp::isAmpIframe($element)) {

+<?php++namespace AmpProject\Optimizer\Transformer;++use AmpProject\Amp;+use AmpProject\Attribute;+use AmpProject\Dom\Document;+use AmpProject\Extension;+use AmpProject\Layout;+use AmpProject\Optimizer\Configuration\PreloadHeroImageConfiguration;+use AmpProject\Optimizer\Error;+use AmpProject\Optimizer\ErrorCollection;+use AmpProject\Optimizer\HeroImage;+use AmpProject\Optimizer\ImageDimensions;+use AmpProject\Optimizer\Transformer;+use AmpProject\Optimizer\TransformerConfiguration;+use AmpProject\Tag;+use AmpProject\Url;+use DOMElement;+use DOMNode;++/**+ * PreloadHeroImage - this transformer optimizes image rendering times for hero images. For hero images it will:+ *+ * 1. Inject a preload hint (if possible)+ * 2. Generate an img tag enabling the browser to render the image without the AMP runtime being loaded.+ *+ * Hero images are either identified automatically or can be explicitly defined by adding an `data-hero` attribute to+ * the element.+ *+ * This transformer supports the following options:+ *+ * * `preloadHeroImage`: [true|false] - enables or disables hero image preloading. The default is `true`.+ *+ * This is ported from the NodeJS optimizer.+ *+ * @version 3429af9d91e2c9efe1af85757499e5a308755f5f+ * @link    https://github.com/ampproject/amp-toolbox/blob/3429af9d91e2c9efe1af85757499e5a308755f5f/packages/optimizer/lib/transformers/PreloadHeroImage.js+ *+ * @package ampproject/optimizer+ */+final class PreloadHeroImage implements Transformer+{++    /**+     * Class(es) to apply to a serverside-rendered image element.+     *+     * @var string+     */+    const SSR_IMAGE_CLASS = 'i-amphtml-fill-content i-amphtml-replaced-content';++    /**+     * List of attributes to copy onto an SSR'ed image.+     *+     * @var string[]+     */+    const ATTRIBUTES_TO_COPY = [+        Attribute::ALT,+        Attribute::ATTRIBUTION,+        Attribute::OBJECT_FIT,+        Attribute::OBJECT_POSITION,+        Attribute::REFERRERPOLICY,+        Attribute::SRC,+        Attribute::SRCSET,+        Attribute::SIZES,+        Attribute::TITLE,+    ];++    /**+     * Maximum number of hero images defined via data-hero attribute.+     *+     * @var int+     */+    const DATA_HERO_MAX = 2;++    /**+     * Configuration store to use.+     *+     * @var TransformerConfiguration+     */+    private $configuration;++    /**+     * Instantiate a PreloadHeroImage object.+     *+     * @param TransformerConfiguration $configuration Configuration store to use.+     */+    public function __construct(TransformerConfiguration $configuration)+    {+        $this->configuration = $configuration;+    }++    /**+     * Apply transformations to the provided DOM document.+     *+     * @param Document        $document DOM document to apply the transformations to.+     * @param ErrorCollection $errors   Collection of errors that are collected during transformation.+     * @return void+     */+    public function transform(Document $document, ErrorCollection $errors)+    {+        if ($this->configuration->get(PreloadHeroImageConfiguration::PRELOAD_HERO_IMAGE) === false) {+            return;+        }++        $heroImages    = $this->findHeroImages($document);+        $referenceNode = $document->viewport;++        $heroImageCount = count($heroImages);+        if ($heroImageCount > self::DATA_HERO_MAX) {+            $errors->add(Error\TooManyHeroImages::whenPastMaximum());+            $heroImageCount = self::DATA_HERO_MAX;+        }++        $isAmpStory = Amp::isAmpStory($document);++        for ($index = 0; $index < $heroImageCount; $index++) {+            $this->generatePreload($heroImages[$index], $document, $errors, $referenceNode);+            $this->generateImg($heroImages[$index], $document);+        }+    }++    /**+     * Find the hero images to optimize.+     *+     * @param Document $document Document to look for hero images in.+     * @return HeroImage[] Array of hero images to optimize.+     */+    private function findHeroImages(Document $document)+    {+        $heroImageCandidate = null;+        $heroImages         = [];+        $node               = $document->body;++        while ($node !== null) {+            if (! $node instanceof DOMElement) {+                $node = $this->nextNode($node);+                continue;+            }++            $heroImage = $this->detectImageWithDataHero($node);+            if ($heroImage) {+                $heroImages[] = $heroImage;+            }++            if (! $heroImageCandidate && count($heroImages) === 0) {+                $heroImageCandidate = $this->detectHeroImageCandidate($node);+            }+            if (Amp::isTemplate($node)) {+                // Ignore images inside templates.+                $node = $this->skipNodeAndChildren($node);+            } else {+                $node = $this->nextNode($node);+            }+        }++        // Optimize data-hero element if defined.+        if (count($heroImages) > 0) {+            return $heroImages;+        }++        // Fall back to auto-detected hero image if available.+        if ($heroImageCandidate) {+            return [$heroImageCandidate];+        }++        // No hero images to optimize.+        return [];+    }++    /**+     * Detect a hero image with the data-hero attribute.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image, or null if none detected.+     */+    private function detectImageWithDataHero(DOMElement $element)+    {+        if (+            $element->tagName === Extension::IMAGE+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return new HeroImage(+                $element->getAttribute(Attribute::SRC),+                $element->getAttribute(Attribute::MEDIA),+                $element->getAttribute(Attribute::SRCSET),+                $element+            );+        }++        if (+            Amp::isAmpIframe($element)+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return $this->getPlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate.+     *+     * The hero image here can come from one of <amp-img>, <amp-video>, <amp-iframe>, <amp-video-iframe>.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidate(DOMElement $element)+    {+        if (+            $element->hasAttribute(Attribute::LAYOUT)+            && $element->getAttribute(Attribute::LAYOUT) === Layout::NODISPLAY+        ) {+            return null;+        }++        if ($element->tagName === Extension::IMAGE) {+            return $this->detectHeroImageCandidateForAmpImg($element);+        }++        if ($element->tagName === EXTENSION::VIDEO) {+            return $this->detectHeroImageCandidateForPosterImage($element);+        }++        if (Amp::isAmpIframe($element)) {+            return $this->detectHeroImageCandidateForIframePlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate from an <amp-img> element.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForAmpImg(DOMElement $element)+    {+        $src = $element->getAttribute(Attribute::SRC);++        if (empty($src)) {+            return null;+        }++        if (! Url::isValidImageSrc($src)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $srcset = $element->getAttribute(Attribute::SRCSET);+        $media  = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($src, $media, $srcset, $element);+    }++    /**+     * Detect a hero image candidate from a video's poster (= placeholder) image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForPosterImage(DOMElement $element)+    {+        $poster = $element->getAttribute(Attribute::POSTER);++        if (! $poster) {+            return null;+        }++        if (! Url::isValidImageSrc($poster)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $media = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($poster, $media, '');+    }++    /**+     * Detect a hero image candidate from an iframe's placeholder image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForIframePlaceholderImage(DOMElement $element)+    {+        // A placeholder <amp-img> is required to preload an image for an iframe.+        if (! $element->hasChildNodes()) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        return $this->getPlaceholderImage($element);+    }++    /**+     * Get the placeholder image for a given element.+     *+     * @param DOMElement $element Element to check the placeholder image for.+     * @return HeroImage|null Placeholder image to use or null if none found.+     */+    private function getPlaceholderImage(DOMElement $element)+    {+        foreach ($element->childNodes as $childNode) {+            if (+                ! $childNode instanceof DOMElement+                || $childNode->tagName !== Extension::IMAGE+                || ! $childNode->hasAttribute(Attribute::PLACEHOLDER)+            ) {+                continue;+            }+

+<?php++namespace AmpProject\Optimizer\Transformer;++use AmpProject\Amp;+use AmpProject\Attribute;+use AmpProject\Dom\Document;+use AmpProject\Extension;+use AmpProject\Layout;+use AmpProject\Optimizer\Configuration\PreloadHeroImageConfiguration;+use AmpProject\Optimizer\Error;+use AmpProject\Optimizer\ErrorCollection;+use AmpProject\Optimizer\HeroImage;+use AmpProject\Optimizer\ImageDimensions;+use AmpProject\Optimizer\Transformer;+use AmpProject\Optimizer\TransformerConfiguration;+use AmpProject\Tag;+use AmpProject\Url;+use DOMElement;+use DOMNode;++/**+ * PreloadHeroImage - this transformer optimizes image rendering times for hero images. For hero images it will:+ *+ * 1. Inject a preload hint (if possible)+ * 2. Generate an img tag enabling the browser to render the image without the AMP runtime being loaded.+ *+ * Hero images are either identified automatically or can be explicitly defined by adding an `data-hero` attribute to+ * the element.+ *+ * This transformer supports the following options:+ *+ * * `preloadHeroImage`: [true|false] - enables or disables hero image preloading. The default is `true`.+ *+ * This is ported from the NodeJS optimizer.+ *+ * @version 3429af9d91e2c9efe1af85757499e5a308755f5f+ * @link    https://github.com/ampproject/amp-toolbox/blob/3429af9d91e2c9efe1af85757499e5a308755f5f/packages/optimizer/lib/transformers/PreloadHeroImage.js+ *+ * @package ampproject/optimizer+ */+final class PreloadHeroImage implements Transformer+{++    /**+     * Class(es) to apply to a serverside-rendered image element.+     *+     * @var string+     */+    const SSR_IMAGE_CLASS = 'i-amphtml-fill-content i-amphtml-replaced-content';++    /**+     * List of attributes to copy onto an SSR'ed image.+     *+     * @var string[]+     */+    const ATTRIBUTES_TO_COPY = [+        Attribute::ALT,+        Attribute::ATTRIBUTION,+        Attribute::OBJECT_FIT,+        Attribute::OBJECT_POSITION,+        Attribute::REFERRERPOLICY,+        Attribute::SRC,+        Attribute::SRCSET,+        Attribute::SIZES,+        Attribute::TITLE,+    ];++    /**+     * Maximum number of hero images defined via data-hero attribute.+     *+     * @var int+     */+    const DATA_HERO_MAX = 2;++    /**+     * Configuration store to use.+     *+     * @var TransformerConfiguration+     */+    private $configuration;++    /**+     * Instantiate a PreloadHeroImage object.+     *+     * @param TransformerConfiguration $configuration Configuration store to use.+     */+    public function __construct(TransformerConfiguration $configuration)+    {+        $this->configuration = $configuration;+    }++    /**+     * Apply transformations to the provided DOM document.+     *+     * @param Document        $document DOM document to apply the transformations to.+     * @param ErrorCollection $errors   Collection of errors that are collected during transformation.+     * @return void+     */+    public function transform(Document $document, ErrorCollection $errors)+    {+        if ($this->configuration->get(PreloadHeroImageConfiguration::PRELOAD_HERO_IMAGE) === false) {+            return;+        }++        $heroImages    = $this->findHeroImages($document);+        $referenceNode = $document->viewport;++        $heroImageCount = count($heroImages);+        if ($heroImageCount > self::DATA_HERO_MAX) {+            $errors->add(Error\TooManyHeroImages::whenPastMaximum());+            $heroImageCount = self::DATA_HERO_MAX;+        }++        $isAmpStory = Amp::isAmpStory($document);++        for ($index = 0; $index < $heroImageCount; $index++) {+            $this->generatePreload($heroImages[$index], $document, $errors, $referenceNode);+            $this->generateImg($heroImages[$index], $document);+        }+    }++    /**+     * Find the hero images to optimize.+     *+     * @param Document $document Document to look for hero images in.+     * @return HeroImage[] Array of hero images to optimize.+     */+    private function findHeroImages(Document $document)+    {+        $heroImageCandidate = null;+        $heroImages         = [];+        $node               = $document->body;++        while ($node !== null) {+            if (! $node instanceof DOMElement) {+                $node = $this->nextNode($node);+                continue;+            }++            $heroImage = $this->detectImageWithDataHero($node);+            if ($heroImage) {+                $heroImages[] = $heroImage;+            }++            if (! $heroImageCandidate && count($heroImages) === 0) {+                $heroImageCandidate = $this->detectHeroImageCandidate($node);+            }+            if (Amp::isTemplate($node)) {+                // Ignore images inside templates.+                $node = $this->skipNodeAndChildren($node);+            } else {+                $node = $this->nextNode($node);+            }+        }++        // Optimize data-hero element if defined.+        if (count($heroImages) > 0) {+            return $heroImages;+        }++        // Fall back to auto-detected hero image if available.+        if ($heroImageCandidate) {+            return [$heroImageCandidate];+        }++        // No hero images to optimize.+        return [];+    }++    /**+     * Detect a hero image with the data-hero attribute.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image, or null if none detected.+     */+    private function detectImageWithDataHero(DOMElement $element)+    {+        if (+            $element->tagName === Extension::IMAGE+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return new HeroImage(+                $element->getAttribute(Attribute::SRC),+                $element->getAttribute(Attribute::MEDIA),+                $element->getAttribute(Attribute::SRCSET),+                $element+            );+        }++        if (+            Amp::isAmpIframe($element)+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return $this->getPlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate.+     *+     * The hero image here can come from one of <amp-img>, <amp-video>, <amp-iframe>, <amp-video-iframe>.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidate(DOMElement $element)+    {+        if (+            $element->hasAttribute(Attribute::LAYOUT)+            && $element->getAttribute(Attribute::LAYOUT) === Layout::NODISPLAY+        ) {+            return null;+        }++        if ($element->tagName === Extension::IMAGE) {+            return $this->detectHeroImageCandidateForAmpImg($element);+        }++        if ($element->tagName === EXTENSION::VIDEO) {+            return $this->detectHeroImageCandidateForPosterImage($element);+        }++        if (Amp::isAmpIframe($element)) {+            return $this->detectHeroImageCandidateForIframePlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate from an <amp-img> element.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForAmpImg(DOMElement $element)+    {+        $src = $element->getAttribute(Attribute::SRC);++        if (empty($src)) {+            return null;+        }++        if (! Url::isValidImageSrc($src)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $srcset = $element->getAttribute(Attribute::SRCSET);+        $media  = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($src, $media, $srcset, $element);+    }++    /**+     * Detect a hero image candidate from a video's poster (= placeholder) image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForPosterImage(DOMElement $element)+    {+        $poster = $element->getAttribute(Attribute::POSTER);++        if (! $poster) {+            return null;+        }++        if (! Url::isValidImageSrc($poster)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $media = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($poster, $media, '');+    }++    /**+     * Detect a hero image candidate from an iframe's placeholder image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForIframePlaceholderImage(DOMElement $element)+    {+        // A placeholder <amp-img> is required to preload an image for an iframe.+        if (! $element->hasChildNodes()) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        return $this->getPlaceholderImage($element);+    }++    /**+     * Get the placeholder image for a given element.+     *+     * @param DOMElement $element Element to check the placeholder image for.+     * @return HeroImage|null Placeholder image to use or null if none found.+     */+    private function getPlaceholderImage(DOMElement $element)+    {+        foreach ($element->childNodes as $childNode) {+            if (+                ! $childNode instanceof DOMElement+                || $childNode->tagName !== Extension::IMAGE+                || ! $childNode->hasAttribute(Attribute::PLACEHOLDER)+            ) {+                continue;+            }+

+<?php++namespace AmpProject\Optimizer\Transformer;++use AmpProject\Amp;+use AmpProject\Attribute;+use AmpProject\Dom\Document;+use AmpProject\Extension;+use AmpProject\Layout;+use AmpProject\Optimizer\Configuration\PreloadHeroImageConfiguration;+use AmpProject\Optimizer\Error;+use AmpProject\Optimizer\ErrorCollection;+use AmpProject\Optimizer\HeroImage;+use AmpProject\Optimizer\ImageDimensions;+use AmpProject\Optimizer\Transformer;+use AmpProject\Optimizer\TransformerConfiguration;+use AmpProject\Tag;+use AmpProject\Url;+use DOMElement;+use DOMNode;++/**+ * PreloadHeroImage - this transformer optimizes image rendering times for hero images. For hero images it will:+ *+ * 1. Inject a preload hint (if possible)+ * 2. Generate an img tag enabling the browser to render the image without the AMP runtime being loaded.+ *+ * Hero images are either identified automatically or can be explicitly defined by adding an `data-hero` attribute to+ * the element.+ *+ * This transformer supports the following options:+ *+ * * `preloadHeroImage`: [true|false] - enables or disables hero image preloading. The default is `true`.+ *+ * This is ported from the NodeJS optimizer.+ *+ * @version 3429af9d91e2c9efe1af85757499e5a308755f5f+ * @link    https://github.com/ampproject/amp-toolbox/blob/3429af9d91e2c9efe1af85757499e5a308755f5f/packages/optimizer/lib/transformers/PreloadHeroImage.js+ *+ * @package ampproject/optimizer+ */+final class PreloadHeroImage implements Transformer+{++    /**+     * Class(es) to apply to a serverside-rendered image element.+     *+     * @var string+     */+    const SSR_IMAGE_CLASS = 'i-amphtml-fill-content i-amphtml-replaced-content';++    /**+     * List of attributes to copy onto an SSR'ed image.+     *+     * @var string[]+     */+    const ATTRIBUTES_TO_COPY = [+        Attribute::ALT,+        Attribute::ATTRIBUTION,+        Attribute::OBJECT_FIT,+        Attribute::OBJECT_POSITION,+        Attribute::REFERRERPOLICY,+        Attribute::SRC,+        Attribute::SRCSET,+        Attribute::SIZES,+        Attribute::TITLE,+    ];++    /**+     * Maximum number of hero images defined via data-hero attribute.+     *+     * @var int+     */+    const DATA_HERO_MAX = 2;++    /**+     * Configuration store to use.+     *+     * @var TransformerConfiguration+     */+    private $configuration;++    /**+     * Instantiate a PreloadHeroImage object.+     *+     * @param TransformerConfiguration $configuration Configuration store to use.+     */+    public function __construct(TransformerConfiguration $configuration)+    {+        $this->configuration = $configuration;+    }++    /**+     * Apply transformations to the provided DOM document.+     *+     * @param Document        $document DOM document to apply the transformations to.+     * @param ErrorCollection $errors   Collection of errors that are collected during transformation.+     * @return void+     */+    public function transform(Document $document, ErrorCollection $errors)+    {+        if ($this->configuration->get(PreloadHeroImageConfiguration::PRELOAD_HERO_IMAGE) === false) {+            return;+        }++        $heroImages    = $this->findHeroImages($document);+        $referenceNode = $document->viewport;++        $heroImageCount = count($heroImages);+        if ($heroImageCount > self::DATA_HERO_MAX) {+            $errors->add(Error\TooManyHeroImages::whenPastMaximum());+            $heroImageCount = self::DATA_HERO_MAX;+        }++        $isAmpStory = Amp::isAmpStory($document);++        for ($index = 0; $index < $heroImageCount; $index++) {+            $this->generatePreload($heroImages[$index], $document, $errors, $referenceNode);+            $this->generateImg($heroImages[$index], $document);+        }+    }++    /**+     * Find the hero images to optimize.+     *+     * @param Document $document Document to look for hero images in.+     * @return HeroImage[] Array of hero images to optimize.+     */+    private function findHeroImages(Document $document)+    {+        $heroImageCandidate = null;+        $heroImages         = [];+        $node               = $document->body;++        while ($node !== null) {+            if (! $node instanceof DOMElement) {+                $node = $this->nextNode($node);+                continue;+            }++            $heroImage = $this->detectImageWithDataHero($node);+            if ($heroImage) {+                $heroImages[] = $heroImage;+            }++            if (! $heroImageCandidate && count($heroImages) === 0) {+                $heroImageCandidate = $this->detectHeroImageCandidate($node);+            }+            if (Amp::isTemplate($node)) {+                // Ignore images inside templates.+                $node = $this->skipNodeAndChildren($node);+            } else {+                $node = $this->nextNode($node);+            }+        }++        // Optimize data-hero element if defined.+        if (count($heroImages) > 0) {+            return $heroImages;+        }++        // Fall back to auto-detected hero image if available.+        if ($heroImageCandidate) {+            return [$heroImageCandidate];+        }++        // No hero images to optimize.+        return [];+    }++    /**+     * Detect a hero image with the data-hero attribute.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image, or null if none detected.+     */+    private function detectImageWithDataHero(DOMElement $element)+    {+        if (+            $element->tagName === Extension::IMAGE+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return new HeroImage(+                $element->getAttribute(Attribute::SRC),+                $element->getAttribute(Attribute::MEDIA),+                $element->getAttribute(Attribute::SRCSET),+                $element+            );+        }++        if (+            Amp::isAmpIframe($element)+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return $this->getPlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate.+     *+     * The hero image here can come from one of <amp-img>, <amp-video>, <amp-iframe>, <amp-video-iframe>.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidate(DOMElement $element)+    {+        if (+            $element->hasAttribute(Attribute::LAYOUT)+            && $element->getAttribute(Attribute::LAYOUT) === Layout::NODISPLAY+        ) {+            return null;+        }++        if ($element->tagName === Extension::IMAGE) {+            return $this->detectHeroImageCandidateForAmpImg($element);+        }++        if ($element->tagName === EXTENSION::VIDEO) {+            return $this->detectHeroImageCandidateForPosterImage($element);+        }++        if (Amp::isAmpIframe($element)) {+            return $this->detectHeroImageCandidateForIframePlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate from an <amp-img> element.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForAmpImg(DOMElement $element)+    {+        $src = $element->getAttribute(Attribute::SRC);++        if (empty($src)) {+            return null;+        }++        if (! Url::isValidImageSrc($src)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $srcset = $element->getAttribute(Attribute::SRCSET);+        $media  = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($src, $media, $srcset, $element);+    }++    /**+     * Detect a hero image candidate from a video's poster (= placeholder) image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForPosterImage(DOMElement $element)+    {+        $poster = $element->getAttribute(Attribute::POSTER);++        if (! $poster) {+            return null;+        }++        if (! Url::isValidImageSrc($poster)) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        $media = $element->getAttribute(Attribute::MEDIA);++        return new HeroImage($poster, $media, '');+    }++    /**+     * Detect a hero image candidate from an iframe's placeholder image.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidateForIframePlaceholderImage(DOMElement $element)+    {+        // A placeholder <amp-img> is required to preload an image for an iframe.+        if (! $element->hasChildNodes()) {+            return null;+        }++        if ((new ImageDimensions($element))->isTiny()) {+            return null;+        }++        return $this->getPlaceholderImage($element);+    }++    /**+     * Get the placeholder image for a given element.+     *+     * @param DOMElement $element Element to check the placeholder image for.+     * @return HeroImage|null Placeholder image to use or null if none found.+     */+    private function getPlaceholderImage(DOMElement $element)+    {+        foreach ($element->childNodes as $childNode) {+            if (+                ! $childNode instanceof DOMElement+                || $childNode->tagName !== Extension::IMAGE

+<?php++namespace AmpProject\Optimizer\Transformer;++use AmpProject\Amp;+use AmpProject\Attribute;+use AmpProject\Dom\Document;+use AmpProject\Extension;+use AmpProject\Layout;+use AmpProject\Optimizer\Configuration\PreloadHeroImageConfiguration;+use AmpProject\Optimizer\Error;+use AmpProject\Optimizer\ErrorCollection;+use AmpProject\Optimizer\HeroImage;+use AmpProject\Optimizer\Transformer;+use AmpProject\Optimizer\TransformerConfiguration;+use AmpProject\Tag;+use AmpProject\Url;+use DOMElement;+use DOMNode;++/**+ * PreloadHeroImage - this transformers optimizes image rendering times for hero images. For hero images it will:+ *+ * 1. Inject a preload hint (if possible)+ * 2. Generate an img tag enabling the browser to render the image without the AMP runtime being loaded.+ *+ * Hero images are either identified automatically or can be explicitly defined by adding an `data-hero` attribute to+ * the element.+ *+ * This transformer supports the following options:+ *+ * * `preloadHeroImage`: [true|false] - enables or disables hero image preloading. The default is `true`.+ *+ * This is ported from the NodeJS optimizer.+ *+ * @version 3429af9d91e2c9efe1af85757499e5a308755f5f+ * @link    https://github.com/ampproject/amp-toolbox/blob/3429af9d91e2c9efe1af85757499e5a308755f5f/packages/optimizer/lib/transformers/PreloadHeroImage.js+ *+ * @package ampproject/optimizer+ */+final class PreloadHeroImage implements Transformer+{++    /**+     * Class(es) to apply to a serverside-rendered image element.+     *+     * @var string+     */+    const SSR_IMAGE_CLASS = 'i-amphtml-fill-content i-amphtml-replaced-content';++    /**+     * List of attributes to copy onto an SSR'ed image.+     *+     * @var string[]+     */+    const ATTRIBUTES_TO_COPY = [+        Attribute::ALT,+        Attribute::ATTRIBUTION,+        Attribute::OBJECT_FIT,+        Attribute::OBJECT_POSITION,+        Attribute::REFERRERPOLICY,+        Attribute::SRC,+        Attribute::SRCSET,+        Attribute::SIZES,+        Attribute::TITLE,+    ];++    /**+     * Images smaller than 150px are considered tiny.+     *+     * @var int+     */+    const TINY_IMG_THRESHOLD = 150;++    /**+     * Maximum number of hero images defined via data-hero attribute.+     *+     * @var int+     */+    const DATA_HERO_MAX = 2;++    /**+     * Configuration store to use.+     *+     * @var TransformerConfiguration+     */+    private $configuration;++    /**+     * Instantiate a PreloadHeroImage object.+     *+     * @param TransformerConfiguration $configuration Configuration store to use.+     */+    public function __construct(TransformerConfiguration $configuration)+    {+        $this->configuration = $configuration;+    }++    /**+     * Apply transformations to the provided DOM document.+     *+     * @param Document        $document DOM document to apply the transformations to.+     * @param ErrorCollection $errors   Collection of errors that are collected during transformation.+     * @return void+     */+    public function transform(Document $document, ErrorCollection $errors)+    {+        if ($this->configuration->get(PreloadHeroImageConfiguration::PRELOAD_HERO_IMAGE) === false) {+            return;+        }++        $heroImages    = $this->findHeroImages($document);+        $referenceNode = $document->viewport;++        $heroImageCount = count($heroImages);+        if ($heroImageCount > self::DATA_HERO_MAX) {+            $errors->add(Error\TooManyHeroImages::whenPastMaximum());+            $heroImageCount = self::DATA_HERO_MAX;+        }++        $isAmpStory = Amp::isAmpStory($document);++        for ($index = 0; $index < $heroImageCount; $index++) {+            $this->generatePreload($heroImages[$index], $document, $errors, $referenceNode);+            if (! $isAmpStory) {+                // AMP Stories don't support SSR'd <amp-img> yet.+                // See https://github.com/ampproject/amphtml/issues/29850.+                $this->generateImg($heroImages[$index], $document);+            }+        }+    }++    /**+     * Find the hero images to optimize.+     *+     * @param Document $document Document to look for hero images in.+     * @return HeroImage[] Array of hero images to optimize.+     */+    private function findHeroImages(Document $document)+    {+        $heroImageCandidate = null;+        $heroImages         = [];+        $node               = $document->body;++        while ($node !== null) {+            if (! $node instanceof DOMElement) {+                $node = $this->nextNode($node);+                continue;+            }++            $heroImage = $this->detectImageWithDataHero($node);+            if ($heroImage) {+                $heroImages[] = $heroImage;+            }++            if (! $heroImageCandidate && count($heroImages) === 0) {+                $heroImageCandidate = $this->detectHeroImageCandidate($node);+            }+            if (Amp::isTemplate($node)) {+                // Ignore images inside templates.+                $node = $this->skipNodeAndChildren($node);+            } else {+                $node = $this->nextNode($node);+            }+        }++        // Optimize data-hero element if defined.+        if (count($heroImages) > 0) {+            return $heroImages;+        }++        // Fall back to auto-detected hero image if available.+        if ($heroImageCandidate) {+            return [$heroImageCandidate];+        }++        // No hero images to optimize.+        return [];+    }++    /**+     * Detect a hero image with the data-hero attribute.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image, or null if none detected.+     */+    private function detectImageWithDataHero(DOMElement $element)+    {+        if (+            $element->tagName === Extension::IMAGE+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return new HeroImage(+                $element->getAttribute(Attribute::SRC),+                $element->getAttribute(Attribute::MEDIA),+                $element->getAttribute(Attribute::SRCSET),+                $element+            );+        }++        if (+            Amp::isAmpIframe($element)+            && $element->hasAttribute(Attribute::DATA_HERO)+        ) {+            return $this->getPlaceholderImage($element);+        }++        return null;+    }++    /**+     * Detect a hero image candidate.+     *+     * The hero image here can come from one of <amp-img>, <amp-video>, <amp-iframe>, <amp-video-iframe>.+     *+     * @param DOMElement $element Element to detect for.+     * @return HeroImage|null Detected hero image candidate, or null if none detected.+     */+    private function detectHeroImageCandidate(DOMElement $element)+    {+        if (+            $element->hasAttribute(Attribute::LAYOUT)+            && $element->getAttribute(Attribute::LAYOUT) === Layout::NODISPLAY+        ) {+            return null;+        }++        if ($element->tagName === Extension::IMAGE) {+            return $this->detectHeroImageCandidateForAmpImg($element);+        }++        if ($element->tagName === EXTENSION::VIDEO) {+            return $this->detectHeroImageCandidateForPosterImage($element);+        }++        if (Amp::isAmpIframe($element)) {+            return $this->detectHeroImageCandidateForIframePlaceholderImage($element);+        }

     "test:php": "phpunit",     "test:php:help": "npm run test:php -- --help"   },+  "lint-staged": {+    "package.json": [+      "npm run lint:pkg-json"+    ],+    "**/*.css": [+      "npm run lint:css"+    ],+    "**/*.js": [+      "npm run lint:js"+    ],+    "**/!(amp).php": [+      "npm run lint:php"+    ],+    "amp.php": [+      "npm run lint:plugin-bootstrap"

     "lint:js": "wp-scripts lint-js",     "lint:js:fix": "npm run lint:js -- --fix",     "lint:php": "vendor/bin/phpcs",-    "lint:plugin-bootstrap": "vendor/bin/phpcs --runtime-set testVersion 5.2- amp.php",     "lint:php:fix": "./bin/phpcbf.sh",+    "lint:plugin-bootstrap": "vendor/bin/phpcs --runtime-set testVersion 5.2- amp.php",

     "lint:js": "wp-scripts lint-js",     "lint:js:fix": "npm run lint:js -- --fix",     "lint:php": "vendor/bin/phpcs",-    "lint:plugin-bootstrap": "vendor/bin/phpcs --runtime-set testVersion 5.2- amp.php",     "lint:php:fix": "./bin/phpcbf.sh",+    "lint:plugin-bootstrap": "vendor/bin/phpcs --runtime-set testVersion 5.2- amp.php",

+<?php++namespace AmpProject\AmpWP\Tests;++use AmpProject\AmpWP\AmpWpPlugin;+use AmpProject\AmpWP\Infrastructure\Injector;+use AmpProject\AmpWP\Infrastructure\ServiceContainer;+use AmpProject\AmpWP\Services;+use AmpProject\AmpWP\Tests\Helpers\PrivateAccess;+use WP_UnitTestCase;++abstract class DependencyInjectedTestCase extends WP_UnitTestCase {++	use PrivateAccess;++	/**+	 * Plugin instance to test with.+	 *+	 * @var AmpWpPlugin+	 */+	protected $plugin;++	/**+	 * Service container instance to test with.+	 *+	 * @var ServiceContainer+	 */+	protected $container;++	/**+	 * Injector instance to test with.+	 *+	 * @var Injector+	 */+	protected $injector;++	/**+	 * Runs the routine before each test is executed.+	 */+	public function setUp() {+		parent::setUp();++		// We're intentionally avoiding the AmpWpPluginFactory here as it uses a+		// static instance, because its whole point is to allow reuse across consumers.+		$this->plugin = new AmpWpPlugin();+		$this->plugin->register();++		$this->container = $this->plugin->get_container();+		$this->injector  = $this->container->get( 'injector' );++		// The static Services helper has to be modified to use the same objects+		// as the ones that are injected into the tests.+		$this->set_private_property( Services::class, 'plugin', $this->plugin );+		$this->set_private_property( Services::class, 'container', $this->container );+		$this->set_private_property( Services::class, 'injector', $this->injector );