post_type : '';
if ( ET_Builder_Element::is_theme_builder_layout()
&& ! et_theme_builder_is_layout_post_type( $main_query_post_type )
&& is_singular() ) {
// Prevent boot if we are rendering a TB layout and not the real WP Query post.
return $content;
}
// Don't boot the app if the builder is not in use
if ( ! et_pb_is_pagebuilder_used( get_the_ID() ) || doing_filter( 'get_the_excerpt' ) ) {
// Skip this when content should be loaded from other post or page to not mess with the default content
if ( $is_new_page ) {
return;
}
return $content;
}
$class = apply_filters( 'et_fb_app_preloader_class', 'et-fb-page-preloading' );
if ( '' !== $class ) {
$class = sprintf( ' class="%1$s"', esc_attr( $class ) );
}
// Only return React app wrapper for the main query.
if ( is_main_query() ) {
// Keep track of instances in case is_main_query() is true multiple times for the same page
// This happens in 2017 theme when multiple Divi enabled pages are assigned to Front Page Sections
$instances++;
$output = sprintf( '', $class );
// No need to add fallback content on a new page.
if ( $instances > 1 && ! $is_new_page ) {
// uh oh, we might have multiple React app in the same page, let's also add rendered content and deal with it later using JS
$output .= sprintf( '%s
', $content );
// Stop shortcode object processor so that shortcode in the content are treated normaly.
et_fb_reset_shortcode_object_processing();
}
return $output;
}
// Stop shortcode object processor so that shortcode in the content are treated normaly.
et_fb_reset_shortcode_object_processing();
return $content;
}
add_filter( 'the_content', 'et_fb_app_boot', 1 );
add_filter( 'et_builder_render_layout', 'et_fb_app_boot', 1 );
function et_fb_wp_nav_menu( $menu ) {
// Ensure we fix any unclosed HTML tags in menu since they would break the VB
return et_core_fix_unclosed_html_tags( $menu );
}
add_filter( 'wp_nav_menu', 'et_fb_wp_nav_menu' );
function et_builder_maybe_include_bfb_template( $template ) {
if ( et_builder_bfb_enabled() && ! is_admin() ) {
return ET_BUILDER_DIR . 'frontend-builder/bfb-template.php';
}
return $template;
}
add_filter( 'template_include', 'et_builder_maybe_include_bfb_template', 99 );
function et_fb_dynamic_sidebar_ob_start() {
global $et_fb_dynamic_sidebar_buffering;
if ( $et_fb_dynamic_sidebar_buffering ) {
echo force_balance_tags( ob_get_clean() );
}
$et_fb_dynamic_sidebar_buffering = true;
ob_start();
}
add_action( 'dynamic_sidebar', 'et_fb_dynamic_sidebar_ob_start' );
function et_fb_dynamic_sidebar_after_ob_get_clean() {
global $et_fb_dynamic_sidebar_buffering;
if ( $et_fb_dynamic_sidebar_buffering ) {
echo force_balance_tags( ob_get_clean() );
$et_fb_dynamic_sidebar_buffering = false;
}
}
add_action( 'dynamic_sidebar_after', 'et_fb_dynamic_sidebar_after_ob_get_clean' );
/**
* Added frontend builder assets.
* Note: loading assets on head is way too early, computedVars returns undefined on header.
*
* @return void
*/
function et_fb_wp_footer() {
et_fb_enqueue_assets();
// TODO: this is specific to Audio Module and we should conditionally call it once we have
// $content set as an object, we can then to a check whether the audio module is
// present.
remove_all_filters( 'wp_audio_shortcode_library' );
remove_all_filters( 'wp_audio_shortcode' );
remove_all_filters( 'wp_audio_shortcode_class' );
}
add_action( 'wp_footer', 'et_fb_wp_footer' );
/**
* Added frontend builder specific body class
*
* @todo load conditionally, only when the frontend builder is used
*
* @param array initial classes
* @return array modified classes
*/
function et_fb_add_body_class( $classes ) {
$classes[] = 'et-fb';
if ( is_rtl() && 'on' === et_get_option( 'divi_disable_translations', 'off' ) ) {
$classes[] = 'et-fb-no-rtl';
}
if ( et_builder_bfb_enabled() ) {
$classes[] = 'et-bfb';
}
if ( et_builder_tb_enabled() ) {
$classes[] = 'et-tb';
}
return $classes;
}
add_filter( 'body_class', 'et_fb_add_body_class' );
/**
* Added BFB specific body class
*
* @todo load conditionally, only when the frontend builder is used
*
* @param string initial classes
* @return string modified classes
*/
function et_fb_add_admin_body_class( $classes ) {
if ( is_rtl() && 'on' === et_get_option( 'divi_disable_translations', 'off' ) ) {
$classes .= ' et-fb-no-rtl';
}
if ( et_builder_bfb_enabled() ) {
$classes .= ' et-bfb';
$post_id = et_core_page_resource_get_the_ID();
$post_type = get_post_type( $post_id );
// Add layout classes when on library page
if ( 'et_pb_layout' === $post_type ) {
$layout_type = et_fb_get_layout_type( $post_id );
$layout_scope = et_fb_get_layout_term_slug( $post_id, 'scope' );
$classes .= " et_pb_library_page_top-${layout_type}";
$classes .= " et_pb_library_page_top-${layout_scope}";
}
}
return $classes;
}
add_filter( 'admin_body_class', 'et_fb_add_admin_body_class' );
/**
* Remove visual builder preloader classname on BFB because BFB spins the preloader on parent level to avoid flash of unstyled elements
*
* @param string builder preloader classname
* @return string modified builder preloader classname
*/
function et_bfb_app_preloader_class( $classname ) {
return et_builder_bfb_enabled() ? '' : $classname;
}
add_filter( 'et_fb_app_preloader_class', 'et_bfb_app_preloader_class' );
function et_builder_inject_preboot_script() {
$et_debug = defined( 'ET_DEBUG' ) && ET_DEBUG;
$preboot = array(
'debug' => $et_debug || DiviExtensions::is_debugging_extension(),
'is_BFB' => et_builder_bfb_enabled(),
'is_TB' => et_builder_tb_enabled(),
);
$preboot_path = ET_BUILDER_DIR . 'frontend-builder/build/preboot.js';
if ( file_exists( $preboot_path ) ) {
$preboot_script = et_()->WPFS()->get_contents( $preboot_path );
} else {
// if the file doesn't exists, it means we're using `yarn hot`
$site_url = wp_parse_url( get_site_url() );
$hot = "{$site_url['scheme']}://{$site_url['host']}:31495/preboot.js";
$curl = curl_init();
curl_setopt_array(
$curl,
array(
CURLOPT_RETURNTRANSFER => 1,
CURLOPT_URL => $hot,
)
);
$preboot_script = curl_exec( $curl );
}
echo "
";
}
add_action( 'wp_head', 'et_builder_inject_preboot_script', 0 );