fix: do not replace image with picture when viewing from a pagebuilder

Author: tijmenbruggeman

src/class-tiny-helpers.php

@@ -20,6 +20,7 @@
 
 class Tiny_Helpers {
 
+
 	/**
 	 * truncate_text will truncate a string to a given length.
 	 * When text is longer than the given length, the string will be truncated and
@@ -108,4 +109,32 @@ public static function get_mimetype( $input ) {
 			throw new Exception( 'finfo extension is not available.' );
 		}
 	}
+
+
+	/**
+	 * Checks wether a user is viewing from a page builder
+	 */
+	public static function is_pagebuilder_request() {
+		$pagebuilder_keys = array(
+			'fl_builder', // Beaver Builder
+			'et_fb', // Divi Builder
+			'bricks', // Bricks Builder
+			'breakdance', // Breakdance Builder
+			'breakdance_browser', // Breakdance Builder
+			'ct_builder', // Oxygen Builder
+			'fb-edit', // Avada Live Builder
+			'spio_no_cdn', // Site Origin
+			'tatsu', // Tatsu Builder
+			'tve', // Thrive Architect
+			'tcbf', // Thrive Architect
+		);
+
+		foreach ( $pagebuilder_keys as $key ) {
+			if ( isset( $_GET[ $key ] ) ) {
+				return true;
+			}
+		}
+
+		return false;
+	}
 }

src/class-tiny-picture.php

@@ -31,6 +31,7 @@ class Tiny_Picture extends Tiny_WP_Base {
 
 
 
+
 	/** @var string */
 	private $base_dir;
 
@@ -59,6 +60,10 @@ function __construct( $base_dir = ABSPATH, $domains = array() ) {
 			return;
 		}
 
+		if ( Tiny_Helpers::is_pagebuilder_request() ) {
+			return;
+		}
+
 		add_action('template_redirect', function () {
 			ob_start( array( $this, 'replace_sources' ), 1000 );
 		});
@@ -189,6 +194,7 @@ private function filter_images( $content ) {
 abstract class Tiny_Source_Base {
 
 
+
 	public $raw_html;
 	protected $base_dir;
 	protected $allowed_domains;
@@ -237,9 +243,9 @@ protected function get_element_by_tag( $html, $tagname ) {
 		$regex_tag = preg_quote( $tagname, '~' );
 		if ( preg_match_all(
 			'~<' . $regex_tag .
-			'\b(?:[^>"\']+|"[^"]*"|\'[^\']*\')*>.*?</' .
-			$regex_tag .
-			'>~is',
+				'\b(?:[^>"\']+|"[^"]*"|\'[^\']*\')*>.*?</' .
+				$regex_tag .
+				'>~is',
 			$html,
 			$matches
 		) ) {
@@ -379,11 +385,13 @@ protected function create_alternative_sources( $original_source_html ) {
 				}
 			}
 
-			if ( $width_descriptor &&
+			if (
+				$width_descriptor &&
 				! self::srcset_contains_width_descriptor(
 					$srcset_parts,
 					$width_descriptor
-				) ) {
+				)
+			) {
 				continue;
 			}
 
@@ -412,7 +420,7 @@ protected function create_alternative_sources( $original_source_html ) {
 			}
 			$source_parts[] = '/>';
 			$sources[] = implode( ' ', $source_parts );
-		}// End foreach().
+		} // End foreach().
 
 		return $sources;
 	}
@@ -472,6 +480,7 @@ class Tiny_Picture_Source extends Tiny_Source_Base {
 
 
 
+
 	/**
 	 * Adds alternative format sources (e.g., image/webp, image/avif) to an existing
 	 * <picture> element based on locally available converted files.
@@ -513,6 +522,7 @@ public function augment_picture_element() {
 
 class Tiny_Image_Source extends Tiny_Source_Base {
 
+
 	/**
 	 * Generates a formatted image source array if the corresponding local file exists.
 	 *