Changeset 12995 for trunk/src/bp-core/bp-core-blocks.php

Timestamp:

07/12/2021 11:02:23 PM (4 years ago)

Author:

imath

Message:

Improve BP Block Components & Introduce BP Block Assets

• Adds a Compatibility ServerSideRender block component to preserve compatibility and use it to render BP Blocks in WordPress < 5.3.
• Introduce a new store to make BuddyPress active features available within any Block Editor contexts
• Update node modules.

Fixes #8512

File:

• trunk/src/bp-core/bp-core-blocks.php (modified) (3 diffs)

trunk/src/bp-core/bp-core-blocks.php

@@ -27 +27 @@
  *
  * @since 6.0.0
+ * @since 9.0.0 Adds a dependency to `wp-server-side-render` if WP >= 5.3.
+ *              Uses a dependency to `wp-editor` otherwise.
  */
 function bp_register_block_components() {
+    $server_side_renderer_dep = 'wp-server-side-render';
+    if ( bp_is_running_wp( '5.3.0', '<' ) ) {
+        $server_side_renderer_dep = 'wp-editor';
+    }
+
     wp_register_script(
         'bp-block-components',
@@ -38 +45 @@
             'wp-api-fetch',
             'wp-url',
+            $server_side_renderer_dep,
         ),
-        bp_get_version()
+        bp_get_version(),
+        false
+    );
+
+    // Adds BP Block Components to the `bp` global.
+    wp_add_inline_script(
+        'bp-block-components',
+        'window.bp = window.bp || {};
+        bp.blockComponents = bpBlock.blockComponents;
+        delete bpBlock;',
+        'after'
     );
 }
 add_action( 'bp_blocks_init', 'bp_register_block_components', 1 );
+
+/**
+ * Registers the BP Block Assets.
+ *
+ * @since 9.0.0
+ */
+function bp_register_block_assets() {
+    wp_register_script(
+        'bp-block-data',
+        plugins_url( 'js/block-data.js', __FILE__ ),
+        array(
+            'wp-data',
+            'wp-api-fetch',
+            'lodash',
+        ),
+        bp_get_version(),
+        false
+    );
+
+    // Adds BP Block Assets to the `bp` global.
+    wp_add_inline_script(
+        'bp-block-data',
+        sprintf(
+            'window.bp = window.bp || {};
+            bp.blockData = bpBlock.blockData;
+            bp.blockData.embedScriptURL = \'%s\';
+            delete bpBlock;',
+            esc_url_raw( includes_url( 'js/wp-embed.min.js' ) )
+        ),
+        'after'
+    );
+}
+add_action( 'bp_blocks_init', 'bp_register_block_assets', 2 );
 
 /**
@@ -84 +135 @@
 
 /**
+ * Preload the Active BuddyPress Components.
+ *
+ * @since 9.0.0
+ *
+ * @param string[] $paths The Block Editors preload paths.
+ * @return string[] The Block Editors preload paths.
+ */
+function bp_blocks_preload_paths( $paths = array() ) {
+    return array_merge(
+        $paths,
+        array(
+            '/buddypress/v1/components?status=active',
+        )
+    );
+}
+add_filter( 'block_editor_rest_api_preload_paths', 'bp_blocks_preload_paths' );
+
+/**
  * Register a BuddyPress block type.
  *