// search.js - Complete MiniSearch implementation with artifacts import { renderSearchTags } from './tags.js'; // Use global areasData (loaded in index.html ) const areasData = window.areasData; let miniSearch; let allArtifacts; // Helper to create and populate a MiniSearch instance function createMiniSearchIndex(data, storeFields) { const search = new MiniSearch({ fields: ['title', 'description', 'areas', 'topics'], storeFields: storeFields }); search.addAll(data); return search; } // Initialize search export async function initializeSearch(artifactsData) { allArtifacts = artifactsData; // Prepare data for MiniSearch const searchData = allArtifacts.map((artifact, index) => ({ id: index, title: artifact.title, description: artifact.description, type: artifact.type, areas: (artifact.areas || []).join(' '), topics: (artifact.topics || []).join(' '), url: artifact.url, date: artifact.date })); // Initialize MiniSearch for artifacts miniSearch = createMiniSearchIndex(searchData, ['title', 'description', 'type', 'areas', 'topics', 'url', 'date']); } export function searchContent(query) { if (!query || query.trim().length < 2) { return { artifacts: [] }; } const artifactResults = miniSearch.search(query, { prefix: true, fuzzy: 0.2, boost: { title: 2, description: 1 } }); return { artifacts: artifactResults }; } // Helper functions function getAreaDisplayName(area) { return areasData[area]?.title || area; } function getSubAreaDisplayName(areaId, subArea) { const area = areasData[areaId]; if (!area || !area.subAreas) return subArea; const subAreaData = area.subAreas[subArea]; return typeof subAreaData === 'string' ? subAreaData : subAreaData?.name || subArea; } // Search UI export function initializeSearchUI(artifactsData) { initializeSearch(artifactsData); const searchInput = document.getElementById('search-input'); const searchResults = document.getElementById('search-results'); if (!searchInput || !searchResults) return; let searchTimeout; // Function to perform search function performSearch() { const query = searchInput.value.trim(); if (query.length < 2) { searchResults.innerHTML = `

Enter a search term...

`; return; } const results = searchContent(query); displaySearchResults(results, query); } // Handle input events (typing) searchInput.addEventListener('input', (e) => { clearTimeout(searchTimeout); const query = e.target.value.trim(); if (query.length < 2) { searchResults.innerHTML = `

Enter a search term...

`; return; } // Debounce search searchTimeout = setTimeout(() => { performSearch(); }, 300); }); // Handle Enter key (immediate search) searchInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); clearTimeout(searchTimeout); performSearch(); } }); } // Update the displaySearchResults function in search.js export function displaySearchResults(results, query) { const { artifacts } = results; const totalResults = artifacts.length; if (totalResults === 0) { document.getElementById('search-results').innerHTML = `

No results found for "${query}"

`; return; } let html = `

Found ${totalResults} result${totalResults === 1 ? '' : 's'}

`; // Display artifacts if (artifacts.length > 0) { html += `

`; artifacts.forEach(result => { const score = Math.round(result.score * 100); // Use renderSearchTags utility const areas = result.areas ? result.areas.split(' ') : []; const topics = result.topics ? result.topics.split(' ') : []; const { areaLinksHtml: areaLinks, topicLinksHtml: subAreaLinks } = renderSearchTags(areas, topics); html += `

${result.title}

${score}%

${result.type} ${result.date}

${areaLinks} ${subAreaLinks}

`; }); html += `

`; } document.getElementById('search-results').innerHTML = html; }