Changeset 60913 for trunk/src/wp-content/themes/twentyfifteen/inc/customizer.php

Timestamp:

10/07/2025 11:32:04 PM (10 months ago)

Author:

westonruter

Message:

Bundled Themes: Use wp_print_inline_script_tag() when available and include sourceURL for JS.

Instead of manually constructing the markup for SCRIPT tags, leverage wp_print_inline_script_tag() when available to do the construction while also ensuring filters may inject additional attributes on the SCRIPT tags, such as nonce for CSP. When the function is not available (prior to WP 5.7), fall back to the manual markup construction.

This also adds the sourceURL comments to the inline scripts to facilitate debugging, per #63887.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/9416.

Follow-up to [60909], [60899].

Props debarghyabanerjee, westonruter, hbhalodia, peterwilsoncc, sabernhardt, poena.
See #63887, #59446.
Fixes #63806.

File:

• trunk/src/wp-content/themes/twentyfifteen/inc/customizer.php (modified) (2 diffs)

trunk/src/wp-content/themes/twentyfifteen/inc/customizer.php

@@ -773 +773 @@
  * Outputs an Underscore template for generating CSS for the color scheme.
  *
- * The template generates the css dynamically for instant display in the Customizer
+ * The template generates the CSS dynamically for instant display in the Customizer
  * preview.
  *
  * @since Twenty Fifteen 1.0
+ * @since Twenty Fifteen 4.1 Added `wp_print_inline_script_tag()` support.
  */
 function twentyfifteen_color_scheme_css_template() {
@@ -793 +794 @@
                 'meta_box_background_color'   => '{{ data.meta_box_background_color }}',
         );
-        ?>
-        <script type="text/html" id="tmpl-twentyfifteen-color-scheme">
-                <?php echo twentyfifteen_get_color_scheme_css( $colors ); ?>
-        </script>
-        <?php
+
+        $css_template = twentyfifteen_get_color_scheme_css( $colors );
+
+        if ( function_exists( 'wp_print_inline_script_tag' ) ) {
+                wp_print_inline_script_tag(
+                        $css_template,
+                        array(
+                                'type' => 'text/html',
+                                'id'   => 'tmpl-twentyfifteen-color-scheme',
+                        )
+                );
+        } else {
+                echo '<script type="text/html" id="tmpl-twentyfifteen-color-scheme">' . $css_template . '</script>';
+        }
 }
 add_action( 'customize_controls_print_footer_scripts', 'twentyfifteen_color_scheme_css_template' );