verstak
/
verstak-official-plugins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Keep search input focused while typing

This commit is contained in:
mirivlad 2026-06-30 22:42:42 +08:00
parent 9aa837e14d
commit 9a59cd29e4
1 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
plugins/search/frontend/src/index.js
View File

@ -287,13 +287,18 @@
var index = null;
var cleanupFns = [];
var indexRefresh = Promise.resolve();
var input = null;
var button = null;
var statusEl = null;
var resultsEl = null;
function render() {
function ensureLayout() {
if (input) return;
containerEl.innerHTML = '';
containerEl.className = 'search-root';
containerEl.setAttribute('data-plugin-id', 'verstak.search');
var input = el('input', {
input = el('input', {
className: 'search-input',
type: 'search',
placeholder: 'Search files, folders, text',
@ -304,10 +309,8 @@
scheduleSearch();
}
});
var button = el('button', {
button = el('button', {
className: 'search-btn',
textContent: state.searching ? 'Searching...' : 'Search',
disabled: state.searching ? 'disabled' : null,
'data-search-action': 'run',
onClick: search
});
@ -317,9 +320,22 @@
el('span', { className: 'search-scope', title: rootPath || 'Vault' }, [rootPath || 'Vault'])
]));
containerEl.appendChild(el('div', { className: 'search-status' + (state.error ? ' error' : '') }, [state.error || state.status]));
var resultsEl = el('div', { className: 'search-results' });
statusEl = el('div', { className: 'search-status' });
containerEl.appendChild(statusEl);
resultsEl = el('div', { className: 'search-results' });
containerEl.appendChild(resultsEl);
}
function render() {
ensureLayout();
if (document.activeElement !== input && input.value !== state.query) {
input.value = state.query;
}
button.textContent = state.searching ? 'Searching...' : 'Search';
button.disabled = !!state.searching;
statusEl.className = 'search-status' + (state.error ? ' error' : '');
statusEl.textContent = state.error || state.status;
resultsEl.innerHTML = '';
if (!state.results.length) {
resultsEl.appendChild(el('div', { className: 'search-empty' }, [state.searching ? 'Searching...' : 'No results']));
return;