Apply word-wrap styles to both pre and code elements in editor and frontend CSS, update build paths from includes/blocks/js/ to includes/blocks/src/js/

Author: ajaydsouza

includes/blocks/build/frontend-rtl.css

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '16cba9e11b1ab5e879a4');
+<?php return array('dependencies' => array(), 'version' => '4fe3595ea2516b115e6f');

includes/blocks/build/frontend.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '66b91987c2e0db3fdf97');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => 'acce51050017fd471709');

includes/blocks/build/frontend.css

@@ -22,6 +22,12 @@ pre.wp-block-code .rich-text {
 	white-space: pre;
 }
 
+pre.wp-block-code.word-wrap code,
+pre.wp-block-code.word-wrap .rich-text {
+	white-space: pre-wrap;
+	word-break: break-all;
+}
+
 .editor-styles-wrapper .wp-block-code {
 	margin-top: 0.5rem !important;
 }

includes/blocks/build/index-rtl.css

@@ -2,7 +2,9 @@
  * WebberZone Code Block Highlighting — Frontend utilities
  */
 
-pre.word-wrap {
+pre.word-wrap,
+pre.word-wrap code[class*='language-'] {
 	white-space: pre-wrap;
 	word-break: break-all;
+	overflow-wrap: break-word;
 }

includes/blocks/build/index.asset.php

@@ -80,7 +80,10 @@ const edit = ({ attributes, setAttributes }) => {
 	};
 
 	const blockProps = useBlockProps({
-		className: language ? `language-${language}` : undefined,
+		className:
+			[language ? `language-${language}` : '', wordWrap ? 'word-wrap' : '']
+				.filter(Boolean)
+				.join(' ') || undefined,
 	});
 
 	return (