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

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