use "script" property to pull js to the frontend

WordPress · Mar 4, 2021 · 2144245 · 2144245
1 parent fa18ba7
commit 2144245
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/packages/block-library/src/frontend.js b/packages/block-library/src/frontend.js
@@ -0,0 +1,4 @@
+/**
+ * Internal dependencies
+ */
+import './navigation/modals';
diff --git a/packages/block-library/src/navigation-link/block.json b/packages/block-library/src/navigation-link/block.json
@@ -45,5 +45,6 @@
 		"html": false
 	},
 	"editorStyle": "wp-block-navigation-link-editor",
-	"style": "wp-block-navigation-link"
+	"style": "wp-block-navigation-link",
+	"script": "core_block_navigation_load_frontend_scripts"
 }
diff --git a/packages/block-library/src/navigation/index.php b/packages/block-library/src/navigation/index.php
@@ -121,11 +121,19 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 
 	unset( $attributes['rgbTextColor'], $attributes['rgbBackgroundColor'] );
 
-	wp_enqueue_script(
-		'core_block_navigation_load_modals',
-		plugins_url( 'gutenberg/build/modals/index.js' ),
+	// wp_enqueue_script(
+	// 'core_block_navigation_load_frontend_scripts',
+	// plugins_url( 'gutenberg/build/block-library-frontend/index.js' ),
+	// array(),
+	// null,
+	// true
+	// );
+
+	wp_register_script(
+		'core_block_navigation_load_frontend_scripts',
+		plugins_url( 'gutenberg/build/block-library-frontend/index.js' ),
 		array(),
-		null,
+		false,
 		true
 	);
 

diff --git a/packages/block-library/src/navigation/modals/index.js b/packages/block-library/src/navigation/modals/index.js
@@ -1 +1 @@
-// console.log( 'hi this is the new modals.js' );
+console.log( 'hi this is the new modals.js' );
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		// console.log( 'hi this is the new modals.js' );
		console.log( 'hi this is the new modals.js' );