/**
 * External Dependencies
 */
import jQuery from 'jquery'
import { debounce } from 'lodash'

/**
 * RankMath custom fields integration class
 */
class RankMathCustomFields {
	/**
	 * Class constructor
	 */
	constructor() {
		this.init()
		this.hooks()
		this.events()
	}

	/**
	 * Init the custom fields
	 */
	init() {
		this.fields = this.getFields()
		this.getContent = this.getContent.bind( this )
	}

	/**
	 * Hook into Rank Math App eco-system
	 */
	hooks() {
		wp.hooks.addFilter( 'rank_math_content', 'rank-math', this.getContent, 11 )
	}

	/**
	 * Capture events from custom fields to refresh Rank Math analysis
	 */
	events() {
		jQuery( this.fields ).each( function( key, value ) {
			jQuery( value ).on(
				'keyup change',
				debounce( function() {
					rankMathEditor.refresh( 'content' )
				}, 500 )
			)
		} )
	}

	/**
	 * Get custom fields ids.
	 *
	 * @return {Array} Array of fields.
	 */
	getFields() {
		const fields = []
		jQuery( '#the-list > tr:visible' ).each( function( s, e ) {
			const key = jQuery( '#' + e.id + '-key' ).val()
			if ( -1 !== jQuery.inArray( key, rankMath.analyzeFields ) ) {
				fields.push( '#' + e.id + '-value' )
			}
		} )

		return fields
	}

	/**
	 * Gather custom fields data for analysis
	 *
	 * @param {string} content Content to replce fields in.
	 *
	 * @return {string} Replaced content.
	 */
	getContent = function( content ) {
		jQuery( this.fields ).each( function( key, value ) {
			content += jQuery( value ).val()
		} )

		return content
	}
}

jQuery( function() {
	setTimeout( function() {
		new RankMathCustomFields()
	}, 500 )
} )