📁 Captain File Manager

✏️ Editing: atomic-styles-manager.php

<?php

namespace Elementor\Modules\AtomicWidgets\Styles;

use Elementor\Core\Base\Document;
use Elementor\Core\Breakpoints\Breakpoint;
use Elementor\Core\Utils\Collection;
use Elementor\Modules\AtomicWidgets\Utils\Memo;
use Elementor\Modules\AtomicWidgets\Styles\CacheValidity\Cache_Validity;
use Elementor\Plugin;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

class Atomic_Styles_Manager {
	private static ?self $instance = null;

/**
	 * @var array<string, array{styles: callable, path: array<string>}>
	 */
	private array $registered_styles_by_key = [];

private Cache_Validity $cache_validity;

private array $post_ids = [];

private CSS_Files_Manager $css_files_manager;

const DEFAULT_BREAKPOINT = 'desktop';

private array $fonts = [];

public function __construct() {
		$this->css_files_manager = new CSS_Files_Manager();
		$this->cache_validity = new Cache_Validity();
	}

public static function instance() {
		if ( ! self::$instance ) {
			self::$instance = new self();
		}

return self::$instance;
	}

public function register_hooks() {
		add_action( 'elementor/frontend/after_enqueue_post_styles', fn() => $this->enqueue_styles() );

add_action( 'elementor/post/render', function( $post_id ) {
			$this->post_ids[] = $post_id;
		} );

add_action( 'elementor/atomic-widgets/styles/clear', fn( array $path ) => $this->clear_styles( $path ) );
	}

public function register( array $path, callable $get_style_defs ) {
		$key = $this->convert_path_to_handle( $path );

$this->registered_styles_by_key[ $key ] = [
			'get_styles' => $get_style_defs,
			'path' => $path,
		];
	}

private function enqueue_styles() {
		if ( empty( $this->post_ids ) ) {
			return;
		}

do_action( 'elementor/atomic-widgets/styles/register', $this, $this->post_ids );

$get_styles_memo = new Memo();

$styles_by_key = Collection::make( $this->registered_styles_by_key )
			->map_with_keys( fn ( $style_params, $style_key ) => [
				$style_key => [
					'get_styles' => $get_styles_memo->memoize( $style_key, $style_params['get_styles'] ),
					'path' => $style_params['path'],
				],
			])
			->all();

$this->before_render( $styles_by_key );

$this->render( $styles_by_key );

$this->after_render( $styles_by_key );
	}

private function before_render( array $styles_by_key ) {
		$this->fonts = [];

foreach ( $styles_by_key as $style_key => $style_params ) {
			$path = $style_params['path'];

// This cache validity check is of the general style, and used to reset dependencies that can only be evaluated
			// upon the style rendering flow (i.e. when cache is invalid).
			// (the corresponding css files cache validity includes also the file's breakpoint in the cache keys array)
			if ( ! $this->cache_validity->is_valid( $path ) ) {
				Style_Fonts::make( $style_key )->clear();

// We should validate it after this iteration
				$this->cache_validity->validate( $path, uniqid() );
			}
		}
	}

private function render( array $styles_by_key ) {
		$group_by_breakpoint_memo = new Memo();
		$breakpoints = $this->get_breakpoints();

foreach ( $breakpoints as $breakpoint_key ) {
			foreach ( $styles_by_key as $style_key => $style_params ) {
				$path = $style_params['path'];
				$render_css = fn() => $this->render_css_by_breakpoints( $style_params['get_styles'], $style_key, $breakpoint_key, $group_by_breakpoint_memo );

$version = $this->cache_validity->get_meta( $path );

$breakpoint_media = $this->get_breakpoint_media( $breakpoint_key );

if ( ! $breakpoint_media ) {
					continue;
				}

$breakpoint_path = array_merge( $path, [ $breakpoint_key ] );

$style_file = $this->css_files_manager->get(
					$this->convert_path_to_handle( $breakpoint_path ),
					$breakpoint_media,
					$render_css,
					$this->cache_validity->is_valid( $breakpoint_path )
				);

$this->cache_validity->validate( $breakpoint_path );

if ( ! $style_file ) {
					continue;
				}

wp_enqueue_style(
					$style_file->get_handle(),
					$style_file->get_url(),
					[],
					$version,
					$style_file->get_media()
				);
			}
		}
	}

private function render_css( array $styles, string $style_key ) {
		$style_fonts = Style_Fonts::make( $style_key );

return Styles_Renderer::make(
			Plugin::$instance->breakpoints->get_breakpoints_config()
		)->on_prop_transform( function( $key, $value ) use ( $style_fonts ) {
			if ( 'font-family' !== $key ) {
				return;
			}

$style_fonts->add( $value );
		} )->render( $styles );
	}

private function get_breakpoint_media( string $breakpoint_key ): ?string {
		$breakpoint_config = Plugin::$instance->breakpoints->get_breakpoints_config()[ $breakpoint_key ] ?? null;

return $breakpoint_config ? Styles_Renderer::get_media_query( $breakpoint_config ) : 'all';
	}

private function render_css_by_breakpoints( callable $get_styles, string $style_key, string $breakpoint_key, Memo $group_by_breakpoint_memo ) {
		$memo_key = $style_key . '-' . $breakpoint_key;
		$get_grouped_styles = $group_by_breakpoint_memo->memoize( $memo_key, fn() => $this->group_by_breakpoint( $get_styles() ) );
		$grouped_styles = $get_grouped_styles();

return $this->render_css( $grouped_styles[ $breakpoint_key ] ?? [], $style_key );
	}

private function group_by_breakpoint( $styles ) {
		return Collection::make( $styles )->reduce( function( $group, $style ) {
			Collection::make( $style['variants'] )->each( function( $variant ) use ( &$group, $style ) {
				$breakpoint = $variant['meta']['breakpoint'] ?? self::DEFAULT_BREAKPOINT;

if ( ! isset( $group[ $breakpoint ][ $style['id'] ] ) ) {
					$group[ $breakpoint ][ $style['id'] ] = [
						'id' => $style['id'],
						'type' => $style['type'],
						'variants' => [],
					];
				}

$group[ $breakpoint ][ $style['id'] ]['variants'][] = $variant;
			} );

return $group;
		}, [] );
	}

private function get_breakpoints() {
		return Collection::make( Plugin::$instance->breakpoints->get_breakpoints() )
			->map( fn( Breakpoint $breakpoint ) => $breakpoint->get_name() )
			->reverse()
			->prepend( self::DEFAULT_BREAKPOINT )
			->all();
	}

private function after_render( array $styles_by_key ) {
		foreach ( $styles_by_key as $style_key => $style_params ) {
			$this->add_fonts_to_enqueue( $style_key );
		}

$this->enqueue_fonts();
	}

private function add_fonts_to_enqueue( string $style_key ) {
		$style_fonts = Style_Fonts::make( $style_key );

$this->fonts = array_unique(
			array_merge(
				$this->fonts,
				array_values( $style_fonts->get() )
			)
		);
	}

private function enqueue_fonts() {
		foreach ( $this->fonts as $font ) {
			Plugin::instance()->frontend->enqueue_font( $font );
		}
	}

private function clear_styles( array $path ) {
		$node = $this->cache_validity->get_node( $path );

$this->clear_styles_by_node( $path, $node );

$this->cache_validity->invalidate( $path );
	}

private function clear_styles_by_node( array $path, $node ) {
		if ( ! $node ) {
			return;
		}

if ( true === $node || $node['state'] ) {
			$this->css_files_manager->delete( $this->convert_path_to_handle( $path ) );
		}

if ( is_bool( $node ) || empty( $node['children'] ) ) {
			return;
		}

foreach ( $node['children'] as $child_key => $child_node ) {
			$this->clear_styles_by_node( array_merge( $path, [ $child_key ] ), $child_node );
		}
	}

private function convert_path_to_handle( array $path ) {
		return implode( '-', $path );
	}
}