<?php namespace Elementor\Modules\Gutenberg; use Elementor\Core\Base\Module as BaseModule; use Elementor\Core\Experiments\Manager as Experiments_Manager; use Elementor\Plugin; use Elementor\User; use Elementor\Utils; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } class Module extends BaseModule { protected $is_gutenberg_editor_active = false; /** * @since 2.1.0 * @access public */ public function get_name() { return 'gutenberg'; } /** * @since 2.1.0 * @access public * @static */ public static function is_active() { return function_exists( 'register_block_type' ); } /** * @since 2.1.0 * @access public */ public function register_elementor_rest_field() { register_rest_field( get_post_types( '', 'names' ), 'gutenberg_elementor_mode', [ 'update_callback' => function( $request_value, $object ) { if ( ! User::is_current_user_can_edit( $object->ID ) ) { return false; } $document = Plugin::$instance->documents->get( $object->ID ); if ( ! $document ) { return false; } $document->set_is_built_with_elementor( false ); return true; }, ] ); } /** * @since 2.1.0 * @access public */ public function enqueue_assets() { $document = Plugin::$instance->documents->get( get_the_ID() ); if ( ! $document || ! $document->is_editable_by_current_user() ) { return; } $this->is_gutenberg_editor_active = true; $suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min'; wp_enqueue_script( 'elementor-gutenberg', ELEMENTOR_ASSETS_URL . 'js/gutenberg' . $suffix . '.js', [ 'jquery' ], ELEMENTOR_VERSION, true ); $elementor_settings = [ 'isElementorMode' => $document->is_built_with_elementor(), 'editLink' => $document->get_edit_url(), ]; Utils::print_js_config( 'elementor-gutenberg', 'ElementorGutenbergSettings', $elementor_settings ); } /** * @since 2.1.0 * @access public */ public function print_admin_js_template() { if ( ! $this->is_gutenberg_editor_active ) { return; } ?> <script id="elementor-gutenberg-button-switch-mode" type="text/html"> <div id="elementor-switch-mode"> <button id="elementor-switch-mode-button" type="button" class="button button-primary button-large"> <span class="elementor-switch-mode-on"><?php echo esc_html__( '&#8592; Back to WordPress Editor', 'elementor' ); ?></span> <span class="elementor-switch-mode-off"> <i class="eicon-elementor-square" aria-hidden="true"></i> <?php echo esc_html__( 'Edit with Elementor', 'elementor' ); ?> </span> </button> </div> </script> <script id="elementor-gutenberg-panel" type="text/html"> <div id="elementor-editor"> <div id="elementor-go-to-edit-page-link"> <button id="elementor-editor-button" class="button button-primary button-hero"> <i class="eicon-elementor-square" aria-hidden="true"></i> <?php echo esc_html__( 'Edit with Elementor', 'elementor' ); ?> </button> <div class="elementor-loader-wrapper"> <div class="elementor-loader"> <div class="elementor-loader-boxes"> <div class="elementor-loader-box"></div> <div class="elementor-loader-box"></div> <div class="elementor-loader-box"></div> <div class="elementor-loader-box"></div> </div> </div> <div class="elementor-loading-title"><?php echo esc_html__( 'Loading', 'elementor' ); ?></div> </div> </div> </div> </script> <script id="elementor-gutenberg-button-tmpl" type="text/html"> <div id="elementor-edit-button-gutenberg"> <button id="elementor-edit-mode-button" type="button" class="button button-primary button-large"> <span class="elementor-edit-mode-gutenberg"> <i class="eicon-elementor-square" aria-hidden="true"></i> <?php echo esc_html__( 'Edit with Elementor', 'elementor' ); ?> </span> </button> </div> </script> <?php } /** * @since 2.1.0 * @access public */ public function __construct() { add_action( 'rest_api_init', [ $this, 'register_elementor_rest_field' ] ); add_action( 'enqueue_block_editor_assets', [ $this, 'enqueue_assets' ] ); add_action( 'admin_footer', [ $this, 'print_admin_js_template' ] ); add_action( 'wp_enqueue_scripts', [ $this, 'dequeue_assets' ], 999 ); } public function dequeue_assets() { if ( ! static::is_optimized_gutenberg_loading_enabled() ) { return; } if ( ! static::should_dequeue_gutenberg_assets() ) { return; } wp_dequeue_style( 'wp-block-library' ); wp_dequeue_style( 'wp-block-library-theme' ); wp_dequeue_style( 'wc-block-style' ); wp_dequeue_style( 'wc-blocks-style' ); } /** * Check whether the "Optimized Gutenberg Loading" settings is enabled. * * The 'elementor_optimized_gutenberg_loading' option can be enabled/disabled from the Elementor settings. * For BC, when the option has not been saved in the database, the default '1' value is returned. * * @since 3.21.0 * @access private */ private static function is_optimized_gutenberg_loading_enabled() : bool { return (bool) get_option( 'elementor_optimized_gutenberg_loading', '1' ); } private static function should_dequeue_gutenberg_assets() : bool { $post = get_post(); if ( empty( $post->ID ) ) { return false; } if ( ! static::is_built_with_elementor( $post ) ) { return false; } if ( static::is_gutenberg_in_post( $post ) ) { return false; } return true; } private static function is_built_with_elementor( $post ) : bool { $document = Plugin::$instance->documents->get( $post->ID ); if ( ! $document || ! $document->is_built_with_elementor() ) { return false; } return true; } private static function is_gutenberg_in_post( $post ) : bool { if ( has_blocks( $post ) ) { return true; } if ( static::current_theme_is_fse_theme() ) { return true; } return false; } private static function current_theme_is_fse_theme() : bool { if ( function_exists( 'wp_is_block_theme' ) ) { return (bool) wp_is_block_theme(); } if ( function_exists( 'gutenberg_is_fse_theme' ) ) { return (bool) gutenberg_is_fse_theme(); } return false; } }