Use script module for emoji-loader with settings exported via JSON

Author: westonruter

src/js/_enqueues/lib/emoji-loader.js

@@ -14,6 +14,11 @@
  * @property {?Function} readyCallback
  */
 
+// For compatibility with other scripts that read from this global.
+window._wpemojiSettings = /** @type {WPEmojiSettings} */ (
+	JSON.parse( document.getElementById( 'wp-emoji-settings' ).textContent )
+);
+
 /**
  * Support tests.
  * @typedef SupportTests

src/wp-includes/formatting.php

@@ -6137,8 +6137,18 @@ function _print_emoji_detection_script() {
 	}
 
 	wp_print_inline_script_tag(
-		sprintf( 'window._wpemojiSettings = %s;', wp_json_encode( $settings ) ) . "\n" .
-			file_get_contents( ABSPATH . WPINC . '/js/wp-emoji-loader' . wp_scripts_get_suffix() . '.js' )
+		wp_json_encode( $settings, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ),
+		array(
+			'id'   => 'wp-emoji-settings',
+			'type' => 'application/json',
+		)
+	);
+
+	wp_print_inline_script_tag(
+		file_get_contents( ABSPATH . WPINC . '/js/wp-emoji-loader' . wp_scripts_get_suffix() . '.js' ),
+		array(
+			'type' => 'module',
+		)
 	);
 }