diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/eventbrite/eventbrite.php')
| -rw-r--r-- | plugins/jetpack/extensions/blocks/eventbrite/eventbrite.php | 211 |
1 files changed, 186 insertions, 25 deletions
diff --git a/plugins/jetpack/extensions/blocks/eventbrite/eventbrite.php b/plugins/jetpack/extensions/blocks/eventbrite/eventbrite.php index 0135837e..b68ba64d 100644 --- a/plugins/jetpack/extensions/blocks/eventbrite/eventbrite.php +++ b/plugins/jetpack/extensions/blocks/eventbrite/eventbrite.php @@ -4,15 +4,48 @@ * * @since 8.2.0 * - * @package Jetpack + * @package automattic/jetpack */ -jetpack_register_block( - 'jetpack/eventbrite', - array( - 'render_callback' => 'jetpack_render_eventbrite_block', - ) -); +namespace Automattic\Jetpack\Extensions\Eventbrite; + +use Automattic\Jetpack\Blocks; +use Jetpack_Gutenberg; + +const FEATURE_NAME = 'eventbrite'; +const BLOCK_NAME = 'jetpack/' . FEATURE_NAME; + +/** + * 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() { + Blocks::jetpack_register_block( + BLOCK_NAME, + array( 'render_callback' => __NAMESPACE__ . '\render_block' ) + ); +} +add_action( 'init', __NAMESPACE__ . '\register_block' ); + +/** + * Get current URL. + * + * @return string Current URL. + */ +function get_current_url() { + if ( isset( $_SERVER['HTTP_HOST'] ) ) { + $host = wp_unslash( $_SERVER['HTTP_HOST'] ); // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized + } else { + $host = wp_parse_url( home_url(), PHP_URL_HOST ); + } + if ( isset( $_SERVER['REQUEST_URI'] ) ) { + $path = wp_unslash( $_SERVER['REQUEST_URI'] ); // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized + } else { + $path = '/'; + } + return esc_url_raw( ( is_ssl() ? 'https' : 'http' ) . '://' . $host . $path ); +} /** * Eventbrite block registration/dependency delclaration. @@ -20,22 +53,75 @@ jetpack_register_block( * @param array $attr Eventbrite block attributes. * @param string $content Rendered embed element (without scripts) from the block editor. * - * @return string + * @return string Rendered block. */ -function jetpack_render_eventbrite_block( $attr, $content ) { +function render_block( $attr, $content ) { if ( is_admin() || empty( $attr['eventId'] ) || empty( $attr['url'] ) ) { return ''; } + $attr['url'] = Jetpack_Gutenberg::validate_block_embed_url( + $attr['url'], + array( '#^https?:\/\/(?:[0-9a-z]+\.)?eventbrite\.(?:com|co\.uk|com\.ar|com\.au|be|com\.br|ca|cl|co|dk|de|es|fi|fr|hk|ie|it|com\.mx|nl|co\.nz|at|com\.pe|pt|ch|sg|se)\/e\/[^\/]*?(?:\d+)\/?(?:\?[^\/]*)?$#' ), + true + ); + $widget_id = wp_unique_id( 'eventbrite-widget-' ); - wp_enqueue_script( 'eventbrite-widget', 'https://www.eventbrite.com/static/widgets/eb_widgets.js', array(), JETPACK__VERSION, true ); + // Show the embedded version. + if ( empty( $attr['useModal'] ) && ( empty( $attr['style'] ) || 'modal' !== $attr['style'] ) ) { + return render_embed_block( $widget_id, Blocks::is_amp_request(), $attr ); + } else { + return render_modal_block( $widget_id, Blocks::is_amp_request(), $attr, $content ); + } +} - // Add CSS to hide direct link. - Jetpack_Gutenberg::load_assets_as_required( 'eventbrite' ); +/** + * Render block with embed style. + * + * @param string $widget_id Widget ID to use. + * @param bool $is_amp Whether AMP page. + * @param array $attr Eventbrite block attributes. + * @return string Rendered block. + */ +function render_embed_block( $widget_id, $is_amp, $attr ) { + + // $content contains a fallback link to the event that's saved in the post_content. + // Append a div that will hold the iframe embed created by the Eventbrite widget.js. + $classes = Blocks::classes( FEATURE_NAME, $attr ); + + $classes .= ' wp-block-jetpack-eventbrite--embed'; + + $direct_link = sprintf( + '<a href="%s" rel="noopener noreferrer" target="_blank" class="eventbrite__direct-link" %s>%s</a>', + esc_url( $attr['url'] ), + $is_amp ? 'placeholder fallback' : '', + esc_html__( 'Register on Eventbrite', 'jetpack' ) + ); + + if ( $is_amp ) { + $embed = sprintf( + '<amp-iframe src="%s" layout="responsive" resizable width="1" height="1" sandbox="allow-scripts allow-same-origin allow-forms"><button overflow>%s</button>%s</amp-iframe>', + esc_url( + add_query_arg( + array( + 'eid' => $attr['eventId'], + 'parent' => rawurlencode( get_current_url() ), + ), + 'https://www.eventbrite.com/checkout-external' + ) + ), + esc_html__( 'Expand', 'jetpack' ), + $direct_link + ); + } else { + $embed = $direct_link; + + wp_enqueue_script( 'eventbrite-widget', 'https://www.eventbrite.com/static/widgets/eb_widgets.js', array(), JETPACK__VERSION, true ); + + // Add CSS to hide direct link. + Jetpack_Gutenberg::load_assets_as_required( FEATURE_NAME ); - // Show the embedded version. - if ( empty( $attr['useModal'] ) ) { wp_add_inline_script( 'eventbrite-widget', "window.EBWidgets.createWidget( { @@ -44,22 +130,84 @@ function jetpack_render_eventbrite_block( $attr, $content ) { iframeContainerId: '" . esc_js( $widget_id ) . "', } );" ); + } + + return sprintf( + '<div id="%1$s" class="%2$s">%3$s</div>', + esc_attr( $widget_id ), + esc_attr( $classes ), + $embed + ); +} + +/** + * Render block with modal style. + * + * @param string $widget_id Widget ID to use. + * @param bool $is_amp Whether AMP page. + * @param array $attr Eventbrite block attributes. + * @param string $content Rendered embed element (without scripts) from the block editor. + * @return string Rendered block. + */ +function render_modal_block( $widget_id, $is_amp, $attr, $content ) { + + if ( $is_amp ) { + $lightbox_id = "{$widget_id}-lightbox"; + + // Add CSS to for lightbox. + Jetpack_Gutenberg::load_assets_as_required( FEATURE_NAME ); + + $content = preg_replace( + '/\shref="#" target="_blank/', + sprintf( ' on="%s" ', esc_attr( "tap:{$lightbox_id}.open" ) ), + $content + ); + + $iframe_src = add_query_arg( + array( + // Note that modal=1 is intentionally omitted here since we need to put the close button inside the amp-lightbox. + 'eid' => $attr['eventId'], + 'parent' => rawurlencode( get_current_url() ), + ), + 'https://www.eventbrite.com/checkout-external' + ); - // $content contains a fallback link to the event that's saved in the post_content. - // Append a div that will hold the iframe embed created by the Eventbrite widget.js. - $content .= sprintf( - '<div id="%s" class="eventbrite__in-page-checkout"></div>', - esc_attr( $widget_id ) + $lightbox = sprintf( + '<amp-lightbox id="%1$s" on="%2$s" class="eventbrite__lightbox" layout="nodisplay">%3$s</amp-lightbox>', + esc_attr( $lightbox_id ), + esc_attr( "tap:{$lightbox_id}.close" ), + sprintf( + ' + <div class="eventbrite__lighbox-inside"> + <div class="eventbrite__lighbox-iframe-wrapper"> + <amp-iframe class="eventbrite__lighbox-iframe" src="%s" layout="fill" sandbox="allow-scripts allow-same-origin allow-forms"> + <span placeholder=""></span> + </amp-iframe> + <span class="eventbrite__lighbox-close" on="%s" role="button" tabindex="0" aria-label="%s"> + <svg viewBox="0 0 24 24"> + <path d="M13.4 12l3.5-3.5-1.4-1.4-3.5 3.5-3.5-3.5-1.4 1.4 3.5 3.5-3.5 3.5 1.4 1.4 3.5-3.5 3.5 3.5 1.4-1.4z"></path> + </svg> + </span> + </div> + </div> + ', + esc_url( $iframe_src ), + esc_attr( "tap:{$lightbox_id}.close" ), + esc_attr__( 'Close', 'jetpack' ) + ) ); - return sprintf( - '%s<noscript><a href="%s" rel="noopener noreferrer" target="_blank">%s</a></noscript>', - $content, - esc_url( $attr['url'] ), - esc_html__( 'Register on Eventbrite', 'jetpack' ) + $content = preg_replace( + ':(?=</div>\s*$):', + $lightbox, + $content ); + + return $content; } + wp_enqueue_script( 'eventbrite-widget', 'https://www.eventbrite.com/static/widgets/eb_widgets.js', array(), JETPACK__VERSION, true ); + // Show the modal version. wp_add_inline_script( 'eventbrite-widget', @@ -95,7 +243,20 @@ function jetpack_render_eventbrite_block( $attr, $content ) { ); // Replace the placeholder id saved in the post_content with a unique id used by widget.js. - $content = preg_replace( '/eventbrite-widget-\d+/', $widget_id, $content ); + $content = str_replace( 'eventbrite-widget-id', esc_attr( $widget_id ), $content ); + + // Fallback for block version deprecated/v2. + $content = preg_replace( '/eventbrite-widget-\d+/', esc_attr( $widget_id ), $content ); + + // Inject URL to event in case the JS for the lightbox fails to load. + $content = preg_replace( + '/\shref="#"/', + sprintf( + ' href="%s" rel="noopener noreferrer" target="_blank"', + esc_url( $attr['url'] ) + ), + $content + ); return $content; } |