diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/map/map.php')
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map.php | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/map/map.php b/plugins/jetpack/extensions/blocks/map/map.php index 8b8532c0..d0c82a0d 100644 --- a/plugins/jetpack/extensions/blocks/map/map.php +++ b/plugins/jetpack/extensions/blocks/map/map.php @@ -25,7 +25,99 @@ jetpack_register_block( function jetpack_map_block_load_assets( $attr, $content ) { $api_key = Jetpack_Options::get_option( 'mapbox_api_key' ); + if ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() ) { + static $map_block_counter = array(); + + $id = get_the_ID(); + if ( ! isset( $map_block_counter[ $id ] ) ) { + $map_block_counter[ $id ] = 0; + } + $map_block_counter[ $id ]++; + + $iframe_url = add_query_arg( + array( + 'map-block-counter' => absint( $map_block_counter[ $id ] ), + 'map-block-post-id' => $id, + ), + get_permalink() + ); + + $placeholder = preg_replace( '/(?<=<div\s)/', 'placeholder ', $content ); + + return sprintf( + '<amp-iframe src="%s" width="%d" height="%d" layout="responsive" allowfullscreen sandbox="allow-scripts">%s</amp-iframe>', + esc_url( $iframe_url ), + 4, + 3, + $placeholder + ); + } + Jetpack_Gutenberg::load_assets_as_required( 'map' ); return preg_replace( '/<div /', '<div data-api-key="' . esc_attr( $api_key ) . '" ', $content, 1 ); } + +/** + * Render a page containing only a single Map block. + */ +function jetpack_map_block_render_single_block_page() { + // phpcs:ignore WordPress.Security.NonceVerification + $map_block_counter = isset( $_GET, $_GET['map-block-counter'] ) ? absint( $_GET['map-block-counter'] ) : null; + // phpcs:ignore WordPress.Security.NonceVerification + $map_block_post_id = isset( $_GET, $_GET['map-block-post-id'] ) ? absint( $_GET['map-block-post-id'] ) : null; + + if ( ! $map_block_counter || ! $map_block_post_id ) { + return; + } + + /* Create an array of all root-level DIVs that are Map Blocks */ + $post = get_post( $map_block_post_id ); + + if ( ! class_exists( 'DOMDocument' ) ) { + return; + } + + $post_html = new DOMDocument(); + /** This filter is already documented in core/wp-includes/post-template.php */ + $content = apply_filters( 'the_content', $post->post_content ); + + /* Suppress warnings */ + libxml_use_internal_errors( true ); + @$post_html->loadHTML( $content ); // phpcs:ignore WordPress.PHP.NoSilencedErrors.Discouraged + libxml_use_internal_errors( false ); + + $xpath = new DOMXPath( $post_html ); + $container = $xpath->query( '//div[ contains( @class, "wp-block-jetpack-map" ) ]' )->item( $map_block_counter - 1 ); + + /* Check that we have a block matching the counter position */ + if ( ! $container ) { + return; + } + + /* Compile scripts and styles */ + ob_start(); + + add_filter( 'jetpack_is_amp_request', '__return_false' ); + + Jetpack_Gutenberg::load_assets_as_required( 'map' ); + wp_scripts()->do_items(); + wp_styles()->do_items(); + + add_filter( 'jetpack_is_amp_request', '__return_true' ); + + $head_content = ob_get_clean(); + + /* Put together a new complete document containing only the requested block markup and the scripts/styles needed to render it */ + $block_markup = $post_html->saveHTML( $container ); + $api_key = Jetpack_Options::get_option( 'mapbox_api_key' ); + $page_html = sprintf( + '<!DOCTYPE html><head><style>html, body { margin: 0; padding: 0; }</style>%s</head><body>%s</body>', + $head_content, + preg_replace( '/(?<=<div\s)/', 'data-api-key="' . esc_attr( $api_key ) . '" ', $block_markup, 1 ) + ); + echo $page_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped + exit; +} + +add_action( 'wp', 'jetpack_map_block_render_single_block_page' ); |