content.js

let debounceTimer = null;
let explorers = [];

// Load JSON once on page load
fetch(chrome.runtime.getURL('explorers.json'))
	.then(res => res.json())
	.then(data => explorers = data)
	.catch(err => console.error("Failed to load explorers.json", err));

function buildTooltipLinks(text) {
	if (!explorers.length) return '';

	const isAddress = isSolanaAddress(text);
	const isSignature = isSolanaSignature(text);
	if (!isAddress && !isSignature) return '';

	return explorers.map(explorer => {
		if (isAddress ? explorer.accountUrl === "" : explorer.txUrl === "")
			return

		const href = isAddress
			? explorer.accountUrl.replace('{address}', text)
			: explorer.txUrl.replace('{signature}', text);

		console.log("Getting icon", explorer)
		const iconUrl = chrome.runtime.getURL(explorer.icon);

		return `
      <a href="${href}" target="_blank">
        <img class="tooltip-img-sbgg" title="${explorer.name}" alt="${explorer.name}" src="${iconUrl}" />
      </a>`;
	}).join('\n');
}


function isSolanaAddress(text) {
	return /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(text);
}

function isSolanaSignature(text) {
	return /^[1-9A-HJ-NP-Za-km-z]{80,88}$/.test(text);
}

function getSelectionText() {
	const selection = window.getSelection();
	if (!selection || selection.rangeCount === 0) return null;

	const text = selection.toString().trim();
	if (!text) return null;

	const range = selection.getRangeAt(0);
	const rect = range.getBoundingClientRect();

	// Only show for visible selections (not collapsed or in invisible elements)
	if (rect.width === 0 && rect.height === 0) return null;

	// Ignore selections in form elements
	const anchorNode = selection.anchorNode;
	if (anchorNode) {
		const parentEl = anchorNode.nodeType === 3 ? anchorNode.parentElement : anchorNode;
		if (parentEl && ['INPUT', 'TEXTAREA'].includes(parentEl.tagName)) return null;
	}

	return {text, rect};
}

function createTooltip(text, rect) {
	removeTooltip();

	const tooltip = document.createElement('div');
	tooltip.className = 'solana-tooltip-sbggg';
	tooltip.innerHTML = buildTooltipLinks(text);

	tooltip.style.left = `${window.scrollX + rect.left + 10}px`;
	tooltip.style.top = `${window.scrollY + rect.bottom + 10}px`;

	document.body.appendChild(tooltip);
}

function removeTooltip() {
	document.querySelectorAll('.solana-tooltip-sbggg').forEach(el => el.remove());
}


let isDragging = false;
let latestSelection = null;

// Track drag
document.addEventListener('mousedown', () => {
	isDragging = false;
});

document.addEventListener('mousemove', () => {
	isDragging = true;
});

document.addEventListener('selectionchange', () => {
	if (debounceTimer) clearTimeout(debounceTimer);
	debounceTimer = setTimeout(() => {
		const selection = getSelectionText();
		if (!selection) {
			removeTooltip();
			return;
		}

		const {text, rect} = selection;

		if (isSolanaAddress(text) || isSolanaSignature(text)) {
			createTooltip(text, rect);
		}
	}, 100);
});

document.addEventListener('click', (e) => {
	if (isDragging) {
		// Reset and ignore drag click
		isDragging = false;
		return;
	}

	if (!e.target.closest('.solana-tooltip')) {
		removeTooltip();
	}
});