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

Copy chat message with it's markdown formatting in Web, Desktop apps

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-04-16 17:36:10 +05:30
parent 91c8b137f1
commit 1f2ffce85b
2 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/interface/desktop/chat.html
View File

@@ -13,9 +13,14 @@
<script>
let chatOptions = [];
function copyParentText(event) {
function createCopyParentText(message) {
return function(event) {
copyParentText(event, message);
}
}
function copyParentText(event, message=null) {
const button = event.currentTarget;
const textContent = button.parentNode.textContent.trim();
const textContent = message ?? button.parentNode.textContent.trim();
navigator.clipboard.writeText(textContent).then(() => {
button.firstChild.src = "./assets/icons/copy-button-success.svg";
setTimeout(() => {
@@ -306,9 +311,9 @@
return renderMessage(message, by, dt, references, false, "return");
}
function formatHTMLMessage(htmlMessage, raw=false, willReplace=true) {
function formatHTMLMessage(message, raw=false, willReplace=true) {
var md = window.markdownit();
let newHTML = htmlMessage;
let newHTML = message;
// Remove any text between <s>[INST] and </s> tags. These are spurious instructions for the AI chat model.
newHTML = newHTML.replace(/<s>\[INST\].+(<\/s>)?/g, '');
@@ -340,7 +345,7 @@
copyIcon.src = "./assets/icons/copy-button.svg";
copyIcon.classList.add("copy-icon");
copyButton.appendChild(copyIcon);
copyButton.addEventListener('click', copyParentText);
copyButton.addEventListener('click', createCopyParentText(message));
element.append(copyButton);
}

15
src/khoj/interface/web/chat.html
View File

@@ -30,9 +30,14 @@ To get started, just start typing below. You can also type / to see a list of co
const allowedExtensions = ['text/org', 'text/markdown', 'text/plain', 'text/html', 'application/pdf'];
const allowedFileEndings = ['org', 'md', 'txt', 'html', 'pdf'];
let chatOptions = [];
function copyParentText(event) {
function createCopyParentText(message) {
return function(event) {
copyParentText(event, message);
}
}
function copyParentText(event, message=null) {
const button = event.currentTarget;
const textContent = button.parentNode.textContent.trim();
const textContent = message ?? button.parentNode.textContent.trim();
navigator.clipboard.writeText(textContent).then(() => {
button.firstChild.src = "/static/assets/icons/copy-button-success.svg";
setTimeout(() => {
@@ -332,9 +337,9 @@ To get started, just start typing below. You can also type / to see a list of co
return renderMessage(message, by, dt, references, false, "return");
}
function formatHTMLMessage(htmlMessage, raw=false, willReplace=true) {
function formatHTMLMessage(message, raw=false, willReplace=true) {
var md = window.markdownit();
let newHTML = htmlMessage;
let newHTML = message;
// Remove any text between <s>[INST] and </s> tags. These are spurious instructions for the AI chat model.
newHTML = newHTML.replace(/<s>\[INST\].+(<\/s>)?/g, '');
@@ -366,7 +371,7 @@ To get started, just start typing below. You can also type / to see a list of co
copyIcon.src = "/static/assets/icons/copy-button.svg";
copyIcon.classList.add("copy-icon");
copyButton.appendChild(copyIcon);
copyButton.addEventListener('click', copyParentText);
copyButton.addEventListener('click', createCopyParentText(message));
element.append(copyButton);
}