Merge pull request #5 from creode/feature/stylesheet-dependencies

Added functionality to provide stylesheets that the main theme styles…

Author: creode-dev

includes/class-asset-enqueue.php

@@ -21,6 +21,13 @@ final class Asset_Enqueue {
 	 */
 	private static $instance = null;
 
+	/**
+	 * Array of stylesheet handles to be used as dependancies for enqueued stylesheets.
+	 *
+	 * @var string[]
+	 */
+	private $stylesheet_dependencies = array();
+
 	/**
 	 * Initializes the process.
 	 */
@@ -149,8 +156,39 @@ private function enqueue_stylesheets( string $entrypoint ) {
 			}
 
 			$asset = $manifest->getManifest()[ $entrypoint ];
-			wp_enqueue_style( $asset['name'], $style['url'], array(), $style['hash'] );
+			wp_enqueue_style( $asset['name'], $style['url'], $this->stylesheet_dependencies, $style['hash'] );
+		}
+	}
+
+	/**
+	 * Add a dependancy to be used for main stylesheets.
+	 *
+	 * @param string $handle A stylesheet handle.
+	 * @param string $src A stylesheet source.
+	 * @param array  $dependencies (Optional) an optional array of stylesheet handles.
+	 * @param string $version (Optional) String specifying stylesheet version number.
+	 * @param string $media (Optional) The media for which this stylesheet has been defined. Default 'all'. Accepts media types like 'all', 'print' and 'screen', or media queries like '(orientation: portrait)' and '(max-width: 640px)'.
+	 */
+	public function add_stylesheet_dependency( string $handle, string $src, array $dependencies = array(), string $version = '1', string $media = 'all' ) {
+		if ( in_array( $handle, $this->stylesheet_dependencies, true ) ) {
+			return;
 		}
+
+		add_action(
+			'wp_enqueue_scripts',
+			function () use ( $handle, $src, $dependencies, $version, $media ) {
+				wp_register_style(
+					$handle,
+					$src,
+					$dependencies,
+					$version,
+					$media
+				);
+			},
+			5
+		);
+
+		array_push( $this->stylesheet_dependencies, $handle );
 	}
 
 	/**

theme-template/functions.php

@@ -28,3 +28,6 @@
 
 // Register any scripts needed.
 require_once __DIR__ . '/includes/register-scripts.php';
+
+// Register any stylesheet depandancies.
+require_once __DIR__ . '/includes/register-stylesheet-dependencies.php';

theme-template/includes/register-stylesheet-dependencies.php

@@ -0,0 +1,14 @@
+<?php
+/**
+ * File for registering stylesheet dependencies. For example third-party font provider integrations.
+ *
+ * @package :THEME_LABEL
+ * @creode-wordpress-theme-version :THEME_PLUGIN_VERSION
+ */
+
+use Creode_Theme\Asset_Enqueue;
+
+// Asset_Enqueue::get_instance()->add_stylesheet_dependency(
+// 	'typekit',
+// 	'https://use.typekit.net/example.css'
+// );