story.php ➔ get_image_crop_class() - Code Metrics - Inspection of "Videopress: fix video url if incorrect in the bloc..." - Automattic/jetpack - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — update/story-block-loading-med... ( e6e62b...d81748 )

unknown

created 2020-08-19 09:35 UTC

story.php ➔ get_image_crop_class() A

↳ Parent: Project

Complexity

Conditions	4
Paths	4

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	4
nc	4
nop	2
dl	0
loc	19
rs	9.6333
c	0
b	0
f	0

<?php
/**
 * Story Block.
 *
 * @since 8.6.1
 *
 * @package Jetpack
 */

namespace Automattic\Jetpack\Extensions\Story;

use Jetpack_Gutenberg;

const FEATURE_NAME = 'story';
const BLOCK_NAME   = 'jetpack/' . FEATURE_NAME;

const EMBED_SIZE        = array( 180, 320 );
const CROP_UP_TO        = 0.2;
const IMAGE_BREAKPOINTS = '(max-width: 460px) 576w, (max-width: 614px) 768w, 120vw'; // 120vw to match the 20% CROP_UP_TO ratio

/**
 * Registers the block for use in Gutenberg
 * This is done via an action so that we can disable
 * registration if we need to.
 */
function register_block() {
	jetpack_register_block(
		BLOCK_NAME,
		array( 'render_callback' => __NAMESPACE__ . '\render_block' )
	);
}
add_action( 'init', __NAMESPACE__ . '\register_block' );

/**
 * Add missing `width`, `height`, `srcset` and `sizes` properties to images of the mediaFiles block attributes
 *
 * @param array $media_files  List of media, each as an array containing the media attributes.
 *
 * @return array $media_files
 */
function with_width_height_srcset_and_sizes( $media_files ) {
	return array_map(
		function( $media_file ) {
			if ( ! isset( $media_file['id'] ) || ! empty( $media_file['srcset'] ) ) {
				return $media_file;
			}
			$attachment_id = $media_file['id'];
			if ( 'image' === $media_file['type'] ) {
				$image = wp_get_attachment_image_src( $attachment_id, EMBED_SIZE, false );
				if ( ! $image ) {
					return $media_file;
				}
				list( $src, $width, $height ) = $image;
				$image_meta                   = wp_get_attachment_metadata( $attachment_id );
				if ( ! is_array( $image_meta ) ) {
					return $media_file;
				}
				$size_array = array( absint( $width ), absint( $height ) );
				return array_merge(
					$media_file,
					array(
						'width'  => absint( $width ),
						'height' => absint( $height ),
						'srcset' => wp_calculate_image_srcset( $size_array, $src, $image_meta, $attachment_id ),
						'sizes'  => IMAGE_BREAKPOINTS,
					)
				);
			} else {
				$video_meta = wp_get_attachment_metadata( $attachment_id );
				if ( ! isset( $video_meta['width'] ) || ! isset( $video_meta['width'] ) ) {
					return $media_file;
				}
				$url         = ! empty( $video_meta['original']['url'] ) ? $video_meta['original']['url'] : $media_file['url'];
				$description = ! empty( $video_meta['videopress']['description'] ) ? $video_meta['videopress']['description'] : $media_file['alt'];
				return array_merge(
					$media_file,
					array(
						'width'  => absint( $video_meta['width'] ),
						'height' => absint( $video_meta['height'] ),
						'alt'    => $description,
						'url'    => $url,
					)
				);
			}
		},
		$media_files
	);
}

/**
 * Render an image inside a slide
 *
 * @param array $media  Image information.
 *
 * @return string
 */
function render_image( $media ) {
	if ( empty( $media['id'] ) || empty( $media['url'] ) ) {
		return __( 'Error retrieving media', 'jetpack' );
	}
	$image      = wp_get_attachment_image_src( $media['id'], 'full', false );
	$crop_class = '';
	if ( $image ) {
		list( , $width, $height ) = $image;
		$crop_class               = get_image_crop_class( $width, $height );
	}
	// need to specify the size of the embed so it picks an image that is large enough for the `src` attribute
	// `sizes` is optimized for 1080x1920 (9:16) images
	// Note that the Story block does not have thumbnail support, it will load the right
	// image based on the viewport size only.
	return wp_get_attachment_image(
		$media['id'],
		EMBED_SIZE,
		false,
		array(
			'class' => sprintf( 'wp-story-image wp-image-%d %s', $media['id'], $crop_class ),
			'sizes' => IMAGE_BREAKPOINTS,
		)
	);
}

