Add CSS minification for Twenty Nineteen, Twenty Twenty, and Twenty Twenty-One themes

Co-authored-by: Shyamsundar Gadde <[email protected]>

Author: b1ink0

.gitignore

@@ -92,6 +92,9 @@ wp-tests-config.php
 /src/wp-content/themes/twentytwentyfive/node_modules
 
 # Minified files in bundled themes
+/src/wp-content/themes/twentynineteen/*.min.css
+/src/wp-content/themes/twentytwenty/**/*.min.css
+/src/wp-content/themes/twentytwentyone/**/*.min.css
 /src/wp-content/themes/twentytwentytwo/*.min.css
 /src/wp-content/themes/twentytwentyfive/*.min.css
 

Gruntfile.js

@@ -574,7 +574,28 @@ module.exports = function(grunt) {
 				dest: WORKING_DIR,
 				ext: '.min.css',
 				src: [
+					// Minify Twenty Nineteen stylesheet.
+					'wp-content/themes/twentynineteen/style.css',
+					'wp-content/themes/twentynineteen/style-rtl.css',
+					'wp-content/themes/twentynineteen/print.css',
+
+					// Minify Twenty Twenty stylesheet.
+					'wp-content/themes/twentytwenty/style.css',
+					'wp-content/themes/twentytwenty/style-rtl.css',
+					'wp-content/themes/twentytwenty/print.css',
+					'wp-content/themes/twentytwenty/assets/css/font-inter.css',
+
+					// Minify Twenty Twenty-One stylesheets.
+					'wp-content/themes/twentytwentyone/style.css',
+					'wp-content/themes/twentytwentyone/style-rtl.css',
+					'wp-content/themes/twentytwentyone/assets/css/print.css',
+					'wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css',
+					'wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css',
+					
+					// Minify Twenty Twenty-Two stylesheet.
 					'wp-content/themes/twentytwentytwo/style.css',
+
+					// Minify Twenty Twenty-Five stylesheet.
 					'wp-content/themes/twentytwentyfive/style.css',
 				]
 			}

src/wp-content/themes/twentynineteen/functions.php

@@ -255,9 +255,11 @@ function twentynineteen_content_width() {
  * @since Twenty Nineteen 1.0
  */
 function twentynineteen_scripts() {
-	wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
-
-	wp_style_add_data( 'twentynineteen-style', 'rtl', 'replace' );
+	$url = twentynineteen_get_stylesheet_path( 'style.css' );
+	if ( is_rtl() ) {
+		$url = twentynineteen_get_stylesheet_path( 'style-rtl.css' );
+	}
+	wp_enqueue_style( 'twentynineteen-style', $url, array(), wp_get_theme()->get( 'Version' ) );
 
 	if ( has_nav_menu( 'menu-1' ) ) {
 		wp_enqueue_script(
@@ -282,7 +284,7 @@ function twentynineteen_scripts() {
 		);
 	}
 
-	wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
+	wp_enqueue_style( 'twentynineteen-print-style', twentynineteen_get_stylesheet_path( 'print.css' ), array(), wp_get_theme()->get( 'Version' ), 'print' );
 
 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
 		wp_enqueue_script( 'comment-reply' );
@@ -395,3 +397,34 @@ function twentynineteen_register_block_patterns() {
 }
 
 add_action( 'init', 'twentynineteen_register_block_patterns' );
+
+/**
+ * Gets the path to a stylesheet file, minified if available and appropriate.
+ *
+ * @since Twenty Nineteen 3.2
+ *
+ * @param string $src_path Source path, relative to the theme root.
+ * @return string URL to stylesheet.
+ */
+function twentynineteen_get_stylesheet_path( $src_path ) {
+	$min_path = (string) preg_replace( '/(?=\.css$)/', '.min', $src_path );
+
+	$use_min = ! ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) && ! strpos( wp_get_wp_version(), '-src' );
+
+	if ( is_child_theme() ) {
+		if ( $use_min && file_exists( get_stylesheet_directory() . '/' . $min_path ) ) {
+			return get_stylesheet_directory_uri() . '/' . $min_path;
+		}
+
+		if ( file_exists( get_stylesheet_directory() . '/' . $src_path ) ) {
+			return get_stylesheet_directory_uri() . '/' . $src_path;
+		}
+	}
+
+	if ( $use_min && file_exists( get_template_directory() . '/' . $min_path ) ) {
+		return get_template_directory_uri() . '/' . $min_path;
+	}
+
+	return get_template_directory_uri() . '/' . $src_path;
+}
+