1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

<?php
/**
 * Border block support flag.
 *
 * @package gutenberg
 */

/**
 * Registers the style attribute used by the border feature if needed for block types that
 * support borders.
 *
 * @param WP_Block_Type $block_type Block Type.
 */
function gutenberg_register_border_support( $block_type ) {
    // Determine border related features supported.
    // Border width, style etc can be added in the future.
    $has_border_radius_support = gutenberg_has_border_support( $block_type, 'radius' );

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

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

/**
 * Adds CSS classes and inline styles for border styles to the incoming
 * attributes array. This will be applied to the block markup in the front-end.
 *
 * @param WP_Block_type $block_type       Block type.
 * @param array         $block_attributes Block attributes.
 *
 * @return array Border CSS classes and inline styles.
 */
function gutenberg_apply_border_support( $block_type, $block_attributes ) {
    // Arrays used to ease addition of further border related features in future.
    $styles = array();

    // Border Radius.
    if ( gutenberg_has_border_support( $block_type, 'radius' ) ) {
        if ( isset( $block_attributes['style']['border']['radius'] ) ) {
            $border_radius = intval( $block_attributes['style']['border']['radius'] );
            $styles[]      = sprintf( 'border-radius: %dpx;', $border_radius );
        }
    }

    // Border width, style etc can be added here.

    // Collect classes and styles.
    $attributes = array();

    if ( ! empty( $styles ) ) {
        $attributes['style'] = implode( ' ', $styles );
    }

    return $attributes;
}

/**
 * Checks whether the current block type supports the feature requested.
 *
 * @param WP_Block_Type $block_type Block type to check for support.
 * @param string        $feature    Name of the feature to check support for.
 * @param mixed         $default    Fallback value for feature support, defaults to false.
 *
 * @return boolean                  Whether or not the feature is supported.
 */
function gutenberg_has_border_support( $block_type, $feature, $default = false ) {
    $block_support = false;
    if ( property_exists( $block_type, 'supports' ) ) {
        $block_support = gutenberg_experimental_get( $block_type->supports, array( '__experimentalBorder' ), $default );
    }

    return true === $block_support || ( is_array( $block_support ) && gutenberg_experimental_get( $block_support, array( $feature ), false ) );
}

// Register the block support.
WP_Block_Supports::get_instance()->register(
    'border',
    array(
        'register_attribute' => 'gutenberg_register_border_support',
        'apply'              => 'gutenberg_apply_border_support',
    )
);