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; // Generate new queryId for new searches (start = 0) or reuse for pagination if (start === 0) { currentQueryId = crypto.randomUUID(); } // 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') { 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(); resultsContainer.innerHTML = `

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

`; return; } const data = await res.json(); 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(); 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; // Send query signal with actual results if (window.LucidworksSignals) { window.LucidworksSignals.sendQuerySignal(query, currentQueryId, docs); } // 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, index) => { 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) || '#'; const position = start + index + 1; 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) { resultsContainer.innerHTML = currentMode === 'ai' ? '

An error occurred while fetching AI results.

' : 'An error occurred.'; } finally { isProcessing = false; } } // Handler function for result item clicks function handleResultItemClick(title, url, query, queryId, position) { const navigateToUrl = () => { window.location.href = url; }; if (window.LucidworksSignals) { window.LucidworksSignals.sendClickSignal( { title: title, url: url }, query, queryId, position ).finally(navigateToUrl); } else { navigateToUrl(); } } // 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); } }); // Event delegation for result item clicks resultsContainer.addEventListener('click', (e) => { const resultItem = e.target.closest('.lw-clickable-result'); if (resultItem) { e.preventDefault(); e.stopPropagation(); const title = resultItem.dataset.title; const url = resultItem.dataset.url; const position = parseInt(resultItem.dataset.position, 10); handleResultItemClick(title, url, currentQuery, currentQueryId, position); } }); 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);

Fusion Server

Fusion AI

App Studio