render.php
116 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Google Docs Embed block render implementation. |
| 4 | * |
| 5 | * Loaded lazily from google-docs-embed.php only when the block is rendered, to |
| 6 | * keep the render body out of the eager front-end PHP/opcache footprint. |
| 7 | * |
| 8 | * @package automattic/jetpack |
| 9 | */ |
| 10 | |
| 11 | namespace Automattic\Jetpack\Extensions\GoogleDocsEmbed; |
| 12 | |
| 13 | use Automattic\Jetpack\Blocks; |
| 14 | use Jetpack_Gutenberg; |
| 15 | |
| 16 | if ( ! defined( 'ABSPATH' ) ) { |
| 17 | exit( 0 ); |
| 18 | } |
| 19 | |
| 20 | /* |
| 21 | * map_gsuite_url() lives in google-docs-embed.php (a WPCOM v2 endpoint calls it |
| 22 | * directly). It is normally loaded before this file via the render wrapper, but |
| 23 | * guard against this file being required on its own so it never fatals. |
| 24 | */ |
| 25 | if ( ! function_exists( __NAMESPACE__ . '\\map_gsuite_url' ) ) { |
| 26 | require_once __DIR__ . '/google-docs-embed.php'; |
| 27 | } |
| 28 | |
| 29 | /** |
| 30 | * The block rendering implementation. |
| 31 | * |
| 32 | * @param array $attributes attributes. |
| 33 | * @return string |
| 34 | */ |
| 35 | function render_callback_implementation( $attributes ) { |
| 36 | Jetpack_Gutenberg::load_assets_as_required( __DIR__ ); |
| 37 | wp_localize_script( |
| 38 | 'jetpack-block-' . sanitize_title_with_dashes( Blocks::get_block_feature( __DIR__ ) ), |
| 39 | 'Jetpack_Google_Docs', |
| 40 | array( |
| 41 | 'error_msg' => __( 'This document is private. To view the document, log in to a Google account that the document has been shared with and then refresh this page.', 'jetpack' ), |
| 42 | ) |
| 43 | ); |
| 44 | |
| 45 | $url = empty( $attributes['url'] ) ? '' : map_gsuite_url( $attributes['url'] ); |
| 46 | $aspect_ratio = empty( $attributes['aspectRatio'] ) ? '' : $attributes['aspectRatio']; |
| 47 | |
| 48 | switch ( str_replace( 'jetpack/', '', $attributes['variation'] ?? 'google-docs' ) ) { |
| 49 | case 'google-docs': |
| 50 | default: |
| 51 | $pattern = '/^http[s]?:\/\/((?:www\.)?docs\.google\.com(?:.*)?(?:document)\/[a-z0-9\/\?=_\-\.\,&%$#\@\!\+]*)\/preview/i'; |
| 52 | break; |
| 53 | case 'google-sheets': |
| 54 | $pattern = '/^http[s]?:\/\/((?:www\.)?docs\.google\.com(?:.*)?(?:spreadsheets)\/[a-z0-9\/\?=_\-\.\,&%$#\@\!\+]*)\/preview/i'; |
| 55 | break; |
| 56 | case 'google-slides': |
| 57 | $pattern = '/^http[s]?:\/\/((?:www\.)?docs\.google\.com(?:.*)?(?:presentation)\/[a-z0-9\/\?=_\-\.\,&%$#\@\!\+]*)\/preview/i'; |
| 58 | break; |
| 59 | } |
| 60 | |
| 61 | if ( empty( $attributes['url'] ) ) { |
| 62 | return ''; |
| 63 | } |
| 64 | |
| 65 | if ( ! preg_match( $pattern, $url ) ) { |
| 66 | return ''; |
| 67 | } |
| 68 | |
| 69 | // Add loader for Google Document/Spreadsheets/Presentation blocks. |
| 70 | $iframe_markup = '<iframe src="' . esc_url( $url ) . '" allowFullScreen frameborder="0" title="' . esc_html__( 'Google Document Embed', 'jetpack' ) . '" height="450"></iframe>'; |
| 71 | $loading_markup = ''; |
| 72 | $amp_markup = ''; |
| 73 | |
| 74 | if ( |
| 75 | str_contains( $url, '/document/d/' ) || |
| 76 | str_contains( $url, '/spreadsheets/d/' ) || |
| 77 | str_contains( $url, '/presentation/d/' ) |
| 78 | ) { |
| 79 | if ( function_exists( 'amp_is_request' ) && amp_is_request() ) { |
| 80 | |
| 81 | $type = str_contains( $url, '/document/d/' ) ? __( 'Google Docs', 'jetpack' ) : ''; |
| 82 | $type = empty( $type ) && str_contains( $url, '/spreadsheets/d/' ) ? __( 'Google Sheets', 'jetpack' ) : $type; |
| 83 | $type = empty( $type ) && str_contains( $url, '/presentation/d/' ) ? __( 'Google Slides', 'jetpack' ) : $type; |
| 84 | |
| 85 | $iframe_markup = ''; |
| 86 | |
| 87 | $amp_markup_message = sprintf( |
| 88 | /* translators: Placeholder is a google product, eg. Google Docs, Google Sheets, or Google Slides. */ |
| 89 | __( 'Tap to open embedded document in %s.', 'jetpack' ), |
| 90 | esc_html( $type ) |
| 91 | ); |
| 92 | |
| 93 | $amp_markup = sprintf( |
| 94 | '<p class="wp-block-jetpack-google-docs-embed__error-msg"><a target="_blank" rel="noopener noreferrer" href="%s">%s</a></p>', |
| 95 | esc_url( $url ), |
| 96 | $amp_markup_message |
| 97 | ); |
| 98 | |
| 99 | } else { |
| 100 | $loading_markup = '<div class="loader is-active"><span>' . esc_html__( 'Loading...', 'jetpack' ) . '</span></div>'; |
| 101 | } |
| 102 | } |
| 103 | |
| 104 | $block_classes = Blocks::classes( Blocks::get_block_feature( __DIR__ ), $attributes, array( $aspect_ratio ) ); |
| 105 | |
| 106 | $html = |
| 107 | '<figure class="' . esc_attr( $block_classes ) . '">' . |
| 108 | '<div class="wp-block-jetpack-google-docs-embed__wrapper">' . |
| 109 | $loading_markup . |
| 110 | $amp_markup . |
| 111 | $iframe_markup . |
| 112 | '</div>' . |
| 113 | '</figure>'; |
| 114 | return $html; |
| 115 | } |
| 116 |