init
This commit is contained in:
emmymayo
@@ -0,0 +1,259 @@
|
||||
<?php
|
||||
/**
|
||||
* Eventbrite Block.
|
||||
*
|
||||
* @since 8.2.0
|
||||
*
|
||||
* @package automattic/jetpack
|
||||
*/
|
||||
|
||||
namespace Automattic\Jetpack\Extensions\Eventbrite;
|
||||
|
||||
use Automattic\Jetpack\Blocks;
|
||||
use Jetpack_Gutenberg;
|
||||
|
||||
/**
|
||||
* 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(
|
||||
__DIR__,
|
||||
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.
|
||||
*
|
||||
* @param array $attr Eventbrite block attributes.
|
||||
* @param string $content Rendered embed element (without scripts) from the block editor.
|
||||
*
|
||||
* @return string Rendered block.
|
||||
*/
|
||||
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-' );
|
||||
|
||||
// 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 );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 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( Blocks::get_block_feature( __DIR__ ), $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( __DIR__ );
|
||||
|
||||
wp_add_inline_script(
|
||||
'eventbrite-widget',
|
||||
"window.EBWidgets.createWidget( {
|
||||
widgetType: 'checkout',
|
||||
eventId: " . absint( $attr['eventId'] ) . ",
|
||||
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( __DIR__ );
|
||||
|
||||
$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'
|
||||
);
|
||||
|
||||
$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' )
|
||||
)
|
||||
);
|
||||
|
||||
$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',
|
||||
"window.EBWidgets.createWidget( {
|
||||
widgetType: 'checkout',
|
||||
eventId: " . absint( $attr['eventId'] ) . ",
|
||||
modal: true,
|
||||
modalTriggerElementId: '" . esc_js( $widget_id ) . "',
|
||||
} );"
|
||||
);
|
||||
|
||||
// Modal button is saved as an `<a>` element with `role="button"` because `<button>` is not allowed
|
||||
// by WordPress.com wp_kses. This javascript adds the necessary event handling for button-like behavior.
|
||||
// @link https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.
|
||||
wp_add_inline_script(
|
||||
'eventbrite-widget',
|
||||
"( function() {
|
||||
var widget = document.getElementById( '" . esc_js( $widget_id ) . "' );
|
||||
if ( widget ) {
|
||||
widget.addEventListener( 'click', function( event ) {
|
||||
event.preventDefault();
|
||||
} );
|
||||
|
||||
widget.addEventListener( 'keydown', function( event ) {
|
||||
// Enter and space keys.
|
||||
if ( event.keyCode === 13 || event.keyCode === 32 ) {
|
||||
event.preventDefault();
|
||||
event.target && event.target.click();
|
||||
}
|
||||
} );
|
||||
}
|
||||
} )();"
|
||||
);
|
||||
|
||||
// Replace the placeholder id saved in the post_content with a unique id used by widget.js.
|
||||
$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;
|
||||
}
|
||||
Reference in New Issue
Block a user