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

Add short keys to open chat menu, new chat, search from Obsidian pane

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-07-07 14:22:30 +05:30
parent 3e0c882e27
commit 510d9b3a29
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,6 +3,7 @@ import * as DOMPurify from 'dompurify';
import { KhojSetting } from 'src/settings'; import { KhojSetting } from 'src/settings';
import { KhojPaneView } from 'src/pane_view'; import { KhojPaneView } from 'src/pane_view';
import { KhojView, createCopyParentText, getLinkToEntry, pasteTextAtCursor } from 'src/utils'; import { KhojView, createCopyParentText, getLinkToEntry, pasteTextAtCursor } from 'src/utils';
import { KhojSearchModal } from './search_modal';
export interface ChatJsonResult { export interface ChatJsonResult {
image?: string; image?: string;
@@ -31,6 +32,10 @@ export class KhojChatView extends KhojPaneView {
// Register chat view keybindings // Register chat view keybindings
this.scope = new Scope(this.app.scope); this.scope = new Scope(this.app.scope);
this.scope.register(["Ctrl"], 'n', (_) => this.createNewConversation());
this.scope.register(["Ctrl"], 'o', async (_) => await this.toggleChatSessions());
this.scope.register(["Ctrl"], 'f', (_) => new KhojSearchModal(this.app, this.setting).open());
this.scope.register(["Ctrl"], 'r', (_) => new KhojSearchModal(this.app, this.setting, true).open());
this.waitingForLocation = true; this.waitingForLocation = true;
@@ -66,7 +71,6 @@ export class KhojChatView extends KhojPaneView {
} }
async chat(isVoice: boolean = false) { async chat(isVoice: boolean = false) {
// Get text in chat input element // Get text in chat input element
let input_el = <HTMLTextAreaElement>this.contentEl.getElementsByClassName("khoj-chat-input")[0]; let input_el = <HTMLTextAreaElement>this.contentEl.getElementsByClassName("khoj-chat-input")[0];
@@ -109,6 +113,7 @@ export class KhojChatView extends KhojPaneView {
text: "Chat Sessions", text: "Chat Sessions",
attr: { attr: {
class: "khoj-input-row-button clickable-icon", class: "khoj-input-row-button clickable-icon",
title: "Show Conversations (^O)",
}, },
}) })
chatSessions.addEventListener('click', async (_) => { await this.toggleChatSessions(chatBodyEl) }); chatSessions.addEventListener('click', async (_) => { await this.toggleChatSessions(chatBodyEl) });
@@ -133,6 +138,7 @@ export class KhojChatView extends KhojPaneView {
attr: { attr: {
id: "khoj-transcribe", id: "khoj-transcribe",
class: "khoj-transcribe khoj-input-row-button clickable-icon ", class: "khoj-transcribe khoj-input-row-button clickable-icon ",
title: "Start Voice Chat (^S)",
}, },
}) })
transcribe.addEventListener('mousedown', (event) => { this.startSpeechToText(event) }); transcribe.addEventListener('mousedown', (event) => { this.startSpeechToText(event) });
@@ -601,14 +607,16 @@ export class KhojChatView extends KhojPaneView {
return `${time_string}, ${date_string}`; return `${time_string}, ${date_string}`;
} }
createNewConversation(chatBodyEl: HTMLElement) { createNewConversation(chatBodyEl: HTMLElement|undefined = undefined) {
chatBodyEl = chatBodyEl ?? this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
chatBodyEl.innerHTML = ""; chatBodyEl.innerHTML = "";
chatBodyEl.dataset.conversationId = ""; chatBodyEl.dataset.conversationId = "";
chatBodyEl.dataset.conversationTitle = ""; chatBodyEl.dataset.conversationTitle = "";
this.renderMessage(chatBodyEl, "Hey 👋🏾, what's up?", "khoj"); this.renderMessage(chatBodyEl, "Hey 👋🏾, what's up?", "khoj");
} }
async toggleChatSessions(chatBodyEl: HTMLElement, forceShow: boolean = false): Promise<boolean> { async toggleChatSessions(chatBodyEl: HTMLElement|undefined = undefined, forceShow: boolean = false): Promise<boolean> {
chatBodyEl = chatBodyEl ?? this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
if (!forceShow && this.contentEl.getElementsByClassName("side-panel")?.length > 0) { if (!forceShow && this.contentEl.getElementsByClassName("side-panel")?.length > 0) {
chatBodyEl.innerHTML = ""; chatBodyEl.innerHTML = "";
return this.getChatHistory(chatBodyEl); return this.getChatHistory(chatBodyEl);
@@ -625,6 +633,7 @@ export class KhojChatView extends KhojPaneView {
newConversationButtonEl.addEventListener('click', (_) => this.createNewConversation(chatBodyEl)); newConversationButtonEl.addEventListener('click', (_) => this.createNewConversation(chatBodyEl));
setIcon(newConversationButtonEl, "plus"); setIcon(newConversationButtonEl, "plus");
newConversationButtonEl.innerHTML += "New"; newConversationButtonEl.innerHTML += "New";
newConversationButtonEl.title = "New Conversation (^N)";
const existingConversationsEl = sidePanelEl.createDiv("existing-conversations"); const existingConversationsEl = sidePanelEl.createDiv("existing-conversations");
const conversationListEl = existingConversationsEl.createDiv("conversation-list"); const conversationListEl = existingConversationsEl.createDiv("conversation-list");