load when plugin is active, add comments

Author: kaeizen

src/block-components/image/image-optimizer-polyfill.js

@@ -4,6 +4,11 @@
 import domReady from '@wordpress/dom-ready'
 
 class ImageOptimizerPolyfill {
+	/**
+	 * This script is loaded when EWWW Image Optimizer plugin is activated
+	 * If Easy IO setting is activated for EWWW Image Optimizer plugin, dynamic images becomes blurry.
+	 * This script fixes the issue by removing the &fit parameter from the srcset and src attributes
+	 */
 	init = () => {
 		const imgs = document.querySelectorAll( '.stk-block img' )
 		imgs.forEach( img => {

src/block-components/image/index.php

@@ -7,6 +7,8 @@
 
 if ( ! function_exists( 'stackable_load_image_optimizer_polyfill_frontend_script' ) ) {
 	function stackable_load_image_optimizer_polyfill_frontend_script( $block_content, $block ) {
+		// If Easy IO setting is activated for EWWW Image Optimizer, dynamic images becomes blurry.
+		// Load the script to fix the issue.
 		if ( ! is_admin() ) {
 			wp_enqueue_script(
 				'stk-frontend-image-optimizer-polyfill',
@@ -21,7 +23,8 @@ function stackable_load_image_optimizer_polyfill_frontend_script( $block_content
 		}
 	}
 
-	if ( ! is_admin() ) {
+	if ( ! is_admin() && is_plugin_active( 'ewww-image-optimizer/ewww-image-optimizer.php' )) {
+		// Load the script in the frontend if EWWW Image Optimizer is active.
 		add_action( 'stackable/enqueue_scripts', 'stackable_load_image_optimizer_polyfill_frontend_script', 10, 2 );
 	}
 }