feat(search): add search by title/content index and tag at the same time (#978)

* feat(search): add search by title/content index and tag at the same time

* fix(search): set search type to basic and remove tag from term for proper highlightning and scroll when searched by tag and title/content index

* fix(search): use indexOf to find space so it is easier to read

* fix(search): trim trailing whitespaces before splitting

* fix(search): set limit to 10000 for combined search mode (to make filter by tag more accurate)
This commit is contained in:
makondratev 2024-03-18 03:48:00 +03:00 committed by GitHub
parent 253497cad4
commit 38d9d52137
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -21,6 +21,7 @@ let index = new FlexSearch.Document<Item>({
encode: encoder, encode: encoder,
document: { document: {
id: "id", id: "id",
tag: "tags",
index: [ index: [
{ {
field: "title", field: "title",
@ -405,11 +406,33 @@ document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
let searchResults: FlexSearch.SimpleDocumentSearchResultSetUnit[] let searchResults: FlexSearch.SimpleDocumentSearchResultSetUnit[]
if (searchType === "tags") { if (searchType === "tags") {
currentSearchTerm = currentSearchTerm.substring(1).trim()
const separatorIndex = currentSearchTerm.indexOf(" ")
if (separatorIndex != -1) {
// search by title and content index and then filter by tag (implemented in flexsearch)
const tag = currentSearchTerm.substring(0, separatorIndex)
const query = currentSearchTerm.substring(separatorIndex + 1).trim()
searchResults = await index.searchAsync({ searchResults = await index.searchAsync({
query: currentSearchTerm.substring(1), query: query,
// return at least 10000 documents, so it is enough to filter them by tag (implemented in flexsearch)
limit: Math.max(numSearchResults, 10000),
index: ["title", "content"],
tag: tag,
})
for (let searchResult of searchResults) {
searchResult.result = searchResult.result.slice(0, numSearchResults)
}
// set search type to basic and remove tag from term for proper highlightning and scroll
searchType = "basic"
currentSearchTerm = query
} else {
// default search by tags index
searchResults = await index.searchAsync({
query: currentSearchTerm,
limit: numSearchResults, limit: numSearchResults,
index: ["tags"], index: ["tags"],
}) })
}
} else if (searchType === "basic") { } else if (searchType === "basic") {
searchResults = await index.searchAsync({ searchResults = await index.searchAsync({
query: currentSearchTerm, query: currentSearchTerm,