Changeset 60719 for trunk/src/wp-includes/script-loader.php

Timestamp:

09/08/2025 11:25:40 AM (2 months ago)

Author:

jonsurrell

Message:

Script Loader: Add sourceURL to inline scripts and styles.

Improve the source locations referenced by developer tooling in supporting browsers. Inline source locations are named like inline:handle-js-after and appear in the developer tools "sources" panel.

This is the second attempt to add sourceURL comments. The first attempt in [60685] was reverted due to an issue with script concatenation that has been addressed.

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

Follow-up to [60685], [60690].

Props jonsurrell, westonruter, wildworks, peterwilsoncc, johnbillion, tobiasbg.
Fixes #63887.

File:

• trunk/src/wp-includes/script-loader.php (modified) (3 diffs)

trunk/src/wp-includes/script-loader.php

@@ -2213 +2213 @@
             echo "/* <![CDATA[ */\n"; // Not needed in HTML 5.
             echo $wp_scripts->print_code;
+            echo sprintf( "\n//# sourceURL=%s\n", rawurlencode( 'js-inline-concat-' . $concat ) );
             echo "/* ]]> */\n";
             echo "</script>\n";
@@ -2395 +2396 @@
         $ver = $wp_styles->default_version;
 
-        $concat       = str_split( $concat, 128 );
-        $concatenated = '';
+        $concat_source_url = 'css-inline-concat-' . $concat;
+        $concat            = str_split( $concat, 128 );
+        $concatenated      = '';
 
         foreach ( $concat as $key => $chunk ) {
@@ -2408 +2410 @@
             echo "<style{$type_attr}>\n";
             echo $wp_styles->print_code;
+            echo sprintf( "\n/*# sourceURL=%s */", rawurlencode( $concat_source_url ) );
             echo "\n</style>\n";
         }