import { __ } from '@wordpress/i18n';
import { speak } from '@wordpress/a11y';
import { SELECTORS } from './constants';
import API from './classes/api';
import ControlSync from './classes/control/control-sync';
import ControlStates from './classes/control/control-states';
import ControlMeta from './classes/control/control-meta';
import OptimizationDetails from './classes/optimization-details';

class OptimizationControl {
	constructor() {
		this.controlSyncRequestInProgress = false;

		this.init();

		this.controlSync = new ControlSync();
	}

	init() {
		this.initEventListeners();

		setInterval( () => this.runStatusCheckLoop(), 5000 );
	}

	async runStatusCheckLoop() {
		if ( this.controlSyncRequestInProgress ) {
			return;
		}

		this.controlSyncRequestInProgress = true;

		await this.controlSync.run();

		this.controlSyncRequestInProgress = false;
	}

	initEventListeners() {
		document.addEventListener( 'click', ( e ) => this.handleOptimizeButtonClick( e ) );
		document.addEventListener( 'click', ( e ) => this.handleReoptimizeButtonClick( e ) );
		document.addEventListener( 'click', ( e ) => this.handleRestoreButtonClick( e ) );
		document.addEventListener( 'click', ( e ) => this.handleOptimizationDetailsOpen( e ) );
		document.addEventListener( 'click', ( e ) => this.handleOptimizationDetailsClick( e ) );
	}

	async handleOptimizeButtonClick( e ) {
		if ( ! e.target.closest( `${ SELECTORS.optimizeButtonSelector }, ${ SELECTORS.tryAgainOptimizeButtonSelector }` ) ) {
			return;
		}

		speak( __( 'Optimization is in progress', 'image-optimization' ), 'assertive' );

		const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
		const states = new ControlStates( controlWrapper );

		states.renderLoading( 'optimize' );

		try {
			controlWrapper.dataset.isFrozen = true;

			await API.optimizeSingleImage( {
				imageId: new ControlMeta( controlWrapper ).getImageId(),
				reoptimize: false,
			} );
		} catch ( error ) {
			states.renderError( error );
		}
	}

	async handleReoptimizeButtonClick( e ) {
		if ( ! e.target.closest( `${ SELECTORS.reoptimizeButtonSelector }, ${ SELECTORS.tryAgainReoptimizeButtonSelector }` ) ) {
			return;
		}

		speak( __( 'Reoptimizing is in progress', 'image-optimization' ), 'assertive' );

		const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
		const states = new ControlStates( controlWrapper );

		states.renderLoading( 'reoptimize' );

		try {
			controlWrapper.dataset.isFrozen = true;

			await API.optimizeSingleImage( {
				imageId: new ControlMeta( controlWrapper ).getImageId(),
				reoptimize: true,
			} );
		} catch ( error ) {
			states.renderError( error );
		}
	}

	async handleRestoreButtonClick( e ) {
		if ( ! e.target.closest( `${ SELECTORS.restoreButtonSelector }, ${ SELECTORS.tryAgainRestoreButtonSelector }` ) ) {
			return;
		}

		speak( __( 'Image restoring is in progress', 'image-optimization' ), 'assertive' );

		const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
		const states = new ControlStates( controlWrapper );

		states.renderLoading( 'restore' );

		try {
			controlWrapper.dataset.isFrozen = true;

			await API.restoreSingleImage( new ControlMeta( controlWrapper ).getImageId() );
		} catch ( error ) {
			states.renderError( error );
		}
	}

	async handleOptimizationDetailsOpen( e ) {
		if ( ! e.target.closest( `${ SELECTORS.optimizationDetailsButtonSelector }` ) ) {
			return;
		}

		const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
		const imageId = new ControlMeta( controlWrapper ).getImageId();

		try {
			OptimizationDetails.initModal();
			OptimizationDetails.renderLoading();

			const details = await API.getOptimizationDetails( imageId );

			OptimizationDetails.openModal();
			OptimizationDetails.renderData( imageId, details );
		} catch ( error ) {
			OptimizationDetails.openModal();
			OptimizationDetails.renderError( error.message );
		}
	}

	async handleOptimizationDetailsClick( e ) {
		if ( ! e.target.closest( `${ SELECTORS.optimizationDetailsOptimizeButtonSelector }` ) ) {
			return;
		}

		const imageId = parseInt( e.target.dataset?.imageId, 10 );

		await API.optimizeSingleImage( { imageId } );

		const controlWrapper = document.querySelector( `.image-optimization-control[data-image-optimization-image-id="${ imageId }"]` );

		if ( controlWrapper ) {
			new ControlStates( controlWrapper ).renderLoading( 'optimize' );
		}

		OptimizationDetails.closeModal();
	}
}

export default OptimizationControl;
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Commentaires sur : La naissance des Filles du Thé	</title>
	<atom:link href="https://les-filles-du-the.com/la-naissance-des-filles-du-the/feed/" rel="self" type="application/rss+xml" />
	<link>https://les-filles-du-the.com/la-naissance-des-filles-du-the/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=la-naissance-des-filles-du-the</link>
	<description>Apprenez facilement à choisir, préparer et déguster votre Thé !</description>
	<lastBuildDate>Fri, 01 Apr 2016 14:37:54 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.7.21</generator>
	<item>
		<title>
		Par : dominique Willefert		</title>
		<link>https://les-filles-du-the.com/la-naissance-des-filles-du-the/#comment-16</link>

		<dc:creator><![CDATA[dominique Willefert]]></dc:creator>
		<pubDate>Fri, 01 Apr 2016 14:37:54 +0000</pubDate>
		<guid isPermaLink="false">http://les-filles-du-the.com/?p=74#comment-16</guid>

					<description><![CDATA[Bonsoir! Désolé de deranger à nouveau!je  Suis à l aéroport et profite d aller sur le web à ton sujet! Et je tombe sur ce 2nd blog!! Surprenant super! Et Je viens de passer une semaine au Maroc à boire du thé à longueur de journée...!! Mieux que le café à mon bureau... Bonne dugustation 

Dominique]]></description>
			<content:encoded><![CDATA[<p>Bonsoir! Désolé de deranger à nouveau!je  Suis à l aéroport et profite d aller sur le web à ton sujet! Et je tombe sur ce 2nd blog!! Surprenant super! Et Je viens de passer une semaine au Maroc à boire du thé à longueur de journée&#8230;!! Mieux que le café à mon bureau&#8230; Bonne dugustation </p>
<p>Dominique</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : létoquart annie		</title>
		<link>https://les-filles-du-the.com/la-naissance-des-filles-du-the/#comment-3</link>

		<dc:creator><![CDATA[létoquart annie]]></dc:creator>
		<pubDate>Sat, 15 Aug 2015 17:35:17 +0000</pubDate>
		<guid isPermaLink="false">http://les-filles-du-the.com/?p=74#comment-3</guid>

					<description><![CDATA[super les filles, votre idée est géniale. quel challenge  je suivrai avec plaisir la publication de vos reportages, bonne chance pour la réalisation de ce projet que nous suivront avec beaucoup d&#039;intérêt]]></description>
			<content:encoded><![CDATA[<p>super les filles, votre idée est géniale. quel challenge  je suivrai avec plaisir la publication de vos reportages, bonne chance pour la réalisation de ce projet que nous suivront avec beaucoup d&rsquo;intérêt</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>