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', 'blocks-css' ); 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; } $content = ''; if ( ! defined( 'OTTER_BLOCKS_VERSION' ) && get_queried_object() === null && function_exists( 'wp_is_block_theme' ) && wp_is_block_theme() && current_theme_supports( 'block-templates' ) ) { global $_wp_current_template_content; $slugs = array(); $template_blocks = parse_blocks( $_wp_current_template_content ); foreach ( $template_blocks as $template_block ) { if ( 'core/template-part' === $template_block['blockName'] ) { $slugs[] = $template_block['attrs']['slug']; } } $templates_parts = get_block_templates( array( 'slugs__in' => $slugs ), 'wp_template_part' ); foreach ( $templates_parts as $templates_part ) { if ( ! empty( $templates_part->content ) && ! empty( $templates_part->slug ) && in_array( $templates_part->slug, $slugs ) ) { $content .= $templates_part->content; } } $content .= $_wp_current_template_content; } else { $content = $post->post_content; } $blocks = parse_blocks( $content ); if ( ! is_array( $blocks ) || empty( $blocks ) ) { return; } $css = $this->cycle_through_blocks( $blocks, $post->ID ); if ( empty( $css ) ) { return; } $style = "\n" . '' . "\n"; echo $style; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped } } /** * Cycle through 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 ( ! 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 $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 array $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__, 'Cheatin’ huh?', '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__, 'Cheatin’ huh?', '1.0.0' ); } }