rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add code copy button. Replace arca link

Browse Source
This commit is contained in:
SillyLossy
2023-04-24 23:49:26 +03:00
parent 2dd9dde218
commit 6b50d64f0a
2 changed files with 77 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
public/script.js
View File

@@ -264,7 +264,7 @@ const system_messages = {
'<ol>',
'<li><a target="_blank" href="https://discord.gg/pygmalionai">Pygmalion AI Discord</a></li>',
'<li><a target="_blank" href="https://www.characterhub.org/">CharacterHub (NSFW)</a></li>',
'<li><a target="_blank" href="https://arca.live/b/characterai?category=%EC%9E%90%EC%9E%91%EB%B4%87">Arca.live (Korean)</a></li>',
'<li><a target="_blank" href="https://arca.live/w/characterai/bots#s-2.1">Arca.live (Korean)</a></li>',
'</ol>',
'<h3>Where can I get help?</h3>',
'Before going any further, check out the following resources:',
@@ -924,6 +924,28 @@ function appendImageToMessage(mes, messageElement) {
}
}
function addCopyToCodeBlocks(messageElement) {
const codeBlocks = $(messageElement).find("pre code");
for (let i = 0; i < codeBlocks.length; i++) {
const copyButton = document.createElement('i');
copyButton.classList.add('fa-solid', 'fa-copy', 'code-copy');
copyButton.title = 'Copy code';
codeBlocks.get(i).appendChild(copyButton);
copyButton.addEventListener('click', function (event) {
navigator.clipboard.writeText(codeBlocks.get(i).innerText);
const copiedMsg = document.createElement("div");
copiedMsg.classList.add('code-copied');
copiedMsg.innerText = "Copied!";
copiedMsg.style.top = `${event.clientY}px`;
copiedMsg.style.left = `${event.clientX}px`;
document.body.append(copiedMsg);
setTimeout(() => {
document.body.removeChild(copiedMsg);
}, 2500);
});
}
}
function addOneMessage(mes, { type = "normal", insertAfter = null, scroll = true } = {}) {
var messageText = mes["mes"];
var characterName = name1;
@@ -998,14 +1020,9 @@ function addOneMessage(mes, { type = "normal", insertAfter = null, scroll = true
$("#chat").children().filter('[mesid="' + count_view_mes + '"]').children('.mes_block').children('.mes_text').append(messageText);
hideSwipeButtons();
count_view_mes++;
}
/*
const lastMes = $('#chat .mes').last().get(0);
const rect = lastMes.getBoundingClientRect();
lastMes.style.containIntrinsicSize = `${rect.width}px ${rect.height}px`;
*/
addCopyToCodeBlocks(newMessage);
// Don't scroll if not inserting last
if (!insertAfter && scroll) {
@@ -2022,13 +2039,11 @@ async function Generate(type, automatic_trigger, force_name2) {
if (shouldContinueMultigen(getMessage)) {
let this_mes_is_name;
({ this_mes_is_name, getMessage } = extractNameFromMessage(getMessage, force_name2, isImpersonate));
if (generate_loop_counter == 0)
{
if (generate_loop_counter == 0) {
console.log("New message");
({ type, getMessage } = saveReply(type, getMessage, this_mes_is_name));
}
else
{
else {
console.log("Should append message");
({ type, getMessage } = saveReply('append', getMessage, this_mes_is_name));
}
@@ -2053,12 +2068,10 @@ async function Generate(type, automatic_trigger, force_name2) {
$('#send_textarea').val(getMessage).trigger('input');
}
else {
if (!isMultigenEnabled())
{
if (!isMultigenEnabled()) {
({ type, getMessage } = saveReply(type, getMessage, this_mes_is_name));
}
else
{
else {
({ type, getMessage } = saveReply('appendFinal', getMessage, this_mes_is_name));
}
}
@@ -2973,6 +2986,7 @@ function messageEditDone(div) {
mesBlock.find(".mes_bias").empty();
mesBlock.find(".mes_bias").append(messageFormating(bias));
appendImageToMessage(chat[this_edit_mes_id], div.closest(".mes"));
addCopyToCodeBlocks(div.closest(".mes"));
this_edit_mes_id = undefined;
saveChatConditional();
}
@@ -4785,6 +4799,7 @@ $(document).ready(function () {
.find(".mes_text")
.append(messageFormating(text, this_edit_mes_chname));
appendImageToMessage(chat[this_edit_mes_id], $(this).closest(".mes"));
addCopyToCodeBlocks($(this).closest(".mes"));
this_edit_mes_id = undefined;
});
@@ -5186,6 +5201,10 @@ $(document).ready(function () {
});
});
$('#chat').on('scroll', () => {
$('.code-copied').css({ 'display': 'none' });
});
$(document).on('beforeunload', () => {
if (streamingProcessor) {
console.log('Page reloaded. Aborting streaming...');

34
public/style.css
View File

@@ -149,6 +149,11 @@ body {
font-weight: bold;
}
.mes_text pre code {
position: relative;
padding-right: 30px;
}
code {
padding: 5px;
font-family: Consolas, monospace;
@@ -3025,6 +3030,35 @@ label[for="extensions_autoconnect"] {
padding-bottom: 10px;
}
.code-copy {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
height: 22px;
width: 22px;
margin: 4px;
opacity: 0.4;
display: flex;
align-items: center;
justify-content: center;
}
.code-copy:hover {
opacity: 0.8;
}
.code-copied {
position: absolute;
z-index: 99;
font-size: var(--mainFontSize);
color: var(--SmartThemeBodyColor);
background-color: var(--SmartThemeFastUIBGColor);
border-radius: 5px;
padding: 6px;
border: 1px solid var(--grey30a);
}
.inline-drawer-icon {
display: block;
cursor: pointer;