Update plugins/dominant-color-images/hooks.php

Co-authored-by: Weston Ruter <[email protected]>

Author: pbearne

plugins/dominant-color-images/hooks.php

@@ -221,10 +221,13 @@ function dominant_color_admin_script(): void {
 	<script type="module">
 		const tmpl = document.getElementById( 'tmpl-attachment' );
 		if ( tmpl ) {
-			tmpl.textContent = tmpl.textContent.replace(
-				'{{ data.orientation }}"',
-				'{{ data.orientation }} {{ data.hasTransparency ? \'has-transparency\' : \'not-transparent\' }}"	data-dominant-color="{{ data.dominantColor }}" data-has-transparency="{{ data.hasTransparency }}" style="--dominant-color: #{{ data.dominantColor }};"'
-			);
+		tmpl.textContent = tmpl.textContent.replace( /^\s*<div[^>]*?(?=>)/, ( match ) => {
+			let replaced = match.replace( /\sclass="/, " class=\"{{ data.hasTransparency ? \'has-transparency\' : \'not-transparent\' }} " );
+			replaced += ' data-dominant-color="{{ data.dominantColor }}"';
+			replaced += ' data-has-transparency="{{ data.hasTransparency }}"';
+			replaced += ' style="--dominant-color: #{{ data.dominantColor }};"'; // TODO: Potentially there could be a style attribute as well!
+			return replaced;
+		} );
 		}
 	</script>
 	<?php