/**
 * Return the css crop class if image width and height requires it
 *
 * @param array $width  Image width.
 * @param array $height  Image height.
 *
 * @return string The CSS class which will display a cropped image
 */
function get_image_crop_class( $width, $height ) {
	$crop_class          = '';
	$media_aspect_ratio  = $width / $height;
	$target_aspect_ratio = EMBED_SIZE[0] / EMBED_SIZE[1];
	if ( $media_aspect_ratio >= $target_aspect_ratio ) {
		// image wider than canvas.
		$media_too_wide_to_crop = $media_aspect_ratio > $target_aspect_ratio / ( 1 - CROP_UP_TO );
		if ( ! $media_too_wide_to_crop ) {
			$crop_class = 'wp-story-crop-wide';
		}
	} else {
		// image narrower than canvas.
		$media_too_narrow_to_crop = $media_aspect_ratio < $target_aspect_ratio * ( 1 - CROP_UP_TO );
		if ( ! $media_too_narrow_to_crop ) {
			$crop_class = 'wp-story-crop-narrow';
		}
	}
	return $crop_class;
}

/**
 * Render a video inside a slide
 *
 * @param array $media  Video information.
 *
 * @return string
 */
function render_video( $media ) {
	if ( empty( $media['id'] ) || empty( $media['mime'] ) || empty( $media['url'] ) ) {
		return __( 'Error retrieving media', 'jetpack' );
	}

	$metadata = wp_get_attachment_metadata( $media['id'] );
	if ( ! empty( $metadata ) && ! empty( $metadata['videopress'] ) ) {
		$poster_url  = $metadata['videopress']['poster'];
		$description = ! empty( $metadata['videopress']['description'] ) ? $metadata['videopress']['description'] : '';
		return sprintf(
			'<img
				alt="%s"
				class="wp-block-jetpack-story_image wp-story-image %s"
				src="%s">',
			esc_attr( $description ),
			get_image_crop_class( $metadata['videopress']['width'], $metadata['videopress']['height'] ),
			esc_attr( $poster_url )
		);
	}

	return sprintf(
		'<video
			title="%1$s"
			type="%2$s"
			class="wp-story-video intrinsic-ignore wp-video-%3$s"
			data-id="%3$s"
			src="%4$s">
		</video>',
		esc_attr( $media['alt'] ),
		esc_attr( $media['mime'] ),
		$media['id'],
		esc_attr( $media['url'] )
	);
}

/**
 * Render a slide
 *
 * @param array $media  Media information.
 * @param array $index  Index of the slide, first slide will be displayed by default, others hidden.
 *
 * @return string
 */
function render_slide( $media, $index = 0 ) {
	$media_template = '';
	$media_type     = ! empty( $media['type'] ) ? $media['type'] : null;
	switch ( $media_type ) {
		case 'image':
			$media_template = render_image( $media, $index );
			break;
		case 'video':
			$media_template = render_video( $media, $index );
			break;
	}
	return sprintf(
		'<div class="wp-story-slide" style="display: %s;">
			<figure>
				%s
			</figure>
		</div>',
		0 === $index ? 'block' : 'none',
		$media_template
	);
}

/**
 * Render the top right icon on top of the story embed
 *
 * @param array $settings The block settings.
 *
 * @return string
 */
