%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
/**
* Class for CSS logic.
*
* @package ThemeIsle
*/
namespace ThemeIsle\GutenbergBlocks;
/**
* Class Blocks_CSS.
*/
class Blocks_CSS {
/**
* The main instance var.
*
* @var Blocks_CSS
*/
public static $instance = null;
/**
* Initialize the class
*/
public function init() {
if ( ! defined( 'BLOCKS_CSS_URL' ) ) {
define( 'BLOCKS_CSS_URL', OTTER_BLOCKS_URL );
define( 'BLOCKS_CSS_PATH', OTTER_BLOCKS_PATH );
}
add_action( 'enqueue_block_editor_assets', array( $this, 'enqueue_editor_assets' ), 1 );
add_action( 'wp_head', array( $this, 'render_server_side_css' ) );
add_action( 'wp_loaded', array( $this, 'add_attributes_to_blocks' ) );
add_filter( 'otter_blocks_css', array( $this, 'add_css_to_otter' ), 10, 1 );
}
/**
* Load Gutenberg assets.
*
* @since 1.0.0
* @access public
*/
public function enqueue_editor_assets() {
$current_screen = get_current_screen();
if ( 'widgets' === $current_screen->base || 'customize' === $current_screen->base ) {
return;
}
wp_enqueue_code_editor( array( 'type' => 'text/css' ) );
wp_add_inline_script(
'wp-codemirror',
'window.CodeMirror = wp.CodeMirror;'
);
$asset_file = include BLOCKS_CSS_PATH . '/build/css/index.asset.php';
if ( defined( 'OTTER_BLOCKS_VERSION' ) ) {
array_push( $asset_file['dependencies'], 'otter-blocks' );
}
wp_enqueue_script(
'otter-css',
BLOCKS_CSS_URL . 'build/css/index.js',
array_merge( $asset_file['dependencies'], array( 'code-editor', 'csslint' ) ),
$asset_file['version'],
true
);
wp_localize_script(
'otter-css',
'blocksCSS',
array(
'hasOtter' => defined( 'OTTER_BLOCKS_VERSION' ),
)
);
wp_set_script_translations( 'otter-css', 'otter-blocks' );
wp_enqueue_style(
'otter-css',
BLOCKS_CSS_URL . 'build/css/index.css',
array( 'code-editor' ),
$asset_file['version']
);
}
/**
* 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 = parse_blocks( $post->post_content );
if ( ! is_array( $blocks ) || empty( $blocks ) ) {
return;
}
$css = $this->cycle_through_blocks( $blocks, $post->ID );
if ( empty( $css ) ) {
return;
}
$style = "\n" . '<style type="text/css" media="all">' . "\n";
$style .= $css;
$style .= "\n" . '</style>' . "\n";
echo $style; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
}
/**
* Cycle thorugh Blocks
*
* @param array $inner_blocks Array of blocks.
* @param int $id Post ID.
*
* @since 1.0.0
* @access public
*/
public function cycle_through_blocks( $inner_blocks, $id ) {
$style = '';
foreach ( $inner_blocks as $block ) {
$file_name = get_post_meta( $id, '_themeisle_gutenberg_block_stylesheet', true );
$render_css = empty( $file_name ) || strpos( $file_name, 'post-v2' ) === false;
if ( $render_css && 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 = parse_blocks( $reusable_block->post_content );
$style .= $this->cycle_through_blocks( $blocks, $reusable_block->ID );
}
if ( isset( $block['innerBlocks'] ) && ! empty( $block['innerBlocks'] ) && is_array( $block['innerBlocks'] ) ) {
$style .= $this->cycle_through_blocks( $block['innerBlocks'], $id );
}
}
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' => '',
);
}
}
/**
* Append Block CSS to Otter's CSS file..
*
* @param int $block Block.
*
* @since 1.1.4
* @access public
*/
public function add_css_to_otter( $block ) {
$style = '';
if ( isset( $block['attrs'] ) ) {
if ( isset( $block['attrs']['hasCustomCSS'] ) && isset( $block['attrs']['customCSS'] ) ) {
$style .= $block['attrs']['customCSS'];
}
}
return $style;
}
/**
* The instance method for the static class.
* Defines and returns the instance of the static class.
*
* @static
* @since 1.0.0
* @access public
* @return Blocks_CSS
*/
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?', 'otter-blocks' ), '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?', 'otter-blocks' ), '1.0.0' );
}
}
Zerion Mini Shell 1.0