239 lines
5.7 KiB
PHP
239 lines
5.7 KiB
PHP
|
<?php
|
||
|
/**
|
||
|
* Load CSS logic.
|
||
|
*
|
||
|
* @package gutenberg-css
|
||
|
*/
|
||
|
|
||
|
namespace ReduxTemplates;
|
||
|
|
||
|
if ( ! class_exists( '\ReduxTemplates\Gutenberg_Custom_CSS' ) ) {
|
||
|
|
||
|
/**
|
||
|
* Class GutenbergCSS.
|
||
|
*/
|
||
|
class Gutenberg_Custom_CSS {
|
||
|
|
||
|
/**
|
||
|
* The main instance var.
|
||
|
*
|
||
|
* @var Gutenberg_Custom_CSS
|
||
|
*/
|
||
|
public static $instance = null;
|
||
|
|
||
|
/**
|
||
|
* Initialize the class
|
||
|
*/
|
||
|
public function init() {
|
||
|
add_action( 'enqueue_block_editor_assets', array( $this, 'enqueue_editor_assets' ) );
|
||
|
add_action( 'wp_head', array( $this, 'render_server_side_css' ) );
|
||
|
add_action( 'wp_loaded', array( $this, 'add_attributes_to_blocks' ) );
|
||
|
add_action( 'plugins_loaded', array( $this, 'remove_themeisle_css' ), 99 );
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Remove ThemeIsle GutenbergCSS.
|
||
|
*
|
||
|
* @since 4.0.0
|
||
|
* @access public
|
||
|
*/
|
||
|
public function remove_themeisle_css() {
|
||
|
if ( class_exists( '\ThemeIsle\GutenbergCSS' ) ) {
|
||
|
$instance = \ThemeIsle\GutenbergCSS::instance();
|
||
|
remove_action(
|
||
|
'enqueue_block_editor_assets',
|
||
|
array(
|
||
|
$instance,
|
||
|
'enqueue_editor_assets',
|
||
|
)
|
||
|
);
|
||
|
remove_action( 'wp_head', array( $instance, 'render_server_side_css' ) );
|
||
|
remove_action( 'wp_loaded', array( $instance, 'add_attributes_to_blocks' ) );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Load Gutenberg assets.
|
||
|
*
|
||
|
* @since 1.0.0
|
||
|
* @access public
|
||
|
*/
|
||
|
public function enqueue_editor_assets() {
|
||
|
|
||
|
wp_enqueue_code_editor( array( 'type' => 'text/css' ) );
|
||
|
|
||
|
wp_add_inline_script(
|
||
|
'wp-codemirror',
|
||
|
'window.CodeMirror = wp.CodeMirror;'
|
||
|
);
|
||
|
|
||
|
wp_set_script_translations( 'redux-gutenberg-css', 'redux-framework' );
|
||
|
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Parse Blocks for Gutenberg and WordPress 5.0
|
||
|
*
|
||
|
* @param string $content Content to parse.
|
||
|
*
|
||
|
* @since 1.0.0
|
||
|
* @access public
|
||
|
* @return string
|
||
|
*/
|
||
|
public function parse_blocks( $content ) {
|
||
|
if ( ! function_exists( 'parse_blocks' ) ) {
|
||
|
return gutenberg_parse_blocks( $content );
|
||
|
} else {
|
||
|
return parse_blocks( $content );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Render server-side CSS
|
||
|
*
|
||
|
* @since 1.0.0
|
||
|
* @access public
|
||
|
*/
|
||
|
public function render_server_side_css() {
|
||
|
if ( function_exists( 'has_blocks' ) && has_blocks( get_the_ID() ) ) {
|
||
|
global $post;
|
||
|
|
||
|
if ( ! is_object( $post ) ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$blocks = $this->parse_blocks( $post->post_content );
|
||
|
|
||
|
if ( ! is_array( $blocks ) || empty( $blocks ) ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$style = "\n" . '<style type="text/css" media="all">' . "\n";
|
||
|
$style .= $this->cycle_through_blocks( $blocks );
|
||
|
$style .= "\n" . '</style>' . "\n";
|
||
|
|
||
|
echo $style; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Cycle thorugh Blocks
|
||
|
*
|
||
|
* @param array $inner_blocks Array of blocks.
|
||
|
* @since 1.0.0
|
||
|
* @access public
|
||
|
* @return string
|
||
|
*/
|
||
|
public function cycle_through_blocks( $inner_blocks ) {
|
||
|
$style = '';
|
||
|
foreach ( $inner_blocks as $block ) {
|
||
|
if ( isset( $block['attrs'] ) ) {
|
||
|
if ( isset( $block['attrs']['hasCustomCSS'] ) && isset( $block['attrs']['customCSS'] ) ) {
|
||
|
$style .= $block['attrs']['customCSS'];
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ( 'core/block' === $block['blockName'] && ! empty( $block['attrs']['ref'] ) ) {
|
||
|
$reusable_block = get_post( $block['attrs']['ref'] );
|
||
|
|
||
|
if ( ! $reusable_block || 'wp_block' !== $reusable_block->post_type ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if ( 'publish' !== $reusable_block->post_status || ! empty( $reusable_block->post_password ) ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
$blocks = $this->parse_blocks( $reusable_block->post_content );
|
||
|
|
||
|
$style .= $this->cycle_through_blocks( $blocks );
|
||
|
}
|
||
|
|
||
|
if ( isset( $block['innerBlocks'] ) && ! empty( $block['innerBlocks'] ) && is_array( $block['innerBlocks'] ) ) {
|
||
|
$style .= $this->cycle_through_blocks( $block['innerBlocks'] );
|
||
|
}
|
||
|
}
|
||
|
return $style;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Adds the `hasCustomCSS` and `customCSS` attributes to all blocks, to avoid `Invalid parameter(s): attributes`
|
||
|
* error in Gutenberg.
|
||
|
*
|
||
|
* @since 1.0.3
|
||
|
* @access public
|
||
|
*/
|
||
|
public function add_attributes_to_blocks() {
|
||
|
$registered_blocks = \WP_Block_Type_Registry::get_instance()->get_all_registered();
|
||
|
|
||
|
foreach ( $registered_blocks as $name => $block ) {
|
||
|
$block->attributes['hasCustomCSS'] = array(
|
||
|
'type' => 'boolean',
|
||
|
'default' => false,
|
||
|
);
|
||
|
|
||
|
$block->attributes['customCSS'] = array(
|
||
|
'type' => 'string',
|
||
|
'default' => '',
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Method to return path to child class in a Reflective Way.
|
||
|
*
|
||
|
* @since 1.0.0
|
||
|
* @access protected
|
||
|
* @return string
|
||
|
*/
|
||
|
protected function get_dir() {
|
||
|
return dirname( __FILE__ );
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* The instance method for the static class.
|
||
|
* Defines and returns the instance of the static class.
|
||
|
*
|
||
|
* @static
|
||
|
* @since 1.0.0
|
||
|
* @access public
|
||
|
* @return GutenbergCSS
|
||
|
*/
|
||
|
public static function instance() {
|
||
|
if ( is_null( self::$instance ) ) {
|
||
|
self::$instance = new self();
|
||
|
self::$instance->init();
|
||
|
}
|
||
|
|
||
|
return self::$instance;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Throw error on object clone
|
||
|
*
|
||
|
* The whole idea of the singleton design pattern is that there is a single
|
||
|
* object therefore, we don't want the object to be cloned.
|
||
|
*
|
||
|
* @access public
|
||
|
* @since 1.0.0
|
||
|
* @return void
|
||
|
*/
|
||
|
public function __clone() {
|
||
|
// Cloning instances of the class is forbidden.
|
||
|
_doing_it_wrong( __FUNCTION__, esc_html__( 'Cheatin’ huh?', 'redux-framework' ), '1.0.0' );
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Disable unserializing of the class
|
||
|
*
|
||
|
* @access public
|
||
|
* @since 1.0.0
|
||
|
* @return void
|
||
|
*/
|
||
|
public function __wakeup() {
|
||
|
// Unserializing instances of the class is forbidden.
|
||
|
_doing_it_wrong( __FUNCTION__, esc_html__( 'Cheatin’ huh?', 'redux-framework' ), '1.0.0' );
|
||
|
}
|
||
|
}
|
||
|
}
|