scope polling JS to TTS feature

Author: CacheMeOwside

includes/Classifai/Features/TextToSpeech.php

@@ -106,6 +106,40 @@ public function feature_setup() {
 		add_action( 'admin_notices', [ $this, 'show_error_if' ] );
 		add_action( 'save_post', [ $this, 'save_post_metadata' ], 5 );
 		add_action( 'wp_ajax_classifai_get_tts_status', [ $this, 'ajax_get_audio_generation_status' ] );
+		add_action( 'admin_enqueue_scripts', [ $this, 'enqueue_admin_assets' ] );
+	}
+
+	/**
+	 * Enqueue the Classic Editor polling script. Loaded in Classic Editor only when the feature is enabled.
+	 *
+	 * @param string $hook_suffix The current admin page.
+	 */
+	public function enqueue_admin_assets( string $hook_suffix ) {
+		if ( 'post.php' !== $hook_suffix && 'post-new.php' !== $hook_suffix ) {
+			return;
+		}
+
+		if ( ! $this->is_feature_enabled() ) {
+			return;
+		}
+
+		$screen = get_current_screen();
+
+		if ( ! $screen || $screen->is_block_editor() ) {
+			return;
+		}
+
+		if ( ! in_array( $screen->post_type, $this->get_supported_post_types(), true ) ) {
+			return;
+		}
+
+		wp_enqueue_script(
+			'classifai-plugin-classic-text-to-speech',
+			CLASSIFAI_PLUGIN_URL . 'dist/classifai-plugin-classic-text-to-speech.js',
+			get_asset_info( 'classifai-plugin-classic-text-to-speech', 'dependencies' ),
+			get_asset_info( 'classifai-plugin-classic-text-to-speech', 'version' ),
+			true
+		);
 	}
 
 	/**
@@ -525,7 +559,7 @@ public function render_audio_generation_ui( \WP_Post $post ) {
 	public function ajax_get_audio_generation_status() {
 		check_ajax_referer( 'classifai_tts_status', 'nonce' );
 
-		$post_id = isset( $_POST['post_id'] ) ? absint( $_POST['post_id'] ) : 0;
+		$post_id = isset( $_POST['post_id'] ) ? absint( wp_unslash( $_POST['post_id'] ) ) : 0;
 
 		if ( ! $post_id || ! current_user_can( 'edit_post', $post_id ) ) {
 			wp_send_json_error( [ 'message' => __( 'Invalid post.', 'classifai' ) ], 403 );

src/js/admin.js

@@ -445,60 +445,6 @@ document.addEventListener( 'DOMContentLoaded', function () {
 	} );
 } )( jQuery );
 
-// Poll admin-ajax to update the Classic Editor TTS meta box once audio generation completes.
-( function ( $ ) {
-	$( function () {
-		const $status = $( '.classifai-tts-status' );
-
-		if ( ! $status.length ) {
-			return;
-		}
-
-		const postId = parseInt( $status.data( 'post-id' ), 10 );
-		const nonce = $status.data( 'nonce' );
-
-		if ( ! postId || ! nonce ) {
-			return;
-		}
-
-		const POLL_INTERVAL_MS = 10000;
-
-		const renderComplete = ( { error, html } ) => {
-			if ( error ) {
-				$status.text( error );
-				return;
-			}
-
-			if ( html ) {
-				$status.replaceWith( html );
-			}
-		};
-
-		const timer = setInterval( () => {
-			$.ajax( {
-				url: ajaxurl, // eslint-disable-line no-undef
-				type: 'POST',
-				data: {
-					action: 'classifai_get_tts_status',
-					nonce,
-					post_id: postId,
-				},
-			} ).done( ( response ) => {
-				if ( ! response || ! response.success || ! response.data ) {
-					return;
-				}
-
-				if ( response.data.inProgress ) {
-					return;
-				}
-
-				clearInterval( timer );
-				renderComplete( response.data );
-			} );
-		}, POLL_INTERVAL_MS );
-	} );
-} )( jQuery );
-
 // Update the Term Cleanup status.
 ( function ( $ ) {
 	const statusWrapper = $( '.classifai-term-cleanup-process-status' );

src/js/features/text-to-speech/classic/index.js

@@ -0,0 +1,69 @@
+// Poll admin-ajax to update the Classic Editor TTS meta box once audio generation completes.
+const init = () => {
+	const status = document.querySelector( '.classifai-tts-status' );
+
+	if ( ! status ) {
+		return;
+	}
+
+	const postId = parseInt( status.dataset.postId, 10 );
+	const nonce = status.dataset.nonce;
+
+	if ( ! postId || ! nonce ) {
+		return;
+	}
+
+	const POLL_INTERVAL_MS = 10000;
+
+	const renderComplete = ( { error, html } ) => {
+		if ( error ) {
+			status.textContent = error;
+			return;
+		}
+
+		if ( html ) {
+			status.outerHTML = html;
+		}
+	};
+
+	const timer = setInterval( async () => {
+		try {
+			const body = new URLSearchParams( {
+				action: 'classifai_get_tts_status',
+				nonce,
+				post_id: postId,
+			} );
+
+			const response = await fetch( window.ajaxurl, {
+				method: 'POST',
+				credentials: 'same-origin',
+				body,
+			} );
+
+			if ( ! response.ok ) {
+				return;
+			}
+
+			const json = await response.json();
+
+			if ( ! json || ! json.success || ! json.data ) {
+				return;
+			}
+
+			if ( json.data.inProgress ) {
+				return;
+			}
+
+			clearInterval( timer );
+			renderComplete( json.data );
+		} catch ( e ) {
+			// Swallow transient fetch errors and try again next tick.
+		}
+	}, POLL_INTERVAL_MS );
+};
+
+if ( document.readyState !== 'loading' ) {
+	init();
+} else {
+	document.addEventListener( 'DOMContentLoaded', init );
+}

webpack.config.js

@@ -25,6 +25,7 @@ module.exports = {
 		'classifai-plugin-classification-pre-publish': './src/js/features/classification/pre-publish-panel.js',
 		'classifai-plugin-fill': './src/js/features/slot-fill/index.js',
 		'classifai-plugin-text-to-speech': './src/js/features/text-to-speech/index.js',
+		'classifai-plugin-classic-text-to-speech': './src/js/features/text-to-speech/classic/index.js',
 		'classifai-plugin-text-to-speech-frontend': './src/js/features/text-to-speech/frontend/index.js',
 		'classifai-plugin-content-resizing': './src/js/features/content-resizing/index.js',
 		'classifai-plugin-title-generation': './src/js/features/title-generation/index.js',