function render_top_right_icon( $settings ) {
	$show_slide_count = isset( $settings['showSlideCount'] ) ? $settings['showSlideCount'] : false;
	$slide_count      = isset( $settings['slides'] ) ? count( $settings['slides'] ) : 0;
	if ( $show_slide_count ) {
		// Render the story block icon along with the slide count.
		return sprintf(
			'<div class="wp-story-embed-icon">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
					<path d="M0 0h24v24H0z" fill="none"></path>
					<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3H14V17H6L6 3ZM4 3C4 1.89543 4.89543 1 6 1H14C15.1046 1 16 1.89543 16 3V17C16 18.1046 15.1046 19 14 19H6C4.89543 19 4 18.1046 4 17V3ZM18 5C19.1046 5 20 5.89543 20 7V21C20 22.1046 19.1046 23 18 23H10C8.89543 23 8 22.1046 8 21H18V5Z"></path>
				</svg>
				<span>%s</span>
			</div>',
			$slide_count
		);
	} else {
		// Render the Fullscreen Gridicon.
		return (
			'<div class="wp-story-embed-icon-expand">
				<svg class="gridicon gridicons-fullscreen" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
					<g>
						<path d="M21 3v6h-2V6.41l-3.29 3.3-1.42-1.42L17.59 5H15V3zM3 3v6h2V6.41l3.29 3.3 1.42-1.42L6.41 5H9V3zm18 18v-6h-2v2.59l-3.29-3.29-1.41 1.41L17.59 19H15v2zM9 21v-2H6.41l3.29-3.29-1.41-1.42L5 17.59V15H3v6z"></path>
					</g>
				</svg>
			</div>'
		);
	}
}

/**
 * Render a pagination bullet
 *
 * @param array $slide_index The slide index it corresponds to.
 *
 * @return string
 */
function render_pagination_bullet( $slide_index ) {
	return sprintf(
		'<button class="wp-story-pagination-bullet" aria-label="Go to slide %d">
			<div class="wp-story-pagination-bullet-bar"></div>
		</button>',
		$slide_index
	);
}

/**
 * Render pagination on top of the story embed
 *
 * @param array $settings The block settings.
 *
 * @return string
 */
function render_pagination( $settings ) {
	$show_slide_count = isset( $settings['showSlideCount'] ) ? $settings['showSlideCount'] : false;
	if ( $show_slide_count ) {
		return '';
	}
	$slide_count = isset( $settings['slides'] ) ? count( $settings['slides'] ) : 0;
	return sprintf(
		'<div class="wp-story-pagination wp-story-pagination-bullets">
			%s
		</div>',
		join( "\n", array_map( __NAMESPACE__ . '\render_pagination_bullet', range( 1, $slide_count ) ) )
	);
}

/**
 * Render story block
 *
 * @param array $attributes  Block attributes.
 *
 * @return string
 */
function render_block( $attributes ) {
	Jetpack_Gutenberg::load_assets_as_required( FEATURE_NAME );

	$media_files              = isset( $attributes['mediaFiles'] ) ? $attributes['mediaFiles'] : array();
	$settings_from_attributes = isset( $attributes['settings'] ) ? $attributes['settings'] : array();

	$settings = array_merge(
		$settings_from_attributes,
		array(
			'slides' => with_width_height_srcset_and_sizes( $media_files ),
		)
	);

	return sprintf(
		'<div class="%1$s" data-settings="%2$s">
			<div style="display: contents;">
				<div class="wp-story-container">
					<div class="wp-story-meta">
						<div class="wp-story-icon">
							<img alt="%3$s" src="%4$s" width="32" height=32>
						</div>
						<div>
							<div class="wp-story-title">
								%5$s
							</div>
						</div>
						<button class="wp-story-exit-fullscreen jetpack-mdc-icon-button">
							<i class="jetpack-material-icons close md-24"></i>
						</button>
					</div>
					<div class="wp-story-wrapper">
						%6$s
					</div>
					<div role="button" class="wp-story-overlay wp-story-clickable">
						%7$s
					</div>
					%8$s
				</div>
			</div>
		</div>',
		esc_attr( Jetpack_Gutenberg::block_classes( FEATURE_NAME, $attributes, array( 'wp-story', 'aligncenter' ) ) ),
		filter_var( wp_json_encode( $settings ), FILTER_SANITIZE_SPECIAL_CHARS ),
		__( 'Site icon', 'jetpack' ),
		esc_attr( get_site_icon_url( 32, includes_url( 'images/w-logo-blue.png' ) ) ),
		esc_html( get_the_title() ),
		! empty( $media_files[0] ) ? render_slide( $media_files[0] ) : '',
		render_top_right_icon( $settings ),
		render_pagination( $settings )
	);
}


