Register Js

bootstrap.php

@@ -15,6 +15,8 @@ function () {
 					'name'     => 'help-center',
 					'label'    => __( 'Help Center', 'newfold-help-center-module' ),
 					'callback' => function ( Container $container ) {
+						define( 'NFD_HELPCENTER_BUILD_DIR', __DIR__ . '/build/' );
+						define( 'NFD_HELPCENTER_PLUGIN_URL', $container->plugin()->url );
 						new HelpCenter( $container );
 					},
 					'isActive' => true,

includes/HelpCenter.php

@@ -21,9 +21,24 @@ class HelpCenter {
 	public function __construct( Container $container ) {
 
 		$this->container = $container;
-
+		add_action( 'init' , array( $this, 'register_assets') );
 		// Module functionality goes here
 
 	}
 
+	/**
+	 * Load WP dependencies into the page.
+	 */
+	public function register_assets() {
+		$asset_file = NFD_HELPCENTER_BUILD_DIR . 'index.asset.php';
+		if ( file_exists($asset_file) ) {
+			$asset = require_once $asset_file;
+			\wp_enqueue_script(
+				'nfd-helpcenter-dependency',
+				NFD_HELPCENTER_PLUGIN_URL . 'vendor/newfold-labs/wp-module-help-center/build/index.js',
+				array_merge( $asset['dependencies'], array() ),
+				$asset_file
+			);
+		}
+	}
 }