console.log('Lucidworks Search script loaded'); function blockMintlifyAndInjectCustomModal(selector, launchHandler) { const button = document.querySelector(selector); if (!button) return; const handler = (e) => { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); launchHandler(); }; const clone = button.cloneNode(true); button.replaceWith(clone); clone.addEventListener('click', handler, true); } function launchLucidworksModal() { if (document.getElementById('lucidworks-search-modal')) return; // Add Font Awesome for search icon if (!document.querySelector('link[href*="font-awesome"]')) { const fontAwesome = document.createElement('link'); fontAwesome.rel = 'stylesheet'; fontAwesome.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'; document.head.appendChild(fontAwesome); } const modal = document.createElement('div'); modal.id = 'lucidworks-search-modal'; modal.className = 'lw-modal-overlay'; modal.innerHTML = ` `; document.body.appendChild(modal); document.body.classList.add('lw-modal-open'); modal.addEventListener('click', (e) => { if (e.target === modal) { modal.remove(); document.body.classList.remove('lw-modal-open'); } }); modal.addEventListener('wheel', (e) => { e.stopPropagation(); }, { passive: true }); modal.addEventListener('touchmove', (e) => { e.stopPropagation(); }, { passive: true }); const input = document.getElementById('lucidworks-search-input'); const modalContainer = document.getElementById('lucidworks-modal-container'); const resultsContainer = document.getElementById('lucidworks-search-results'); const paginationContainer = document.getElementById('lucidworks-pagination'); const aiToggleBtnContainer = document.getElementById('lw-ai-toggle-btn-container'); const facetsContainer = document.getElementById('lucidworks-search-facets'); const searchToggleSwitch = document.getElementById('search-toggle-switch'); const searchToggleContainer = document.getElementById('lw-search-toggle-container'); const searchIconContainer = document.getElementById('lw-search-icon-container'); const resultsToggleContainer = document.getElementById('lw-results-toggle-container'); const queryHeading = document.getElementById('lw-query-heading'); // Get segmented toggle elements const resultsSegmentedToggle = document.querySelector('.lw-results-segmented-toggle'); const keywordSegment = document.querySelector('.lw-results-segment-keyword'); const conversationSegment = document.querySelector('.lw-results-segment-conversation'); let currentMode = 'search'; let currentQuery = ''; let currentStart = 0; let isProcessing = false; const rows = 10; let selectedFacets = {}; // Helper function to convert absolute URLs to relative paths function makeUrlRelative(url) { if (!url) return url; // Match URLs from *.mintlify.app or *.lucidworks.com domains const urlPattern = /^https?:\/\/[^\/]*\.(mintlify\.app|lucidworks\.com)(\/.*)?$/; const match = url.match(urlPattern); if (match && match[2]) { return match[2]; // Return just the path portion } return url; // Return original URL if it doesn't match the pattern } // Add click handlers for the segmented toggle keywordSegment.addEventListener('click', () => { if (isProcessing || currentMode === 'search') return; // Update UI keywordSegment.classList.add('active'); conversationSegment.classList.remove('active'); resultsSegmentedToggle.classList.remove('ai-active'); // Update search toggle to match searchToggleSwitch.checked = false; // Set mode and fetch results currentMode = 'search'; input.placeholder = "Search anything"; resultsContainer.classList.remove('lw-results-ai'); if (currentQuery.trim()) { fetchAndRenderSearch(currentQuery, 0); } }); conversationSegment.addEventListener('click', () => { if (isProcessing || currentMode === 'ai') return; // Update UI keywordSegment.classList.remove('active'); conversationSegment.classList.add('active'); resultsSegmentedToggle.classList.add('ai-active'); // Update search toggle to match searchToggleSwitch.checked = true; // Set mode and fetch results currentMode = 'ai'; input.placeholder = "Ask LWAI anything"; resultsContainer.classList.add('lw-results-ai'); if (currentQuery.trim()) { fetchAndRenderSearch(currentQuery, 0); } }); // Add toggle switch event listeners searchToggleSwitch.addEventListener('change', function() { console.log('Search toggle state:', this.checked ? 'ON' : 'OFF'); if (this.checked) { // AI mode is on input.placeholder = "Ask LWAI anything"; resultsContainer.classList.add('lw-results-ai'); // Update segmented toggle to match keywordSegment.classList.remove('active'); conversationSegment.classList.add('active'); resultsSegmentedToggle.classList.add('ai-active'); currentMode = 'ai'; if (currentQuery.trim()) { fetchAndRenderSearch(currentQuery, 0); } } else { // Regular search mode input.placeholder = "Search anything"; resultsContainer.classList.remove('lw-results-ai'); // Update segmented toggle to match keywordSegment.classList.add('active'); conversationSegment.classList.remove('active'); resultsSegmentedToggle.classList.remove('ai-active'); currentMode = 'search'; if (currentQuery.trim()) { fetchAndRenderSearch(currentQuery, 0); } } }); input.focus(); function renderSkeletons(container, count = 5) { container.innerHTML = ''; for (let i = 0; i < count; i++) { const skeleton = document.createElement('div'); skeleton.className = 'lw-skeleton'; container.appendChild(skeleton); } } function setMode(mode) { // Basic protection against rapid switching if (isProcessing) return; currentMode = mode; // Clear previous UI elements resultsContainer.innerHTML = ''; paginationContainer.innerHTML = ''; aiToggleBtnContainer.innerHTML = ''; facetsContainer.innerHTML = ''; // Configure UI based on mode if (mode === 'ai') { facetsContainer.style.display = 'none'; input.placeholder = "Ask a question..."; // Update toggle states to match the mode searchToggleSwitch.checked = true; keywordSegment.classList.remove('active'); conversationSegment.classList.add('active'); resultsSegmentedToggle.classList.add('ai-active'); input.focus(); if (currentQuery.trim()) { renderSkeletons(resultsContainer, 3); fetchAndRenderSearch(currentQuery, 0); } else { resultsContainer.innerHTML = '

Enter your question above and press Enter to ask Lucidworks AI

'; } } else { // search mode facetsContainer.style.display = 'block'; input.placeholder = "Search anything"; // Update toggle states to match the mode searchToggleSwitch.checked = false; keywordSegment.classList.add('active'); conversationSegment.classList.remove('active'); resultsSegmentedToggle.classList.remove('ai-active'); if (currentQuery.trim()) { renderSkeletons(resultsContainer, rows); fetchAndRenderSearch(currentQuery, 0); } } } async function fetchAndRenderSearch(query, start = 0) { if (!query.trim()) return; isProcessing = true; currentQuery = query; currentStart = start; // Always expand modal when displaying results modalContainer.classList.remove('collapsed'); modalContainer.classList.add('expanded'); try { // Ensure toggle remains visible in the search bar searchToggleContainer.style.display = 'block'; searchIconContainer.style.display = 'none'; resultsToggleContainer.style.display = 'block'; // Display the query as an H2 heading queryHeading.textContent = query; queryHeading.style.display = 'block'; // Show the correct interface based on the current mode if (currentMode === 'ai') { console.log("Fetching AI results for:", query); facetsContainer.style.display = 'none'; const url = `https://docs-search-api.netlify.app/.netlify/functions/search?q=${encodeURIComponent(query)}&includeRAG=true`; renderSkeletons(resultsContainer, 3); paginationContainer.innerHTML = ''; const res = await fetch(url); if (!res.ok) { const errorText = await res.text(); console.error('Error fetching AI results:', { status: res.status, statusText: res.statusText, body: errorText }); resultsContainer.innerHTML = `

Error retrieving AI results. Status: ${res.status} - ${res.statusText}

`; return; } const data = await res.json(); console.log("AI API response:", data); const aiAnswer = data?.fusion?.llm_answer; const sources = data?.fusion?.llm_source_docs || []; resultsContainer.innerHTML = ''; if (aiAnswer) { // Process AI answer to add line break after first sentence if multiple sentences exist let processedAnswer = aiAnswer; const sentences = aiAnswer.split(/(?<=[.!?])\s+/); if (sentences.length > 1) { processedAnswer = sentences[0] + '

' + sentences.slice(1).join(' '); } const answerBlock = document.createElement('div'); answerBlock.className = 'lw-result-item'; answerBlock.innerHTML = `

${processedAnswer}

`; resultsContainer.appendChild(answerBlock); } else { resultsContainer.innerHTML = '

No AI answer returned.

'; } if (sources.length > 0) { const sourcesHeading = document.createElement('div'); sourcesHeading.className = 'lw-sources-heading'; sourcesHeading.textContent = 'Sources'; resultsContainer.appendChild(sourcesHeading); const sourcesContainer = document.createElement('div'); sourcesContainer.className = 'lw-sources-container'; sources.forEach((doc) => { const docBlock = document.createElement('div'); docBlock.className = 'lw-result-item'; docBlock.style.cursor = 'pointer'; const link = document.createElement('a'); link.href = makeUrlRelative(doc.url_s) || '#'; link.className = 'lw-result-title'; link.textContent = (doc.title_s || doc.url_s || 'Source Document').replace(' - Lucidworks documentation', ''); docBlock.appendChild(link); docBlock.addEventListener('click', () => { window.location.href = makeUrlRelative(doc.url_s) || '#'; }); sourcesContainer.appendChild(docBlock); }); resultsContainer.appendChild(sourcesContainer); } } else { // Show facets in search mode facetsContainer.style.display = 'block'; let facetQuery = ''; const selectedFacetValues = []; for (const facet in selectedFacets) { if (selectedFacets[facet].length > 0) { selectedFacetValues.push(...selectedFacets[facet]); } } if (selectedFacetValues.length > 0) { facetQuery = `&fq=product_s:("${selectedFacetValues.join('","')}")`; } const url = `https://docs-search-api.netlify.app/.netlify/functions/search?start=${start}&rows=${rows}&q=${encodeURIComponent(query)}&facet=true&facet.field=product_s${facetQuery}`; renderSkeletons(resultsContainer, rows); paginationContainer.innerHTML = ''; facetsContainer.innerHTML = ''; aiToggleBtnContainer.innerHTML = ''; const res = await fetch(url); if (!res.ok) { const errorText = await res.text(); console.error('Error fetching search results:', { status: res.status, statusText: res.statusText, body: errorText }); resultsContainer.innerHTML = `

Search failed. Status: ${res.status} - ${res.statusText}

`; return; } const data = await res.json(); const docs = data.response?.docs || []; const numFound = data.response?.numFound || 0; // Render facets if (data.facet_counts?.facet_fields?.product_s) { renderFacets(data.facet_counts.facet_fields.product_s); } if (!docs.length) { resultsContainer.innerHTML = '

No results found. Try asking Lucidworks AI instead.

'; facetsContainer.style.display = 'none'; return; } resultsContainer.innerHTML = docs.map(doc => { const title = (doc.title_s || 'Untitled').replace(' - Lucidworks documentation', ''); const description = doc.description_t ? (doc.description_t.length > 200 ? doc.description_t.substring(0, 200) + '...' : doc.description_t) : ''; const url = makeUrlRelative(doc.url_s) || '#'; return `

${title}

${description}

`; }).join(''); const totalPages = Math.ceil(numFound / rows); const currentPage = Math.floor(start / rows) + 1; let paginationHTML = ''; if (currentPage > 1) { paginationHTML += ``; } if (currentPage < totalPages) { paginationHTML += ``; } paginationContainer.innerHTML = paginationHTML; paginationContainer.querySelectorAll('.lw-page-button').forEach(btn => { btn.addEventListener('click', (e) => { const newStart = parseInt(e.target.getAttribute('data-start'), 10); fetchAndRenderSearch(currentQuery, newStart); }); }); } } catch (err) { console.error('Fetch error:', err); resultsContainer.innerHTML = currentMode === 'ai' ? '

An error occurred while fetching AI results.

' : 'An error occurred.'; } finally { isProcessing = false; } } // Define a mapping of facet names to their replacements const facetNameReplacements = { "Lw Platform": "Lucidworks Platform", "Fusion Ai": "Fusion AI", "Api Reference": "API Reference", // Add more replacements here as needed }; function renderFacets(facetData) { if (!facetData || facetData.length === 0) return; // Aggregate duplicate facets const aggregatedFacets = {}; for (let i = 0; i < facetData.length; i += 2) { const combinedFacetValue = facetData[i]; const facetCount = facetData[i + 1]; // Split combined facet values by commas and trim whitespace const individualFacets = combinedFacetValue.split(',').map(facet => facet.trim()); individualFacets.forEach(facetValue => { if (aggregatedFacets[facetValue]) { aggregatedFacets[facetValue] += facetCount; } else { aggregatedFacets[facetValue] = facetCount; } }); } facetsContainer.innerHTML = ''; const facetList = document.createElement('div'); facetList.className = 'lw-facets-list'; // Render aggregated facets with prettified names and formatted counts Object.entries(aggregatedFacets).forEach(([facetValue, facetCount]) => { // Prettify names (e.g., replace hyphens with spaces, capitalize words) let prettifiedName = facetValue .replace(/-/g, ' ') // Replace hyphens with spaces .replace(/\b\w/g, char => char.toUpperCase()); // Capitalize each word // Apply replacements from the mapping AFTER prettification prettifiedName = facetNameReplacements[prettifiedName] || prettifiedName; const formattedCount = facetCount.toLocaleString(); // Format count with commas const facetItem = document.createElement('div'); facetItem.className = 'lw-facet-item'; const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.id = `facet-${facetValue}`; checkbox.className = 'lw-facet-checkbox'; checkbox.value = facetValue; if (selectedFacets['product_s'] && selectedFacets['product_s'].includes(facetValue)) { checkbox.checked = true; } const label = document.createElement('label'); label.htmlFor = `facet-${facetValue}`; label.className = 'lw-facet-label'; label.textContent = `${prettifiedName} (${formattedCount})`; checkbox.addEventListener('change', (e) => { if (!selectedFacets['product_s']) { selectedFacets['product_s'] = []; } if (e.target.checked) { if (!selectedFacets['product_s'].includes(facetValue)) { selectedFacets['product_s'].push(facetValue); } } else { selectedFacets['product_s'] = selectedFacets['product_s'].filter( val => val !== facetValue ); } fetchAndRenderSearch(currentQuery, 0); }); facetItem.appendChild(checkbox); facetItem.appendChild(label); facetList.appendChild(facetItem); }); facetsContainer.appendChild(facetList); } input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { const query = input.value.trim(); if (!query) return; // Reset facets for new searches selectedFacets = {}; // Run the search based on the current toggle state currentMode = searchToggleSwitch.checked ? 'ai' : 'search'; // Make sure the modal is expanded for results modalContainer.classList.remove('collapsed'); modalContainer.classList.add('expanded'); fetchAndRenderSearch(query, 0); } }); setMode('search'); } // Global keyboard event listener for cmd+k / ctrl+k document.addEventListener("keydown", function (event) { if ((event.metaKey || event.ctrlKey) && event.key === "k") { event.preventDefault(); event.stopPropagation(); launchLucidworksModal(); } }); // Get the search containers that will be replaced const searchButtonContainerIds = [ "search-bar-entry", "search-bar-entry-mobile", ]; // Clone and replace search containers to remove existing event listeners const clonedSearchButtonContainers = searchButtonContainerIds.map((id) => { const originalElement = document.getElementById(id); if (!originalElement) return null; const clonedElement = originalElement.cloneNode(true); originalElement.parentNode.replaceChild(clonedElement, originalElement); return clonedElement; }).filter(Boolean); const DATA_CUSTOM_LISTENER_ATTACHED = "data-custom-listener-attached"; clonedSearchButtonContainers.forEach((trigger) => { if (trigger) { trigger.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); launchLucidworksModal(); }); trigger.setAttribute(DATA_CUSTOM_LISTENER_ATTACHED, "true"); } }); const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.type === "childList") { searchButtonContainerIds.forEach((id) => { const element = document.getElementById(id); if (element && !element.hasAttribute(DATA_CUSTOM_LISTENER_ATTACHED)) { const clonedElement = element.cloneNode(true); element.parentNode.replaceChild(clonedElement, element); clonedElement.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); launchLucidworksModal(); }); clonedElement.setAttribute(DATA_CUSTOM_LISTENER_ATTACHED, 'true'); } }); } }); }); observer.observe(document.body, { childList: true, subtree: true }); // Add ESC key handler for closing modal document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { const modal = document.getElementById('lucidworks-search-modal'); if (modal) { modal.remove(); document.body.classList.remove('lw-modal-open'); } } }); // Initialize with original functions for compatibility function init() { blockMintlifyAndInjectCustomModal('#search-bar-entry', launchLucidworksModal); blockMintlifyAndInjectCustomModal('#search-bar-entry-mobile', launchLucidworksModal); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } // Use event delegation to handle search buttons reliably with client-side rendering document.addEventListener('click', (e) => { if (e.target.matches('#search-bar-entry, #search-bar-entry-mobile') || e.target.closest('#search-bar-entry, #search-bar-entry-mobile')) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); launchLucidworksModal(); } }, true);

UI tour

Index data

Query data

Metrics and analytics

Improve your queries

Administration

Developer documentation

Machine learning

Neural Hybrid Search

Release notes

FAQs