Mr.X


<?php
/**
 * Position block support flag.
 *
 * @package WordPress
 * @since 6.2.0
 */

/**
 * Registers the style block attribute for block types that support it.
 *
 * @since 6.2.0
 * @access private
 *
 * @param WP_Block_Type $block_type Block Type.
 */
function wp_register_position_support( $block_type ) {
    $has_position_support = block_has_support( $block_type, 'position', false );

    // Set up attributes and styles within that if needed.
    if ( ! $block_type->attributes ) {
        $block_type->attributes = array();
    }

    if ( $has_position_support && ! array_key_exists( 'style', $block_type->attributes ) ) {
        $block_type->attributes['style'] = array(
            'type' => 'object',
        );
    }
}

/**
 * Renders position styles to the block wrapper.
 *
 * @since 6.2.0
 * @access private
 *
 * @param  string $block_content Rendered block content.
 * @param  array  $block         Block object.
 * @return string                Filtered block content.
 */
function wp_render_position_support( $block_content, $block ) {
    $block_type           = WP_Block_Type_Registry::get_instance()->get_registered( $block['blockName'] );
    $has_position_support = block_has_support( $block_type, 'position', false );

    if (
        ! $has_position_support ||
        empty( $block['attrs']['style']['position'] )
    ) {
        return $block_content;
    }

    $global_settings          = wp_get_global_settings();
    $theme_has_sticky_support = isset( $global_settings['position']['sticky'] ) ? $global_settings['position']['sticky'] : false;
    $theme_has_fixed_support  = isset( $global_settings['position']['fixed'] ) ? $global_settings['position']['fixed'] : false;

    // Only allow output for position types that the theme supports.
    $allowed_position_types = array();
    if ( true === $theme_has_sticky_support ) {
        $allowed_position_types[] = 'sticky';
    }
    if ( true === $theme_has_fixed_support ) {
        $allowed_position_types[] = 'fixed';
    }

    $style_attribute = isset( $block['attrs']['style'] ) ? $block['attrs']['style'] : null;
    $class_name      = wp_unique_id( 'wp-container-' );
    $selector        = ".$class_name";
    $position_styles = array();
    $position_type   = isset( $style_attribute['position']['type'] ) ? $style_attribute['position']['type'] : '';
    $wrapper_classes = array();

    if (
        in_array( $position_type, $allowed_position_types, true )
    ) {
        $wrapper_classes[] = $class_name;
        $wrapper_classes[] = 'is-position-' . $position_type;
        $sides             = array( 'top', 'right', 'bottom', 'left' );

        foreach ( $sides as $side ) {
            $side_value = isset( $style_attribute['position'][ $side ] ) ? $style_attribute['position'][ $side ] : null;
            if ( null !== $side_value ) {
                /*
                 * For fixed or sticky top positions,
                 * ensure the value includes an offset for the logged in admin bar.
                 */
                if (
                    'top' === $side &&
                    ( 'fixed' === $position_type || 'sticky' === $position_type )
                ) {
                    // Ensure 0 values can be used in `calc()` calculations.
                    if ( '0' === $side_value || 0 === $side_value ) {
                        $side_value = '0px';
                    }

                    // Ensure current side value also factors in the height of the logged in admin bar.
                    $side_value = "calc($side_value + var(--wp-admin--admin-bar--position-offset, 0px))";
                }

                $position_styles[] =
                    array(
                        'selector'     => $selector,
                        'declarations' => array(
                            $side => $side_value,
                        ),
                    );
            }
        }

        $position_styles[] =
            array(
                'selector'     => $selector,
                'declarations' => array(
                    'position' => $position_type,
                    'z-index'  => '10',
                ),
            );
    }

    if ( ! empty( $position_styles ) ) {
        /*
         * Add to the style engine store to enqueue and render position styles.
         */
        wp_style_engine_get_stylesheet_from_css_rules(
            $position_styles,
            array(
                'context'  => 'block-supports',
                'prettify' => false,
            )
        );

        // Inject class name to block container markup.
        $content = new WP_HTML_Tag_Processor( $block_content );
        $content->next_tag();
        foreach ( $wrapper_classes as $class ) {
            $content->add_class( $class );
        }
        return (string) $content;
    }

    return $block_content;
}

// Register the block support.
WP_Block_Supports::get_instance()->register(
    'position',
    array(
        'register_attribute' => 'wp_register_position_support',
    )
);
add_filter( 'render_block', 'wp_render_position_support', 10, 2 );