Added functionality to register Vite-compiled scripts.

Author: ben-leonard

includes/class-asset-enqueue.php

@@ -32,6 +32,15 @@ public static function init() {
 		self::$instance = new self();
 	}
 
+	/**
+	 * Get the singleton instance.
+	 *
+	 * @return Asset_Enqueue|null The singleton instance or null if uninitialized.
+	 */
+	public static function get_instance(): Asset_Enqueue|null {
+		return self::$instance;
+	}
+
 	/**
 	 * An array of Manifest objects.
 	 *
@@ -160,4 +169,36 @@ private function get_manifest_style( Manifest $manifest, string $entrypoint ) {
 
 		return $styles[0];
 	}
+
+	/**
+	 * Registers a script for enqueuing.
+	 *
+	 * @param string     $handle The scripts handle name.
+	 * @param string     $path The path to the script relative to the theme root directory (No proceeding forward slash).
+	 * @param array      $dependencies (Optional) The scripts dependencies. Defaults to an empty array.
+	 * @param bool|array $in_footer (Optional) Whether to enqueue the script in the footer. Defaults to true.
+	 */
+	public function register_vite_script( string $handle, string $path, array $dependencies = array(), $in_footer = true ) {
+		foreach ( $this->manifests as $manifest ) {
+			$entry_point = $manifest->getEntrypoint( $path );
+			if ( empty( $entry_point ) ) {
+				continue;
+			}
+			if ( empty( $entry_point['url'] ) ) {
+				continue;
+			}
+			if ( empty( $entry_point['hash'] ) ) {
+				continue;
+			}
+
+			wp_register_script(
+				$handle,
+				$entry_point['url'],
+				$dependencies,
+				$entry_point['hash'],
+				$in_footer
+			);
+			break;
+		}
+	}
 }

theme-template/includes/register-scripts.php

@@ -6,11 +6,17 @@
  * @creode-wordpress-theme-version :THEME_PLUGIN_VERSION
  */
 
+use Creode_Theme\Asset_Enqueue;
+
 /**
  * Enqueues front-end scripts.
  */
 add_action(
 	'wp_enqueue_scripts',
 	function () {
+		$asset_enqueue = Asset_Enqueue::get_instance();
+
+		$asset_enqueue->register_vite_script( 'example_script', 'js/example-script.js' );
+		wp_enqueue_script( 'example_script' );
 	}
 );