Blocks: initialize connection assets in Story block (#39870)

Initialize connection assets in the Story block to fix the block assets loading issue.

projects/packages/connection/changelog/fix-jetpack-story-block-connection-assets

@@ -0,0 +1,5 @@
+Significance: patch
+Type: added
+Comment: PHPDoc comment change.
+
+

projects/packages/connection/src/class-connection-assets.php

@@ -25,6 +25,9 @@ public static function configure() {
 
 	/**
 	 * Register assets.
+	 *
+	 * NOTICE: Please think twice before including Connection scripts in the frontend.
+	 * Those scripts are intended to be used in WP admin area.
 	 */
 	public static function register_assets() {
 

projects/plugins/jetpack/changelog/fix-jetpack-story-block-connection-assets

@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Blocks: initialize connection assets in Story block.

projects/plugins/jetpack/extensions/blocks/story/story.php

@@ -10,6 +10,7 @@
 namespace Automattic\Jetpack\Extensions\Story;
 
 use Automattic\Jetpack\Blocks;
+use Automattic\Jetpack\Connection\Connection_Assets;
 use Jetpack;
 use Jetpack_Gutenberg;
 use Jetpack_PostImages;
@@ -442,6 +443,11 @@ function render_block( $attributes ) {
 	// Let's use a counter to have a different id for each story rendered in the same context.
 	static $story_block_counter = 0;
 
+	if ( 0 === $story_block_counter ) {
+		// @todo Fix the webpack tree shaking so the block's view.js no longer depends on jetpack-connection, then remove this.
+		Connection_Assets::register_assets();
+	}
+
 	Jetpack_Gutenberg::load_assets_as_required( __DIR__ );
 
 	$media_files              = isset( $attributes['mediaFiles'] ) ? enrich_media_files( $attributes['mediaFiles'] ) : array();