${ICONS.sparkles}

${CONFIG.hotkey}

`; document.body.appendChild(this.root); this.els = { container: this.root.querySelector('#ea-container'), wrapper: this.root.querySelector('#ea-wrapper'), input: this.root.querySelector('#ea-input'), send: this.root.querySelector('#ea-send'), results: this.root.querySelector('#ea-results'), content: this.root.querySelector('#ea-content'), sourcesSection: this.root.querySelector('#ea-sources'), sourcesGrid: this.root.querySelector('#ea-sources-grid'), }; } initScrollBehavior() { let lastScrollY = window.scrollY; const handleScroll = () => { // Only apply scroll hide behavior on mobile if (!this.isMobile) return; // Don't hide if results are open if (this.els.results.classList.contains('active')) return; // Don't hide if input is focused if (document.activeElement === this.els.input) return; const currentScrollY = window.scrollY; const isScrollingDown = currentScrollY > lastScrollY; lastScrollY = currentScrollY; // Hide on scroll if (Math.abs(currentScrollY - lastScrollY) > 5 || isScrollingDown) { this.els.container.classList.add('scroll-hidden'); } // Clear existing timeout if (this.scrollTimeout) { clearTimeout(this.scrollTimeout); } // Show after 2 seconds of no scrolling this.scrollTimeout = setTimeout(() => { this.els.container.classList.remove('scroll-hidden'); }, CONFIG.scrollHideDelay); }; // Use passive listener for better scroll performance window.addEventListener('scroll', handleScroll, { passive: true }); // Update mobile detection on resize window.addEventListener('resize', () => { this.isMobile = window.innerWidth <= 768; // Show widget when switching to desktop if (!this.isMobile) { this.els.container.classList.remove('scroll-hidden'); } }); } bindEvents() { const { input, wrapper, send, container } = this.els; // --- FOCUS HANDLER WITH STATE RESTORATION --- input.addEventListener('focus', () => { wrapper.classList.add('focused'); // Show widget when focused (override scroll hide) this.els.container.classList.remove('scroll-hidden'); // If we have content, restore the results view if (this.els.content.innerHTML.trim() !== '') { this.els.results.classList.add('active'); this.els.container.classList.add('has-results'); } }); input.addEventListener('blur', () => wrapper.classList.remove('focused')); input.addEventListener('input', (e) => { send.classList.toggle('active', e.target.value.trim().length > 0); }); const submit = () => { const val = input.value.trim(); if (val) this.search(val); }; input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); submit(); } if (e.key === 'Escape') this.close(); }); send.addEventListener('click', submit); document.addEventListener('keydown', (e) => { if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') { e.preventDefault(); input.focus(); } }); document.addEventListener('click', (e) => { if (!container.contains(e.target) && this.els.results.classList.contains('active')) { this.close(); } }); this.els.content.addEventListener('click', (e) => { const btn = e.target.closest('.ea-copy-btn'); if (btn) { const code = btn.closest('.ea-code-block').querySelector('code').innerText; navigator.clipboard.writeText(code); const originalHTML = btn.innerHTML; btn.innerHTML = `${ICONS.check} Copied`; setTimeout(() => btn.innerHTML = originalHTML, 2000); } }); // --- LOCAL ROUTING (SPA NAVIGATION) --- this.els.results.addEventListener('click', (e) => { const link = e.target.closest('a'); if (!link) return; const href = link.getAttribute('href'); const isLocal = href.startsWith('/') || href.includes(window.location.hostname); if (isLocal) { e.preventDefault(); this.close(); // Close UI but keep state if (window.next?.router) { window.next.router.push(href); } else { window.history.pushState({}, '', href); window.dispatchEvent(new Event('popstate')); } } }); } search(query) { this.els.results.classList.add('active'); this.els.container.classList.add('has-results'); // Ensure widget is visible during search this.els.container.classList.remove('scroll-hidden'); this.els.content.innerHTML = this.getSkeletonHTML(); this.els.sourcesSection.style.display = 'none'; this.sources = []; if (this.eventSource) this.eventSource.close(); const url = `${CONFIG.apiEndpoint}?query=${encodeURIComponent(query)}&site=all&generate_mode=summarize&display_mode=full`; this.eventSource = new EventSource(url); let accumulated = ''; let isTextStreaming = false; this.eventSource.onmessage = (e) => { try { const data = JSON.parse(e.data); if (data.message_type === 'result_batch' && data.results) { this.sources = data.results; this.renderSources(); } else if (data.message_type === 'summary' && data.message) { if (!isTextStreaming) { this.els.content.innerHTML = ''; isTextStreaming = true; } accumulated += data.message; this.renderContent(accumulated, false); } else if (data.message_type === 'complete') { this.renderContent(accumulated, true); this.eventSource.close(); } } catch (err) { console.error("Stream Error", err); } }; this.eventSource.onerror = () => { this.eventSource.close(); }; } close() { // Only hide UI, do NOT clear content this.els.results.classList.remove('active'); this.els.container.classList.remove('has-results'); if (this.eventSource) this.eventSource.close(); } renderContent(text, isComplete) { let html = this.parseMarkdown(text); if (!isComplete) html += ''; this.els.content.innerHTML = html; const area = this.els.results.querySelector('.ea-scroll-area'); area.scrollTop = area.scrollHeight; } renderSources() { if (!this.sources || this.sources.length === 0) return; try { this.els.sourcesSection.style.display = 'block'; const html = this.sources.map(s => { const rawKey = s.name || s.title || ''; const cleanKey = rawKey.replace('processed/', ''); const mapData = SOURCE_MAPPING[cleanKey] || SOURCE_MAPPING[rawKey]; if (!mapData) return ''; let domain = 'docs.solanatracker.io'; const fullUrl = mapData.url; const relativeUrl = fullUrl.replace('https://docs.solanatracker.io', ''); return `

