Closes #7574: [Prealpha][Performance Monitoring] Need to have the page title in dashboard (PR #7583)

Co-authored-by: WordPressFan <ahmed@wp-media.me>

Author: jeawhanlee

assets/js/wpr-admin.js

@@ -64,15 +64,72 @@ public function add_new_page(): void {
 			wp_send_json_error( $payload );
 		}
 
-		$row_id   = $this->manager->add_url_to_the_queue( $url, true );
-		$row_data = $this->query->get_row_by_id( $row_id );
+		$page_title = $this->get_page_title( $payload['message'] );
+
+		$row_id = $this->manager->add_url_to_the_queue(
+			$url,
+			true,
+			[
+				'title' => $page_title,
+			]
+			);
+
+		if ( empty( $row_id ) ) {
+			wp_send_json_error(
+				[
+					'error'   => true,
+					'message' => esc_html__( 'Not valid inputs', 'rocket' ),
+				]
+				);
+		}
+
+		$row_data = $this->query->get_row_by_id( (int) $row_id );
+
+		// Remove message from the response payload.
+		unset( $payload['message'] );
 
 		$payload['id']   = $row_id;
 		$payload['html'] = $this->generate( 'partials/performance-monitoring-row', $row_data );
 
 		wp_send_json_success( $payload );
 	}
 
+	/**
+	 * Extracts and sanitizes the page title from the provided HTML string.
+	 *
+	 * This method attempts to find the <title> tag in the given HTML, decodes any HTML entities,
+	 * strips all tags, sanitizes the text, and then trims the title at common separators
+	 * (such as " | ", " - ", " – ", " » ") to return a clean, concise page title.
+	 *
+	 * @param string $html The HTML content from which to extract the page title.
+	 *
+	 * @return string The sanitized and trimmed page title, or an empty string if not found.
+	 */
+	public function get_page_title( string $html ): string {
+		$title = '';
+
+		if ( empty( $html ) ) {
+			return $title;
+		}
+
+		// Extract title from title tag.
+		if ( ! preg_match( '/<title[^>]*>(.*?)<\/title>/is', $html, $matches ) ) {
+			return $title;
+		}
+
+		// Clean up and sanitize the title.
+		$title = html_entity_decode( trim( $matches[1] ), ENT_QUOTES, 'UTF-8' );
+
+		if ( empty( $title ) ) {
+			return $title;
+		}
+
+		$title = wp_strip_all_tags( $title );
+		$title = sanitize_text_field( $title );
+
+		return $title;
+	}
+
 	/**
 	 * Validates a given URL for performance monitoring eligibility.
 	 *
@@ -123,9 +180,15 @@ protected function get_url_validation_payload( string $url ): array {
 		}
 
 		// Check if url is a valid url.
-		$response = wp_remote_head( $url );
+		$user_agent = 'WP Rocket/Fetch Page Buffer for Performance Monitoring Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1';
+		$args       = [
+			'user-agent' => $user_agent,
+			'timeout'    => 60,
+		];
 
-		if ( is_wp_error( $response ) ) {
+		$response = wp_safe_remote_get( $url, $args );
+
+		if ( is_wp_error( $response ) || 200 !== wp_remote_retrieve_response_code( $response ) ) {
 			$payload['error']   = true;
 			$payload['message'] = 'Url does not resolve to a valid page.';
 
@@ -152,6 +215,9 @@ protected function get_url_validation_payload( string $url ): array {
 
 		// TODO: Check if page is cached.
 
+		// Fetch url body and send to payload.
+		$payload['message'] = wp_remote_retrieve_body( $response );
+
 		return $payload;
 	}
 

assets/js/wpr-admin.min.js

@@ -144,10 +144,11 @@ public function get_on_submit_jobs( int $count = 100 ) {
 	 * @param string $job_id API job_id.
 	 * @param string $queue_name API Queue name.
 	 * @param bool   $is_mobile if the request is for mobile page.
+	 * @param array  $additional_details Additional details to be saved into DB.
 	 *
 	 * @return bool
 	 */
-	public function create_new_job( string $url, string $job_id = '', string $queue_name = '', bool $is_mobile = false ) {
+	public function create_new_job( string $url, string $job_id = '', string $queue_name = '', bool $is_mobile = false, array $additional_details = [] ) {
 		if ( ! self::$table_exists && ! $this->table_exists() ) {
 			return false;
 		}
@@ -162,6 +163,10 @@ public function create_new_job( string $url, string $job_id = '', string $queue_
 			'last_accessed' => current_time( 'mysql', true ),
 		];
 
+		if ( ! empty( $additional_details ) ) {
+			$item = array_merge( $item, $additional_details );
+		}
+
 		$result = $this->add_item( $item );
 
 		/**

assets/js/wpr-admin.min.js.map

@@ -46,18 +46,19 @@ public function get_optimization_type(): string {
 	 *
 	 * @param string $url page URL.
 	 * @param bool   $is_mobile page is for mobile.
+	 * @param array  $additional_details Additional details to be saved into DB.
 	 *
-	 * @return mixed
+	 * @return bool|void
 	 */
-	public function add_url_to_the_queue( string $url, bool $is_mobile ) {
+	public function add_url_to_the_queue( string $url, bool $is_mobile, array $additional_details = [] ) {
 		if ( ! $this->is_allowed() ) {
 			return;
 		}
 
 		$row = $this->query->get_row( $url, (bool) $is_mobile );
 
 		if ( empty( $row ) ) {
-			return $this->query->create_new_job( $url, '', '', $is_mobile );
+			return $this->query->create_new_job( $url, '', '', $is_mobile, $additional_details );
 		}
 		$this->query->reset_job( (int) $row->id );
 	}

inc/Engine/Admin/PerformanceMonitoring/AJAX/Controller.php

@@ -348,11 +348,6 @@ document.addEventListener('DOMContentLoaded', function() {
 		e.preventDefault();
 		const pageUrl = $pageUrlInput.val().trim();
 
-		if (!pageUrl) {
-			alert('No page address was added');
-			return;
-		}
-
 		if (!isValidUrl(pageUrl)) {
 			alert('Please enter a valid URL with an extension');
 			return;

inc/Engine/Common/Database/Queries/AbstractQuery.php

@@ -421,8 +421,8 @@ $(document).ready(function(){
 		} );
 	}
 
-	$('[data-wpr_onclick]').each(function() {
-		$(this).attr('onclick', $(this).data('wpr_onclick'));
-		$(this).removeAttr('data-wpr_onclick');
-	});
+	$(document).on( 'click', '.wpr-confirm-delete', function (e) {
+		return confirm( $(this).data('wpr_confirm_msg') );
+	} );
+
 });

inc/Engine/Common/JobManager/Managers/AbstractManager.php

@@ -69,10 +69,10 @@
 				'label'      => '',
 				'url'        => $data->delete_url(),
 				'attributes' => [
-					'class'            => 'wpr-icon-trash',
-					'title'            => __( 'Delete', 'rocket' ),
-					'aria-label'       => __( 'Delete', 'rocket' ),
-					'data-wpr_onclick' => 'return confirm("' . esc_js( __( 'Are you sure you want to delete this item?', 'rocket' ) ) . '")',
+					'class'                => 'wpr-icon-trash wpr-confirm-delete',
+					'title'                => __( 'Delete', 'rocket' ),
+					'aria-label'           => __( 'Delete', 'rocket' ),
+					'data-wpr_confirm_msg' => esc_html__( 'Are you sure you want to delete this item?', 'rocket' ),
 				],
 			]
 		);