block_core_image_render_lightbox( string $block_content, array $block, array $block_instance ): string

180function block_core_image_render_lightbox( $block_content, $block, $block_instance ) {181	/*182	 * If there's no IMG tag in the block then return the given block content183	 * as-is. There's nothing that this code can knowingly modify to add the184	 * lightbox behavior.185	 */186	$processor = new WP_HTML_Tag_Processor( $block_content );187 188	if ( $processor->next_tag( 'figure' ) ) {189		$processor->set_bookmark( 'figure' );190	}191	if ( ! $processor->next_tag( 'img' ) ) {192		return $block_content;193	}194 195	$alt              = $processor->get_attribute( 'alt' );196	$img_uploaded_src = $processor->get_attribute( 'src' );197	$img_class_names  = $processor->get_attribute( 'class' );198	$img_styles       = $processor->get_attribute( 'style' );199	$img_width        = 'none';200	$img_height       = 'none';201	$img_srcset       = false;202 203	wp_interactivity_config(204		'core/image',205		array(206			'defaultAriaLabel' => __( 'Enlarged image' ),207			'closeButtonText'  => esc_html__( 'Close' ),208			'prevButtonText'   => esc_html_x( 'Previous', 'previous image in lightbox' ),209			'nextButtonText'   => esc_html_x( 'Next', 'next image in lightbox' ),210		)211	);212 213	if ( $alt ) {214		/* translators: %s: Image alt text. */215		$custom_aria_label = sprintf( __( 'Enlarged image: %s' ), $alt );216	}217 218	if ( isset( $block['attrs']['id'] ) ) {219		$img_uploaded_src = wp_get_attachment_url( $block['attrs']['id'] );220		$img_metadata     = wp_get_attachment_metadata( $block['attrs']['id'] );221		$has_dimensions   = ( $img_metadata['width'] ?? '' ) && ( $img_metadata['height'] ?? '' );222		$srcset_size      = $has_dimensions ? array( $img_metadata['width'], $img_metadata['height'] ) : 'large';223		$img_srcset       = wp_get_attachment_image_srcset( $block['attrs']['id'], $srcset_size );224		$img_width        = $img_metadata['width'] ?? 'none';225		$img_height       = $img_metadata['height'] ?? 'none';226	}227 228	// Figure.229	$processor->seek( 'figure' );230	$figure_class_names = $processor->get_attribute( 'class' );231	$figure_styles      = $processor->get_attribute( 'style' );232 233	// Create unique id and set the image metadata in the state.234	$unique_image_id = uniqid();235	wp_interactivity_state(236		'core/image',237		array(238			'metadata' => array(239				$unique_image_id => array(240					'uploadedSrc'            => $img_uploaded_src,241					'lightboxSrcset'         => $img_srcset,242					'figureClassNames'       => $figure_class_names,243					'figureStyles'           => $figure_styles,244					'imgClassNames'          => $img_class_names,245					'imgStyles'              => $img_styles,246					'targetWidth'            => $img_width,247					'targetHeight'           => $img_height,248					'scaleAttr'              => $block['attrs']['scale'] ?? false,249					'alt'                    => $alt,250					'galleryId'              => $block_instance->context['galleryId'] ?? null,251					'customAriaLabel'        => $custom_aria_label ?? null,252					'navigationButtonType'   => $block_instance->context['navigationButtonType'] ?? 'icon',253					'triggerButtonAriaLabel' => __( 'Enlarge' ),254				),255			),256		)257	);258 259	$processor->add_class( 'wp-lightbox-container' );