Mirror package @woocommerce/email-editor-config from WooCommerce

Upstream-Ref: woocommerce/woocommerce@3d4ccab

Author: pavel-mailpoet

changelog.md

@@ -2,6 +2,13 @@
 
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.4.2](https://github.com/woocommerce/email-editor/releases/tag/1.4.2) - 2025-08-21 
+
+-   Patch - Filter unnecessary stylesheets from iframe assets [#60354]
+-   Patch - Fix Email editor conflict with the site editor. [#60465]
+-   Patch - Fix horizontal scrolling issue in the email editor on mobile devices. [#60355]
+-   Patch - Use custom log filepath defined in WP_DEBUG_LOG when specified. [#60255]
+
 ## [1.4.1](https://github.com/woocommerce/email-editor/releases/tag/1.4.1) - 2025-08-08 
 
 -   Patch - Introduce new class Assets_Manager to simplify integration. [#60165]

composer.json

@@ -5,7 +5,7 @@
 	"license": "GPL-2.0-or-later",
 	"prefer-stable": true,
 	"minimum-stability": "dev",
-	"version": "1.4.1",
+	"version": "1.4.2",
 	"autoload": {
 		"classmap": [
 			"src/"

src/Engine/Logger/class-default-email-editor-logger.php

@@ -36,7 +36,17 @@ class Default_Email_Editor_Logger implements Email_Editor_Logger_Interface {
 	 * Constructor.
 	 */
 	public function __construct() {
-		$this->log_file = defined( 'WP_DEBUG_LOG' ) && WP_DEBUG_LOG ? WP_CONTENT_DIR . '/debug.log' : '';
+		if ( defined( 'WP_DEBUG_LOG' ) ) {
+			if ( true === WP_DEBUG_LOG ) {
+				$this->log_file = WP_CONTENT_DIR . '/debug.log';
+			} elseif ( is_string( WP_DEBUG_LOG ) && ! empty( WP_DEBUG_LOG ) ) {
+				$this->log_file = WP_DEBUG_LOG;
+			} else {
+				$this->log_file = '';
+			}
+		} else {
+			$this->log_file = '';
+		}
 	}
 
 	/**

src/Engine/class-email-editor.php

@@ -105,8 +105,6 @@ public function initialize(): void {
 		$this->logger->info( 'Initializing email editor' );
 		do_action( 'woocommerce_email_editor_initialized' );
 		add_filter( 'woocommerce_email_editor_rendering_theme_styles', array( $this, 'extend_email_theme_styles' ), 10, 2 );
-		// Initialize the assets manager.
-		$this->assets_manager->initialize();
 
 		$this->register_block_patterns();
 		$this->register_email_post_types();
@@ -116,6 +114,8 @@ public function initialize(): void {
 		$is_editor_page = apply_filters( 'woocommerce_is_email_editor_page', false );
 		if ( $is_editor_page ) {
 			$this->extend_email_post_api();
+			// Initialize the assets manager.
+			$this->assets_manager->initialize();
 		}
 		add_action( 'rest_api_init', array( $this, 'register_email_editor_api_routes' ) );
 		add_filter( 'woocommerce_email_editor_send_preview_email', array( $this->send_preview_email, 'send_preview_email' ), 11, 1 ); // allow for other filter methods to take precedent.

src/Engine/class-settings-controller.php

@@ -24,6 +24,13 @@ class Settings_Controller {
 	 */
 	private Theme_Controller $theme_controller;
 
+	/**
+	 * Allowed iframe style handles.
+	 *
+	 * @var string[]
+	 */
+	private array $allowed_iframe_style_handles = array();
+
 	/**
 	 * Assets for iframe editor (component styles, scripts, etc.)
 	 *
@@ -55,10 +62,11 @@ public function get_settings(): array {
 
 		$settings = array_merge( $core_default_settings, self::DEFAULT_SETTINGS );
 		// Assets for iframe editor (component styles, scripts, etc.).
-		$settings['__unstableResolvedAssets'] = $this->iframe_assets;
-		$editor_content_styles                = file_get_contents( __DIR__ . '/content-editor.css' );
-		$shares_content_styles                = file_get_contents( __DIR__ . '/content-shared.css' );
-		$settings['styles']                   = array(
+		$settings['__unstableResolvedAssets']  = $this->iframe_assets;
+		$settings['allowedIframeStyleHandles'] = $this->allowed_iframe_style_handles;
+		$editor_content_styles                 = file_get_contents( __DIR__ . '/content-editor.css' );
+		$shares_content_styles                 = file_get_contents( __DIR__ . '/content-shared.css' );
+		$settings['styles']                    = array(
 			array( 'css' => $editor_content_styles ),
 			array( 'css' => $shares_content_styles ),
 		);
@@ -180,6 +188,42 @@ public function translate_slug_to_color( string $color_slug ): string {
 		return $this->theme_controller->translate_slug_to_color( $color_slug );
 	}
 
+	/**
+	 * Get the allowed iframe style handles.
+	 *
+	 * @return array
+	 */
+	private function get_allowed_iframe_style_handles() {
+		// Core style handles.
+		$allowed_iframe_style_handles = array(
+			'wp-components-css',
+			'wp-reset-editor-styles-css',
+			'wp-block-library-css',
+			'wp-block-editor-content-css',
+			'wp-edit-blocks-css',
+		);
+
+		foreach ( \WP_Block_Type_Registry::get_instance()->get_all_registered() as $block ) {
+			if ( ! isset( $block->supports['email'] ) || ! $block->supports['email'] ) {
+				continue;
+			}
+
+			if ( strpos( $block->name, 'core/' ) !== false ) {
+				continue;
+			}
+
+			foreach ( $block->style_handles as $handle ) {
+				$allowed_iframe_style_handles[] = $handle . '-css';
+			}
+
+			foreach ( $block->editor_style_handles as $handle ) {
+				$allowed_iframe_style_handles[] = $handle . '-css';
+			}
+		}
+
+		return apply_filters( 'woocommerce_email_editor_allowed_iframe_style_handles', $allowed_iframe_style_handles );
+	}
+
 	/**
 	 * Method to initialize iframe assets.
 	 *
@@ -190,20 +234,19 @@ private function init_iframe_assets(): void {
 			return;
 		}
 
-		$this->iframe_assets = _wp_get_iframed_editor_assets();
+		$this->iframe_assets                = _wp_get_iframed_editor_assets();
+		$this->allowed_iframe_style_handles = $this->get_allowed_iframe_style_handles();
 
-		// Remove layout styles and block library for classic themes. They are added only when a classic theme is active
-		// and they add unwanted margins and paddings in the editor content.
 		$cleaned_styles = array();
 		foreach ( explode( "\n", (string) $this->iframe_assets['styles'] ) as $asset ) {
-			if ( strpos( $asset, 'wp-editor-classic-layout-styles-css' ) !== false ) {
-				continue;
+			foreach ( $this->allowed_iframe_style_handles as $handle ) {
+				if ( strpos( $asset, $handle ) !== false ) {
+					$cleaned_styles[] = $asset;
+					break;
+				}
 			}
-			if ( strpos( $asset, 'wp-block-library-theme-css' ) !== false ) {
-				continue;
-			}
-			$cleaned_styles[] = $asset;
 		}
+
 		$this->iframe_assets['styles'] = implode( "\n", $cleaned_styles );
 	}
 }

src/Engine/content-editor.css

@@ -177,3 +177,11 @@ ol {
 	background-color:#000;
 	color:#fff;
 }
+
+/**
+ * Override the default overflow-x for the iframe in the editor.
+ * This is needed because we do want allow scrolling on small screens such as mobile devices.
+ */
+.block-editor-iframe__body {
+	overflow-x: auto;
+}