klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 21:29:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix loading spinner visibility by using contrasting background color

Browse Source 
Fix code formating of Khoj chat view in Obsidian
This commit is contained in:
Debanjum Singh Solanky
2024-05-29 08:18:56 +05:30
parent b27f59b12b
commit 275d4877a6
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/interface/obsidian/src/chat_view.ts
View File

@@ -280,7 +280,7 @@ export class KhojChatView extends KhojPaneView {
return referenceButton; return referenceButton;
} }
formatHTMLMessage(message: string, raw=false, willReplace=true) { formatHTMLMessage(message: string, raw = false, willReplace = true) {
let rendered_msg = message; let rendered_msg = message;
// Replace LaTeX delimiters with placeholders // Replace LaTeX delimiters with placeholders
@@ -373,7 +373,7 @@ export class KhojChatView extends KhojPaneView {
return imageMarkdown; return imageMarkdown;
} }
renderMessage(chatBodyEl: Element, message: string, sender: string, dt?: Date, raw: boolean=false, willReplace: boolean=true): Element { renderMessage(chatBodyEl: Element, message: string, sender: string, dt?: Date, raw: boolean = false, willReplace: boolean = true): Element {
let message_time = this.formatDate(dt ?? new Date()); let message_time = this.formatDate(dt ?? new Date());
let emojified_sender = sender == "khoj" ? "🏮 Khoj" : "🤔 You"; let emojified_sender = sender == "khoj" ? "🏮 Khoj" : "🤔 You";
@@ -570,7 +570,7 @@ export class KhojChatView extends KhojPaneView {
let newTitle = editConversationTitleInputEl.value; let newTitle = editConversationTitleInputEl.value;
if (newTitle != null) { if (newTitle != null) {
let editURL = `/api/chat/title?client=web&conversation_id=${incomingConversationId}&title=${newTitle}`; let editURL = `/api/chat/title?client=web&conversation_id=${incomingConversationId}&title=${newTitle}`;
fetch(`${this.setting.khojUrl}${editURL}` , { method: "PATCH", headers }) fetch(`${this.setting.khojUrl}${editURL}`, { method: "PATCH", headers })
.then(response => response.ok ? response.json() : Promise.reject(response)) .then(response => response.ok ? response.json() : Promise.reject(response))
.then(data => { .then(data => {
conversationSessionEl.textContent = newTitle; conversationSessionEl.textContent = newTitle;
@@ -578,8 +578,9 @@ export class KhojChatView extends KhojPaneView {
.catch(err => { .catch(err => {
return; return;
}); });
editConversationTitleInputBoxEl.remove(); editConversationTitleInputBoxEl.remove();
}}); }
});
editConversationTitleInputBoxEl.appendChild(editConversationTitleSaveButtonEl); editConversationTitleInputBoxEl.appendChild(editConversationTitleSaveButtonEl);
conversationMenuEl.appendChild(editConversationTitleInputBoxEl); conversationMenuEl.appendChild(editConversationTitleInputBoxEl);
}); });
@@ -596,7 +597,7 @@ export class KhojChatView extends KhojPaneView {
let confirmation = confirm('Are you sure you want to delete this chat session?'); let confirmation = confirm('Are you sure you want to delete this chat session?');
if (!confirmation) return; if (!confirmation) return;
let deleteURL = `/api/chat/history?client=obsidian&conversation_id=${incomingConversationId}`; let deleteURL = `/api/chat/history?client=obsidian&conversation_id=${incomingConversationId}`;
fetch(`${this.setting.khojUrl}${deleteURL}` , { method: "DELETE", headers }) fetch(`${this.setting.khojUrl}${deleteURL}`, { method: "DELETE", headers })
.then(response => response.ok ? response.json() : Promise.reject(response)) .then(response => response.ok ? response.json() : Promise.reject(response))
.then(data => { .then(data => {
chatBodyEl.innerHTML = ""; chatBodyEl.innerHTML = "";
@@ -997,7 +998,7 @@ export class KhojChatView extends KhojPaneView {
return loadingEllipsis; return loadingEllipsis;
} }
handleStreamResponse(newResponseElement: HTMLElement | null, rawResponse: string, loadingEllipsis: HTMLElement | null, replace=true) { handleStreamResponse(newResponseElement: HTMLElement | null, rawResponse: string, loadingEllipsis: HTMLElement | null, replace = true) {
if (!newResponseElement) return; if (!newResponseElement) return;
if (newResponseElement.getElementsByClassName("lds-ellipsis").length > 0 && loadingEllipsis) { if (newResponseElement.getElementsByClassName("lds-ellipsis").length > 0 && loadingEllipsis) {
newResponseElement.removeChild(loadingEllipsis); newResponseElement.removeChild(loadingEllipsis);

2
src/interface/obsidian/styles.css
View File

@@ -555,7 +555,7 @@ img.copy-icon {
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 50%; border-radius: 50%;
background: var(--main-text-color); background: var(--color-base-70);
animation-timing-function: cubic-bezier(0, 1, 1, 0); animation-timing-function: cubic-bezier(0, 1, 1, 0);
} }
.lds-ellipsis div:nth-child(1) { .lds-ellipsis div:nth-child(1) {