klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 21:19:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Only call search API when pause in typing search query on web, desktop apps

Browse Source 
Wait for 300ms since stop typing before calling search API.

This smooths out UI jitter when rendering search results, especially
now that we're reranking for every search query on GPU enabled devices

Emacs already has 300ms debounce time. More convoluted to add
debounce time to Obsidian search modal, so not updating that yet
This commit is contained in:
Debanjum Singh Solanky
2024-03-09 17:53:04 +05:30
parent 1105d8814f
commit 44c8d09342
2 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/interface/desktop/search.html
View File

@@ -192,16 +192,17 @@
}); });
} }
let debounceTimeout;
function incrementalSearch(event) { function incrementalSearch(event) {
type = 'all'; // Run incremental search only after waitTime passed since the last key press
// Search with reranking on 'Enter' let waitTime = 300;
if (event.key === 'Enter') { clearTimeout(debounceTimeout);
search(rerank=true); debounceTimeout = setTimeout(() => {
} type = 'all';
// Limit incremental search to text types // Search with reranking on 'Enter'
else if (type !== "image") { let should_rerank = event.key === 'Enter';
search(rerank=false); search(rerank=should_rerank);
} }, waitTime);
} }
async function populate_type_dropdown() { async function populate_type_dropdown() {

19
src/khoj/interface/web/search.html
View File

@@ -193,16 +193,17 @@
}); });
} }
let debounceTimeout;
function incrementalSearch(event) { function incrementalSearch(event) {
type = document.getElementById("type").value; // Run incremental search only after waitTime passed since the last key press
// Search with reranking on 'Enter' let waitTime = 300;
if (event.key === 'Enter') { clearTimeout(debounceTimeout);
search(rerank=true); debounceTimeout = setTimeout(() => {
} type = document.getElementById("type").value;
// Limit incremental search to text types // Search with reranking on 'Enter'
else if (type !== "image") { let should_rerank = event.key === 'Enter';
search(rerank=false); search(rerank=should_rerank);
} }, waitTime);
} }
function populate_type_dropdown() { function populate_type_dropdown() {