scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-10-09 03:18:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2026-10-07 15:21:44 +04:00
parent 77febc65d6
commit 4b9d31b390
8 changed files with 82 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/lib/apis/knowledge/index.ts
View file

@ -377,7 +377,8 @@ export const searchKnowledgeBases = async (
page: number | null = null,
source: string | null = null,
orderBy: string | null = null,
direction: string | null = null
direction: string | null = null,
signal?: AbortSignal
) => {
let error = null;
@ -391,6 +392,7 @@ export const searchKnowledgeBases = async (
const res = await fetch(`${WEBUI_API_BASE_URL}/knowledge/search?${searchParams.toString()}`, {
method: 'GET',
signal,
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
@ -405,6 +407,7 @@ export const searchKnowledgeBases = async (
return json;
})
.catch((err) => {
if (signal?.aborted) return null;
error = err.detail;
console.error(err);
return null;

5
src/lib/apis/models/index.ts
View file

@ -18,7 +18,8 @@ export const getModelItems = async (
selectedTag,
orderBy,
direction,
page
page,
signal?: AbortSignal
) => {
let error = null;
@ -44,6 +45,7 @@ export const getModelItems = async (
const res = await fetch(`${WEBUI_API_BASE_URL}/models/list?${searchParams.toString()}`, {
method: 'GET',
signal,
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
@ -58,6 +60,7 @@ export const getModelItems = async (
return json;
})
.catch((err) => {
if (signal?.aborted) return null;
error = err;
console.error(err);
return null;

5
src/lib/apis/prompts/index.ts
View file

@ -143,7 +143,8 @@ export const getPromptItems = async (
selectedTag: string | null,
orderBy: string | null,
direction: string | null,
page: number
page: number,
signal?: AbortSignal
) => {
let error = null;
@ -169,6 +170,7 @@ export const getPromptItems = async (
const res = await fetch(`${WEBUI_API_BASE_URL}/prompts/list?${searchParams.toString()}`, {
method: 'GET',
signal,
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
@ -183,6 +185,7 @@ export const getPromptItems = async (
return json;
})
.catch((err) => {
if (signal?.aborted) return null;
error = err;
console.error(err);
return null;

5
src/lib/apis/skills/index.ts
View file

@ -102,7 +102,8 @@ export const getSkillItems = async (
viewOption: string | null = null,
page: number | null = null,
orderBy: string | null = null,
direction: string | null = null
direction: string | null = null,
signal?: AbortSignal
) => {
let error = null;
@ -115,6 +116,7 @@ export const getSkillItems = async (
const res = await fetch(`${WEBUI_API_BASE_URL}/skills/list?${searchParams.toString()}`, {
method: 'GET',
signal,
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
@ -129,6 +131,7 @@ export const getSkillItems = async (
return json;
})
.catch((err) => {
if (signal?.aborted) return null;
error = err;
console.error(err);
return null;

14
src/lib/components/workspace/Knowledge.svelte
View file

@ -62,6 +62,7 @@
let page = 1;
let query = '';
let searchDebounceTimer: ReturnType<typeof setTimeout>;
let searchController: AbortController;
let viewOption = '';
let sourceOption = '';
let sortKey = 'updated_at';
@ -86,6 +87,8 @@
}
const handleSearchInput = () => {
searchController?.abort();
itemsLoading = true;
clearTimeout(searchDebounceTimer);
searchDebounceTimer = setTimeout(() => {
init();
@ -93,6 +96,7 @@
};
onDestroy(() => {
searchController?.abort();
clearTimeout(searchDebounceTimer);
});
@ -137,6 +141,11 @@
};
const getItemsPage = async () => {
clearTimeout(searchDebounceTimer);
searchController?.abort();
searchController = new AbortController();
const { signal } = searchController;
itemsLoading = true;
const res = await searchKnowledgeBases(
localStorage.token,
@ -145,11 +154,14 @@
page,
sourceOption,
sortKey,
sortDirection
sortDirection,
signal
).catch(() => {
return [];
});
if (signal.aborted) return;
if (res) {
console.log(res);
total = res.total;

28
src/lib/components/workspace/Models.svelte
View file

@ -7,7 +7,7 @@
import fileSaver from 'file-saver';
const { saveAs } = fileSaver;
import { onMount, getContext, tick } from 'svelte';
import { onMount, getContext, tick, onDestroy } from 'svelte';
import { goto } from '$app/navigation';
const i18n = getContext<any>('i18n');
dayjs.extend(relativeTime);
@ -97,7 +97,13 @@
let models = null;
let total = null;
let searchDebounceTimer;
let searchDebounceTimer: ReturnType<typeof setTimeout>;
let searchController: AbortController;
onDestroy(() => {
clearTimeout(searchDebounceTimer);
searchController?.abort();
});
$: if (loaded) {
workspaceActions.set([
@ -193,6 +199,11 @@
const getModelList = async () => {
if (!loaded) return;
clearTimeout(searchDebounceTimer);
searchController?.abort();
searchController = new AbortController();
const { signal } = searchController;
try {
const res = await getWorkspaceModels(
localStorage.token,
@ -201,22 +212,26 @@
selectedTag,
sortKey,
sortDirection,
page
page,
signal
).catch((error) => {
toast.error(`${error}`);
if (!signal.aborted) toast.error(`${error}`);
return null;
});
if (signal.aborted) return;
if (res) {
models = res.items;
total = res.total;
workspaceCounts.update((counts) => ({ ...counts, models: total }));
// get tags
tags = await getModelTags(localStorage.token).catch((error) => {
toast.error(`${error}`);
const fetchedTags = await getModelTags(localStorage.token).catch((error) => {
if (!signal.aborted) toast.error(`${error}`);
return [];
});
if (!signal.aborted) tags = fetchedTags;
}
} catch (err) {
console.error(err);
@ -571,6 +586,7 @@
placeholder={$i18n.t('Search Models')}
maxlength="500"
on:input={() => {
searchController?.abort();
clearTimeout(searchDebounceTimer);
searchDebounceTimer = setTimeout(() => {
page = 1;

22
src/lib/components/workspace/Prompts.svelte
View file

@ -68,6 +68,7 @@
let importFiles = null;
let query = '';
let searchDebounceTimer: ReturnType<typeof setTimeout>;
let searchController: AbortController;
let prompts = null;
let tags = [];
@ -127,6 +128,7 @@
}
const handleSearchInput = () => {
searchController?.abort();
loading = true;
clearTimeout(searchDebounceTimer);
searchDebounceTimer = setTimeout(() => {
@ -170,6 +172,11 @@
const getPromptList = async () => {
if (!loaded) return;
clearTimeout(searchDebounceTimer);
searchController?.abort();
searchController = new AbortController();
const { signal } = searchController;
loading = true;
try {
const res = await getPromptItems(
@ -179,27 +186,31 @@
selectedTag,
sortKey,
sortDirection,
page
page,
signal
).catch((error) => {
toast.error(`${error}`);
if (!signal.aborted) toast.error(`${error}`);
return null;
});
if (signal.aborted) return;
if (res) {
prompts = res.items;
total = res.total;
workspaceCounts.update((counts) => ({ ...counts, prompts: total }));
// get tags
tags = await getPromptTags(localStorage.token).catch((error) => {
toast.error(`${error}`);
const fetchedTags = await getPromptTags(localStorage.token).catch((error) => {
if (!signal.aborted) toast.error(`${error}`);
return [];
});
if (!signal.aborted) tags = fetchedTags;
}
} catch (err) {
console.error(err);
} finally {
loading = false;
if (!signal.aborted) loading = false;
}
};
@ -361,6 +372,7 @@
});
onDestroy(() => {
searchController?.abort();
clearTimeout(searchDebounceTimer);
});
</script>

17
src/lib/components/workspace/Skills.svelte
View file

@ -55,6 +55,7 @@
let query = '';
let searchDebounceTimer: ReturnType<typeof setTimeout>;
let searchController: AbortController;
let selectedSkill = null;
let showDeleteConfirm = false;
@ -107,6 +108,11 @@
const loadSkillItems = async () => {
if (!loaded) return;
clearTimeout(searchDebounceTimer);
searchController?.abort();
searchController = new AbortController();
const { signal } = searchController;
loading = true;
try {
const res = await getSkillItems(
@ -115,12 +121,15 @@
viewOption,
page,
sortKey,
sortDirection
sortDirection,
signal
).catch((error) => {
toast.error(`${error}`);
if (!signal.aborted) toast.error(`${error}`);
return null;
});
if (signal.aborted) return;
if (res) {
filteredItems = res.items;
total = res.total;
@ -129,11 +138,12 @@
} catch (err) {
console.error(err);
} finally {
loading = false;
if (!signal.aborted) loading = false;
}
};
const handleSearchInput = () => {
searchController?.abort();
loading = true;
clearTimeout(searchDebounceTimer);
searchDebounceTimer = setTimeout(() => {
@ -251,6 +261,7 @@
});
onDestroy(() => {
searchController?.abort();
clearTimeout(searchDebounceTimer);
});
</script>