bhetherman/open-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-07-17 06:34:17 -04:00
parent fd07e3a8e3
commit 9281adc564
5 changed files with 85 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/workspace/Models.svelte
+21 -11
View File
@@ -25,6 +25,7 @@
import {
createNewModel,
deleteModelById,
getModelById,
getModelItems as getWorkspaceModels,
getModelTags,
toggleModelById,
@@ -196,7 +197,11 @@
);
};
const getFullModel = async (model) =>
(await getModelById(localStorage.token, model.id).catch(() => null)) ?? model;
const cloneModelHandler = async (model) => {
model = await getFullModel(model);
sessionStorage.model = JSON.stringify({
...model,
id: `${model.id}-clone`,
@@ -209,13 +214,14 @@
toast.success($i18n.t('Redirecting you to Open WebUI Community'));
const url = 'https://openwebui.com';
const fullModel = getFullModel(model);
const tab = await window.open(`${url}/post?type=model`, '_blank');
const messageHandler = (event) => {
const messageHandler = async (event) => {
if (event.origin !== url) return;
if (event.data === 'loaded') {
tab.postMessage(JSON.stringify(model), '*');
tab.postMessage(JSON.stringify(await fullModel), '*');
window.removeEventListener('message', messageHandler);
}
};
@@ -224,25 +230,27 @@
};
const hideModelHandler = async (model) => {
model.meta = {
...model.meta,
hidden: !(model?.meta?.hidden ?? false)
const updatedModel = {
...model,
meta: {
...model.meta,
hidden: !(model?.meta?.hidden ?? false)
}
};
console.log(model);
const res = await updateModelById(localStorage.token, model.id, model);
const res = await updateModelById(localStorage.token, updatedModel.id, updatedModel);
if (res) {
models = models.map((model) => (model.id === updatedModel.id ? updatedModel : model));
toast.success(
$i18n.t(`Model {{name}} is now {{status}}`, {
name: model.id,
status: model.meta.hidden ? 'hidden' : 'visible'
name: updatedModel.id,
status: updatedModel.meta.hidden ? 'hidden' : 'visible'
})
);
page = 1;
getModelList();
await getModelList();
}
await _models.set(
@@ -265,6 +273,7 @@
};
const downloadModels = async (models) => {
models = await Promise.all(models.map(getFullModel));
let blob = new Blob([JSON.stringify(models)], {
type: 'application/json'
});
@@ -272,6 +281,7 @@
};
const exportModelHandler = async (model) => {
model = await getFullModel(model);
let blob = new Blob([JSON.stringify([model])], {
type: 'application/json'
});
src/lib/components/workspace/Models/ModelMenu.svelte
+13 -24
View File
@@ -37,6 +37,11 @@
export let writeAccess: boolean = true;
let show = false;
const runAndClose = async (handler: Function) => {
show = false;
await handler();
};
</script>
<Dropdown
@@ -63,9 +68,7 @@
{#if writeAccess}
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
editHandler();
}}
on:click={() => runAndClose(editHandler)}
>
<Pencil />
<div class="flex items-center">{$i18n.t('Edit')}</div>
@@ -75,9 +78,7 @@
{#if writeAccess}
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
hideHandler();
}}
on:click={() => runAndClose(hideHandler)}
>
{#if model?.meta?.hidden ?? false}
<svg
@@ -128,9 +129,7 @@
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
pinModelHandler(model?.id);
}}
on:click={() => runAndClose(() => pinModelHandler(model?.id))}
>
{#if ($settings?.pinnedModels ?? []).includes(model?.id)}
<PinSlash />
@@ -150,9 +149,7 @@
{#if writeAccess}
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
cloneHandler();
}}
on:click={() => runAndClose(cloneHandler)}
>
<DocumentDuplicate />
@@ -166,9 +163,7 @@
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
copyLinkHandler();
}}
on:click={() => runAndClose(copyLinkHandler)}
>
<Link />
@@ -178,9 +173,7 @@
{#if writeAccess && ($currentUser?.role === 'admin' || $currentUser?.permissions?.workspace?.models_export)}
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
exportHandler();
}}
on:click={() => runAndClose(exportHandler)}
>
<Download />
@@ -191,9 +184,7 @@
{#if writeAccess && $config?.features.enable_community_sharing}
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
shareHandler();
}}
on:click={() => runAndClose(shareHandler)}
>
<Share />
<div class="flex items-center">{$i18n.t('Share')}</div>
@@ -205,9 +196,7 @@
<button
class="select-none flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] hover:text-gray-900 dark:hover:text-gray-100"
on:click={() => {
deleteHandler();
}}
on:click={() => runAndClose(deleteHandler)}
>
<GarbageBin />
<div class="flex items-center">{$i18n.t('Delete')}</div>