fix: remove debug tool

Author: abaicus

assets/js/report_script.js

@@ -41,7 +41,6 @@ const General = ({
 
 	const isReplacerEnabled = 'disabled' !== settings[ 'image_replacer' ];
 	const isLazyloadEnabled = 'disabled' !== settings.lazyload;
-	const isReportEnabled = 'disabled' !== settings[ 'report_script' ];
 	const isAssetsEnabled = 'disabled' !== settings.cdn;
 	const isBannerEnabled = 'disabled' !== settings[ 'banner_frontend'];
 	const isShowBadgeIcon = 'disabled' !== settings[ 'show_badge_icon' ];
@@ -92,21 +91,6 @@ const General = ({
 
 			<hr className="my-8 border-grayish-blue"/>
 
-			<ToggleControl
-				label={ optimoleDashboardApp.strings.options_strings.enable_report_title }
-				help={ () => <p dangerouslySetInnerHTML={ { __html: optimoleDashboardApp.strings.options_strings.enable_report_desc } } /> }
-				checked={ isReportEnabled }
-				disabled={ isLoading }
-				className={ classnames(
-					{
-						'is-disabled': isLoading
-					}
-				) }
-				onChange={ value => updateOption( 'report_script', value ) }
-			/>
-
-			<hr className="my-8 border-grayish-blue"/>
-
 			<ToggleControl
 				label={ optimoleDashboardApp.strings.options_strings.enable_badge_title }
 				help={ () => <p dangerouslySetInnerHTML={ { __html: optimoleDashboardApp.strings.options_strings.enable_badge_description } } /> }

assets/src/dashboard/parts/connected/settings/General.js

@@ -391,93 +391,6 @@ public function update_cloud_sites_default() {
 		update_option( self::OLD_USER_ENABLED_CL, 'yes' );
 	}
 
-	/**
-	 * Adds Optimole tag to admin bar
-	 */
-	public function add_report_menu() {
-		global $wp_admin_bar;
-
-		$wp_admin_bar->add_node(
-			[
-				'id'    => 'optml_report_script',
-				'href'  => '#',
-				'title' => '<span class="ab-icon"></span>Optimole ' . __( 'debugger', 'optimole-wp' ),
-			]
-		);
-		$wp_admin_bar->add_menu(
-			[
-				'id'     => 'optml_status',
-				'title'  => __( 'Troubleshoot this page', 'optimole-wp' ),
-				'parent' => 'optml_report_script',
-			]
-		);
-	}
-
-	/**
-	 * Adds Optimole css to admin bar
-	 */
-	public function print_report_css() {
-		?>
-		<style type="text/css">
-			li#wp-admin-bar-optml_report_script > div :hover {
-				cursor: pointer;
-				color: #00b9eb !important;
-				text-decoration: underline;
-			}
-
-			#wpadminbar #wp-admin-bar-optml_report_script .ab-icon:before {
-				content: "\f227";
-				top: 3px;
-			}
-
-			/* The Modal (background) */
-			.optml-modal {
-				display: none; /* Hidden by default */
-				position: fixed; /* Stay in place */
-				z-index: 2147483641; /* Sit on top */
-				padding-top: 100px; /* Location of the box */
-				left: 0;
-				top: 0;
-				width: 100%; /* Full width */
-				height: 100%; /* Full height */
-				overflow: auto; /* Enable scroll if needed */
-				background-color: rgb(0, 0, 0); /* Fallback color */
-				background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
-			}
-
-			/* Modal Content */
-			.optml-modal-content {
-				background-color: #fefefe;
-				margin: auto;
-				padding: 20px;
-				border: 1px solid #888;
-				width: 80%;
-			}
-
-			/* The Close Button */
-			.optml-close {
-				color: #aaaaaa;
-				float: right;
-				font-size: 28px;
-				font-weight: bold;
-			}
-
-			.optml-modal-content ul {
-				list-style: none;
-				font-size: 80%;
-				margin-top: 50px;
-			}
-
-			.optml-close:hover,
-			.optml-close:focus {
-				color: #000;
-				text-decoration: none;
-				cursor: pointer;
-			}
-		</style>
-		<?php
-	}
-
 	/**
 	 * Register public actions.
 	 */
@@ -488,12 +401,7 @@ public function register_public_actions() {
 		if ( Optml_Manager::should_ignore_image_tags() ) {
 			return;
 		}
-		if ( ! is_admin() && $this->settings->get( 'report_script' ) === 'enabled' && current_user_can( 'manage_options' ) ) {
 
-			add_action( 'wp_head', [ $this, 'print_report_css' ] );
-			add_action( 'wp_before_admin_bar_render', [ $this, 'add_report_menu' ] );
-			add_action( 'wp_enqueue_scripts', [ $this, 'add_diagnosis_script' ] );
-		}
 		if ( ! $this->settings->use_lazyload()
 			|| ( $this->settings->get( 'native_lazyload' ) === 'enabled'
 					&& $this->settings->get( 'video_lazyload' ) === 'disabled'
@@ -611,24 +519,6 @@ public function inline_bootstrap_script() {
 		echo $output;
 	}
 
-	/**
-	 * Adds script for lazyload/js replacement.
-	 */
-	public function add_diagnosis_script() {
-
-		wp_enqueue_script( 'optml-report', OPTML_URL . 'assets/js/report_script.js' );
-		$ignored_domains = [ 'gravatar.com', 'instagram.com', 'fbcdn' ];
-		$report_script   = [
-			'optmlCdn'       => $this->settings->get_cdn_url(),
-			'restUrl'        => untrailingslashit( rest_url( OPTML_NAMESPACE . '/v1' ) ) . '/check_redirects',
-			'nonce'          => wp_create_nonce( 'wp_rest' ),
-			'ignoredDomains' => $ignored_domains,
-			'wait'           => __( 'We are checking the current page for any issues with optimized images ...', 'optimole-wp' ),
-			'description'    => __( 'Optimole page analyzer', 'optimole-wp' ),
-		];
-		wp_localize_script( 'optml-report', 'reportScript', $report_script );
-	}
-
 	/**
 	 * Add settings links in the plugin listing page.
 	 *
@@ -1753,13 +1643,6 @@ private function get_dashboard_strings() {
 				),
 				'enable_noscript_title'               => __( 'Noscript Tag', 'optimole-wp' ),
 				'enable_gif_replace_title'            => __( 'GIF to Video Conversion', 'optimole-wp' ),
-				'enable_report_title'                 => __( 'Enable Error Diagnosis Tool', 'optimole-wp' ),
-				'enable_report_desc'                  => sprintf(
-				/* translators: 1 is the starting anchor tag, 2 is the ending anchor tag */
-					__( 'Activates the Optimole debugging tool in the admin bar for reports on Optimole-related website issues using the built-in diagnostic feature. %1$sLearn more%2$s', 'optimole-wp' ),
-					'<a class="inline-block text-purple-gray underline" target=”_blank” href="https://docs.optimole.com/article/1390-how-does-the-error-diagnosis-tool-work">',
-					'</a>'
-				),
 				'enable_offload_media_title'          => __( 'Store Your Images in Optimole Cloud', 'optimole-wp' ),
 				'enable_offload_media_desc'           => sprintf( /* translators: 1 is the starting anchor tag, 2 is the ending anchor tag */ __( 'Free up space on your server by transferring your images to Optimole Cloud; you can transfer them back anytime. Once moved, the images will still be visible in the Media Library and can be used as before. %1$sLearn more%2$s', 'optimole-wp' ), '<a class="inline-block text-purple-gray underline" target=”_blank” href="https://docs.optimole.com/article/1967-store-your-images-in-optimole-cloud">', '</a>' ),
 				'enable_cloud_images_title'           => __( 'Unified Image Access', 'optimole-wp' ),

inc/admin.php

@@ -83,7 +83,6 @@ class Optml_Settings {
 		'img_to_video'               => 'disabled',
 		'css_minify'                 => 'enabled',
 		'js_minify'                  => 'disabled',
-		'report_script'              => 'disabled',
 		'avif'                       => 'enabled',
 		'autoquality'                => 'enabled',
 		'native_lazyload'            => 'disabled',
@@ -252,7 +251,6 @@ public function parse_settings( $new_settings ) {
 				case 'resize_smart':
 				case 'bg_replacer':
 				case 'video_lazyload':
-				case 'report_script':
 				case 'avif':
 				case 'offload_media':
 				case 'cloud_images':
@@ -524,7 +522,6 @@ public function get_site_settings() {
 			'css_minify'                 => $this->get( 'css_minify' ),
 			'js_minify'                  => $this->get( 'js_minify' ),
 			'native_lazyload'            => $this->get( 'native_lazyload' ),
-			'report_script'              => $this->get( 'report_script' ),
 			'avif'                       => $this->get( 'avif' ),
 			'autoquality'                => $this->get( 'autoquality' ),
 			'offload_media'              => $this->get( 'offload_media' ),