1			<?php
2			/**
3			* Story Block.
4			*
5			* @since 8.6.1
6			*
7			* @package Jetpack
8			*/
9
10			namespace Automattic\Jetpack\Extensions\Story;
11
12			use Jetpack_Gutenberg;
13
14			const FEATURE_NAME = 'story';
15			const BLOCK_NAME = 'jetpack/' . FEATURE_NAME;
16
17			const EMBED_SIZE = array( 180, 320 );
18			const CROP_UP_TO = 0.2;
19			const IMAGE_BREAKPOINTS = '(max-width: 460px) 576w, (max-width: 614px) 768w, 120vw'; // 120vw to match the 20% CROP_UP_TO ratio
20
21			/**
22			* Registers the block for use in Gutenberg
23			* This is done via an action so that we can disable
24			* registration if we need to.
25			*/
26			function register_block() {
27			jetpack_register_block(
28			BLOCK_NAME,
29			array( 'render_callback' => __NAMESPACE__ . '\render_block' )
30			);
31			}
32			add_action( 'init', __NAMESPACE__ . '\register_block' );
33
34			/**
35			* Add missing `width`, `height`, `srcset` and `sizes` properties to images of the mediaFiles block attributes
36			*
37			* @param array $media_files List of media, each as an array containing the media attributes.
38			*
39			* @return array $media_files
40			*/
41			function with_width_height_srcset_and_sizes( $media_files ) {
42			return array_map(
43			function( $media_file ) {
44			if ( ! isset( $media_file['id'] ) \|\| ! empty( $media_file['srcset'] ) ) {
45			return $media_file;
46			}
47			$attachment_id = $media_file['id'];
48			if ( 'image' === $media_file['type'] ) {
49			$image = wp_get_attachment_image_src( $attachment_id, EMBED_SIZE, false );
50			if ( ! $image ) {
51			return $media_file;
52			}
53			list( $src, $width, $height ) = $image;
54			$image_meta = wp_get_attachment_metadata( $attachment_id );
55			if ( ! is_array( $image_meta ) ) {
56			return $media_file;
57			}
58			$size_array = array( absint( $width ), absint( $height ) );
59			return array_merge(
60			$media_file,
61			array(
62			'width' => absint( $width ),
63			'height' => absint( $height ),
64			'srcset' => wp_calculate_image_srcset( $size_array, $src, $image_meta, $attachment_id ),
65			'sizes' => IMAGE_BREAKPOINTS,
66			)
67			);
68			} else {
69			$video_meta = wp_get_attachment_metadata( $attachment_id );
70			if ( ! isset( $video_meta['width'] ) \|\| ! isset( $video_meta['width'] ) ) {
71			return $media_file;
72			}
73			$url = ! empty( $video_meta['original']['url'] ) ? $video_meta['original']['url'] : $media_file['url'];
74			$description = ! empty( $video_meta['videopress']['description'] ) ? $video_meta['videopress']['description'] : $media_file['alt'];
75			return array_merge(
76			$media_file,
77			array(
78			'width' => absint( $video_meta['width'] ),
79			'height' => absint( $video_meta['height'] ),
80			'alt' => $description,
81			'url' => $url,
82			)
83			);
84			}
85			},
86			$media_files
87			);
88			}
89
90			/**
91			* Render an image inside a slide
92			*
93			* @param array $media Image information.
94			*
95			* @return string
96			*/
97			function render_image( $media ) {
98			if ( empty( $media['id'] ) \|\| empty( $media['url'] ) ) {
99			return __( 'Error retrieving media', 'jetpack' );
100			}
101			$image = wp_get_attachment_image_src( $media['id'], 'full', false );
102			$crop_class = '';
103			if ( $image ) {
104			list( , $width, $height ) = $image;
105			$crop_class = get_image_crop_class( $width, $height );
106			}
107			// need to specify the size of the embed so it picks an image that is large enough for the `src` attribute
108			// `sizes` is optimized for 1080x1920 (9:16) images
109			// Note that the Story block does not have thumbnail support, it will load the right
110			// image based on the viewport size only.
111			return wp_get_attachment_image(
112			$media['id'],
113			EMBED_SIZE,
114			false,
115			array(
116			'class' => sprintf( 'wp-story-image wp-image-%d %s', $media['id'], $crop_class ),
117			'sizes' => IMAGE_BREAKPOINTS,
118			)
119			);
120			}
121
122			/**
123			* Return the css crop class if image width and height requires it
124			*
125			* @param array $width Image width.
126			* @param array $height Image height.
127			*
128			* @return string The CSS class which will display a cropped image
129			*/
130			function get_image_crop_class( $width, $height ) {
131			$crop_class = '';
132			$media_aspect_ratio = $width / $height;
133			$target_aspect_ratio = EMBED_SIZE[0] / EMBED_SIZE[1];
134			if ( $media_aspect_ratio >= $target_aspect_ratio ) {
135			// image wider than canvas.
136			$media_too_wide_to_crop = $media_aspect_ratio > $target_aspect_ratio / ( 1 - CROP_UP_TO );
137			if ( ! $media_too_wide_to_crop ) {
138			$crop_class = 'wp-story-crop-wide';
139			}
140			} else {
141			// image narrower than canvas.
142			$media_too_narrow_to_crop = $media_aspect_ratio < $target_aspect_ratio * ( 1 - CROP_UP_TO );
143			if ( ! $media_too_narrow_to_crop ) {
144			$crop_class = 'wp-story-crop-narrow';
145			}
146			}
147			return $crop_class;
148			}
149
150			/**
151			* Render a video inside a slide
152			*
153			* @param array $media Video information.
154			*
155			* @return string
156			*/
157			function render_video( $media ) {
158			if ( empty( $media['id'] ) \|\| empty( $media['mime'] ) \|\| empty( $media['url'] ) ) {
159			return __( 'Error retrieving media', 'jetpack' );
160			}
161
162			$metadata = wp_get_attachment_metadata( $media['id'] );
163			if ( ! empty( $metadata ) && ! empty( $metadata['videopress'] ) ) {
164			$poster_url = $metadata['videopress']['poster'];
165			$description = ! empty( $metadata['videopress']['description'] ) ? $metadata['videopress']['description'] : '';
166			return sprintf(
167			'<img
168			alt="%s"
169			class="wp-block-jetpack-story_image wp-story-image %s"
170			src="%s">',
171			esc_attr( $description ),
172			get_image_crop_class( $metadata['videopress']['width'], $metadata['videopress']['height'] ),
173			esc_attr( $poster_url )
174			);
175			}
176
177			return sprintf(
178			'<video
179			title="%1$s"
180			type="%2$s"
181			class="wp-story-video intrinsic-ignore wp-video-%3$s"
182			data-id="%3$s"
183			src="%4$s">
184			</video>',
185			esc_attr( $media['alt'] ),
186			esc_attr( $media['mime'] ),
187			$media['id'],
188			esc_attr( $media['url'] )
189			);
190			}
191
192			/**
193			* Render a slide
194			*
195			* @param array $media Media information.
196			* @param array $index Index of the slide, first slide will be displayed by default, others hidden.
197			*
198			* @return string
199			*/
200			function render_slide( $media, $index = 0 ) {
201			$media_template = '';
202			$media_type = ! empty( $media['type'] ) ? $media['type'] : null;
203			switch ( $media_type ) {
204			case 'image':
205			$media_template = render_image( $media, $index );
206			break;
207			case 'video':
208			$media_template = render_video( $media, $index );
209			break;
210			}
211			return sprintf(
212			'<div class="wp-story-slide" style="display: %s;">
213			<figure>
214			%s
215			</figure>
216			</div>',
217			0 === $index ? 'block' : 'none',
218			$media_template
219			);
220			}
221
222			/**
223			* Render the top right icon on top of the story embed
224			*
225			* @param array $settings The block settings.
226			*
227			* @return string
228			*/
229			function render_top_right_icon( $settings ) {
230			$show_slide_count = isset( $settings['showSlideCount'] ) ? $settings['showSlideCount'] : false;
231			$slide_count = isset( $settings['slides'] ) ? count( $settings['slides'] ) : 0;
232			if ( $show_slide_count ) {
233			// Render the story block icon along with the slide count.
234			return sprintf(
235			'<div class="wp-story-embed-icon">
236			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
237			<path d="M0 0h24v24H0z" fill="none"></path>
238			<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3H14V17H6L6 3ZM4 3C4 1.89543 4.89543 1 6 1H14C15.1046 1 16 1.89543 16 3V17C16 18.1046 15.1046 19 14 19H6C4.89543 19 4 18.1046 4 17V3ZM18 5C19.1046 5 20 5.89543 20 7V21C20 22.1046 19.1046 23 18 23H10C8.89543 23 8 22.1046 8 21H18V5Z"></path>
239			</svg>
240			<span>%s</span>
241			</div>',
242			$slide_count
243			);
244			} else {
245			// Render the Fullscreen Gridicon.
246			return (
247			'<div class="wp-story-embed-icon-expand">
248			<svg class="gridicon gridicons-fullscreen" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
249			<g>
250			<path d="M21 3v6h-2V6.41l-3.29 3.3-1.42-1.42L17.59 5H15V3zM3 3v6h2V6.41l3.29 3.3 1.42-1.42L6.41 5H9V3zm18 18v-6h-2v2.59l-3.29-3.29-1.41 1.41L17.59 19H15v2zM9 21v-2H6.41l3.29-3.29-1.41-1.42L5 17.59V15H3v6z"></path>
251			</g>
252			</svg>
253			</div>'
254			);
255			}
256			}
257
258			/**
259			* Render a pagination bullet
260			*
261			* @param array $slide_index The slide index it corresponds to.
262			*
263			* @return string
264			*/
265			function render_pagination_bullet( $slide_index ) {
266			return sprintf(
267			'<button class="wp-story-pagination-bullet" aria-label="Go to slide %d">
268			<div class="wp-story-pagination-bullet-bar"></div>
269			</button>',
270			$slide_index
271			);
272			}
273
274			/**
275			* Render pagination on top of the story embed
276			*
277			* @param array $settings The block settings.
278			*
279			* @return string
280			*/
281			function render_pagination( $settings ) {
282			$show_slide_count = isset( $settings['showSlideCount'] ) ? $settings['showSlideCount'] : false;
283			if ( $show_slide_count ) {
284			return '';
285			}
286			$slide_count = isset( $settings['slides'] ) ? count( $settings['slides'] ) : 0;
287			return sprintf(
288			'<div class="wp-story-pagination wp-story-pagination-bullets">
289			%s
290			</div>',
291			join( "\n", array_map( __NAMESPACE__ . '\render_pagination_bullet', range( 1, $slide_count ) ) )
292			);
293			}
294
295			/**
296			* Render story block
297			*
298			* @param array $attributes Block attributes.
299			*
300			* @return string
301			*/
302			function render_block( $attributes ) {
303			Jetpack_Gutenberg::load_assets_as_required( FEATURE_NAME );
304
305			$media_files = isset( $attributes['mediaFiles'] ) ? $attributes['mediaFiles'] : array();
306			$settings_from_attributes = isset( $attributes['settings'] ) ? $attributes['settings'] : array();
307
308			$settings = array_merge(
309			$settings_from_attributes,
310			array(
311			'slides' => with_width_height_srcset_and_sizes( $media_files ),
312			)
313			);
314
315			return sprintf(
316			'<div class="%1$s" data-settings="%2$s">
317			<div style="display: contents;">
318			<div class="wp-story-container">
319			<div class="wp-story-meta">
320			<div class="wp-story-icon">
321			<img alt="%3$s" src="%4$s" width="32" height=32>
322			</div>
323			<div>
324			<div class="wp-story-title">
325			%5$s
326			</div>
327			</div>
328			<button class="wp-story-exit-fullscreen jetpack-mdc-icon-button">
329			<i class="jetpack-material-icons close md-24"></i>
330			</button>
331			</div>
332			<div class="wp-story-wrapper">
333			%6$s
334			</div>
335			<div role="button" class="wp-story-overlay wp-story-clickable">
336			%7$s
337			</div>
338			%8$s
339			</div>
340			</div>
341			</div>',
342			esc_attr( Jetpack_Gutenberg::block_classes( FEATURE_NAME, $attributes, array( 'wp-story', 'aligncenter' ) ) ),
343			filter_var( wp_json_encode( $settings ), FILTER_SANITIZE_SPECIAL_CHARS ),
344			__( 'Site icon', 'jetpack' ),
345			esc_attr( get_site_icon_url( 32, includes_url( 'images/w-logo-blue.png' ) ) ),
346			esc_html( get_the_title() ),
347			! empty( $media_files[0] ) ? render_slide( $media_files[0] ) : '',
348			render_top_right_icon( $settings ),
349			render_pagination( $settings )
350			);
351			}
352

Automattic / jetpack

Push — update/story-block-loading-med... ( e6e62b...d81748 )

story.php ➔ get_image_crop_class() A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like