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( '', $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'; } // Load custom page template when editing Cloud Item. if ( isset( $_GET['cloudItem'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification -- This function does not change any state, and is therefore not susceptible to CSRF. if ( current_user_can( 'manage_options' ) || current_user_can( 'editor' ) ) { wp_admin_bar_render(); } return ET_BUILDER_DIR . 'templates/block-layout-preview.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'; } if ( isset( $_GET['cloudItem'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification -- This function does not change any state, and is therefore not susceptible to CSRF. $classes[] = 'et-cloud-item-editor'; } 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 );