UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-04-03 12:31:32 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy J. Baek 2024-09-26 03:21:37 +02:00
parent 26465f3e92
commit 4eeb669ac3
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/lib/components/chat/Chat.svelte
View File

@ -31,7 +31,8 @@
currentChatPage, currentChatPage,
temporaryChatEnabled, temporaryChatEnabled,
mobile, mobile,
showOverview showOverview,
chatTitle
} from '$lib/stores'; } from '$lib/stores';
import { import {
convertMessagesToHistory, convertMessagesToHistory,
@ -102,7 +103,6 @@
let chat = null; let chat = null;
let tags = []; let tags = [];
let title = '';
let history = { let history = {
messages: {}, messages: {},
currentId: null currentId: null
@ -296,6 +296,8 @@
const chatInput = document.getElementById('chat-textarea'); const chatInput = document.getElementById('chat-textarea');
chatInput?.focus(); chatInput?.focus();
chats.subscribe(() => {});
}); });
onDestroy(() => { onDestroy(() => {
@ -313,10 +315,11 @@
window.history.replaceState(history.state, '', `/`); window.history.replaceState(history.state, '', `/`);
} }
await chatId.set('');
autoScroll = true; autoScroll = true;
title = ''; await chatId.set('');
await chatTitle.set('');
history = { history = {
messages: {}, messages: {},
currentId: null currentId: null
@ -398,7 +401,8 @@
(chatContent?.history ?? undefined) !== undefined (chatContent?.history ?? undefined) !== undefined
? chatContent.history ? chatContent.history
: convertMessagesToHistory(chatContent.messages); : convertMessagesToHistory(chatContent.messages);
title = chatContent.title;
chatTitle.set(chatContent.title);
const userSettings = await getUserSettings(localStorage.token); const userSettings = await getUserSettings(localStorage.token);
@ -1207,8 +1211,8 @@
const messages = createMessagesList(responseMessageId); const messages = createMessagesList(responseMessageId);
if (messages.length == 2 && messages.at(-1).content !== '' && selectedModels[0] === model.id) { if (messages.length == 2 && messages.at(-1).content !== '' && selectedModels[0] === model.id) {
window.history.replaceState(history.state, '', `/c/${_chatId}`); window.history.replaceState(history.state, '', `/c/${_chatId}`);
const _title = await generateChatTitle(userPrompt); const title = await generateChatTitle(userPrompt);
await setChatTitle(_chatId, _title); await setChatTitle(_chatId, title);
} }
return _response; return _response;
@ -1497,8 +1501,8 @@
const messages = createMessagesList(responseMessageId); const messages = createMessagesList(responseMessageId);
if (messages.length == 2 && selectedModels[0] === model.id) { if (messages.length == 2 && selectedModels[0] === model.id) {
window.history.replaceState(history.state, '', `/c/${_chatId}`); window.history.replaceState(history.state, '', `/c/${_chatId}`);
const _title = await generateChatTitle(userPrompt); const title = await generateChatTitle(userPrompt);
await setChatTitle(_chatId, _title); await setChatTitle(_chatId, title);
} }
return _response; return _response;
@ -1672,13 +1676,13 @@
} }
}; };
const setChatTitle = async (_chatId, _title) => { const setChatTitle = async (_chatId, title) => {
if (_chatId === $chatId) { if (_chatId === $chatId) {
title = _title; chatTitle.set(title);
} }
if (!$temporaryChatEnabled) { if (!$temporaryChatEnabled) {
chat = await updateChatById(localStorage.token, _chatId, { title: _title }); chat = await updateChatById(localStorage.token, _chatId, { title: title });
currentChatPage.set(1); currentChatPage.set(1);
await chats.set(await getChatList(localStorage.token, $currentChatPage)); await chats.set(await getChatList(localStorage.token, $currentChatPage));
@ -1817,8 +1821,8 @@
<svelte:head> <svelte:head>
<title> <title>
{title {$chatTitle
? `${title.length > 30 ? `${title.slice(0, 30)}...` : title} | ${$WEBUI_NAME}` ? `${$chatTitle.length > 30 ? `${$chatTitle.slice(0, 30)}...` : $chatTitle} | ${$WEBUI_NAME}`
: `${$WEBUI_NAME}`} : `${$WEBUI_NAME}`}
</title> </title>
</svelte:head> </svelte:head>
@ -1863,7 +1867,13 @@
/> />
{/if} {/if}
<Navbar {chat} {title} bind:selectedModels shareEnabled={!!history.currentId} {initNewChat} /> <Navbar
{chat}
title={$chatTitle}
bind:selectedModels
shareEnabled={!!history.currentId}
{initNewChat}
/>
<PaneGroup direction="horizontal" class="w-full h-full"> <PaneGroup direction="horizontal" class="w-full h-full">
<Pane defaultSize={50} class="h-full flex w-full relative"> <Pane defaultSize={50} class="h-full flex w-full relative">

2
src/lib/stores/index.ts
View File

@ -19,7 +19,9 @@ export const activeUserCount: Writable<null | number> = writable(null);
export const USAGE_POOL: Writable<null | string[]> = writable(null); export const USAGE_POOL: Writable<null | string[]> = writable(null);
export const theme = writable('system'); export const theme = writable('system');
export const chatId = writable(''); export const chatId = writable('');
export const chatTitle = writable('');
export const chats = writable([]); export const chats = writable([]);
export const pinnedChats = writable([]); export const pinnedChats = writable([]);