const addWeightWithBoost = (option, query) => { option.weight = calculateWeight(option.clean, query) * option.clean.boost return option } const clean = (text) => text .trim() .replace(/['’]/g, '') .replace(/[.,"/#!$%^&*;:{}=\-_`~()]/g, ' ') .toLowerCase() const cleanseOption = (option) => { const synonyms = (option.synonyms || []).map(clean) option.clean = { name: clean(option.name), nameWithoutStopWords: removeStopWords(option.name), synonyms, synonymsWithoutStopWords: synonyms.map(removeStopWords), boost: option.boost || 1 } return option } const hasWeight = (option) => option.weight > 0 const byWeightThenAlphabetically = (a, b) => { if (a.weight > b.weight) return -1 if (a.weight < b.weight) return 1 if (a.name < b.name) return -1 if (a.name > b.name) return 1 return 0 } const optionName = (option) => option.name const exactMatch = (word, query) => word === query const startsWithRegExp = (query) => new RegExp('\\b' + query, 'i') const startsWith = (word, query) => word.search(startsWithRegExp(query)) === 0 const wordsStartsWithQuery = (word, regExps) => regExps.every((regExp) => word.search(regExp) >= 0) const anyMatch = (words, query, evaluatorFunc) => words.some((word) => evaluatorFunc(word, query)) const synonymsExactMatch = (synonyms, query) => anyMatch(synonyms, query, exactMatch) const synonymsStartsWith = (synonyms, query) => anyMatch(synonyms, query, startsWith) const wordInSynonymStartsWithQuery = (synonyms, startsWithQueryWordsRegexes) => anyMatch(synonyms, startsWithQueryWordsRegexes, wordsStartsWithQuery) const calculateWeight = ({ name, synonyms, nameWithoutStopWords, synonymsWithoutStopWords }, query) => { const queryWithoutStopWords = removeStopWords(query) if (exactMatch(name, query)) return 100 if (exactMatch(nameWithoutStopWords, queryWithoutStopWords)) return 95 if (synonymsExactMatch(synonyms, query)) return 75 if (synonymsExactMatch(synonymsWithoutStopWords, queryWithoutStopWords)) return 70 if (startsWith(name, query)) return 60 if (startsWith(nameWithoutStopWords, queryWithoutStopWords)) return 55 if (synonymsStartsWith(synonyms, query)) return 50 if (synonymsStartsWith(synonyms, queryWithoutStopWords)) return 40 const startsWithRegExps = queryWithoutStopWords .split(/\s+/) .map(startsWithRegExp) if (wordsStartsWithQuery(nameWithoutStopWords, startsWithRegExps)) return 25 if (wordInSynonymStartsWithQuery(synonymsWithoutStopWords, startsWithRegExps)) return 10 return 0 } const stopWords = ['the', 'of', 'in', 'and', 'at', '&'] const removeStopWords = (text) => { const isAllStopWords = text .trim() .split(' ') .every((word) => stopWords.includes(word)) if (isAllStopWords) { return text } const regex = new RegExp( stopWords.map((word) => `(\\s+)?${word}(\\s+)?`).join('|'), 'gi' ) return text.replace(regex, ' ').trim() } export const sort = (query, options) => { const cleanQuery = clean(query) return options .map(cleanseOption) .map((option) => addWeightWithBoost(option, cleanQuery)) .filter(hasWeight) .sort(byWeightThenAlphabetically) .map(optionName) } export const suggestion = (value, options) => { const option = options.find((o) => o.name === value) if (option) { const html = option.append ? `${option.text} ${option.append}` : `${option.text}` return option.hint ? `${html}
${option.hint}
` : html } else { return 'No results found' } } export const searchSuggestion = (value, options) => { try { const option = options.find((o) => o.getAttribute('text') === value) if (option) { const result = enhanceOption(option) const html = result.append ? `${result.text} ${result.append}` : `${result.text}` return result.hint ? `${html}
${result.hint}
` : html } else { return 'No results found' } } catch (error) { console.error('Error fetching user option:', error) return value } } export const enhanceOption = (option) => { return { text: option.text, name: getSearchableName(option), synonyms: (option.getAttribute('data-synonyms') ? option.getAttribute('data-synonyms').split('|') : []), append: option.getAttribute('data-append'), hint: option.getAttribute('data-hint'), boost: parseFloat(option.getAttribute('data-boost')) || 1 } } export const fetchAndPopulateSearchResults = async (query, populateResults, relativeUrlRoute, populateOptions, selectEl) => { if (/\S/.test(query)) { const results = await fetchUserOptions(query, relativeUrlRoute) populateOptions(results, selectEl) populateResults(Object.values(results).map((o) => searchableName(o))) } } export const fetchUserOptions = async (query, searchUrl) => { try { const response = await fetch(`${searchUrl}?query=${encodeURIComponent(query)}`) const results = await response.json() return results } catch (error) { console.error('Error fetching user options:', error) return [] } } export const getSearchableName = (option) => { return option.getAttribute('data-hint') ? option.text + ' ' + option.getAttribute('data-hint') : option.text } export const searchableName = (option) => { return option.hint ? option.value + ' ' + option.hint : option.value } export const confirmSelectedOption = (selectEl, val) => { const arrayOfOptions = Array.from(selectEl.options).filter(function (option, index, arr) { return option.value !== '' }) const selectedOption = [].filter.call( arrayOfOptions, (option) => option.getAttribute('text') === val )[0] if (selectedOption) selectedOption.selected = true }