${ICONS.link} ${domain}

${mapData.title || cleanKey}

`; }).join(''); this.els.sourcesGrid.innerHTML = html; } catch (err) { console.error("Source Error", err); } } getSkeletonHTML() { return `

`; } parseMarkdown(text) { text = text.replace(/```(\w+)?\n([\s\S]*?)```/g, (match, lang, code) => { lang = lang || 'text'; return `

${lang}

${this.highlight(code.trim(), lang)}

`; }); text = text .replace(/\*\*(.*?)\*\*/g, '$1') .replace(/`([^`]+)`/g, '$1') .replace(/^### (.*$)/gm, '

$1

') .replace(/^## (.*$)/gm, '

$1

') .replace(/^- (.*$)/gm, '

') .replace(/((

.*<\/li>)+)/s, '

$1') .replace(/\[([^\]]+)\]$([^)]+)$/g, '$1') .replace(/\n\n/g, '

'); return text; } highlight(code, lang) { code = code.replace(/&/g, '&').replace(//g, '>'); const rules = { kw: /\b(function|return|var|let|const|if|else|for|while|class|import|from|def|async|await)\b/g, fn: /\b([a-zA-Z]\w*)(?=\()/g, str: /(['"`])(.*?)\1/g, num: /\b(\d+)\b/g, com: /(\/\/.*|#.*)/g, typ: /\b(string|number|boolean|any|void|Object|Array)\b/g }; code = code.replace(rules.str, '$&'); code = code.replace(rules.com, '$&'); code = code.replace(rules.kw, '$&'); code = code.replace(rules.fn, '$&'); code = code.replace(rules.num, '$&'); code = code.replace(rules.typ, '$&'); return code; } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => new EnterpriseWidget()); else new EnterpriseWidget(); })();

WebSocket Methods

Shredstream

Custom Methods

Account Methods

Block Methods

Transaction Methods

Network Methods

Stake Methods

Utility Methods

Resources