Tweak: Adjusted AI features to support updated WordPress UI v6.6 [ED-…

…15387] (elementor#28152)
hein-obox · Jul 22, 2024 · 0d8e786 · 0d8e786
1 parent 78b4fbb
commit 0d8e786
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/modules/ai/assets/js/gutenberg/excerpt.js b/modules/ai/assets/js/gutenberg/excerpt.js
@@ -26,7 +26,7 @@ const GenerateExcerptWithAI = () => {
 	};
 
 	return (
-		<div style={ { paddingBottom: '0.6em' } }>
+		<div style={ { paddingTop: '0.6em' } }>
 			<RequestIdsProvider>
 				<Icon className={ 'eicon-ai' } />
 				<AiLink onClick={ handleButtonClick }>{ __( 'Generate with Elementor AI', 'elementor' ) }</AiLink>

diff --git a/modules/ai/assets/js/gutenberg/index.js b/modules/ai/assets/js/gutenberg/index.js
@@ -51,7 +51,7 @@ import { EditTextWithAi } from './edit-text-with-ai';
 		};
 
 		const addTextWithAI = ( blockName, blockClientId ) => {
-			const textPanel = document.querySelector( '.block-editor-block-card__content' );
+			const textPanel = document.querySelector( '.block-editor-block-card__description, .block-editor-block-card__content' );
 			if ( textPanel && ! document.querySelector( `.e-text-ai[data-client-id="${ blockClientId }"]` ) ) {
 				removeAiIndicator();
 				const rootElement = document.createElement( 'div' );
@@ -93,6 +93,21 @@ import { EditTextWithAi } from './edit-text-with-ai';
 			addAiIndicator( 'featured-image', addGenerateFeaturedImageWithAI );
 			addAiIndicatorToTextBlock( [ 'paragraph', 'heading' ] );
 		} );
+
+		const observer = new MutationObserver( ( mutationsList ) => {
+			for ( const mutation of mutationsList ) {
+				if ( 'childList' === mutation.type ) {
+					if ( document.querySelector( '.editor-post-excerpt' ) ) {
+						addGenerateExcerptWithAI();
+					}
+				}
+			}
+		} );
+
+		observer.observe( document.body, { childList: true, subtree: true } );
+		window.addEventListener( 'beforeunload', () => {
+			observer.disconnect();
+		} );
 	} );
 } )( jQuery );