<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
        integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
</html>
import domReady from '@wordpress/dom-ready';
import '@shared/shared.css';
import { EditPageToolTip } from '@shared/components/EditPageToolTip';
import '@shared/lib/api-fetch';
import { render } from '@shared/lib/dom';
import { preFetchImages as preFetchUnsplashImages } from '@shared/lib/unsplash';

const showAIAgents = window.extSharedData.showAIAgents;

const isOnLaunch = () => {
	const query = new URLSearchParams(window.location.search);
	const page = query.get('page');
	return page === 'extendify-launch' || page === 'extendify-auto-launch';
};

domReady(() => {
	if (isOnLaunch()) return;

	preFetchUnsplashImages();

	const urlParams = new URLSearchParams(window.location.search);
	if (!urlParams.has('extendify-launch-success')) return;
	const currentUrl = new URL(window.location.href);
	// Remove the query param so it doesn't show again
	urlParams.delete('extendify-launch-success');
	const newUrl = `${currentUrl.origin}${currentUrl.pathname}`;
	window.history.replaceState({}, '', newUrl);
	// Trigger an event other features can listen to
	// Give time for others to add listeners
	requestAnimationFrame(() => {
		requestAnimationFrame(() => {
			window.dispatchEvent(new CustomEvent('extendify-launch-success'));
			// Open the Agent if not open
			window.dispatchEvent(new CustomEvent('extendify-agent:open'));
		});
	});
	if (showAIAgents) return;
	// This will show the toolbar for users not using AI Agent
	// but are redirected to home
	const homeUrl = new URL(window.extSharedData.homeUrl);
	const isHomePage =
		currentUrl.origin === homeUrl.origin &&
		currentUrl.pathname === homeUrl.pathname;
	if (!isHomePage) return;
	const div = Object.assign(document.createElement('div'), {
		id: 'extendify-edit-page-modal-tooltip',
	});
	document.body.appendChild(div);
	render(<EditPageToolTip />, div);
});
