jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

the user can select a part of the response in the api webchat. fixes #356

Browse source
This commit is contained in:
Mic 2025-05-23 00:06:00 +02:00
parent 0537a974e0
commit 9d032ee54f
2 changed files with 33 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_locales/en/messages.json
View file

@ -1531,5 +1531,9 @@
"content": "$1"
}
}
},
"apiwebchat_selection_info": {
"message": "If you select some text, only that portion will be considered.",
"description": ""
}
}

32
api_webchat/messagesArea.js
View file

@ -89,6 +89,11 @@ messagesAreaStyle.textContent = `
color: navy;
margin-bottom: var(--margin);
}
.sel_info{
font-size: 0.7rem;
color: gray;
margin-top: 5px;
}
/* diff viewer */
.added {
background-color: #d4fcdc;
@ -236,6 +241,9 @@ class MessagesArea extends HTMLElement {
if(promptData == null) { return; }
const actionButtons = document.createElement('div');
actionButtons.classList.add('action-buttons');
const selectionInfo = document.createElement('p');
selectionInfo.textContent = browser.i18n.getMessage("apiwebchat_selection_info");
selectionInfo.classList.add('sel_info');
const actionButton = document.createElement('button');
actionButton.textContent = browser.i18n.getMessage("apiwebchat_use_this_answer");
const fullTextHTMLAtAssignment = this.fullTextHTML.trim().replace(/^"|"$/g, '').replace(/^<p>&quot;/, '<p>').replace(/&quot;<\/p>$/, '</p>'); // strip quotation marks
@ -244,15 +252,21 @@ class MessagesArea extends HTMLElement {
if(promptData.mailMessageId == -1) { // we are using the reply from the compose window!
promptData.action = "2"; // replace text
}
let finalText = fullTextHTMLAtAssignment;
const selectedHTML = this.getCurrentSelectionHTML();
if(selectedHTML != "") {
finalText = selectedHTML;
}
switch(promptData.action) {
case "1": // do reply
// console.log("[ThunderAI] (do reply) fullTextHTMLAtAssignment: " + fullTextHTMLAtAssignment);
await browser.runtime.sendMessage({command: "chatgpt_replyMessage", text: fullTextHTMLAtAssignment, tabId: promptData.tabId, mailMessageId: promptData.mailMessageId});
await browser.runtime.sendMessage({command: "chatgpt_replyMessage", text: finalText, tabId: promptData.tabId, mailMessageId: promptData.mailMessageId});
browser.runtime.sendMessage({command: "chatgpt_close", window_id: (await browser.windows.getCurrent()).id});
break;
case "2": // replace text
// console.log("[ThunderAI] (replace text) fullTextHTMLAtAssignment: " + fullTextHTMLAtAssignment);
await browser.runtime.sendMessage({command: "chatgpt_replaceSelectedText", text: fullTextHTMLAtAssignment, tabId: promptData.tabId, mailMessageId: promptData.mailMessageId});
await browser.runtime.sendMessage({command: "chatgpt_replaceSelectedText", text: finalText, tabId: promptData.tabId, mailMessageId: promptData.mailMessageId});
browser.runtime.sendMessage({command: "chatgpt_close", window_id: (await browser.windows.getCurrent()).id});
break;
}
@ -260,7 +274,6 @@ class MessagesArea extends HTMLElement {
const closeButton = document.createElement('button');
closeButton.textContent = browser.i18n.getMessage("chatgpt_win_close");
closeButton.addEventListener('click', async () => {
// console.log("[ThunderAI] (close) fullTextHTMLAtAssignment: " + fullTextHTMLAtAssignment);
browser.runtime.sendMessage({command: "chatgpt_close", window_id: (await browser.windows.getCurrent()).id}); // close window
});
if(promptData.action != 0) { actionButtons.appendChild(actionButton); }
@ -282,6 +295,7 @@ class MessagesArea extends HTMLElement {
}
actionButtons.appendChild(closeButton);
actionButtons.appendChild(selectionInfo);
this.messages.appendChild(actionButtons);
this.scrollToBottom();
}
@ -358,6 +372,18 @@ class MessagesArea extends HTMLElement {
}
}
getCurrentSelectionHTML() {
const selection = window.getSelection();
// console.log(">>>>>>>>>>>>>>>> getCurrentSelectionHTML: " + JSON.stringify(selection.toString()));
if (selection.rangeCount > 0) {
const range = selection.getRangeAt(0);
const container = document.createElement('div');
container.appendChild(range.cloneContents());
return container.innerHTML;
}
return '';
}
}
customElements.define('messages-area', MessagesArea);