mirror of
https://github.com/go-gitea/gitea.git
synced 2026-05-24 23:26:34 +02:00
2ecee0bb0a
Move web_src/js/modules/fomantic/search.ts to web_src/js/modules/search.ts
(no Fomantic dependency anymore). Replace the imperative
initSearchBox(el, opts) with chooseFromApi(el, url, parse) that returns
a Promise<SearchResult> resolving with the user's chosen item; callers
loop with `while (box.isConnected) { const pick = await ...; ... }` and
own writing back to whatever input/state they manage.
Cleanup is via a single AbortController whose signal is passed to all
listeners; the in-flight fetch has its own controller so a new keystroke
can cancel just the request without tearing down listeners.
Co-Authored-By: Claude (Opus 4.7) <noreply@anthropic.com>
34 lines
1.5 KiB
TypeScript
34 lines
1.5 KiB
TypeScript
import {chooseFromApi, type SearchResult} from '../../modules/search.ts';
|
|
|
|
const {appSubUrl} = window.config;
|
|
const looksLikeEmailAddressCheck = /^\S+@\S+$/;
|
|
|
|
export async function initCompSearchUserBox() {
|
|
const box = document.querySelector<HTMLElement>('#search-user-box');
|
|
if (!box) return;
|
|
|
|
const allowEmailInput = box.getAttribute('data-allow-email') === 'true';
|
|
const allowEmailDescription = box.getAttribute('data-allow-email-description') ?? undefined;
|
|
const includeOrgs = box.getAttribute('data-include-orgs') === 'true';
|
|
const url = `${appSubUrl}/user/search_candidates?q={query}&orgs=${includeOrgs}`;
|
|
const input = box.querySelector<HTMLInputElement>('input.prompt')!;
|
|
|
|
while (box.isConnected) {
|
|
const pick = await chooseFromApi(box, url, (response: any, query: string) => {
|
|
const items: SearchResult[] = [];
|
|
const queryUpper = query.toUpperCase();
|
|
for (const item of response.data) {
|
|
const result: SearchResult = {title: item.login, image: item.avatar_url, description: item.full_name};
|
|
if (queryUpper === item.login.toUpperCase()) items.unshift(result); // exact match floats to top
|
|
else items.push(result);
|
|
}
|
|
if (allowEmailInput && !items.length && looksLikeEmailAddressCheck.test(query)) {
|
|
items.push({title: query, description: allowEmailDescription});
|
|
}
|
|
return items;
|
|
});
|
|
input.value = pick.title;
|
|
input.dispatchEvent(new Event('change', {bubbles: true}));
|
|
}
|
|
}
|