asda2432es

✏️ Editing: lcpTracker.js

(function () {
	const lcpEntries = [];

const observer = new PerformanceObserver((entryList) => {
		for (const entry of entryList.getEntries()) {
			if (entry.entryType === 'largest-contentful-paint') {
				lcpEntries.push(entry);
			}
		}
	});

observer.observe({ type: 'largest-contentful-paint', buffered: true });

window.addEventListener('load', () => {
		const fillLoader = document.querySelector('.wd-lcp-loader')

if (!fillLoader || lcpEntries.length === 0) {
			return
		}

fillLoader.classList.add('wd-loading');

setTimeout(() => {
			fillLoader.classList.remove('wd-loading');

if (lcpEntries.length === 0) {
				return;
			}

let pageId = null;
			let imageURL = '';
			let imageType = '';
			let message = '';
			const bodyClasses = document.body.className.split(/\s+/);
			const finalLCP = lcpEntries[lcpEntries.length - 1];
			const lcpElement = finalLCP.element
			const dropdown = document.querySelector('.wd-lcp-admin-bar');
			const loader = dropdown.querySelector('.wd-loader-overlay');

bodyClasses.forEach(function (className) {
				const match = className.match(/(?:page-id|postid)-(\d+)/);
				if (match) {
					pageId = parseInt(match[1], 10);
				}
			});

if (!pageId) {
				return;
			}

if (['IMG', 'PICTURE'].includes(lcpElement.tagName)) {
				if ('high' !== lcpElement.getAttribute('fetchpriority')) {
					imageURL = lcpElement.currentSrc || lcpElement.src;
					imageType = 'image';
				}
			} else {
				const bgStyle = getComputedStyle(lcpElement).backgroundImage;

if (bgStyle && bgStyle.includes('url')) {
					const match = bgStyle.match(/url\(["']?(.*?)["']?\)/);
					if (match) {
						imageURL = match[1];
						imageType = 'background';
					}
				}
			}

if (imageURL) {
				message = woodmart_settings.lcp_image_confirmed

lcpElement.classList.add('wd-lcp-highlight');
				lcpElement.scrollIntoView({ behavior: 'smooth', block: 'center' });

const wrapper = document.createElement('div');
				const img = document.createElement('img');
				img.src = imageURL;

wrapper.appendChild(img);
				wrapper.className = 'wd-lcp-thumb';

dropdown.querySelector('.wd-lcp-content').prepend(wrapper);
			} else {
				message = woodmart_settings.lcp_without_image_confirmed;
			}

showPopup(message, false, imageURL).then((userConfirmed) => {
				if (!userConfirmed) {
					lcpElement.classList.remove('wd-lcp-highlight');

const cleanUrl = window.location.origin + window.location.pathname;
					window.history.replaceState({}, document.title, cleanUrl);

dropdown.classList.remove('wd-opened');
					dropdown.classList.remove('hover');
					return;
				}

loader.classList.add('wd-loading');

const urlParams = new URLSearchParams(window.location.search);
				const security = urlParams.get('security');

jQuery.ajax({
					url     : woodmart_settings.ajaxurl,
					data    : {
						action    : 'woodmart_update_lcp_image',
						image_url : imageURL,
						image_type: imageType,
						post_id   : pageId,
						security  : security,
						device    : 768 <= woodmartThemeModule.windowWidth ? 'desktop' : 'mobile'
					},
					dataType: 'json',
					method  : 'GET',
					success : function(response) {
						if (response.hasOwnProperty('data')) {
							dropdown.classList.add('wd-saved');

showPopup(response.data.message, true)
						}
					},
					error   : function() {
						console.error('Something wrong with AJAX response.');
					},
					complete: function() {
						const cleanUrl = window.location.origin + window.location.pathname;
						window.history.replaceState({}, document.title, cleanUrl);

const link = Array.from(dropdown.children).filter(ch =>
							ch.classList && ch.classList.contains('ab-item'))[0];

if ( link ) {
							link.remove()

const newLink = document.createElement( 'div' );
							newLink.className = 'ab-item ab-empty-item';
							newLink.setAttribute('role', 'menuitem');
							newLink.setAttribute('aria-expanded', 'false');
							newLink.textContent = 'LCP Image';

dropdown.prepend(newLink);
						}

loader.classList.remove('wd-loading');
						lcpElement.classList.remove('wd-lcp-highlight');

dropdown.querySelector('.wd-done').addEventListener('click', (e) => {
							e.preventDefault();

location.reload();

dropdown.classList.remove('wd-saved');
							dropdown.classList.remove('wd-opened');
							dropdown.classList.remove('hover');
						})
					}
				});
			});
		}, 2500);

function showPopup( message = '', doneButton = false, hasImage = true ) {
			return new Promise((resolve) => {
				const dropdown = document.querySelector('.wd-lcp-admin-bar');
				const msgElem = dropdown.querySelector('.wd-lcp-desc');

const btnYes = dropdown.querySelector('.wd-confirm');
				const btnNo = dropdown.querySelector('.wd-cancel');
				const btnDone = dropdown.querySelector('.wd-done');

if (message) {
					msgElem.textContent = message;
				}

dropdown.classList.add('wd-opened');

if (doneButton || (! hasImage && ! doneButton && ! woodmart_settings.lcp_has_image)) {
					btnYes.classList.add('wd-hide');
					btnNo.classList.add('wd-hide');

btnDone.classList.remove('wd-hide');
				}

if (! hasImage && !doneButton && ! woodmart_settings.lcp_has_image) {
					btnDone.addEventListener('click', onNo);
				}

function cleanUp() {
					btnYes.removeEventListener('click', onYes);
					btnNo.removeEventListener('click', onNo);
				}

function onYes(e) {
					e.preventDefault();

cleanUp();
					resolve(true);
				}

function onNo(e) {
					e.preventDefault();

cleanUp();
					resolve(false);
				}

btnYes.addEventListener('click', onYes);
				btnNo.addEventListener('click', onNo);
			});
		}
	});
})();

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team