← All changes | extensions/blocks/google-docs-embed/render.php +115 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,115 @@
	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	+}