Breadcrumbs.php — WooCommerce 11.0.0-beta.1

woocommerce / src / Blocks / BlockTypes / Breadcrumbs.php

woocommerce / src / Blocks / BlockTypes Last commit date

Breadcrumbs.php

158 lines

1	<?php
2	declare( strict_types = 1 );
3
4	namespace Automattic\WooCommerce\Blocks\BlockTypes;
5
6	use Automattic\WooCommerce\Blocks\Utils\StyleAttributesUtils;
7	use WP_Block;
8
9	/**
10	* Breadcrumbs class.
11	*/
12	class Breadcrumbs extends AbstractBlock {
13
14	/**
15	* Block name.
16	*
17	* @var string
18	*/
19	protected $block_name = 'breadcrumbs';
20
21	/**
22	* Render the block.
23	*
24	* @param array $attributes Block attributes.
25	* @param string $content Block content.
26	* @param WP_Block $block Block instance.
27	*
28	* @return string \| void Rendered block output.
29	*/
30	protected function render( $attributes, $content, $block ) {
31	ob_start();
32	woocommerce_breadcrumb();
33	$breadcrumb = ob_get_clean();
34
35	if ( ! $breadcrumb ) {
36	return;
37	}
38
39	$classes_and_styles = StyleAttributesUtils::get_classes_and_styles_by_attributes( $attributes, array(), array( 'font_size' ) );
40
41	$font_size_classes_and_styles = $this->get_font_size_classes_and_styles( $attributes, $block );
42	$classes_and_styles['classes'] = $classes_and_styles['classes'] . ' ' . ( $font_size_classes_and_styles['class'] ?? '' ) . ' ';
43	$classes_and_styles['styles'] = $classes_and_styles['styles'] . ' ' . ( $font_size_classes_and_styles['style'] ?? '' ) . ' ';
44
45	$wrapper_attributes = get_block_wrapper_attributes(
46	array(
47	'class' => 'woocommerce wc-block-breadcrumbs ' . trim( $classes_and_styles['classes'] ),
48	'style' => trim( $classes_and_styles['styles'] ),
49	)
50	);
51
52	$has_non_small_custom_font_size = strpos( $font_size_classes_and_styles['class'] ?? '', 'has-small-font-size' ) === false;
53
54	// Remove the default 'has-small-font-size' class when the block has a custom font size different from small.
55	// This is needed because the block.json defines a default font size, which is considered an anti-pattern
56	// since styles should be defined by themes and plugins instead.
57	if ( $has_non_small_custom_font_size ) {
58	$wrapper_attributes = str_replace( 'has-small-font-size', '', $wrapper_attributes );
59	}
60
61	return sprintf(
62	'<div %1$s>%2$s</div>',
63	$wrapper_attributes,
64	$breadcrumb
65	);
66	}
67
68	/**
69	* Get the frontend script handle for this block type.
70	*
71	* @param string $key Data to get, or default to everything.
72	*/
73	protected function get_block_type_script( $key = null ) {
74	return null;
75	}
76
77	/**
78	* Gets font size classes and styles for the breadcrumbs block.
79	*
80	* @param array $attributes The block attributes.
81	* @param WP_Block $block The block instance.
82	* @return array The font size classes and styles.
83	*/
84	private function get_font_size_classes_and_styles( array $attributes, $block ) {
85	$custom_font_size = $attributes['style']['typography']['fontSize'] ?? '';
86
87	if ( '' !== $custom_font_size ) {
88	return array(
89	'class' => null,
90	'style' => sprintf( 'font-size: %s;', $custom_font_size ),
91	);
92	}
93
94	$explicit_font_size = isset( $block->parsed_block['attrs']['fontSize'] ) ? $block->parsed_block['attrs']['fontSize'] : null;
95
96	if ( is_string( $explicit_font_size ) && '' !== $explicit_font_size ) {
97	return array(
98	'class' => sprintf( 'has-font-size has-%s-font-size', $explicit_font_size ),
99	'style' => null,
100	);
101	}
102
103	$theme_font_size_classes_and_styles = $this->get_theme_font_size_classes_and_styles();
104
105	if ( $theme_font_size_classes_and_styles['class'] \|\| $theme_font_size_classes_and_styles['style'] ) {
106	return $theme_font_size_classes_and_styles;
107	}
108
109	$font_size = $attributes['fontSize'] ?? '';
110
111	if ( $font_size ) {
112	return array(
113	'class' => sprintf( 'has-font-size has-%s-font-size', $font_size ),
114	'style' => null,
115	);
116	}
117
118	return array(
119	'class' => null,
120	'style' => null,
121	);
122	}
123
124	/**
125	* Gets font size classes and styles from theme.json block styles.
126	*
127	* @return array The font size classes and styles.
128	*/
129	private function get_theme_font_size_classes_and_styles() {
130	$theme_font_size = wp_get_global_styles(
131	array( 'blocks', 'woocommerce/breadcrumbs', 'typography', 'fontSize' )
132	);
133
134	if ( ! is_string( $theme_font_size ) \|\| '' === $theme_font_size ) {
135	return array(
136	'class' => null,
137	'style' => null,
138	);
139	}
140
141	$preset_prefix = 'var(--wp--preset--font-size--';
142
143	if ( str_starts_with( $theme_font_size, $preset_prefix ) ) {
144	$slug = rtrim( substr( $theme_font_size, strlen( $preset_prefix ) ), ')' );
145
146	return array(
147	'class' => sprintf( 'has-font-size has-%s-font-size', $slug ),
148	'style' => null,
149	);
150	}
151
152	return array(
153	'class' => null,
154	'style' => sprintf( 'font-size: %s;', $theme_font_size ),
155	);
156	}
157	}
158