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);

Apps

Archive

Blobs

Catalog

Collections

Configurations

Connectors Datasources

Connectors History

Connectors Jobs

Connectors Plugins

Connectors Status

Custom Rule

Experiments

Features

Groups

History Id

History

Index Pipeline Templates

Index Pipelines

Index Profiles CRUD

Index Profiles

Index Stages

Introspect

Jobs

License

Links

Messaging

Nodes

Objects

Parser Templates

Parsers

Partitions

Query Pipeline Templates

Query Pipelines

Query Profile Back Compatibility

Query Profiles CRUD

Query Profiles

Query Rewrite

Query Stages

Recommend

Registration

Scheduler

Schema

Search Cluster

Search Logs

Signals

Solr

Solr Admin

Solr Config

Spark

Suggestions Datasources

Swagger

Synonyms Editor

System Autocomplete

System

Tasks

Taxonomy

Usage

Webapps Admin

Webapps Appkit

Webapps

Zookeeper

Response