mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
4130 lines
196 KiB
HTML
4130 lines
196 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
|
||
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">-->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||
|
||
|
||
<script src="scripts/jquery-3.5.1.min.js"></script>
|
||
<script src="scripts/jquery.transit.min.js"></script>
|
||
<script src="scripts/jquery-cookie-1.4.1.min.js"></script>
|
||
<script src="scripts/showdown.min.js"></script>
|
||
<link rel="stylesheet" type="text/css" href="style.css">
|
||
<link rel="stylesheet" href="css/bg_load.css">
|
||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||
|
||
<script type=module>
|
||
//To DO::
|
||
//2) Count tokens print fix
|
||
//6) Reload setting files when they was rewrite
|
||
//7) Show an indicator that shows the message in context or not
|
||
//8) Сombine multiple messages into one if the text continues
|
||
//10) Design presets
|
||
//11) Fix sending propt with json additional symbols (kinda \\ and etc)
|
||
//import {encode, decode} from "../scripts/gpt-2-3-tokenizer/mod.js";
|
||
//let text = "hello world";
|
||
//console.log(encode("dsfs").length); // [258, 18798, 995]
|
||
</script>
|
||
|
||
|
||
<script type=module>
|
||
import {encode, decode} from "../scripts/gpt-2-3-tokenizer/mod.js";
|
||
$(document).ready(function(){
|
||
const VERSION = '1.2.8';
|
||
var converter = new showdown.Converter();
|
||
var bg_menu_toggle = false;
|
||
const systemUserName = 'Chloe';
|
||
var default_user_name = "You";
|
||
var name1 = default_user_name;
|
||
var name2 = systemUserName;
|
||
// might want to migrate this to 'system message' code
|
||
var chat = [{
|
||
name: systemUserName,
|
||
is_user: false,
|
||
is_name: true,
|
||
create_date: 0,
|
||
mes: '\n*You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white apron. As soon as she noticed you, she immediately came right up close to you.*\n\n' +
|
||
' Hello there! How is your evening going?\n' +
|
||
'<img src="img/star_dust_city.png" width=80% style="opacity:0.3; disolay:block;border-radius:5px;margin-top:25px;margin-bottom:23px; margin-left: 45px;margin-right: auto;">\n<a id="verson" style="color:rgb(229, 224, 216,0.8);" href="https://github.com/TavernAI/TavernAI" target="_blank">@@@TavernAI v'+VERSION+'@@@</a><div id="characloud_url" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/cloud_logo.png" style="width: 25px;height: auto;display:inline-block; opacity:0.7;"><div style="vertical-align: top;display:inline-block;">Cloud</div></div><br><br><br><br>'
|
||
}];
|
||
|
||
var chat_create_date = 0;
|
||
var default_ch_mes = "Hello";
|
||
var count_view_mes = 0;
|
||
var mesStr = '';
|
||
var generatedPromtCache = '';
|
||
var characters = [];
|
||
var this_chid;
|
||
var backgrounds = [];
|
||
var default_avatar = 'img/fluffy.png';
|
||
var is_colab = false;
|
||
var is_checked_colab = false;
|
||
var is_mes_reload_avatar = false;
|
||
|
||
const system_message_types = {
|
||
HELP: 'help',
|
||
WELCOME: 'welcome',
|
||
};
|
||
|
||
const system_messages = {
|
||
'help': {
|
||
"name": systemUserName,
|
||
"force_avatar": "img/chloe.png",
|
||
"is_user":false,
|
||
"is_system": true,
|
||
"is_name":true,
|
||
"mes": "Hi there! The following chat formatting commands are supported in TavernAI:<br><ul><li><tt>*text*</tt> – format the actions that your character does</li><li><tt>{*text*}</tt> – set the behavioral bias for your character</li></ul><p>Need more help? Visit our wiki – <a href=\"https://github.com/TavernAI/TavernAI/wiki\">TavernAI Wiki</a>!</p>"
|
||
},
|
||
};
|
||
|
||
const world_info_position = {
|
||
'before': 0,
|
||
'after': 1,
|
||
}
|
||
|
||
var is_advanced_char_open = false;
|
||
var is_world_edit_open = false;
|
||
|
||
var menu_type = '';//what is selected in the menu
|
||
var selected_button = '';//which button pressed
|
||
//create pole save
|
||
var create_save_name = '';
|
||
var create_save_description = '';
|
||
var create_save_personality = '';
|
||
var create_save_first_message = '';
|
||
var create_save_avatar = '';
|
||
var create_save_scenario = '';
|
||
var create_save_mes_example = '';
|
||
|
||
var timerSaveEdit;
|
||
var timerWorldSave;
|
||
var durationSaveEdit = 200;
|
||
//animation right menu
|
||
var animation_rm_duration = 200;
|
||
var animation_rm_easing = "";
|
||
|
||
var popup_type = "";
|
||
var bg_file_for_del = '';
|
||
var online_status = 'no_connection';
|
||
|
||
var api_server = "";
|
||
//var interval_timer = setInterval(getStatus, 2000);
|
||
var interval_timer_novel = setInterval(getStatusNovel, 3000);
|
||
var is_get_status = false;
|
||
var is_get_status_novel = false;
|
||
var is_api_button_press = false;
|
||
var is_api_button_press_novel = false;
|
||
|
||
var is_send_press = false;//Send generation
|
||
var add_mes_without_animation = false;
|
||
|
||
var this_del_mes = 0;
|
||
|
||
var this_edit_mes_text = '';
|
||
var this_edit_mes_chname = '';
|
||
var this_edit_mes_id;
|
||
|
||
const delay = ms => new Promise(res => setTimeout(res, ms));
|
||
//settings
|
||
var settings;
|
||
var koboldai_settings;
|
||
var koboldai_setting_names;
|
||
var preset_settings = 'gui';
|
||
var user_avatar = 'you.png';
|
||
var temp = 0.5;
|
||
var amount_gen = 80;
|
||
var world_info = null;
|
||
var world_names;
|
||
var world_info_data = null;
|
||
var world_info_depth = 2;
|
||
var world_info_budget = 200;
|
||
var imported_world_name = '';
|
||
var max_context = 2048;//2048;
|
||
var rep_pen = 1;
|
||
var rep_pen_size = 100;
|
||
|
||
var is_pygmalion = false;
|
||
var tokens_already_generated = 0;
|
||
var message_already_generated = '';
|
||
var if_typing_text = false;
|
||
const tokens_cycle_count = 30;
|
||
var cycle_count_generation = 0;
|
||
|
||
var anchor_order = 0;
|
||
var style_anchor = true;
|
||
var character_anchor = true;
|
||
|
||
var main_api = 'kobold';
|
||
//novel settings
|
||
var temp_novel = 0.5;
|
||
var rep_pen_novel = 1;
|
||
var rep_pen_size_novel = 100;
|
||
|
||
var api_key_novel = "";
|
||
var novel_tier;
|
||
var model_novel = "euterpe-v2";
|
||
var novelai_settings;
|
||
var novelai_setting_names;
|
||
var preset_settings_novel = 'Classic-Krake';
|
||
|
||
//css
|
||
var bg1_toggle = true;
|
||
var css_mes_bg = $('<div class="mes"></div>').css('background');
|
||
var css_send_form_display = $('<div id=send_form></div>').css('display');
|
||
|
||
var colab_ini_step = 1;
|
||
|
||
// VARIABLES DONE NOW THE REAL CODE
|
||
//
|
||
//
|
||
//
|
||
|
||
// Dealing with Textarea Height
|
||
|
||
//function textAreaAdjust(element) {
|
||
// element.style.height = "1px";
|
||
// element.style.height = (25+element.scrollHeight)+"px";
|
||
//}
|
||
//function calcHeight(value) {
|
||
// let numberOfLineBreaks = (value.match(/\n/g) || []).length;
|
||
// // min-height + lines x line-height + padding + border
|
||
// let newHeight = 25 + numberOfLineBreaks * 25 + 6 + 1;
|
||
// return newHeight;
|
||
//}
|
||
//let textarea = document.querySelector(".resize-ta");
|
||
//textarea.addEventListener("keyup", () => {
|
||
//textarea.style.height = calcHeight(textarea.value) + "px";
|
||
//});
|
||
|
||
setInterval(function() {
|
||
switch(colab_ini_step){
|
||
case 0:
|
||
$('#colab_popup_text').html('<h3>Initialization</h3>');
|
||
colab_ini_step = 1;
|
||
break
|
||
case 1:
|
||
$('#colab_popup_text').html('<h3>Initialization.</h3>');
|
||
colab_ini_step = 2;
|
||
break
|
||
case 2:
|
||
$('#colab_popup_text').html('<h3>Initialization..</h3>');
|
||
colab_ini_step = 3;
|
||
break
|
||
case 3:
|
||
$('#colab_popup_text').html('<h3>Initialization...</h3>');
|
||
colab_ini_step = 0;
|
||
break
|
||
}
|
||
}, 500);
|
||
/////////////
|
||
|
||
|
||
|
||
|
||
var token;
|
||
$.ajaxPrefilter((options, originalOptions, xhr) => {
|
||
xhr.setRequestHeader("X-CSRF-Token", token);
|
||
});
|
||
|
||
$.get("/csrf-token")
|
||
.then(data => {
|
||
token = data.token;
|
||
getSettings("def");
|
||
getLastVersion();
|
||
getCharacters();
|
||
|
||
printMessages();
|
||
getBackgrounds();
|
||
getUserAvatars();
|
||
});
|
||
|
||
$('#characloud_url').click(function(){
|
||
window.open('https://boosty.to/tavernai', '_blank');
|
||
});
|
||
$('#character_search_bar').on('input', function() {
|
||
const searchValue = $(this).val().trim().toLowerCase();
|
||
|
||
if (!searchValue) {
|
||
$("#rm_print_charaters_block .character_select").show();
|
||
} else {
|
||
$("#rm_print_charaters_block .character_select").each(function () {
|
||
$(this).children('.ch_name').text().toLowerCase().includes(searchValue)
|
||
? $(this).show()
|
||
: $(this).hide();
|
||
});
|
||
}
|
||
});
|
||
function checkOnlineStatus(){
|
||
//console.log(online_status);
|
||
if(online_status == 'no_connection'){
|
||
$("#online_status_indicator").css("background-color", "red");
|
||
$("#online_status").css("opacity", 0.3);
|
||
$("#online_status_text").html("No connection...");
|
||
$("#online_status_indicator2").css("background-color", "red");
|
||
$("#online_status_text2").html("No connection...");
|
||
$("#online_status_indicator3").css("background-color", "red");
|
||
$("#online_status_text3").html("No connection...");
|
||
is_get_status = false;
|
||
is_get_status_novel = false;
|
||
}else{
|
||
$("#online_status_indicator").css("background-color", "black");
|
||
$("#online_status").css("display", "none");
|
||
$("#online_status_text").html("");
|
||
$("#online_status_indicator2").css("background-color", "green");
|
||
$("#online_status_text2").html(online_status);
|
||
$("#online_status_indicator3").css("background-color", "green");
|
||
$("#online_status_text3").html(online_status);
|
||
}
|
||
}
|
||
async function getLastVersion(){
|
||
|
||
jQuery.ajax({
|
||
type: 'POST', //
|
||
url: '/getlastversion', //
|
||
data: JSON.stringify({
|
||
'': ''
|
||
}),
|
||
beforeSend: function(){
|
||
|
||
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
//processData: false,
|
||
success: function(data){
|
||
var getVersion = data.version;
|
||
if(getVersion !== 'error' && getVersion != undefined){
|
||
if(compareVersions(getVersion, VERSION) === 1){
|
||
$('#verson').append(' <span style="color: #326d78; font-size: 15px;">(New update @'+getVersion+')</span>');
|
||
}
|
||
}
|
||
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
|
||
}
|
||
});
|
||
|
||
}
|
||
async function getStatus(){
|
||
if(is_get_status){
|
||
jQuery.ajax({
|
||
type: 'POST', //
|
||
url: '/getstatus', //
|
||
data: JSON.stringify({
|
||
api_server: api_server
|
||
}),
|
||
beforeSend: function(){
|
||
if(is_api_button_press){
|
||
//$("#api_loading").css("display", 'inline-block');
|
||
//$("#api_button").css("display", 'none');
|
||
}
|
||
//$('#create_button').attr('value','Creating...'); //
|
||
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
crossDomain: true,
|
||
contentType: "application/json",
|
||
//processData: false,
|
||
success: function(data){
|
||
online_status = data.result;
|
||
if(online_status == undefined){
|
||
online_status = 'no_connection';
|
||
}
|
||
if(online_status.toLowerCase().indexOf('pygmalion') != -1){
|
||
is_pygmalion = true;
|
||
online_status+=" (Pyg. formatting on)";
|
||
}else{
|
||
is_pygmalion = false;
|
||
}
|
||
|
||
//console.log(online_status);
|
||
resultCheckStatus();
|
||
if(online_status !== 'no_connection'){
|
||
var checkStatusNow = setTimeout(getStatus, 3000);//getStatus();
|
||
}
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
online_status = 'no_connection';
|
||
|
||
resultCheckStatus();
|
||
}
|
||
});
|
||
}else{
|
||
if(is_get_status_novel != true){
|
||
online_status = 'no_connection';
|
||
}
|
||
}
|
||
}
|
||
|
||
function resultCheckStatus(){
|
||
is_api_button_press = false;
|
||
checkOnlineStatus();
|
||
$("#api_loading").css("display", 'none');
|
||
$("#api_button").css("display", 'inline-block');
|
||
}
|
||
|
||
async function getSoftPromptsList() {
|
||
if (!api_server) {
|
||
return;
|
||
}
|
||
|
||
const response = await fetch('/getsoftprompts', {
|
||
method: 'POST',
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token,
|
||
},
|
||
body: JSON.stringify({ api_server: api_server }),
|
||
});
|
||
|
||
if (response.ok) {
|
||
const data = await response.json();
|
||
updateSoftPromptsList(data.soft_prompts);
|
||
}
|
||
}
|
||
|
||
function clearSoftPromptsList() {
|
||
$('#softprompt option[value!=""]').each(function() {
|
||
$(this).remove();
|
||
});
|
||
}
|
||
|
||
function updateSoftPromptsList(soft_prompts) {
|
||
// Delete SPs removed from Kobold
|
||
$('#softprompt option').each(function () {
|
||
const value = $(this).attr('value');
|
||
|
||
if (value == '') {
|
||
return;
|
||
}
|
||
|
||
const prompt = soft_prompts.find(x => x.name === value);
|
||
if (!prompt) {
|
||
$(this).remove();
|
||
}
|
||
});
|
||
|
||
// Add SPs added to Kobold
|
||
soft_prompts.forEach((prompt) => {
|
||
if ($(`#softprompt option[value="${prompt.name}"]`).length === 0) {
|
||
$('#softprompt').append(`<option value="${prompt.name}">${prompt.name}</option>`);
|
||
|
||
if (prompt.selected) {
|
||
$('#softprompt').val(prompt.name);
|
||
}
|
||
}
|
||
});
|
||
|
||
// No SP selected or no SPs
|
||
if (soft_prompts.length === 0 || !(soft_prompts.some(x => x.selected))) {
|
||
$('#softprompt').val('');
|
||
}
|
||
}
|
||
|
||
function printCharaters(){
|
||
//console.log(1);
|
||
$("#rm_print_charaters_block").empty();
|
||
characters.forEach(function(item, i, arr) {
|
||
var this_avatar = default_avatar;
|
||
if(item.avatar != 'none'){
|
||
this_avatar = "characters/"+item.avatar+"#"+Date.now();
|
||
|
||
}
|
||
$("#rm_print_charaters_block").prepend('<div class=character_select chid='+i+'><div class=avatar><img src="'+this_avatar+'"></div><div class=ch_name>'+item.name+'</div></div>');
|
||
//console.log(item.name);
|
||
});
|
||
|
||
|
||
}
|
||
async function getCharacters() {
|
||
|
||
const response = await fetch("/getcharacters", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token
|
||
},
|
||
body: JSON.stringify({
|
||
"": ""
|
||
})
|
||
|
||
});
|
||
if (response.ok === true) {
|
||
const getData = await response.json();
|
||
//console.log(getData);
|
||
//var aa = JSON.parse(getData[0]);
|
||
const load_ch_count = Object.getOwnPropertyNames(getData);
|
||
|
||
for(var i = 0; i < load_ch_count.length;i++){
|
||
|
||
characters[i] = [];
|
||
characters[i] = getData[i];
|
||
|
||
//console.log(characters[i]);
|
||
}
|
||
characters.sort((a,b) => a.create_date - b.create_date );
|
||
//characters.reverse();
|
||
if(this_chid != undefined) $("#avatar_url_pole").val(characters[this_chid].avatar);
|
||
printCharaters();
|
||
//console.log(propOwn.length);
|
||
//return JSON.parse(getData[0]);
|
||
//const getData = await response.json();
|
||
//var getMessage = getData.results[0].text;
|
||
}
|
||
}
|
||
async function getBackgrounds() {
|
||
|
||
const response = await fetch("/getbackgrounds", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token
|
||
},
|
||
body: JSON.stringify({
|
||
"": ""
|
||
})
|
||
|
||
});
|
||
if (response.ok === true) {
|
||
const getData = await response.json();
|
||
//background = getData;
|
||
//console.log(getData.length);
|
||
for(var i = 0; i < getData.length; i++) {
|
||
//console.log(1);
|
||
$("#bg_menu_content").append("<div class=bg_example><img bgfile='"+getData[i]+"' class=bg_example_img src='backgrounds/"+getData[i]+"'><img bgfile='"+getData[i]+"' class=bg_example_cross src=img/cross.png></div>");
|
||
}
|
||
//var aa = JSON.parse(getData[0]);
|
||
//const load_ch_coint = Object.getOwnPropertyNames(getData);
|
||
|
||
|
||
}
|
||
}
|
||
async function isColab() {
|
||
is_checked_colab = true;
|
||
const response = await fetch("/iscolab", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token
|
||
},
|
||
body: JSON.stringify({
|
||
"": ""
|
||
})
|
||
|
||
});
|
||
if (response.ok === true) {
|
||
const getData = await response.json();
|
||
if(getData.colaburl != false){
|
||
$('#colab_shadow_popup').css('display', 'none');
|
||
is_colab = true;
|
||
let url = String(getData.colaburl).split("flare.com")[0] + "flare.com";
|
||
url = String(url).split("loca.lt")[0] + "loca.lt";
|
||
$('#api_url_text').val(url);
|
||
setTimeout(function() {
|
||
$('#api_button').click();
|
||
}, 2000);
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
async function setBackground(bg) {
|
||
/*
|
||
const response = await fetch("/setbackground", {
|
||
method: "POST",
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify({
|
||
"bg": bg
|
||
})
|
||
|
||
});
|
||
if (response.ok === true) {
|
||
//const getData = await response.json();
|
||
//background = getData;
|
||
|
||
//var aa = JSON.parse(getData[0]);
|
||
//const load_ch_coint = Object.getOwnPropertyNames(getData);
|
||
}*/
|
||
//console.log(bg);
|
||
jQuery.ajax({
|
||
type: 'POST', //
|
||
url: '/setbackground', //
|
||
data: JSON.stringify({
|
||
bg: bg
|
||
}),
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...'); //
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
//processData: false,
|
||
success: function(html){
|
||
//setBackground(html);
|
||
//$('body').css('background-image', 'linear-gradient(rgba(19,21,44,0.75), rgba(19,21,44,0.75)), url('+e.target.result+')');
|
||
//$("#form_bg_download").after("<div class=bg_example><img bgfile='"+html+"' class=bg_example_img src='backgrounds/"+html+"'><img bgfile='"+html+"' class=bg_example_cross src=img/cross.png></div>");
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
}
|
||
});
|
||
}
|
||
async function delBackground(bg) {
|
||
const response = await fetch("/delbackground", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token
|
||
},
|
||
body: JSON.stringify({
|
||
"bg": bg
|
||
})
|
||
|
||
});
|
||
if (response.ok === true) {
|
||
//const getData = await response.json();
|
||
//background = getData;
|
||
|
||
//var aa = JSON.parse(getData[0]);
|
||
//const load_ch_coint = Object.getOwnPropertyNames(getData);
|
||
|
||
|
||
}
|
||
}
|
||
function printMessages(){
|
||
chat.forEach(function(item, i, arr) {
|
||
addOneMessage(item);
|
||
});
|
||
}
|
||
function clearChat(){
|
||
count_view_mes = 0;
|
||
$('#chat').html('');
|
||
}
|
||
function messageFormating(mes, ch_name, isSystem){
|
||
if(this_chid != undefined && !isSystem) mes = mes.replaceAll("<", "<").replaceAll(">", ">");//for Chloe
|
||
if(this_chid === undefined){
|
||
mes = mes.replace(/\*\*(.+?)\*\*/g, '<b>$1</b>').replace(/\*(.+?)\*/g, '<i>$1</i>').replace(/\n/g, '<br/>');
|
||
|
||
}else if (!isSystem) {
|
||
mes = converter.makeHtml(mes);
|
||
mes = mes.replace(/{([^}]+)}/g, '');
|
||
mes = mes.replace(/\n/g, '<br/>');
|
||
mes = mes.trim();
|
||
}
|
||
|
||
|
||
if(ch_name !== name1){
|
||
mes = mes.replaceAll(name2+":", "");
|
||
}
|
||
return mes;
|
||
}
|
||
function addOneMessage(mes){
|
||
//var message = mes['mes'];
|
||
//message = mes['mes'].replace(/^\s+/g, '');
|
||
//console.log(message.indexOf(name1+":"));
|
||
var messageText = mes['mes'];
|
||
var characterName = name1;
|
||
var avatarImg = "User Avatars/"+user_avatar;
|
||
const isSystem = mes.is_system;
|
||
generatedPromtCache = '';
|
||
//thisText = thisText.split("\n").join("<br>");
|
||
var avatarImg = "User Avatars/"+user_avatar;
|
||
if(!mes['is_user']){
|
||
if (mes.force_avatar) {
|
||
avatarImg = mes.force_avatar;
|
||
}
|
||
else if(this_chid == undefined){
|
||
avatarImg = "img/chloe.png";
|
||
}
|
||
else{
|
||
if(characters[this_chid].avatar != 'none'){
|
||
avatarImg = "characters/"+characters[this_chid].avatar;
|
||
if(is_mes_reload_avatar !== false){
|
||
avatarImg+="#"+is_mes_reload_avatar;
|
||
//console.log(avatarImg);
|
||
}
|
||
}else{
|
||
avatarImg = "img/fluffy.png";
|
||
}
|
||
}
|
||
|
||
characterName = mes.is_system || mes.force_avatar ? mes.name : name2;
|
||
}
|
||
|
||
//Formating
|
||
//messageText = messageText.replace(/\*\*(.+?)\*\*/g, '<b>$1</b>').replace(/\*(.+?)\*/g, '<i>$1</i>').replace(/\n/g, '<br/>');
|
||
//if(characterName != name1){
|
||
//messageText = messageText.replaceAll(name2+":", "");
|
||
//}
|
||
//console.log(messageText);
|
||
if(count_view_mes == 0){
|
||
messageText = messageText.replace(/{{user}}/gi, name1);
|
||
messageText = messageText.replace(/{{char}}/gi, name2);
|
||
messageText = messageText.replace(/<USER>/gi, name1);
|
||
messageText = messageText.replace(/<BOT>/gi, name2);
|
||
}
|
||
messageText = messageFormating(messageText, characterName, isSystem);
|
||
const bias = messageFormating(mes.extra?.bias ?? '');
|
||
|
||
$("#chat").append( "<div class='mes' mesid="+count_view_mes+" ch_name="+characterName+"><div class='for_checkbox'></div><input type='checkbox' class='del_checkbox'><div class=avatar><img src='"+avatarImg+"'></div><div class=mes_block><div class=ch_name>"+characterName+"<div title=Edit class=mes_edit><img src=img/scroll.png style='width:20px;height:20px;'></div><div class=mes_edit_cancel><img src=img/cancel.png></div><div class=mes_edit_done><img src=img/done.png></div></div><div class=mes_text>"+`</div><div class='mes_bias'>${bias}</div></div></div>` );
|
||
|
||
const newMessage = $(`#chat [mesid="${count_view_mes}"]`);
|
||
newMessage.data('isSystem', isSystem);
|
||
|
||
if (isSystem) {
|
||
newMessage.find('.mes_edit').hide();
|
||
}
|
||
|
||
if(!if_typing_text){
|
||
//console.log(messageText);
|
||
$("#chat").children().filter('[mesid="'+count_view_mes+'"]').children('.mes_block').children('.mes_text').append(messageText);
|
||
}else{
|
||
typeWriter($("#chat").children().filter('[mesid="'+count_view_mes+'"]').children('.mes_block').children('.mes_text'), messageText, 50, 0);
|
||
}
|
||
count_view_mes++;
|
||
if(!add_mes_without_animation){
|
||
$('#chat').children().last().css("opacity",1.0);
|
||
$('#chat').children().last().transition({
|
||
opacity: 1.0,
|
||
duration: 700,
|
||
easing: "",
|
||
complete: function() { }
|
||
});
|
||
}else{
|
||
add_mes_without_animation = false;
|
||
}
|
||
var $textchat = $('#chat');
|
||
$textchat.scrollTop($textchat[0].scrollHeight);
|
||
}
|
||
function typeWriter(target, text, speed, i) {
|
||
if (i < text.length) {
|
||
//target.append(text.charAt(i));
|
||
target.html(target.html() + text.charAt(i));
|
||
i++;
|
||
setTimeout(() => typeWriter(target, text, speed, i), speed);
|
||
}
|
||
}
|
||
function newMesPattern(name){ //Patern which denotes a new message
|
||
name = name+':';
|
||
return name;
|
||
}
|
||
|
||
function checkWorldInfo(chat) {
|
||
if (world_info_data.entries.length == 0) {
|
||
return '';
|
||
}
|
||
|
||
const messagesToLookBack = world_info_depth * 2;
|
||
let textToScan = chat.slice(0, messagesToLookBack).join('').toLowerCase();
|
||
let worldInfoBefore = '';
|
||
let worldInfoAfter = '';
|
||
let needsToScan = true;
|
||
let allActivatedEntries = new Set();
|
||
|
||
const sortedEntries = Object.keys(world_info_data.entries).map(x => world_info_data.entries[x]).sort((a, b) => (b.constant - a.constant) || (b.order - a.order));
|
||
while (needsToScan) {
|
||
let activatedNow = new Set();
|
||
|
||
for (let entry of sortedEntries) {
|
||
if (allActivatedEntries.has(entry.uid)) {
|
||
continue;
|
||
}
|
||
|
||
if (entry.constant) {
|
||
activatedNow.add(entry.uid);
|
||
}
|
||
|
||
if (Array.isArray(entry.key) && entry.key.length) {
|
||
primary: for (let key of entry.key) {
|
||
if (key && textToScan.includes(key.trim().toLowerCase())) {
|
||
if (entry.selective && Array.isArray(entry.keysecondary) && entry.keysecondary.length) {
|
||
secondary: for (let keysecondary of entry.keysecondary) {
|
||
if (keysecondary && textToScan.includes(keysecondary.trim().toLowerCase())) {
|
||
activatedNow.add(entry.uid);
|
||
break secondary;
|
||
}
|
||
}
|
||
} else {
|
||
activatedNow.add(entry.uid);
|
||
break primary;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
needsToScan = activatedNow.size > 0;
|
||
const newEntries = [...activatedNow]
|
||
.map(x => world_info_data.entries[x])
|
||
.sort((a, b) => sortedEntries.indexOf(a) - sortedEntries.indexOf(b));
|
||
|
||
for (const entry of newEntries) {
|
||
if (entry.position === world_info_position.after) {
|
||
worldInfoAfter = `${worldInfoAfter}${entry.content}\n`;
|
||
}
|
||
else {
|
||
worldInfoBefore = `${worldInfoBefore}${entry.content}\n`;
|
||
}
|
||
|
||
if (encode(worldInfoBefore + worldInfoAfter).length >= world_info_budget) {
|
||
needsToScan = false;
|
||
break;
|
||
}
|
||
}
|
||
|
||
if (needsToScan) {
|
||
textToScan = newEntries.map(x => x.content).join('\n').toLowerCase() + textToScan;
|
||
}
|
||
|
||
allActivatedEntries = new Set([...allActivatedEntries, ...activatedNow]);
|
||
}
|
||
|
||
return { worldInfoBefore, worldInfoAfter };
|
||
}
|
||
|
||
function isHelpRequest(message) {
|
||
const helpTokens = ['/?', '/help'];
|
||
return helpTokens.includes(message.trim().toLowerCase());
|
||
}
|
||
|
||
function sendSystemMessage(type) {
|
||
const systemMessage = system_messages[type];
|
||
|
||
if (!systemMessage) {
|
||
return;
|
||
}
|
||
|
||
const newMessage = { ... systemMessage, 'send_date': Date.now() };
|
||
chat.push(newMessage);
|
||
addOneMessage(newMessage);
|
||
is_send_press = false;
|
||
}
|
||
|
||
function extractMessageBias(message) {
|
||
if (!message) {
|
||
return null;
|
||
}
|
||
|
||
const found = [];
|
||
const rxp = /{([^}]+)}/g;
|
||
let curMatch;
|
||
|
||
while( curMatch = rxp.exec(message) ) {
|
||
found.push(curMatch[1].trim());
|
||
}
|
||
|
||
if (!found.length) {
|
||
return '';
|
||
}
|
||
|
||
return ` ${found.join(' ')} `;
|
||
}
|
||
|
||
$( "#send_but" ).click(function() {
|
||
//$( "#send_but" ).css({"background": "url('img/load.gif')","background-size": "100%, 100%", "background-position": "center center"});
|
||
if(is_send_press == false){
|
||
is_send_press = true;
|
||
|
||
Generate();
|
||
}
|
||
});
|
||
async function Generate(type) {//encode("dsfs").length
|
||
tokens_already_generated = 0;
|
||
message_already_generated = name2+': ';
|
||
if(online_status != 'no_connection' && this_chid != undefined){
|
||
if(type != 'regenerate'){
|
||
var textareaText = $("#send_textarea").val();
|
||
$("#send_textarea").val('');
|
||
|
||
}else{
|
||
var textareaText = "";
|
||
if(chat[chat.length-1]['is_user']){//If last message from You
|
||
|
||
}else{
|
||
chat.length = chat.length-1;
|
||
count_view_mes-=1;
|
||
$('#chat').children().last().remove();
|
||
}
|
||
}
|
||
//$("#send_textarea").attr("disabled","disabled");
|
||
|
||
if (isHelpRequest(textareaText)) {
|
||
sendSystemMessage(system_message_types.HELP);
|
||
return;
|
||
}
|
||
|
||
//$("#send_textarea").blur();
|
||
$( "#send_but" ).css("display", "none");
|
||
$( "#loading_mes" ).css("display", "inline-block");
|
||
|
||
let promptBias = null;
|
||
let messageBias = extractMessageBias(textareaText);
|
||
|
||
// gets bias of the latest message where it was applied
|
||
for (let mes of chat) {
|
||
if (mes && mes.is_user && mes.extra && mes.extra.bias) {
|
||
promptBias = mes.extra.bias;
|
||
}
|
||
}
|
||
|
||
// bias from the latest message is top priority
|
||
promptBias = messageBias ?? promptBias ?? '';
|
||
|
||
var storyString = "";
|
||
var userSendString = "";
|
||
var finalPromt = "";
|
||
|
||
var postAnchorChar = "talks a lot with descriptions";//'Talk a lot with description what is going on around';// in asterisks
|
||
var postAnchorStyle = "Writing style: very long messages";//"[Genre: roleplay chat][Tone: very long messages with descriptions]";
|
||
|
||
|
||
var anchorTop = '';
|
||
var anchorBottom = '';
|
||
var topAnchorDepth = 8;
|
||
|
||
if(character_anchor && !is_pygmalion){
|
||
if(anchor_order === 0){
|
||
anchorTop = name2+" "+postAnchorChar;
|
||
}else{
|
||
anchorBottom = "["+name2+" "+postAnchorChar+"]";
|
||
}
|
||
}
|
||
if(style_anchor && !is_pygmalion){
|
||
if(anchor_order === 1){
|
||
anchorTop = postAnchorStyle;
|
||
}else{
|
||
anchorBottom = "["+postAnchorStyle+"]";
|
||
}
|
||
}
|
||
|
||
//*********************************
|
||
//PRE FORMATING STRING
|
||
//*********************************
|
||
if(textareaText != ""){
|
||
chat[chat.length] = {};
|
||
chat[chat.length-1]['name'] = name1;
|
||
chat[chat.length-1]['is_user'] = true;
|
||
chat[chat.length-1]['is_name'] = true;
|
||
chat[chat.length-1]['send_date'] = Date.now();
|
||
chat[chat.length-1]['mes'] = textareaText;
|
||
chat[chat.length-1]['extra'] = {};
|
||
|
||
if (messageBias) {
|
||
chat[chat.length-1]['extra']['bias'] = messageBias;
|
||
}
|
||
|
||
addOneMessage(chat[chat.length-1]);
|
||
}
|
||
var chatString = '';
|
||
var arrMes = [];
|
||
var mesSend = [];
|
||
var charDescription = $.trim(characters[this_chid].description);
|
||
var charPersonality = $.trim(characters[this_chid].personality);
|
||
var Scenario = $.trim(characters[this_chid].scenario);
|
||
var mesExamples = $.trim(characters[this_chid].mes_example);
|
||
var checkMesExample = $.trim(mesExamples.replace(/<START>/gi, ''));//for check length without tag
|
||
if(checkMesExample.length == 0) mesExamples = '';
|
||
var mesExamplesArray = [];
|
||
//***Base replace***
|
||
if(mesExamples !== undefined){
|
||
if(mesExamples.length > 0){
|
||
if(is_pygmalion){
|
||
mesExamples = mesExamples.replace(/{{user}}:/gi, 'You:');
|
||
mesExamples = mesExamples.replace(/<USER>:/gi, 'You:');
|
||
}
|
||
mesExamples = mesExamples.replace(/{{user}}/gi, name1);
|
||
mesExamples = mesExamples.replace(/{{char}}/gi, name2);
|
||
mesExamples = mesExamples.replace(/<USER>/gi, name1);
|
||
mesExamples = mesExamples.replace(/<BOT>/gi, name2);
|
||
//mesExamples = mesExamples.replaceAll('<START>', '[An example of how '+name2+' responds]');
|
||
let blocks = mesExamples.split(/<START>/gi);
|
||
mesExamplesArray = blocks.slice(1).map(block => `<START>\n${block.trim()}\n`);
|
||
}
|
||
}
|
||
if(charDescription !== undefined){
|
||
if(charDescription.length > 0){
|
||
charDescription = charDescription.replace(/{{user}}/gi, name1);
|
||
charDescription = charDescription.replace(/{{char}}/gi, name2);
|
||
charDescription = charDescription.replace(/<USER>/gi, name1);
|
||
charDescription = charDescription.replace(/<BOT>/gi, name2);
|
||
}
|
||
}
|
||
if(charPersonality !== undefined){
|
||
if(charPersonality.length > 0){
|
||
charPersonality = charPersonality.replace(/{{user}}/gi, name1);
|
||
charPersonality = charPersonality.replace(/{{char}}/gi, name2);
|
||
charPersonality = charPersonality.replace(/<USER>/gi, name1);
|
||
charPersonality = charPersonality.replace(/<BOT>/gi, name2);
|
||
}
|
||
}
|
||
if(Scenario !== undefined){
|
||
if(Scenario.length > 0){
|
||
Scenario = Scenario.replace(/{{user}}/gi, name1);
|
||
Scenario = Scenario.replace(/{{char}}/gi, name2);
|
||
Scenario = Scenario.replace(/<USER>/gi, name1);
|
||
Scenario = Scenario.replace(/<BOT>/gi, name2);
|
||
}
|
||
}
|
||
|
||
|
||
if(is_pygmalion){
|
||
if(charDescription.length > 0){
|
||
storyString = name2+"'s Persona: "+charDescription+"\n";
|
||
}
|
||
if(charPersonality.length > 0){
|
||
storyString+= 'Personality: '+charPersonality+'\n';
|
||
}
|
||
if(Scenario.length > 0){
|
||
storyString+= 'Scenario: '+Scenario+'\n';
|
||
}
|
||
}else{
|
||
if(charDescription !== undefined){
|
||
if(charPersonality.length > 0){
|
||
charPersonality = name2+"'s personality: "+charPersonality;//"["+name2+"'s personality: "+charPersonality+"]";
|
||
}
|
||
}
|
||
if(charDescription !== undefined){
|
||
if($.trim(charDescription).length > 0){
|
||
if(charDescription.slice(-1) !== ']' || charDescription.substr(0,1) !== '['){
|
||
//charDescription = '['+charDescription+']';
|
||
}
|
||
storyString+=charDescription+'\n';
|
||
}
|
||
}
|
||
|
||
if(count_view_mes < topAnchorDepth){
|
||
storyString+=charPersonality+'\n';
|
||
}
|
||
|
||
|
||
}
|
||
|
||
var count_exm_add = 0;
|
||
var chat2 = [];
|
||
var j = 0;
|
||
for(var i = chat.length-1; i >= 0; i--){
|
||
if(j == 0){
|
||
chat[j]['mes'] = chat[j]['mes'].replace(/{{user}}/gi, name1);
|
||
chat[j]['mes'] = chat[j]['mes'].replace(/{{char}}/gi, name2);
|
||
chat[j]['mes'] = chat[j]['mes'].replace(/<USER>/gi, name1);
|
||
chat[j]['mes'] = chat[j]['mes'].replace(/<BOT>/gi, name2);
|
||
}
|
||
let this_mes_ch_name = '';
|
||
if(chat[j]['is_user']){
|
||
this_mes_ch_name = name1;
|
||
}else{
|
||
this_mes_ch_name = name2;
|
||
}
|
||
if(chat[j]['is_name']){
|
||
chat2[i] = this_mes_ch_name+': '+chat[j]['mes']+'\n';
|
||
}else{
|
||
chat2[i] = chat[j]['mes']+'\n';
|
||
}
|
||
// system messages produce no text
|
||
if (chat[j]['is_system']) {
|
||
chat2[i] = '';
|
||
}
|
||
// replace bias markup
|
||
chat2[i] = (chat2[i] ?? '').replace(/{([^}]+)}/g, '');
|
||
j++;
|
||
}
|
||
//chat2 = chat2.reverse();
|
||
var this_max_context = 1487;
|
||
if(main_api == 'kobold') this_max_context = max_context;
|
||
if(main_api == 'novel'){
|
||
if(novel_tier === 1){
|
||
this_max_context = 1024;
|
||
}else{
|
||
this_max_context = 2048-60;//fix for fat tokens
|
||
if(model_novel == 'krake-v2'){
|
||
this_max_context-=160;
|
||
}
|
||
}
|
||
}
|
||
|
||
let worldInfoString = '', worldInfoBefore = '', worldInfoAfter = '';
|
||
|
||
if (world_info && world_info_data) {
|
||
const activatedWorldInfo = checkWorldInfo(chat2);
|
||
worldInfoBefore = activatedWorldInfo.worldInfoBefore;
|
||
worldInfoAfter = activatedWorldInfo.worldInfoAfter;
|
||
worldInfoString = worldInfoBefore + worldInfoAfter;
|
||
}
|
||
|
||
var i = 0;
|
||
|
||
for (var item of chat2) {//console.log(encode("dsfs").length);
|
||
chatString = item+chatString;
|
||
if(encode(JSON.stringify(worldInfoString+storyString+chatString+anchorTop+anchorBottom+charPersonality+promptBias)).length+120 < this_max_context){ //(The number of tokens in the entire promt) need fix, it must count correctly (added +120, so that the description of the character does not hide)
|
||
|
||
|
||
//if (is_pygmalion && i == chat2.length-1) item='<START>\n'+item;
|
||
arrMes[arrMes.length] = item;
|
||
}else{
|
||
i = chat.length-1;
|
||
}
|
||
await delay(1); //For disable slow down (encode gpt-2 need fix)
|
||
//console.log(i+' '+chat.length);
|
||
count_exm_add = 0;
|
||
if(i == chat.length-1){
|
||
//arrMes[arrMes.length-1] = '<START>\n'+arrMes[arrMes.length-1];
|
||
let mesExmString = '';
|
||
for(let iii = 0; iii < mesExamplesArray.length; iii++){//mesExamplesArray It need to make from end to start
|
||
|
||
mesExmString = mesExmString+mesExamplesArray[iii];
|
||
if(encode(JSON.stringify(worldInfoString+storyString+mesExmString+chatString+anchorTop+anchorBottom+charPersonality+promptBias)).length+120 < this_max_context){ //example of dialogs
|
||
if(!is_pygmalion){
|
||
mesExamplesArray[iii] = mesExamplesArray[iii].replace(/<START>/i, 'This is how '+name2+' should talk');//An example of how '+name2+' responds
|
||
}
|
||
count_exm_add++;
|
||
await delay(1);
|
||
|
||
//arrMes[arrMes.length] = item;
|
||
}else{
|
||
|
||
iii = mesExamplesArray.length;
|
||
}
|
||
|
||
}
|
||
|
||
if(!is_pygmalion){
|
||
if(Scenario !== undefined){
|
||
if(Scenario.length > 0){
|
||
storyString+= 'Circumstances and context of the dialogue: '+Scenario+'\n';
|
||
}
|
||
}
|
||
//storyString+='\nThen the roleplay chat between '+name1+' and '+name2+' begins.\n';
|
||
}
|
||
runGenerate();
|
||
return;
|
||
}
|
||
i++;
|
||
|
||
|
||
}
|
||
|
||
function runGenerate(cycleGenerationPromt = ''){
|
||
generatedPromtCache+=cycleGenerationPromt;
|
||
if(generatedPromtCache.length == 0){
|
||
chatString = "";
|
||
arrMes = arrMes.reverse();
|
||
var is_add_personality = false;
|
||
arrMes.forEach(function(item, i, arr) {//For added anchors and others
|
||
|
||
if(i >= arrMes.length-1 && $.trim(item).substr(0, (name1+":").length) != name1+":"){
|
||
if(textareaText == ""){
|
||
item = item.substr(0,item.length-1);
|
||
}
|
||
}
|
||
if(i === arrMes.length-topAnchorDepth && count_view_mes>=topAnchorDepth && !is_add_personality){
|
||
|
||
is_add_personality = true;
|
||
//chatString = chatString.substr(0,chatString.length-1);
|
||
//anchorAndPersonality = "[Genre: roleplay chat][Tone: very long messages with descriptions]";
|
||
if((anchorTop != "" || charPersonality != "") && !is_pygmalion){
|
||
if(anchorTop != "") charPersonality+=' ';
|
||
item+="["+charPersonality+anchorTop+']\n';
|
||
}
|
||
}
|
||
if(i >= arrMes.length-1 && count_view_mes>8 && $.trim(item).substr(0, (name1+":").length) == name1+":" && !is_pygmalion){//For add anchor in end
|
||
item = item.substr(0,item.length-1);
|
||
//chatString+=postAnchor+"\n";//"[Writing style: very long messages]\n";
|
||
item =item+ anchorBottom+"\n";
|
||
}
|
||
if(is_pygmalion){
|
||
if(i >= arrMes.length-1 && $.trim(item).substr(0, (name1+":").length) == name1+":"){//for add name2 when user sent
|
||
item =item+name2+":";
|
||
}
|
||
if(i >= arrMes.length-1 && $.trim(item).substr(0, (name1+":").length) != name1+":"){//for add name2 when continue
|
||
if(textareaText == ""){
|
||
item =item+'\n'+name2+":";
|
||
}
|
||
}
|
||
if($.trim(item).indexOf(name1) === 0){
|
||
item = item.replace(name1+':', 'You:');
|
||
}
|
||
}
|
||
mesSend[mesSend.length] = item;
|
||
//chatString = chatString+item;
|
||
});
|
||
}
|
||
//finalPromt +=chatString;
|
||
//console.log(storyString);
|
||
|
||
//console.log(encode(characters[this_chid].description+chatString).length);
|
||
//console.log(encode(JSON.stringify(characters[this_chid].description+chatString)).length);
|
||
if(type == 'force_name2'){
|
||
finalPromt+= name2+':';
|
||
}
|
||
//console.log(JSON.stringify(storyString));
|
||
//Send story string
|
||
var mesSendString = '';
|
||
var mesExmString = '';
|
||
function setPromtString(){
|
||
mesSendString = '';
|
||
mesExmString = '';
|
||
for(let j = 0; j < count_exm_add; j++){
|
||
mesExmString+=mesExamplesArray[j];
|
||
}
|
||
for(let j = 0; j < mesSend.length; j++){
|
||
mesSendString+=mesSend[j];
|
||
}
|
||
}
|
||
function checkPromtSize(){
|
||
setPromtString();
|
||
let thisPromtContextSize = encode(JSON.stringify(worldInfoString+storyString+mesExmString+mesSendString+anchorTop+anchorBottom+charPersonality+generatedPromtCache+promptBias)).length+120;
|
||
if(thisPromtContextSize > this_max_context){
|
||
if(count_exm_add > 0){
|
||
//mesExamplesArray.length = mesExamplesArray.length-1;
|
||
count_exm_add--;
|
||
checkPromtSize();
|
||
}else if(mesSend.length > 0){
|
||
mesSend.shift();
|
||
checkPromtSize();
|
||
}else{
|
||
//end
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
|
||
if(generatedPromtCache.length > 0){
|
||
checkPromtSize();
|
||
}else{
|
||
setPromtString();
|
||
}
|
||
|
||
if(!is_pygmalion){
|
||
mesSendString = '\nThen the roleplay chat between '+name1+' and '+name2+' begins.\n'+mesSendString;
|
||
}else{
|
||
mesSendString = '<START>\n'+mesSendString;
|
||
}
|
||
finalPromt = worldInfoBefore+storyString+worldInfoAfter+mesExmString+mesSendString+generatedPromtCache+promptBias;
|
||
|
||
var generate_data;
|
||
if(main_api == 'kobold'){
|
||
var generate_data = {prompt: finalPromt, gui_settings: true,max_length: amount_gen,temperature: temp, max_context_length: max_context};
|
||
if(preset_settings != 'gui'){
|
||
|
||
var this_settings = koboldai_settings[koboldai_setting_names[preset_settings]];
|
||
var this_amount_gen = parseInt(amount_gen);
|
||
if(is_pygmalion){
|
||
if(tokens_already_generated === 0){
|
||
if(parseInt(amount_gen) >= 50){
|
||
this_amount_gen = 50;
|
||
}else{
|
||
this_amount_gen = parseInt(amount_gen);
|
||
}
|
||
|
||
}else{
|
||
if(parseInt(amount_gen) - tokens_already_generated < tokens_cycle_count){
|
||
this_amount_gen = parseInt(amount_gen) - tokens_already_generated;
|
||
}else{
|
||
this_amount_gen = tokens_cycle_count;
|
||
}
|
||
}
|
||
}
|
||
generate_data = {prompt: finalPromt,
|
||
gui_settings: false,
|
||
sampler_order: this_settings.sampler_order,
|
||
max_context_length: parseInt(max_context),//this_settings.max_length,
|
||
max_length: this_amount_gen,//parseInt(amount_gen),
|
||
rep_pen: parseFloat(rep_pen),
|
||
rep_pen_range: parseInt(rep_pen_size),
|
||
rep_pen_slope: this_settings.rep_pen_slope,
|
||
temperature: parseFloat(temp),
|
||
tfs: this_settings.tfs,
|
||
top_a: this_settings.top_a,
|
||
top_k: this_settings.top_k,
|
||
top_p: this_settings.top_p,
|
||
typical: this_settings.typical,
|
||
s1:this_settings.sampler_order[0],
|
||
s2:this_settings.sampler_order[1],
|
||
s3:this_settings.sampler_order[2],
|
||
s4:this_settings.sampler_order[3],
|
||
s5:this_settings.sampler_order[4],
|
||
s6:this_settings.sampler_order[5],
|
||
s7:this_settings.sampler_order[6],
|
||
use_world_info: false,
|
||
};
|
||
}
|
||
}
|
||
if(main_api == 'novel'){
|
||
var this_settings = novelai_settings[novelai_setting_names[preset_settings_novel]];
|
||
generate_data = {"input": finalPromt,
|
||
"model": model_novel,
|
||
"use_string": true,
|
||
"temperature": parseFloat(temp_novel),
|
||
"max_length": this_settings.max_length,
|
||
"min_length": this_settings.min_length,
|
||
"tail_free_sampling": this_settings.tail_free_sampling,
|
||
"repetition_penalty": parseFloat(rep_pen_novel),
|
||
"repetition_penalty_range": parseInt(rep_pen_size_novel),
|
||
"repetition_penalty_frequency": this_settings.repetition_penalty_frequency,
|
||
"repetition_penalty_presence": this_settings.repetition_penalty_presence,
|
||
//"stop_sequences": {{187}},
|
||
//bad_words_ids = {{50256}, {0}, {1}};
|
||
//generate_until_sentence = true;
|
||
"use_cache": false,
|
||
//use_string = true;
|
||
"return_full_text": false,
|
||
"prefix": "vanilla",
|
||
"order": this_settings.order
|
||
};
|
||
}
|
||
var generate_url = '';
|
||
if(main_api == 'kobold'){
|
||
generate_url = '/generate';
|
||
}
|
||
if(main_api == 'novel'){
|
||
generate_url = '/generate_novelai';
|
||
}
|
||
jQuery.ajax({
|
||
type: 'POST', //
|
||
url: generate_url, //
|
||
data: JSON.stringify(generate_data),
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function(data){
|
||
tokens_already_generated += this_amount_gen;
|
||
//$("#send_textarea").focus();
|
||
//$("#send_textarea").removeAttr('disabled');
|
||
is_send_press = false;
|
||
if(data.error != true){
|
||
//const getData = await response.json();
|
||
if(main_api == 'kobold'){
|
||
var getMessage = data.results[0].text;
|
||
}
|
||
if(main_api == 'novel'){
|
||
var getMessage = data.output;
|
||
}
|
||
|
||
//Pygmalion run again
|
||
if(is_pygmalion){
|
||
if_typing_text = false;
|
||
message_already_generated +=getMessage;
|
||
if(message_already_generated.indexOf('You:') === -1 && message_already_generated.indexOf('<|endoftext|>') === -1 && tokens_already_generated < parseInt(amount_gen) && getMessage.length > 0){
|
||
runGenerate(getMessage);
|
||
return;
|
||
}
|
||
|
||
getMessage = message_already_generated;
|
||
}
|
||
//Formating
|
||
getMessage = $.trim(getMessage);
|
||
if(is_pygmalion){
|
||
getMessage = getMessage.replace(new RegExp('<USER>', "g"), name1);
|
||
getMessage = getMessage.replace(new RegExp('<BOT>', "g"), name2);
|
||
getMessage = getMessage.replace(new RegExp('You:', "g"), name1+':');
|
||
}
|
||
if(getMessage.indexOf(name1+":") != -1){
|
||
getMessage = getMessage.substr(0,getMessage.indexOf(name1+":"));
|
||
|
||
}
|
||
if(getMessage.indexOf('<|endoftext|>') != -1){
|
||
getMessage = getMessage.substr(0,getMessage.indexOf('<|endoftext|>'));
|
||
|
||
}
|
||
let this_mes_is_name = true;
|
||
if(getMessage.indexOf(name2+":") === 0){
|
||
getMessage = getMessage.replace(name2+':', '');
|
||
getMessage = getMessage.trimStart();
|
||
}else{
|
||
this_mes_is_name = false;
|
||
}
|
||
if(type === 'force_name2') this_mes_is_name = true;
|
||
//getMessage = getMessage.replace(/^\s+/g, '');
|
||
if(getMessage.length > 0){
|
||
chat[chat.length] = {};
|
||
chat[chat.length-1]['name'] = name2;
|
||
chat[chat.length-1]['is_user'] = false;
|
||
chat[chat.length-1]['is_name'] = this_mes_is_name;
|
||
chat[chat.length-1]['send_date'] = Date.now();
|
||
getMessage = $.trim(getMessage);
|
||
chat[chat.length-1]['mes'] = getMessage;
|
||
addOneMessage(chat[chat.length-1]);
|
||
$( "#send_but" ).css("display", "inline");
|
||
$( "#loading_mes" ).css("display", "none");
|
||
saveChat();
|
||
}else{
|
||
//console.log('run force_name2 protocol');
|
||
Generate('force_name2');
|
||
}
|
||
}else{
|
||
$( "#send_but" ).css("display", "inline");
|
||
$( "#loading_mes" ).css("display", "none");
|
||
}
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
|
||
$("#send_textarea").removeAttr('disabled');
|
||
is_send_press = false;
|
||
$( "#send_but" ).css("display", "inline");
|
||
$( "#loading_mes" ).css("display", "none");
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
}
|
||
});
|
||
}
|
||
}else{
|
||
if(this_chid == undefined){
|
||
//send ch sel
|
||
popup_type = 'char_not_selected';
|
||
callPopup('<h3>Сharacter is not selected</h3>');
|
||
}
|
||
is_send_press = false;
|
||
}
|
||
}
|
||
|
||
async function saveChat() {
|
||
chat.forEach(function(item, i) {
|
||
if(item['is_user']){
|
||
var str = item['mes'].replace(name1+':', default_user_name+':');
|
||
chat[i]['mes'] = str;
|
||
chat[i]['name'] = default_user_name;
|
||
}
|
||
});
|
||
var save_chat = [{user_name:default_user_name, character_name:name2,create_date: chat_create_date}, ...chat];
|
||
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/savechat',
|
||
data: JSON.stringify({ch_name: characters[this_chid].name, file_name: characters[this_chid].chat, chat: save_chat, avatar_url: characters[this_chid].avatar}),
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function(data){
|
||
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
}
|
||
});
|
||
}
|
||
async function getChat() {
|
||
//console.log(characters[this_chid].chat);
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/getchat',
|
||
data: JSON.stringify({ch_name: characters[this_chid].name, file_name: characters[this_chid].chat, avatar_url: characters[this_chid].avatar}),
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function(data){
|
||
//console.log(data);
|
||
//chat.length = 0;
|
||
if(data[0] !== undefined){
|
||
for (let key in data) {
|
||
chat.push(data[key]);
|
||
}
|
||
//chat = data;
|
||
chat_create_date = chat[0]['create_date'];
|
||
chat.shift();
|
||
|
||
}else{
|
||
chat_create_date = Date.now();
|
||
}
|
||
//console.log(chat);
|
||
getChatResult();
|
||
saveChat();
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
getChatResult();
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
}
|
||
});
|
||
}
|
||
|
||
function getChatResult(){
|
||
name2 = characters[this_chid].name;
|
||
if(chat.length > 1){
|
||
|
||
chat.forEach(function(item, i) {
|
||
if(item['is_user']){
|
||
var str = item['mes'].replace(default_user_name+':', name1+':');
|
||
chat[i]['mes'] = str;
|
||
chat[i]['name'] = name1;
|
||
}
|
||
});
|
||
|
||
|
||
}else{
|
||
//console.log(characters[this_chid].first_mes);
|
||
chat[0] = {};
|
||
chat[0]['name'] = name2;
|
||
chat[0]['is_user'] = false;
|
||
chat[0]['is_name'] = true;
|
||
chat[0]['send_date'] = Date.now();
|
||
if(characters[this_chid].first_mes != ""){
|
||
chat[0]['mes'] = characters[this_chid].first_mes;
|
||
}else{
|
||
chat[0]['mes'] = default_ch_mes;
|
||
}
|
||
}
|
||
printMessages();
|
||
select_selected_character(this_chid);
|
||
}
|
||
$("#send_textarea").keypress(function (e) {
|
||
if(e.which === 13 && !e.shiftKey && is_send_press == false) {
|
||
is_send_press = true;
|
||
e.preventDefault();
|
||
Generate();
|
||
//$(this).closest("form").submit();
|
||
}
|
||
});
|
||
|
||
//menu buttons
|
||
var seleced_button_style = { color: "#bcc1c8" };
|
||
var deselected_button_style = { color: "#565d66" };
|
||
$( "#rm_button_create" ).children("h2").css(seleced_button_style);
|
||
$( "#rm_button_characters" ).children("h2").css(seleced_button_style);
|
||
$( "#rm_button_settings" ).click(function() {
|
||
selected_button = 'settings';
|
||
menu_type = 'settings';
|
||
$( "#rm_charaters_block" ).css("display", "none");
|
||
$( "#rm_api_block" ).css("display", "block");
|
||
|
||
$('#rm_api_block').css('opacity',0.0);
|
||
$('#rm_api_block').transition({
|
||
opacity: 1.0,
|
||
duration: animation_rm_duration,
|
||
easing: animation_rm_easing,
|
||
complete: function() { }
|
||
});
|
||
|
||
$( "#rm_ch_create_block" ).css("display", "none");
|
||
$( "#rm_info_block" ).css("display", "none");
|
||
|
||
$( "#rm_button_characters" ).children("h2").css(deselected_button_style);
|
||
$( "#rm_button_settings" ).children("h2").css(seleced_button_style);
|
||
$( "#rm_button_selected_ch" ).children("h2").css(deselected_button_style);
|
||
});
|
||
$( "#rm_button_characters" ).click(function() {
|
||
selected_button = 'characters';
|
||
select_rm_characters();
|
||
});
|
||
$( "#rm_button_back" ).click(function() {
|
||
selected_button = 'characters';
|
||
select_rm_characters();
|
||
});
|
||
$( "#rm_button_create" ).click(function() {
|
||
selected_button = 'create';
|
||
select_rm_create();
|
||
});
|
||
$( "#rm_button_selected_ch" ).click(function() {
|
||
selected_button = 'character_edit';
|
||
select_selected_character(this_chid);
|
||
});
|
||
function select_rm_create(){
|
||
menu_type = 'create';
|
||
if(selected_button == 'create'){
|
||
if(create_save_avatar != ''){
|
||
$("#add_avatar_button").get(0).files = create_save_avatar;
|
||
read_avatar_load($("#add_avatar_button").get(0));
|
||
}
|
||
|
||
}
|
||
$( "#rm_charaters_block" ).css("display", "none");
|
||
$( "#rm_api_block" ).css("display", "none");
|
||
$( "#rm_ch_create_block" ).css("display", "block");
|
||
|
||
$('#rm_ch_create_block').css('opacity',0.0);
|
||
$('#rm_ch_create_block').transition({
|
||
opacity: 1.0,
|
||
duration: animation_rm_duration,
|
||
easing: animation_rm_easing,
|
||
complete: function() { }
|
||
});
|
||
$( "#rm_info_block" ).css("display", "none");
|
||
|
||
$( "#delete_button_div" ).css("display", "none");
|
||
$("#create_button").css("display", "block");
|
||
$("#create_button").attr("value", "Create");
|
||
$('#result_info').html(' ');
|
||
$( "#rm_button_characters" ).children("h2").css(deselected_button_style);
|
||
$( "#rm_button_settings" ).children("h2").css(deselected_button_style);
|
||
$( "#rm_button_selected_ch" ).children("h2").css(deselected_button_style);
|
||
|
||
//create text poles
|
||
$("#rm_button_back").css("display", "inline-block");
|
||
$("#character_import_button").css("display", "inline-block");
|
||
$("#character_popup_text_h3").text('Create character');
|
||
$("#character_name_pole").val(create_save_name);
|
||
$("#description_textarea").val(create_save_description);
|
||
$("#personality_textarea").val(create_save_personality);
|
||
$("#firstmessage_textarea").val(create_save_first_message);
|
||
$("#scenario_pole").val(create_save_scenario);
|
||
if($.trim(create_save_mes_example).length == 0){
|
||
$("#mes_example_textarea").val('<START>');
|
||
}else{
|
||
$("#mes_example_textarea").val(create_save_mes_example);
|
||
}
|
||
$("#avatar_div").css("display", "flex");
|
||
$("#avatar_load_preview").attr('src',default_avatar);
|
||
$("#name_div").css("display", "block");
|
||
|
||
$("#form_create").attr("actiontype", "createcharacter");
|
||
}
|
||
function select_rm_characters(){
|
||
|
||
menu_type = 'characters';
|
||
$( "#rm_charaters_block" ).css("display", "flex");
|
||
$('#rm_charaters_block').css('opacity',0.0);
|
||
$('#rm_charaters_block').transition({
|
||
opacity: 1.0,
|
||
duration: animation_rm_duration,
|
||
easing: animation_rm_easing,
|
||
complete: function() { }
|
||
});
|
||
|
||
$( "#rm_api_block" ).css("display", "none");
|
||
$( "#rm_ch_create_block" ).css("display", "none");
|
||
$( "#rm_info_block" ).css("display", "none");
|
||
|
||
$( "#rm_button_characters" ).children("h2").css(seleced_button_style);
|
||
$( "#rm_button_settings" ).children("h2").css(deselected_button_style);
|
||
$( "#rm_button_selected_ch" ).children("h2").css(deselected_button_style);
|
||
}
|
||
function select_rm_info(text){
|
||
$( "#rm_charaters_block" ).css("display", "none");
|
||
$( "#rm_api_block" ).css("display", "none");
|
||
$( "#rm_ch_create_block" ).css("display", "none");
|
||
$( "#rm_info_block" ).css("display", "flex");
|
||
|
||
$("#rm_info_text").html('<h3>'+text+'</h3>');
|
||
|
||
$( "#rm_button_characters" ).children("h2").css(deselected_button_style);
|
||
$( "#rm_button_settings" ).children("h2").css(deselected_button_style);
|
||
$( "#rm_button_selected_ch" ).children("h2").css(deselected_button_style);
|
||
}
|
||
|
||
function select_selected_character(chid){ //character select
|
||
|
||
select_rm_create();
|
||
menu_type = 'character_edit';
|
||
$( "#delete_button_div" ).css("display", "block");
|
||
$( "#rm_button_selected_ch" ).children("h2").css(seleced_button_style);
|
||
var display_name = characters[chid].name;
|
||
|
||
$( "#rm_button_selected_ch" ).children("h2").text(display_name);
|
||
|
||
//create text poles
|
||
$("#rm_button_back").css("display", "none");
|
||
//$("#character_import_button").css("display", "none");
|
||
$("#create_button").attr("value", "Save");
|
||
$("#create_button").css("display", "none");
|
||
var i = 0;
|
||
while($( "#rm_button_selected_ch" ).width() > 170 && i < 100){
|
||
display_name = display_name.slice(0,display_name.length-2);
|
||
//console.log(display_name);
|
||
$( "#rm_button_selected_ch" ).children("h2").text($.trim(display_name)+'...');
|
||
i++;
|
||
}
|
||
$("#add_avatar_button").val('');
|
||
|
||
$('#character_popup_text_h3').text(characters[chid].name);
|
||
$("#character_name_pole").val(characters[chid].name);
|
||
$("#description_textarea").val(characters[chid].description);
|
||
$("#personality_textarea").val(characters[chid].personality);
|
||
$("#firstmessage_textarea").val(characters[chid].first_mes);
|
||
$("#scenario_pole").val(characters[chid].scenario);
|
||
$("#mes_example_textarea").val(characters[chid].mes_example);
|
||
$("#selected_chat_pole").val(characters[chid].chat);
|
||
$("#create_date_pole").val(characters[chid].create_date);
|
||
$("#avatar_url_pole").val(characters[chid].avatar);
|
||
$("#chat_import_avatar_url").val(characters[chid].avatar);
|
||
$("#chat_import_character_name").val(characters[chid].name);
|
||
//$("#avatar_div").css("display", "none");
|
||
var this_avatar = default_avatar;
|
||
if(characters[chid].avatar != 'none'){
|
||
this_avatar = "characters/"+characters[chid].avatar;
|
||
}
|
||
$("#avatar_load_preview").attr('src',this_avatar+"#"+Date.now());
|
||
$("#name_div").css("display", "none");
|
||
|
||
$("#form_create").attr("actiontype", "editcharacter");
|
||
}
|
||
$(document).on('click', '.character_select', function(){
|
||
if(this_chid !== $(this).attr("chid")){
|
||
if(!is_send_press){
|
||
this_edit_mes_id = undefined;
|
||
selected_button = 'character_edit';
|
||
this_chid = $(this).attr("chid");
|
||
clearChat();
|
||
chat.length = 0;
|
||
getChat();
|
||
|
||
}
|
||
}else{
|
||
selected_button = 'character_edit';
|
||
select_selected_character(this_chid);
|
||
}
|
||
|
||
});
|
||
var scroll_holder = 0;
|
||
var is_use_scroll_holder = false;
|
||
$(document).on('input', '.edit_textarea', function(){
|
||
scroll_holder = $("#chat").scrollTop();
|
||
$(this).height(0).height(this.scrollHeight);
|
||
is_use_scroll_holder = true;
|
||
});
|
||
$("#chat").on("scroll", function() {
|
||
if(is_use_scroll_holder){
|
||
$("#chat").scrollTop(scroll_holder);
|
||
is_use_scroll_holder = false;
|
||
}
|
||
|
||
});
|
||
$(document).on('click', '.del_checkbox', function(){
|
||
$('.del_checkbox').each(function(){
|
||
$(this).prop( "checked", false );
|
||
$(this).parent().css('background', css_mes_bg);
|
||
});
|
||
$(this).parent().css('background', "#791b31");
|
||
var i = $(this).parent().attr('mesid');
|
||
this_del_mes = i;
|
||
while(i < chat.length){
|
||
$(".mes[mesid='"+i+"']").css('background', "#791b31");
|
||
$(".mes[mesid='"+i+"']").children('.del_checkbox').prop( "checked", true );
|
||
i++;
|
||
//console.log(i);
|
||
}
|
||
|
||
});
|
||
$(document).on('click', '#user_avatar_block .avatar', function(){
|
||
user_avatar = $(this).attr("imgfile");
|
||
$('.mes').each(function(){
|
||
if($(this).attr('ch_name') == name1){
|
||
$(this).children('.avatar').children('img').attr('src', 'User Avatars/'+user_avatar);
|
||
}
|
||
});
|
||
saveSettings();
|
||
|
||
});
|
||
$('#logo_block').click(function(event) {
|
||
if(!bg_menu_toggle){
|
||
$('#bg_menu_button').transition({ perspective: '100px',rotate3d: '1,1,0,180deg'});
|
||
//$('#bg_menu_content1').css('display', 'block');
|
||
//$('#bg_menu_content1').css('opticary', 0);marginTop: '10px'
|
||
$('#bg_menu_content').transition({
|
||
opacity: 1.0, height: '90vh',
|
||
duration: 340,
|
||
easing: 'in',
|
||
complete: function() { bg_menu_toggle = true; $('#bg_menu_content').css("overflow-y", "auto");}
|
||
});
|
||
}else{
|
||
$('#bg_menu_button').transition({ perspective: '100px',rotate3d: '1,1,0,360deg'});
|
||
$('#bg_menu_content').css("overflow-y", "hidden");
|
||
$('#bg_menu_content').transition({
|
||
|
||
opacity: 0.0, height: '0px',
|
||
duration: 340,
|
||
easing: 'in',
|
||
complete: function() { bg_menu_toggle = false; }
|
||
});
|
||
}
|
||
});
|
||
$(document).on('click', '.bg_example_img', function(){
|
||
var this_bgfile = $(this).attr("bgfile");
|
||
|
||
if(bg1_toggle == true){
|
||
bg1_toggle = false;
|
||
var number_bg = 2;
|
||
var target_opacity = 1.0;
|
||
}else{
|
||
bg1_toggle = true;
|
||
var number_bg = 1;
|
||
var target_opacity = 0.0;
|
||
}
|
||
$('#bg2').stop();
|
||
$('#bg2').transition({
|
||
opacity: target_opacity,
|
||
duration: 1300,//animation_rm_duration,
|
||
easing: "linear",
|
||
complete: function() {
|
||
$("#options").css('display', 'none');
|
||
}
|
||
});
|
||
$('#bg'+number_bg).css('background-image', 'linear-gradient(rgba(19,21,44,0.75), rgba(19,21,44,0.75)), url("backgrounds/'+this_bgfile+'")');
|
||
setBackground(this_bgfile);
|
||
|
||
});
|
||
$(document).on('click', '.bg_example_cross', function(){
|
||
bg_file_for_del = $(this);
|
||
//$(this).parent().remove();
|
||
//delBackground(this_bgfile);
|
||
popup_type = 'del_bg';
|
||
callPopup('<h3>Delete the background?</h3>');
|
||
|
||
});
|
||
$( "#advanced_div" ).click(function() {
|
||
if(!is_advanced_char_open){
|
||
is_advanced_char_open = true;
|
||
$('#character_popup').css('display', 'grid');
|
||
$('#character_popup').css('opacity', 0.0);
|
||
$('#character_popup').transition({ opacity: 1.0 ,duration: animation_rm_duration, easing:animation_rm_easing});
|
||
}else{
|
||
is_advanced_char_open = false;
|
||
$('#character_popup').css('display', 'none');
|
||
}
|
||
});
|
||
$( "#character_cross" ).click(function() {
|
||
is_advanced_char_open = false;
|
||
$('#character_popup').css('display', 'none');
|
||
});
|
||
$( "#character_popup_ok" ).click(function() {
|
||
is_advanced_char_open = false;
|
||
$('#character_popup').css('display', 'none');
|
||
});
|
||
|
||
$("#dialogue_popup_ok").click(function(){
|
||
$("#shadow_popup").css('display', 'none');
|
||
$("#shadow_popup").css('opacity:', 0.0);
|
||
if(popup_type == 'del_bg'){
|
||
delBackground(bg_file_for_del.attr("bgfile"));
|
||
bg_file_for_del.parent().remove();
|
||
}
|
||
if(popup_type == 'del_ch'){
|
||
var msg = jQuery('#form_create').serialize(); // ID form
|
||
jQuery.ajax({
|
||
method: 'POST',
|
||
url: '/deletecharacter',
|
||
beforeSend: function(){
|
||
select_rm_info("Character deleted");
|
||
|
||
//$('#create_button').attr('value','Deleting...');
|
||
},
|
||
data: msg,
|
||
cache: false,
|
||
success: function(html){
|
||
location.reload();
|
||
//getCharacters();
|
||
//$('#create_button_div').html(html);
|
||
}
|
||
});
|
||
}
|
||
if (popup_type === 'world_imported' && imported_world_name) {
|
||
world_names.forEach((item, i) => {
|
||
if (item === imported_world_name) {
|
||
$('#world_info').val(i).change();
|
||
}
|
||
})
|
||
imported_world_name = '';
|
||
}
|
||
if (popup_type === 'del_world' && world_info) {
|
||
deleteWorldInfo(world_info);
|
||
}
|
||
if(popup_type == 'new_chat' && this_chid != undefined && menu_type != "create"){//Fix it; New chat doesn't create while open create character menu
|
||
clearChat();
|
||
chat.length = 0;
|
||
characters[this_chid].chat = Date.now();
|
||
$("#selected_chat_pole").val(characters[this_chid].chat);
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
getChat();
|
||
|
||
}
|
||
});
|
||
$("#dialogue_popup_cancel").click(function(){
|
||
$("#shadow_popup").css('display', 'none');
|
||
$("#shadow_popup").css('opacity:', 0.0);
|
||
popup_type = '';
|
||
});
|
||
function callPopup(text){
|
||
$("#dialogue_popup_cancel").css("display", "inline-block");
|
||
switch(popup_type){
|
||
|
||
case 'char_not_selected':
|
||
$("#dialogue_popup_ok").css("background-color", "#191b31CC");
|
||
$("#dialogue_popup_ok").text("Ok");
|
||
$("#dialogue_popup_cancel").css("display", "none");
|
||
break;
|
||
|
||
case 'world_imported':
|
||
case 'new_chat':
|
||
|
||
$("#dialogue_popup_ok").css("background-color", "#191b31CC");
|
||
$("#dialogue_popup_ok").text("Yes");
|
||
break;
|
||
case 'del_world':
|
||
default:
|
||
$("#dialogue_popup_ok").css("background-color", "#791b31");
|
||
$("#dialogue_popup_ok").text("Delete");
|
||
|
||
}
|
||
$("#dialogue_popup_text").html(text);
|
||
$("#shadow_popup").css('display', 'block');
|
||
$('#shadow_popup').transition({ opacity: 1.0 ,duration: animation_rm_duration, easing:animation_rm_easing});
|
||
}
|
||
|
||
function read_bg_load(input) {
|
||
if (input.files && input.files[0]) {
|
||
var reader = new FileReader();
|
||
|
||
reader.onload = function (e) {
|
||
$('#bg_load_preview')
|
||
.attr('src', e.target.result)
|
||
.width(103)
|
||
.height(83);
|
||
|
||
var formData = new FormData($("#form_bg_download").get(0));
|
||
|
||
//console.log(formData);
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/downloadbackground',
|
||
data: formData,
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function(html){
|
||
setBackground(html);
|
||
if(bg1_toggle == true){
|
||
bg1_toggle = false;
|
||
var number_bg = 2;
|
||
var target_opacity = 1.0;
|
||
}else{
|
||
bg1_toggle = true;
|
||
var number_bg = 1;
|
||
var target_opacity = 0.0;
|
||
}
|
||
$('#bg2').transition({
|
||
opacity: target_opacity,
|
||
duration: 1300,//animation_rm_duration,
|
||
easing: "linear",
|
||
complete: function() {
|
||
$("#options").css('display', 'none');
|
||
}
|
||
});
|
||
$('#bg'+number_bg).css('background-image', 'linear-gradient(rgba(19,21,44,0.75), rgba(19,21,44,0.75)), url('+e.target.result+')');
|
||
$("#form_bg_download").after("<div class=bg_example><img bgfile='"+html+"' class=bg_example_img src='backgrounds/"+html+"'><img bgfile='"+html+"' class=bg_example_cross src=img/cross.png></div>");
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
}
|
||
});
|
||
|
||
};
|
||
|
||
reader.readAsDataURL(input.files[0]);
|
||
}
|
||
}
|
||
$("#add_bg_button").change(function(){
|
||
read_bg_load(this);
|
||
|
||
});
|
||
function read_avatar_load(input) {
|
||
if (input.files && input.files[0]) {
|
||
var reader = new FileReader();
|
||
if(selected_button == 'create'){
|
||
create_save_avatar = input.files;
|
||
}
|
||
reader.onload = function (e) {
|
||
|
||
if(selected_button == 'character_edit'){
|
||
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
}
|
||
$('#avatar_load_preview')
|
||
.attr('src', e.target.result);
|
||
//.width(103)
|
||
//.height(83);
|
||
//console.log(e.target.result.name);
|
||
|
||
};
|
||
|
||
reader.readAsDataURL(input.files[0]);
|
||
}
|
||
}
|
||
$("#add_avatar_button").change(function(){
|
||
is_mes_reload_avatar = Date.now();
|
||
read_avatar_load(this);
|
||
});
|
||
$( "#form_create" ).submit(function(e) {
|
||
$('#rm_info_avatar').html('');
|
||
var formData = new FormData($("#form_create").get(0));
|
||
if($("#form_create").attr("actiontype") == "createcharacter"){
|
||
|
||
if($("#character_name_pole").val().length > 0){
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/createcharacter',
|
||
data: formData,
|
||
beforeSend: function(){
|
||
$('#create_button').attr('disabled',true);
|
||
$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function(html){
|
||
$('#character_cross').click();
|
||
$("#character_name_pole").val('');
|
||
create_save_name = '';
|
||
$("#description_textarea").val('');
|
||
create_save_description = '';
|
||
$("#personality_textarea").val('');
|
||
create_save_personality = '';
|
||
$("#firstmessage_textarea").val('');
|
||
create_save_first_message = '';
|
||
|
||
$("#character_popup_text_h3").text('Create character');
|
||
|
||
$("#scenario_pole").val('');
|
||
create_save_scenario = '';
|
||
$("#mes_example_textarea").val('');
|
||
create_save_mes_example = '';
|
||
|
||
create_save_avatar = '';
|
||
|
||
$('#create_button').removeAttr("disabled");
|
||
$("#add_avatar_button").replaceWith($("#add_avatar_button").val('').clone(true));
|
||
$('#create_button').attr('value','Create');
|
||
if(true){
|
||
$('#rm_info_block').transition({ opacity: 0 ,duration: 0});
|
||
var $prev_img = $('#avatar_div_div').clone();
|
||
$('#rm_info_avatar').append($prev_img);
|
||
select_rm_info("Character created");
|
||
|
||
$('#rm_info_block').transition({ opacity: 1.0 ,duration: 2000});
|
||
getCharacters();
|
||
}else{
|
||
$('#result_info').html(html);
|
||
}
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
$('#create_button').removeAttr("disabled");
|
||
}
|
||
});
|
||
}else{
|
||
$('#result_info').html("Name not entered");
|
||
}
|
||
}else{
|
||
//console.log($("#add_avatar_button").val());
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/editcharacter',
|
||
data: formData,
|
||
beforeSend: function(){
|
||
$('#create_button').attr('disabled',true);
|
||
$('#create_button').attr('value','Save');
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function(html){
|
||
|
||
$('.mes').each(function(){
|
||
if($(this).attr('ch_name') != name1){
|
||
$(this).children('.avatar').children('img').attr('src', $('#avatar_load_preview').attr('src'));
|
||
}
|
||
});
|
||
if(chat.length === 1 ){
|
||
|
||
var this_ch_mes = default_ch_mes;
|
||
if($('#firstmessage_textarea').val() != ""){
|
||
this_ch_mes = $('#firstmessage_textarea').val();
|
||
}
|
||
if(this_ch_mes != $.trim($("#chat").children('.mes').children('.mes_block').children('.mes_text').text())){
|
||
clearChat();
|
||
chat.length = 0;
|
||
chat[0] = {};
|
||
chat[0]['name'] = name2;
|
||
chat[0]['is_user'] = false;
|
||
chat[0]['is_name'] = true;
|
||
chat[0]['mes'] = this_ch_mes;
|
||
add_mes_without_animation = true;
|
||
addOneMessage(chat[0]);
|
||
}
|
||
}
|
||
$('#create_button').removeAttr("disabled");
|
||
getCharacters();
|
||
|
||
|
||
$("#add_avatar_button").replaceWith($("#add_avatar_button").val('').clone(true));
|
||
$('#create_button').attr('value','Save');
|
||
|
||
var count_tokens = encode(JSON.stringify(characters[this_chid].description+characters[this_chid].personality+characters[this_chid].scenario+characters[this_chid].mes_example)).length;
|
||
if(count_tokens < 1024){
|
||
$('#result_info').html(count_tokens+" Tokens");
|
||
}else{
|
||
$('#result_info').html("<font color=red>"+count_tokens+" Tokens(TOO MANY TOKENS)</font>");
|
||
}
|
||
|
||
//$('#result_info').transition({ opacity: 0.0 ,delay: 500,duration: 1000,easing: 'in-out',complete: function() {
|
||
//$('#result_info').transition({ opacity: 1.0,duration: 0});
|
||
//$('#result_info').html(' ');
|
||
//}});
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
$('#create_button').removeAttr("disabled");
|
||
$('#result_info').html("<font color=red>Error: no connection</font>");
|
||
}
|
||
});
|
||
}
|
||
|
||
});
|
||
$( "#delete_button" ).click(function() {
|
||
popup_type = 'del_ch';
|
||
callPopup('<h3>Delete the character?</h3>');
|
||
});
|
||
$( "#rm_info_button" ).click(function() {
|
||
$('#rm_info_avatar').html('');
|
||
select_rm_characters();
|
||
});
|
||
//@@@@@@@@@@@@@@@@@@@@@@@@
|
||
//character text poles creating and editing save
|
||
$('#character_name_pole').on('change keyup paste', function(){
|
||
if(menu_type == 'create'){
|
||
create_save_name = $('#character_name_pole').val();
|
||
}
|
||
|
||
});
|
||
$('#description_textarea').on('keyup paste cut', function(){//change keyup paste cut
|
||
if(menu_type == 'create'){
|
||
create_save_description = $('#description_textarea').val();
|
||
}else{
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
}
|
||
|
||
});
|
||
$('#personality_textarea').on('keyup paste cut', function(){
|
||
if(menu_type == 'create'){
|
||
|
||
create_save_personality = $('#personality_textarea').val();
|
||
}else{
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
}
|
||
});
|
||
$('#scenario_pole').on('keyup paste cut', function(){
|
||
if(menu_type == 'create'){
|
||
|
||
create_save_scenario = $('#scenario_pole').val();
|
||
}else{
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
}
|
||
});
|
||
$('#mes_example_textarea').on('keyup paste cut', function(){
|
||
if(menu_type == 'create'){
|
||
|
||
create_save_mes_example = $('#mes_example_textarea').val();
|
||
}else{
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
}
|
||
});
|
||
$('#firstmessage_textarea').on('keyup paste cut', function(){
|
||
|
||
if(menu_type == 'create'){
|
||
create_save_first_message = $('#firstmessage_textarea').val();
|
||
}else{
|
||
timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
|
||
}
|
||
});
|
||
$( "#api_button" ).click(function() {
|
||
if($('#api_url_text').val() != ''){
|
||
$("#api_loading").css("display", 'inline-block');
|
||
$("#api_button").css("display", 'none');
|
||
api_server = $('#api_url_text').val();
|
||
api_server = $.trim(api_server);
|
||
//console.log("1: "+api_server);
|
||
if(api_server.substr(api_server.length-1,1) == "/"){
|
||
api_server = api_server.substr(0,api_server.length-1);
|
||
}
|
||
if(!(api_server.substr(api_server.length-3,3) == "api" || api_server.substr(api_server.length-4,4) == "api/")){
|
||
api_server = api_server+"/api";
|
||
}
|
||
//console.log("2: "+api_server);
|
||
saveSettings();
|
||
is_get_status = true;
|
||
is_api_button_press = true;
|
||
getStatus();
|
||
clearSoftPromptsList();
|
||
getSoftPromptsList();
|
||
}
|
||
});
|
||
|
||
$( "body" ).click(function() {
|
||
if($("#options").css('opacity') == 1.0){
|
||
$('#options').transition({
|
||
opacity: 0.0,
|
||
duration: 100,//animation_rm_duration,
|
||
easing: animation_rm_easing,
|
||
complete: function() {
|
||
$("#options").css('display', 'none');
|
||
}
|
||
});
|
||
}
|
||
});
|
||
$( "#options_button" ).click(function() {
|
||
if($("#options").css('display') === 'none' && $("#options").css('opacity') == 0.0){
|
||
$("#options").css('display', 'block');
|
||
$('#options').transition({
|
||
opacity: 1.0,
|
||
duration: 100,
|
||
easing: animation_rm_easing,
|
||
complete: function() {
|
||
|
||
}
|
||
});
|
||
}
|
||
});
|
||
$( "#option_select_chat" ).click(function() {
|
||
if(this_chid != undefined && !is_send_press){
|
||
getAllCharaChats();
|
||
$('#shadow_select_chat_popup').css('display', 'block');
|
||
$('#shadow_select_chat_popup').css('opacity', 0.0);
|
||
$('#shadow_select_chat_popup').transition({ opacity: 1.0 ,duration: animation_rm_duration, easing:animation_rm_easing});
|
||
}
|
||
});
|
||
$( "#option_start_new_chat" ).click(function() {
|
||
if(this_chid != undefined && !is_send_press){
|
||
popup_type = 'new_chat';
|
||
callPopup('<h3>Start new chat?</h3>');
|
||
}
|
||
});
|
||
$( "#option_regenerate" ).click(function() {
|
||
if(is_send_press == false){
|
||
is_send_press = true;
|
||
Generate('regenerate');
|
||
}
|
||
});
|
||
$( "#option_delete_mes" ).click(function() {
|
||
if(this_chid != undefined && !is_send_press){
|
||
$('#dialogue_del_mes').css('display','block');
|
||
$('#send_form').css('display','none');
|
||
$('.del_checkbox').each(function(){
|
||
if($(this).parent().attr('mesid') != 0){
|
||
$(this).css("display", "block");
|
||
$(this).parent().children('.for_checkbox').css('display', 'none');
|
||
}
|
||
});
|
||
}
|
||
});
|
||
$( "#dialogue_del_mes_cancel" ).click(function() {
|
||
$('#dialogue_del_mes').css('display','none');
|
||
$('#send_form').css('display',css_send_form_display);
|
||
$('.del_checkbox').each(function(){
|
||
$(this).css("display", "none");
|
||
$(this).parent().children('.for_checkbox').css('display', 'block');
|
||
$(this).parent().css('background', css_mes_bg);
|
||
$(this).prop( "checked", false );
|
||
|
||
});
|
||
this_del_mes = 0;
|
||
|
||
});
|
||
$( "#dialogue_del_mes_ok" ).click(function() {
|
||
$('#dialogue_del_mes').css('display','none');
|
||
$('#send_form').css('display',css_send_form_display);
|
||
$('.del_checkbox').each(function(){
|
||
$(this).css("display", "none");
|
||
$(this).parent().children('.for_checkbox').css('display', 'block');
|
||
$(this).parent().css('background', css_mes_bg);
|
||
$(this).prop( "checked", false );
|
||
|
||
|
||
});
|
||
if(this_del_mes != 0){
|
||
$(".mes[mesid='"+this_del_mes+"']").nextAll('div').remove();
|
||
$(".mes[mesid='"+this_del_mes+"']").remove();
|
||
chat.length = this_del_mes;
|
||
count_view_mes = this_del_mes;
|
||
saveChat();
|
||
var $textchat = $('#chat');
|
||
$textchat.scrollTop($textchat[0].scrollHeight);
|
||
}
|
||
this_del_mes = 0;
|
||
|
||
|
||
});
|
||
|
||
$("#world_info").change(async function() {
|
||
const selectedWorld = $('#world_info').find(":selected").val();
|
||
world_info = null;
|
||
world_info_data = null;
|
||
|
||
if (selectedWorld !== 'None') {
|
||
const worldIndex = Number(selectedWorld);
|
||
world_info = !isNaN(worldIndex) ? world_names[worldIndex] : null;
|
||
await loadWorldInfoData();
|
||
}
|
||
|
||
hideWorldEditor();
|
||
saveSettings();
|
||
});
|
||
|
||
$( "#settings_perset" ).change(function() {
|
||
|
||
if($('#settings_perset').find(":selected").val() != 'gui'){
|
||
preset_settings = $('#settings_perset').find(":selected").text();
|
||
temp = koboldai_settings[koboldai_setting_names[preset_settings]].temp;
|
||
amount_gen = koboldai_settings[koboldai_setting_names[preset_settings]].genamt;
|
||
rep_pen = koboldai_settings[koboldai_setting_names[preset_settings]].rep_pen;
|
||
rep_pen_size = koboldai_settings[koboldai_setting_names[preset_settings]].rep_pen_range;
|
||
max_context = koboldai_settings[koboldai_setting_names[preset_settings]].max_length;
|
||
$('#temp').val(temp);
|
||
$('#temp_counter').html(temp);
|
||
|
||
$('#amount_gen').val(amount_gen);
|
||
$('#amount_gen_counter').html(amount_gen);
|
||
|
||
$('#max_context').val(max_context);
|
||
$('#max_context_counter').html(max_context+" Tokens");
|
||
|
||
$('#rep_pen').val(rep_pen);
|
||
$('#rep_pen_counter').html(rep_pen);
|
||
|
||
$('#rep_pen_size').val(rep_pen_size);
|
||
$('#rep_pen_size_counter').html(rep_pen_size+" Tokens");
|
||
|
||
$("#range_block").children().prop("disabled", false);
|
||
$("#range_block").css('opacity',1.0);
|
||
$("#amount_gen_block").children().prop("disabled", false);
|
||
$("#amount_gen_block").css('opacity',1.0);
|
||
|
||
}else{
|
||
//$('.button').disableSelection();
|
||
preset_settings = 'gui';
|
||
$("#range_block").children().prop("disabled", true);
|
||
$("#range_block").css('opacity',0.5);
|
||
$("#amount_gen_block").children().prop("disabled", true);
|
||
$("#amount_gen_block").css('opacity',0.45);
|
||
}
|
||
saveSettings();
|
||
});
|
||
$( "#settings_perset_novel" ).change(function() {
|
||
|
||
preset_settings_novel = $('#settings_perset_novel').find(":selected").text();
|
||
temp_novel = novelai_settings[novelai_setting_names[preset_settings_novel]].temperature;
|
||
//amount_gen = koboldai_settings[koboldai_setting_names[preset_settings]].genamt;
|
||
rep_pen_novel = novelai_settings[novelai_setting_names[preset_settings_novel]].repetition_penalty;
|
||
rep_pen_size_novel = novelai_settings[novelai_setting_names[preset_settings_novel]].repetition_penalty_range;
|
||
$('#temp_novel').val(temp_novel);
|
||
$('#temp_counter_novel').html(temp_novel);
|
||
|
||
//$('#amount_gen').val(amount_gen);
|
||
//$('#amount_gen_counter').html(amount_gen);
|
||
|
||
$('#rep_pen_novel').val(rep_pen_novel);
|
||
$('#rep_pen_counter_novel').html(rep_pen_novel);
|
||
|
||
$('#rep_pen_size_novel').val(rep_pen_size_novel);
|
||
$('#rep_pen_size_counter_novel').html(rep_pen_size_novel+" Tokens");
|
||
|
||
//$("#range_block").children().prop("disabled", false);
|
||
//$("#range_block").css('opacity',1.0);
|
||
saveSettings();
|
||
});
|
||
$( "#main_api" ).change(function() {
|
||
is_pygmalion = false;
|
||
is_get_status = false;
|
||
is_get_status_novel = false;
|
||
online_status = 'no_connection';
|
||
clearSoftPromptsList();
|
||
checkOnlineStatus();
|
||
changeMainAPI();
|
||
saveSettings();
|
||
});
|
||
$('#softprompt').change(async function() {
|
||
if (!api_server) {
|
||
return;
|
||
}
|
||
|
||
const selected = $('#softprompt').find(':selected').val();
|
||
const response = await fetch('/setsoftprompt', {
|
||
method: 'POST',
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token,
|
||
},
|
||
body: JSON.stringify({ name: selected, api_server: api_server }),
|
||
});
|
||
|
||
if (!response.ok) {
|
||
console.error("Couldn't change soft prompt");
|
||
}
|
||
});
|
||
function changeMainAPI(){
|
||
if($('#main_api').find(":selected").val() == 'kobold'){
|
||
$('#kobold_api').css("display", "block");
|
||
$('#novel_api').css("display", "none");
|
||
main_api = 'kobold';
|
||
$('#max_context_block').css('display', 'block');
|
||
$('#amount_gen_block').css('display', 'block');
|
||
$('#softprompt_block').css('display', 'block');
|
||
}
|
||
if($('#main_api').find(":selected").val() == 'novel'){
|
||
$('#kobold_api').css("display", "none");
|
||
$('#novel_api').css("display", "block");
|
||
main_api = 'novel';
|
||
$('#max_context_block').css('display', 'none');
|
||
$('#amount_gen_block').css('display', 'none');
|
||
$('#softprompt_block').css('display', 'none');
|
||
}
|
||
}
|
||
async function getUserAvatars(){
|
||
const response = await fetch("/getuseravatars", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token
|
||
},
|
||
body: JSON.stringify({
|
||
"": ""
|
||
})
|
||
|
||
});
|
||
if (response.ok === true) {
|
||
const getData = await response.json();
|
||
//background = getData;
|
||
//console.log(getData.length);
|
||
for(var i = 0; i < getData.length; i++) {
|
||
//console.log(1);
|
||
$("#user_avatar_block").append('<div imgfile="'+getData[i]+'" class=avatar><img src="User Avatars/'+getData[i]+'" width=60px height=120px></div>');
|
||
}
|
||
//var aa = JSON.parse(getData[0]);
|
||
//const load_ch_coint = Object.getOwnPropertyNames(getData);
|
||
|
||
|
||
}
|
||
}
|
||
|
||
$(document).on('input', '#temp', function() {
|
||
temp = $(this).val();
|
||
if(isInt(temp)){
|
||
$('#temp_counter').html( $(this).val()+".00" );
|
||
}else{
|
||
$('#temp_counter').html( $(this).val() );
|
||
}
|
||
var tempTimer = setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#amount_gen', function() {
|
||
amount_gen = $(this).val();
|
||
$('#amount_gen_counter').html( $(this).val() );
|
||
var amountTimer = setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#max_context', function() {
|
||
max_context = parseInt($(this).val());
|
||
$('#max_context_counter').html( $(this).val() +' Tokens');
|
||
var max_contextTimer = setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#world_info_depth', function() {
|
||
world_info_depth = Number($(this).val());
|
||
$('#world_info_depth_counter').html(`${$(this).val()} Messages`);
|
||
setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#world_info_budget', function() {
|
||
world_info_budget = Number($(this).val());
|
||
$('#world_info_budget_counter').html(`${$(this).val()} Tokens`);
|
||
setTimeout(saveSettings, 500);
|
||
})
|
||
$('#style_anchor').change(function() {
|
||
style_anchor = !!$('#style_anchor').prop('checked');
|
||
saveSettings();
|
||
});
|
||
$('#character_anchor').change(function() {
|
||
character_anchor = !!$('#character_anchor').prop('checked');
|
||
saveSettings();
|
||
});
|
||
$(document).on('input', '#rep_pen', function() {
|
||
rep_pen = $(this).val();
|
||
if(isInt(rep_pen)){
|
||
$('#rep_pen_counter').html( $(this).val()+".00" );
|
||
}else{
|
||
$('#rep_pen_counter').html( $(this).val() );
|
||
}
|
||
var repPenTimer = setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#rep_pen_size', function() {
|
||
rep_pen_size = $(this).val();
|
||
$('#rep_pen_size_counter').html( $(this).val()+" Tokens");
|
||
var repPenSizeTimer = setTimeout(saveSettings, 500);
|
||
});
|
||
|
||
//Novel
|
||
$(document).on('input', '#temp_novel', function() {
|
||
temp_novel = $(this).val();
|
||
|
||
if(isInt(temp_novel)){
|
||
$('#temp_counter_novel').html( $(this).val()+".00" );
|
||
}else{
|
||
$('#temp_counter_novel').html( $(this).val() );
|
||
}
|
||
var tempTimer_novel = setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#rep_pen_novel', function() {
|
||
rep_pen_novel = $(this).val();
|
||
if(isInt(rep_pen_novel)){
|
||
$('#rep_pen_counter_novel').html( $(this).val()+".00" );
|
||
}else{
|
||
$('#rep_pen_counter_novel').html( $(this).val() );
|
||
}
|
||
var repPenTimer_novel = setTimeout(saveSettings, 500);
|
||
});
|
||
$(document).on('input', '#rep_pen_size_novel', function() {
|
||
rep_pen_size_novel = $(this).val();
|
||
$('#rep_pen_size_counter_novel').html( $(this).val()+" Tokens");
|
||
var repPenSizeTimer_novel = setTimeout(saveSettings, 500);
|
||
});
|
||
//***************SETTINGS****************//
|
||
///////////////////////////////////////////
|
||
async function getSettings(type){//timer
|
||
|
||
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/getsettings',
|
||
data: JSON.stringify({}),
|
||
beforeSend: function(){
|
||
|
||
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
//processData: false,
|
||
success: function(data){
|
||
if(data.result != 'file not find'){
|
||
settings = JSON.parse(data.settings);
|
||
if(settings.username !== undefined){
|
||
if(settings.username !== ''){
|
||
name1 = settings.username;
|
||
$('#your_name').val(name1);
|
||
}
|
||
}
|
||
|
||
|
||
//Novel
|
||
if(settings.main_api != undefined){
|
||
main_api = settings.main_api;
|
||
$("#main_api option[value="+main_api+"]").attr('selected', 'true');
|
||
changeMainAPI();
|
||
}
|
||
if(settings.api_key_novel != undefined){
|
||
api_key_novel = settings.api_key_novel;
|
||
$("#api_key_novel").val(api_key_novel);
|
||
}
|
||
model_novel = settings.model_novel;
|
||
$("#model_novel_select option[value="+model_novel+"]").attr('selected', 'true');
|
||
|
||
novelai_setting_names = data.novelai_setting_names;
|
||
novelai_settings = data.novelai_settings;
|
||
novelai_settings.forEach(function(item, i, arr) {
|
||
|
||
novelai_settings[i] = JSON.parse(item);
|
||
});
|
||
var arr_holder = {};
|
||
$("#settings_perset_novel").empty();
|
||
novelai_setting_names.forEach(function(item, i, arr) {
|
||
arr_holder[item] = i;
|
||
$('#settings_perset_novel').append('<option value='+i+'>'+item+'</option>');
|
||
|
||
});
|
||
novelai_setting_names = {};
|
||
novelai_setting_names = arr_holder;
|
||
|
||
preset_settings_novel = settings.preset_settings_novel;
|
||
$("#settings_perset_novel option[value="+novelai_setting_names[preset_settings_novel]+"]").attr('selected', 'true');
|
||
//Kobold
|
||
koboldai_setting_names = data.koboldai_setting_names;
|
||
koboldai_settings = data.koboldai_settings;
|
||
koboldai_settings.forEach(function(item, i, arr) {
|
||
koboldai_settings[i] = JSON.parse(item);
|
||
});
|
||
var arr_holder = {};
|
||
//$("#settings_perset").empty();
|
||
koboldai_setting_names.forEach(function(item, i, arr) {
|
||
arr_holder[item] = i;
|
||
$('#settings_perset').append('<option value='+i+'>'+item+'</option>');
|
||
|
||
});
|
||
koboldai_setting_names = {};
|
||
koboldai_setting_names = arr_holder;
|
||
|
||
preset_settings = settings.preset_settings;
|
||
|
||
temp = settings.temp;
|
||
amount_gen = settings.amount_gen;
|
||
if(settings.max_context !== undefined) max_context = parseInt(settings.max_context);
|
||
if(settings.anchor_order !== undefined) anchor_order = parseInt(settings.anchor_order);
|
||
if(settings.style_anchor !== undefined) style_anchor = !!settings.style_anchor;
|
||
if(settings.character_anchor !== undefined) character_anchor = !!settings.character_anchor;
|
||
if(settings.world_info_depth !== undefined) world_info_depth = Number(settings.world_info_depth);
|
||
if(settings.world_info_budget !== undefined) world_info_budget = Number(settings.world_info_budget);
|
||
rep_pen = settings.rep_pen;
|
||
rep_pen_size = settings.rep_pen_size;
|
||
|
||
|
||
var addZeros = "";
|
||
if(isInt(temp)) addZeros = ".00";
|
||
$('#temp').val(temp);
|
||
$('#temp_counter').html(temp+addZeros);
|
||
|
||
$('#style_anchor').prop('checked', style_anchor);
|
||
$('#character_anchor').prop('checked', character_anchor);
|
||
$("#anchor_order option[value="+anchor_order+"]").attr('selected', 'true');
|
||
|
||
$('#max_context').val(max_context);
|
||
$('#max_context_counter').html(max_context+' Tokens');
|
||
|
||
$('#amount_gen').val(amount_gen);
|
||
$('#amount_gen_counter').html(amount_gen+' Tokens');
|
||
|
||
$('#world_info_depth_counter').html(`${world_info_depth} Messages`);
|
||
$('#world_info_depth').val(world_info_depth);
|
||
|
||
$('#world_info_budget_counter').html(`${world_info_budget} Tokens`);
|
||
$('#world_info_budget').val(world_info_budget);
|
||
|
||
addZeros = "";
|
||
if(isInt(rep_pen)) addZeros = ".00";
|
||
$('#rep_pen').val(rep_pen);
|
||
$('#rep_pen_counter').html(rep_pen+addZeros);
|
||
|
||
$('#rep_pen_size').val(rep_pen_size);
|
||
$('#rep_pen_size_counter').html(rep_pen_size+" Tokens");
|
||
|
||
//Novel
|
||
|
||
temp_novel = settings.temp_novel;
|
||
rep_pen_novel = settings.rep_pen_novel;
|
||
rep_pen_size_novel = settings.rep_pen_size_novel;
|
||
|
||
addZeros = "";
|
||
if(isInt(temp_novel)) addZeros = ".00";
|
||
$('#temp_novel').val(temp_novel);
|
||
$('#temp_counter_novel').html(temp_novel+addZeros);
|
||
|
||
addZeros = "";
|
||
if(isInt(rep_pen_novel)) addZeros = ".00";
|
||
$('#rep_pen_novel').val(rep_pen_novel);
|
||
$('#rep_pen_counter_novel').html(rep_pen_novel+addZeros);
|
||
|
||
$('#rep_pen_size_novel').val(rep_pen_size_novel);
|
||
$('#rep_pen_size_counter_novel').html(rep_pen_size_novel+" Tokens");
|
||
|
||
//////////////////////
|
||
if(preset_settings == 'gui'){
|
||
$("#settings_perset option[value=gui]").attr('selected', 'true');
|
||
$("#range_block").children().prop("disabled", true);
|
||
$("#range_block").css('opacity',0.5);
|
||
|
||
$("#amount_gen_block").children().prop("disabled", true);
|
||
$("#amount_gen_block").css('opacity',0.45);
|
||
}else{
|
||
if(typeof koboldai_setting_names[preset_settings] !== 'undefined') {
|
||
|
||
$("#settings_perset option[value="+koboldai_setting_names[preset_settings]+"]").attr('selected', 'true');
|
||
}else{
|
||
$("#range_block").children().prop("disabled", true);
|
||
$("#range_block").css('opacity',0.5);
|
||
$("#amount_gen_block").children().prop("disabled", true);
|
||
$("#amount_gen_block").css('opacity',0.45);
|
||
|
||
preset_settings = 'gui';
|
||
$("#settings_perset option[value=gui]").attr('selected', 'true');
|
||
}
|
||
}
|
||
|
||
//User
|
||
user_avatar = settings.user_avatar;
|
||
$('.mes').each(function(){
|
||
if($(this).attr('ch_name') == name1){
|
||
$(this).children('.avatar').children('img').attr('src', 'User Avatars/'+user_avatar);
|
||
}
|
||
});
|
||
|
||
api_server = settings.api_server;
|
||
$('#api_url_text').val(api_server);
|
||
|
||
// world info settings
|
||
world_names = data.world_names?.length ? data.world_names : [];
|
||
|
||
if(settings.world_info != undefined) {
|
||
if (world_names.includes(settings.world_info)) {
|
||
world_info = settings.world_info;
|
||
}
|
||
}
|
||
|
||
world_names.forEach((item, i) => {
|
||
$('#world_info').append(`<option value='${i}'>${item}</option>`);
|
||
// preselect world if saved
|
||
if (item == world_info) {
|
||
$('#world_info').val(i).change();
|
||
}
|
||
});
|
||
// end world info settings
|
||
}
|
||
if(!is_checked_colab) isColab();
|
||
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
async function saveSettings(type){
|
||
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/savesettings',
|
||
data: JSON.stringify({
|
||
username: name1,
|
||
api_server: api_server,
|
||
preset_settings: preset_settings,
|
||
preset_settings_novel: preset_settings_novel,
|
||
user_avatar: user_avatar,
|
||
temp: temp,
|
||
amount_gen: amount_gen,
|
||
max_context: max_context,
|
||
anchor_order: anchor_order,
|
||
style_anchor: style_anchor,
|
||
character_anchor: character_anchor,
|
||
main_api: main_api,
|
||
api_key_novel: api_key_novel,
|
||
rep_pen: rep_pen,
|
||
rep_pen_size: rep_pen_size,
|
||
model_novel: model_novel,
|
||
temp_novel: temp_novel,
|
||
rep_pen_novel: rep_pen_novel,
|
||
rep_pen_size_novel: rep_pen_size_novel,
|
||
world_info: world_info,
|
||
world_info_depth: world_info_depth,
|
||
world_info_budget: world_info_budget,
|
||
}),
|
||
beforeSend: function(){
|
||
|
||
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
//processData: false,
|
||
success: function(data){
|
||
//online_status = data.result;
|
||
if(type === 'change_name'){
|
||
location.reload();
|
||
}
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
|
||
}
|
||
});
|
||
|
||
}
|
||
$('#donation').click(function(){
|
||
$('#shadow_tips_popup').css('display', 'block');
|
||
$('#shadow_tips_popup').transition({
|
||
opacity: 1.0,
|
||
duration: 100,
|
||
easing: animation_rm_easing,
|
||
complete: function() {
|
||
|
||
}
|
||
});
|
||
});
|
||
$('#tips_cross').click(function(){
|
||
|
||
$('#shadow_tips_popup').transition({
|
||
opacity: 0.0,
|
||
duration: 100,
|
||
easing: animation_rm_easing,
|
||
complete: function() {
|
||
$('#shadow_tips_popup').css('display', 'none');
|
||
}
|
||
});
|
||
});
|
||
$('#select_chat_cross').click(function(){
|
||
|
||
|
||
$('#shadow_select_chat_popup').css('display', 'none');
|
||
$('#load_select_chat_div').css('display', 'block');
|
||
});
|
||
|
||
function isInt(value) {
|
||
return !isNaN(value) &&
|
||
parseInt(Number(value)) == value &&
|
||
!isNaN(parseInt(value, 10));
|
||
}
|
||
//********************
|
||
//***Message Editor***
|
||
$(document).on('click', '.mes_edit', function(){
|
||
if(this_chid !== undefined){
|
||
const message = $(this).closest('.mes');
|
||
|
||
if (message.data('isSystem')) {
|
||
return;
|
||
}
|
||
|
||
let chatScrollPosition = $("#chat").scrollTop();
|
||
if(this_edit_mes_id !== undefined){
|
||
let mes_edited = $('#chat').children().filter('[mesid="'+this_edit_mes_id+'"]').children('.mes_block').children('.ch_name').children('.mes_edit_done');
|
||
messageEditDone(mes_edited);
|
||
}
|
||
$(this).parent().parent().children('.mes_text').empty();
|
||
$(this).css('display','none');
|
||
$(this).parent().children('.mes_edit_done').css('display','inline-block');
|
||
$(this).parent().children('.mes_edit_done').css('opacity',0.0);
|
||
$(this).parent().children('.mes_edit_cancel').css('display','inline-block');
|
||
$(this).parent().children('.mes_edit_cancel').css('opacity',0.0);
|
||
$(this).parent().children('.mes_edit_done').transition({
|
||
opacity: 1.0,
|
||
duration: 600,
|
||
easing: "",
|
||
complete: function() { }
|
||
});
|
||
$(this).parent().children('.mes_edit_cancel').transition({
|
||
opacity: 1.0,
|
||
duration: 600,
|
||
easing: "",
|
||
complete: function() { }
|
||
});
|
||
var edit_mes_id = $(this).parent().parent().parent().attr('mesid');
|
||
this_edit_mes_id = edit_mes_id;
|
||
|
||
var text = chat[edit_mes_id]['mes'];
|
||
if(chat[edit_mes_id]['is_user']){
|
||
this_edit_mes_chname = name1;
|
||
}else{
|
||
this_edit_mes_chname = name2;
|
||
}
|
||
text = text.trim();
|
||
$(this).parent().parent().children('.mes_text').append('<textarea class=edit_textarea style="max-width:auto; ">'+text+'</textarea>');
|
||
let edit_textarea = $(this).parent().parent().children('.mes_text').children('.edit_textarea');
|
||
edit_textarea.css('opacity',0.0);
|
||
edit_textarea.transition({
|
||
opacity: 1.0,
|
||
duration: 0,
|
||
easing: "",
|
||
complete: function() { }
|
||
});
|
||
edit_textarea.height(0);
|
||
edit_textarea.height(edit_textarea[0].scrollHeight);
|
||
edit_textarea.focus();
|
||
edit_textarea[0].setSelectionRange(edit_textarea.val().length, edit_textarea.val().length);
|
||
if(this_edit_mes_id == count_view_mes-1){
|
||
$("#chat").scrollTop(chatScrollPosition);
|
||
}
|
||
}
|
||
});
|
||
$(document).on('click', '.mes_edit_cancel', function(){
|
||
//var text = $(this).parent().parent().children('.mes_text').children('.edit_textarea').val();
|
||
var text = chat[this_edit_mes_id]['mes'];
|
||
|
||
$(this).parent().parent().children('.mes_text').empty();
|
||
$(this).css('display','none');
|
||
$(this).parent().children('.mes_edit_done').css('display','none');
|
||
$(this).parent().children('.mes_edit').css('display','inline-block');
|
||
$(this).parent().parent().children('.mes_text').append(messageFormating(text,this_edit_mes_chname));
|
||
this_edit_mes_id = undefined;
|
||
});
|
||
$(document).on('click', '.mes_edit_done', function(){
|
||
messageEditDone($(this));
|
||
});
|
||
function messageEditDone(div){
|
||
|
||
var text = div.parent().parent().children('.mes_text').children('.edit_textarea').val();
|
||
//var text = chat[this_edit_mes_id];
|
||
text = text.trim();
|
||
const bias = extractMessageBias(text);
|
||
chat[this_edit_mes_id]['mes'] = text;
|
||
|
||
// editing old messages
|
||
if (!chat[this_edit_mes_id]['extra']) {
|
||
chat[this_edit_mes_id]['extra'] = {};
|
||
}
|
||
|
||
chat[this_edit_mes_id]['extra']['bias'] = bias ?? null;
|
||
|
||
div.parent().parent().children('.mes_text').empty();
|
||
div.css('display','none');
|
||
div.parent().children('.mes_edit_cancel').css('display','none');
|
||
div.parent().children('.mes_edit').css('display','inline-block');
|
||
div.parent().parent().children('.mes_text').append(messageFormating(text,this_edit_mes_chname));
|
||
div.parent().parent().children('.mes_bias').empty();
|
||
div.parent().parent().children('.mes_bias').append(messageFormating(bias));
|
||
this_edit_mes_id = undefined;
|
||
saveChat();
|
||
}
|
||
|
||
$("#your_name_button").click(function() {
|
||
if(!is_send_press){
|
||
name1 = $("#your_name").val();
|
||
if(name1 === undefined || name1 == '') name1 = default_user_name;
|
||
console.log(name1);
|
||
saveSettings('change_name');
|
||
|
||
}
|
||
});
|
||
//Select chat
|
||
async function getAllCharaChats() {
|
||
$('#select_chat_div').html('');
|
||
//console.log(characters[this_chid].chat);
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/getallchatsofchatacter',
|
||
data: JSON.stringify({avatar_url: characters[this_chid].avatar}),
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function(data){
|
||
$('#load_select_chat_div').css('display', 'none');
|
||
let dataArr = Object.values(data);
|
||
data = dataArr.sort((a, b) => a['file_name'].localeCompare(b['file_name']));
|
||
data = data.reverse();
|
||
for (const key in data) {
|
||
let strlen = 40;
|
||
let mes = data[key]['mes'];
|
||
if(mes.length > strlen){
|
||
mes = '...'+mes.substring(mes.length - strlen);
|
||
}
|
||
$('#select_chat_div').append('<div class="select_chat_block" file_name="'+data[key]['file_name']+'"><div class=avatar><img src="characters/'+characters[this_chid]['avatar']+'" style="width: 33px; height: 51px;"></div><div class="select_chat_block_filename">'+data[key]['file_name']+'</div><div class="select_chat_block_mes">'+mes+'</div></div>');
|
||
if(characters[this_chid]['chat'] == data[key]['file_name'].replace('.jsonl', '')){
|
||
//children().last()
|
||
$('#select_chat_div').children(':nth-last-child(1)').attr('highlight', true);
|
||
}
|
||
}
|
||
//<div id="select_chat_div">
|
||
|
||
//<div id="load_select_chat_div">
|
||
//console.log(data);
|
||
//chat.length = 0;
|
||
|
||
//chat = data;
|
||
//getChatResult();
|
||
//saveChat();
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
//getChatResult();
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
}
|
||
});
|
||
}
|
||
//************************************************************
|
||
//************************Novel.AI****************************
|
||
//************************************************************
|
||
async function getStatusNovel(){
|
||
if(is_get_status_novel){
|
||
|
||
var data = {key:api_key_novel};
|
||
|
||
|
||
jQuery.ajax({
|
||
type: 'POST', //
|
||
url: '/getstatus_novelai', //
|
||
data: JSON.stringify(data),
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function(data){
|
||
|
||
|
||
if(data.error != true){
|
||
//var settings2 = JSON.parse(data);
|
||
//const getData = await response.json();
|
||
novel_tier = data.tier;
|
||
if(novel_tier == undefined){
|
||
online_status = 'no_connection';
|
||
}
|
||
if(novel_tier === 0){
|
||
online_status = "Paper";
|
||
}
|
||
if(novel_tier === 1){
|
||
online_status = "Tablet";
|
||
}
|
||
if(novel_tier === 2){
|
||
online_status = "Scroll";
|
||
}
|
||
if(novel_tier === 3){
|
||
online_status = "Opus";
|
||
}
|
||
}
|
||
resultCheckStatusNovel();
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
online_status = 'no_connection';
|
||
console.log(exception);
|
||
console.log(jqXHR);
|
||
resultCheckStatusNovel();
|
||
}
|
||
});
|
||
}else{
|
||
if(is_get_status != true){
|
||
online_status = 'no_connection';
|
||
}
|
||
}
|
||
}
|
||
$( "#api_button_novel" ).click(function() {
|
||
if($('#api_key_novel').val() != ''){
|
||
$("#api_loading_novel").css("display", 'inline-block');
|
||
$("#api_button_novel").css("display", 'none');
|
||
api_key_novel = $('#api_key_novel').val();
|
||
api_key_novel = $.trim(api_key_novel);
|
||
//console.log("1: "+api_server);
|
||
saveSettings();
|
||
is_get_status_novel = true;
|
||
is_api_button_press_novel = true;
|
||
}
|
||
});
|
||
function resultCheckStatusNovel(){
|
||
is_api_button_press_novel = false;
|
||
checkOnlineStatus();
|
||
$("#api_loading_novel").css("display", 'none');
|
||
$("#api_button_novel").css("display", 'inline-block');
|
||
}
|
||
$( "#model_novel_select" ).change(function() {
|
||
model_novel = $('#model_novel_select').find(":selected").val();
|
||
saveSettings();
|
||
});
|
||
$( "#anchor_order" ).change(function() {
|
||
anchor_order = parseInt($('#anchor_order').find(":selected").val());
|
||
saveSettings();
|
||
});
|
||
|
||
|
||
function compareVersions(v1, v2) {
|
||
const v1parts = v1.split('.');
|
||
const v2parts = v2.split('.');
|
||
|
||
for (let i = 0; i < v1parts.length; ++i) {
|
||
if (v2parts.length === i) {
|
||
return 1;
|
||
}
|
||
|
||
if (v1parts[i] === v2parts[i]) {
|
||
continue;
|
||
}
|
||
if (v1parts[i] > v2parts[i]) {
|
||
return 1;
|
||
}
|
||
else {
|
||
return -1;
|
||
}
|
||
}
|
||
|
||
if (v1parts.length != v2parts.length) {
|
||
return -1;
|
||
}
|
||
|
||
return 0;
|
||
}
|
||
|
||
|
||
|
||
//**************************CHARACTER IMPORT EXPORT*************************//
|
||
$( "#character_import_button" ).click(function() {
|
||
$("#character_import_file").click();
|
||
});
|
||
$("#character_import_file").on("change", function(e){
|
||
$('#rm_info_avatar').html('');
|
||
var file = e.target.files[0];
|
||
//console.log(1);
|
||
if (!file) {
|
||
return;
|
||
}
|
||
var ext = file.name.match(/\.(\w+)$/);
|
||
if(!ext || (ext[1].toLowerCase() != "json" && ext[1].toLowerCase() != "png")){
|
||
return;
|
||
}
|
||
|
||
var format = ext[1].toLowerCase();
|
||
$("#character_import_file_type").val(format);
|
||
//console.log(format);
|
||
var formData = new FormData($("#form_import").get(0));
|
||
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/importcharacter',
|
||
data: formData,
|
||
beforeSend: function(){
|
||
//$('#create_button').attr('disabled',true);
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function(data){
|
||
if(data.file_name !== undefined){
|
||
|
||
$('#rm_info_block').transition({ opacity: 0 ,duration: 0});
|
||
var $prev_img = $('#avatar_div_div').clone();
|
||
$prev_img.children('img').attr('src', 'characters/'+data.file_name+'.png');
|
||
$('#rm_info_avatar').append($prev_img);
|
||
select_rm_info("Character created");
|
||
|
||
$('#rm_info_block').transition({ opacity: 1.0 ,duration: 2000});
|
||
getCharacters();
|
||
|
||
}
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
$('#create_button').removeAttr("disabled");
|
||
}
|
||
});
|
||
});
|
||
$('#export_button').click(function(){
|
||
var link = document.createElement('a');
|
||
link.href = 'characters/'+characters[this_chid].avatar;
|
||
link.download = characters[this_chid].avatar;
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
});
|
||
|
||
|
||
|
||
//**************************CHAT IMPORT EXPORT*************************//
|
||
$( "#chat_import_button" ).click(function() {
|
||
$("#chat_import_file").click();
|
||
});
|
||
$("#chat_import_file").on("change", function(e){
|
||
var file = e.target.files[0];
|
||
//console.log(1);
|
||
if (!file) {
|
||
return;
|
||
}
|
||
var ext = file.name.match(/\.(\w+)$/);
|
||
if(!ext || (ext[1].toLowerCase() != "json" && ext[1].toLowerCase() != "jsonl")){
|
||
return;
|
||
}
|
||
|
||
var format = ext[1].toLowerCase();
|
||
$("#chat_import_file_type").val(format);
|
||
//console.log(format);
|
||
var formData = new FormData($("#form_import_chat").get(0));
|
||
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/importchat',
|
||
data: formData,
|
||
beforeSend: function(){
|
||
$('#select_chat_div').html('');
|
||
$('#load_select_chat_div').css('display', 'block');
|
||
//$('#create_button').attr('value','Creating...');
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function(data){
|
||
//console.log(data);
|
||
if(data.res){
|
||
getAllCharaChats();
|
||
|
||
|
||
}
|
||
},
|
||
error: function (jqXHR, exception) {
|
||
$('#create_button').removeAttr("disabled");
|
||
}
|
||
});
|
||
});
|
||
$(document).on('click', '.select_chat_block', function(){
|
||
let file_name = $(this).attr("file_name").replace('.jsonl', '');
|
||
//console.log(characters[this_chid]['chat']);
|
||
characters[this_chid]['chat'] = file_name;
|
||
clearChat();
|
||
chat.length = 0;
|
||
getChat();
|
||
$('#selected_chat_pole').val(file_name);
|
||
$("#create_button").click();
|
||
$('#shadow_select_chat_popup').css('display', 'none');
|
||
$('#load_select_chat_div').css('display', 'block');
|
||
|
||
});
|
||
|
||
//**************************WORLD INFO IMPORT EXPORT*************************//
|
||
$("#world_import_button" ).click(function() {
|
||
$("#world_import_file").click();
|
||
});
|
||
|
||
$("#world_import_file").on("change", function(e) {
|
||
var file = e.target.files[0];
|
||
|
||
if (!file) {
|
||
return;
|
||
}
|
||
|
||
const ext = file.name.match(/\.(\w+)$/);
|
||
if (!ext || (ext[1].toLowerCase() !== "json")){
|
||
return;
|
||
}
|
||
|
||
var formData = new FormData($("#form_world_import").get(0));
|
||
|
||
jQuery.ajax({
|
||
type: 'POST',
|
||
url: '/importworldinfo',
|
||
data: formData,
|
||
beforeSend: () => {},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function(data){
|
||
if (data.name) {
|
||
imported_world_name = data.name;
|
||
updateWorldInfoList(imported_world_name);
|
||
}
|
||
},
|
||
error: (jqXHR, exception) => {},
|
||
});
|
||
|
||
// Will allow to select the same file twice in a row
|
||
$('#form_world_import').trigger("reset");
|
||
});
|
||
|
||
async function updateWorldInfoList(importedWorldName) {
|
||
var result = await fetch('/getsettings', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
"X-CSRF-Token": token,
|
||
},
|
||
body: JSON.stringify({})
|
||
});
|
||
|
||
if (result.ok) {
|
||
var data = await result.json();
|
||
world_names = data.world_names?.length ? data.world_names : [];
|
||
$('#world_info').find('option[value!="None"]').remove();
|
||
|
||
world_names.forEach((item, i) => {
|
||
$('#world_info').append(`<option value='${i}'>${item}</option>`);
|
||
});
|
||
|
||
if (importedWorldName) {
|
||
const indexOf = world_names.indexOf(world_info);
|
||
$('#world_info').val(indexOf);
|
||
|
||
popup_type = 'world_imported';
|
||
callPopup('<h3>World imported successfully! Select it now?</h3>');
|
||
}
|
||
}
|
||
}
|
||
|
||
function download(content, fileName, contentType) {
|
||
var a = document.createElement("a");
|
||
var file = new Blob([content], {type: contentType});
|
||
a.href = URL.createObjectURL(file);
|
||
a.download = fileName;
|
||
a.click();
|
||
}
|
||
|
||
// World Info Editor
|
||
async function showWorldEditor() {
|
||
is_world_edit_open = true;
|
||
$('#world_popup_name').val(world_info);
|
||
$('#world_popup').css('display', 'flex');
|
||
await loadWorldInfoData();
|
||
displayWorldEntries(world_info_data);
|
||
}
|
||
|
||
async function loadWorldInfoData() {
|
||
if (!world_info) {
|
||
return;
|
||
}
|
||
|
||
const response = await fetch("/getworldinfo", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token,
|
||
},
|
||
body: JSON.stringify({ name: world_info })
|
||
});
|
||
|
||
if (response.ok) {
|
||
world_info_data = await response.json();
|
||
}
|
||
}
|
||
|
||
function hideWorldEditor() {
|
||
is_world_edit_open = false;
|
||
$('#world_popup').css('display', 'none');
|
||
}
|
||
|
||
function displayWorldEntries(data) {
|
||
$('#world_popup_entries_list').empty();
|
||
|
||
if (!data || !('entries' in data)) {
|
||
return;
|
||
}
|
||
|
||
for (const entryUid in data.entries) {
|
||
const entry = data.entries[entryUid];
|
||
appendWorldEntry(entry);
|
||
}
|
||
}
|
||
|
||
function appendWorldEntry(entry) {
|
||
const template = $('#entry_edit_template .world_entry').clone();
|
||
template.data('uid', entry.uid);
|
||
|
||
// key
|
||
const keyInput = template.find('textarea[name="key"]');
|
||
keyInput.data('uid', entry.uid);
|
||
keyInput.on('input', function () {
|
||
const uid = $(this).data('uid');
|
||
const value = $(this).val();
|
||
$(this).css("height", ""); //reset the height
|
||
$(this).css("height", $(this).prop('scrollHeight') + "px");
|
||
world_info_data.entries[uid].key = value.split(',').map(x => x.trim()).filter(x => x);
|
||
saveWorldInfo();
|
||
});
|
||
keyInput.val(entry.key.join(',')).trigger('input');
|
||
keyInput.css("height", ""); //reset the height
|
||
keyInput.css("height", $(this).prop('scrollHeight') + "px");
|
||
|
||
// keysecondary
|
||
const keySecondaryInput = template.find('textarea[name="keysecondary"]');
|
||
keySecondaryInput.data('uid', entry.uid);
|
||
keySecondaryInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = $(this).val();
|
||
$(this).css("height", ""); //reset the height
|
||
$(this).css("height", $(this).prop('scrollHeight') + "px");
|
||
world_info_data.entries[uid].keysecondary = value.split(',').map(x => x.trim()).filter(x => x);
|
||
saveWorldInfo();
|
||
});
|
||
keySecondaryInput.val(entry.keysecondary.join(',')).trigger('input');
|
||
keySecondaryInput.css("height", ""); //reset the height
|
||
keySecondaryInput.css("height", $(this).prop('scrollHeight') + "px");
|
||
|
||
// comment
|
||
const commentInput = template.find('textarea[name="comment"]');
|
||
commentInput.data('uid', entry.uid);
|
||
commentInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = $(this).val();
|
||
$(this).css("height", ""); //reset the height
|
||
$(this).css("height", $(this).prop('scrollHeight') + "px");
|
||
world_info_data.entries[uid].comment = value;
|
||
saveWorldInfo();
|
||
});
|
||
commentInput.val(entry.comment).trigger('input');
|
||
commentInput.css("height", ""); //reset the height
|
||
commentInput.css("height", $(this).prop('scrollHeight') + "px");
|
||
|
||
// content
|
||
const contentInput = template.find('textarea[name="content"]');
|
||
contentInput.data('uid', entry.uid);
|
||
contentInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = $(this).val();
|
||
world_info_data.entries[uid].content = value;
|
||
$(this).css("height", ""); //reset the height
|
||
$(this).css("height", $(this).prop('scrollHeight') + "px");
|
||
saveWorldInfo();
|
||
|
||
// count tokens
|
||
const numberOfTokens = encode(value).length;
|
||
$(this).closest('.world_entry').find('.world_entry_form_token_counter').html(numberOfTokens);
|
||
});
|
||
contentInput.val(entry.content).trigger('input');
|
||
contentInput.css("height", ""); //reset the height
|
||
contentInput.css("height", $(this).prop('scrollHeight') + "px");
|
||
|
||
// selective
|
||
const selectiveInput = template.find('input[name="selective"]');
|
||
selectiveInput.data('uid', entry.uid);
|
||
selectiveInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = $(this).prop('checked');
|
||
world_info_data.entries[uid].selective = value;
|
||
saveWorldInfo();
|
||
|
||
const keysecondary = $(this).closest('.world_entry').find('.keysecondary');
|
||
value ? keysecondary.show() : keysecondary.hide();
|
||
});
|
||
selectiveInput.prop('checked', entry.selective).trigger('input');
|
||
selectiveInput.siblings('.checkbox_fancy').click(function() {
|
||
$(this).siblings('input').click();
|
||
});
|
||
|
||
|
||
// constant
|
||
const constantInput = template.find('input[name="constant"]');
|
||
constantInput.data('uid', entry.uid);
|
||
constantInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = $(this).prop('checked');
|
||
world_info_data.entries[uid].constant = value;
|
||
saveWorldInfo();
|
||
});
|
||
constantInput.prop('checked', entry.constant).trigger('input');
|
||
constantInput.siblings('.checkbox_fancy').click(function() {
|
||
$(this).siblings('input').click();
|
||
});
|
||
|
||
// order
|
||
const orderInput = template.find('input[name="order"]');
|
||
orderInput.data('uid', entry.uid);
|
||
orderInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = Number($(this).val());
|
||
|
||
world_info_data.entries[uid].order = !isNaN(value) ? value : 0;
|
||
saveWorldInfo();
|
||
});
|
||
orderInput.val(entry.order).trigger('input');
|
||
|
||
// position
|
||
if (entry.position === undefined) {
|
||
entry.position = 0;
|
||
}
|
||
|
||
const positionInput = template.find('input[name="position"]');
|
||
positionInput.data('uid', entry.uid);
|
||
positionInput.on('input', function() {
|
||
const uid = $(this).data('uid');
|
||
const value = Number($(this).val());
|
||
world_info_data.entries[uid].position = !isNaN(value) ? value : 0;
|
||
saveWorldInfo();
|
||
})
|
||
template.find(`input[name="position"][value=${entry.position}]`).prop('checked', true).trigger('input');
|
||
|
||
// display uid
|
||
template.find('.world_entry_form_uid_value').html(entry.uid);
|
||
|
||
// delete button
|
||
const deleteButton = template.find('input.delete_entry_button');
|
||
deleteButton.data('uid', entry.uid);
|
||
deleteButton.on('click', function() {
|
||
const uid = $(this).data('uid');
|
||
deleteWorldInfoEntry(uid);
|
||
$(this).closest('.world_entry').remove();
|
||
saveWorldInfo();
|
||
});
|
||
|
||
template.appendTo('#world_popup_entries_list');
|
||
return template;
|
||
}
|
||
|
||
async function deleteWorldInfoEntry(uid) {
|
||
if (!world_info_data || !('entries' in world_info_data)) {
|
||
return;
|
||
}
|
||
|
||
delete world_info_data.entries[uid];
|
||
}
|
||
|
||
function createWorldInfoEntry() {
|
||
const newEntryTemplate = {
|
||
key: [],
|
||
keysecondary: [],
|
||
comment: '',
|
||
content: '',
|
||
constant: false,
|
||
selective: false,
|
||
order: 0,
|
||
position: 0,
|
||
};
|
||
const newUid = getFreeWorldEntryUid();
|
||
|
||
if (!Number.isInteger(newUid)) {
|
||
console.error("Couldn't assign UID to a new entry");
|
||
return;
|
||
}
|
||
|
||
const newEntry = { uid: newUid, ...newEntryTemplate };
|
||
world_info_data.entries[newUid] = newEntry;
|
||
|
||
const entryTemplate = appendWorldEntry(newEntry);
|
||
entryTemplate.get(0).scrollIntoView({behavior: 'smooth'});
|
||
}
|
||
|
||
async function saveWorldInfo(immediately) {
|
||
if (!world_info || !world_info_data) {
|
||
return;
|
||
}
|
||
|
||
async function _save() {
|
||
const response = await fetch("/editworldinfo", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token,
|
||
},
|
||
body: JSON.stringify({ name: world_info, data: world_info_data })
|
||
});
|
||
}
|
||
|
||
if (immediately) {
|
||
return await _save();
|
||
}
|
||
|
||
clearTimeout(timerWorldSave);
|
||
timerWorldSave = setTimeout(async () => await _save(), durationSaveEdit);
|
||
}
|
||
|
||
async function renameWorldInfo() {
|
||
const oldName = world_info;
|
||
const newName = $('#world_popup_name').val();
|
||
|
||
if (oldName === newName) {
|
||
return;
|
||
}
|
||
|
||
world_info = newName;
|
||
await saveWorldInfo(true);
|
||
await deleteWorldInfo(oldName, newName);
|
||
}
|
||
|
||
async function deleteWorldInfo(worldInfoName, selectWorldName) {
|
||
if (!world_names.includes(worldInfoName)) {
|
||
return;
|
||
}
|
||
|
||
const response = await fetch("/deleteworldinfo", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-CSRF-Token": token,
|
||
},
|
||
body: JSON.stringify({ name: worldInfoName })
|
||
});
|
||
|
||
if (response.ok) {
|
||
await updateWorldInfoList();
|
||
|
||
const selectedIndex = world_names.indexOf(selectWorldName);
|
||
if (selectedIndex !== -1) {
|
||
$('#world_info').val(selectedIndex).change();
|
||
}
|
||
else {
|
||
$('#world_info').val('None').change();
|
||
}
|
||
|
||
hideWorldEditor();
|
||
}
|
||
}
|
||
|
||
function getFreeWorldEntryUid() {
|
||
if (!world_info_data || !('entries' in world_info_data)) {
|
||
return null;
|
||
}
|
||
|
||
const MAX_UID = 1_000_000; // <- should be safe enough :)
|
||
for (let uid = 0; uid < MAX_UID; uid++) {
|
||
if (uid in world_info_data.entries) {
|
||
continue;
|
||
}
|
||
return uid;
|
||
}
|
||
|
||
return null;
|
||
}
|
||
|
||
function getFreeWorldName() {
|
||
const MAX_FREE_NAME = 100_000;
|
||
for (let index = 1; index < MAX_FREE_NAME; index++) {
|
||
const newName = `New World (${index})`;
|
||
if (world_names.includes(newName)) {
|
||
continue;
|
||
}
|
||
return newName;
|
||
}
|
||
|
||
return undefined;
|
||
}
|
||
|
||
async function createNewWorldInfo() {
|
||
const worldInfoTemplate = { entries: {} };
|
||
const worldInfoName = getFreeWorldName();
|
||
|
||
if (!worldInfoName) {
|
||
return;
|
||
}
|
||
|
||
world_info = worldInfoName;
|
||
world_info_data = { ...worldInfoTemplate };
|
||
await saveWorldInfo(true);
|
||
await updateWorldInfoList();
|
||
|
||
const selectedIndex = world_names.indexOf(worldInfoName);
|
||
if (selectedIndex !== -1) {
|
||
$('#world_info').val(selectedIndex).change();
|
||
}
|
||
else {
|
||
$('#world_info').val('None').change();
|
||
}
|
||
}
|
||
|
||
$('#world_info_edit_button').click(() => {
|
||
is_world_edit_open ? hideWorldEditor() : showWorldEditor();
|
||
});
|
||
|
||
$('#world_popup_export').click(() => {
|
||
if (world_info && world_info_data) {
|
||
const jsonValue = JSON.stringify(world_info_data);
|
||
const fileName = `${world_info}.json`;
|
||
download(jsonValue, fileName, 'application/json');
|
||
}
|
||
});
|
||
|
||
$('#world_popup_delete').click(() => {
|
||
popup_type = 'del_world';
|
||
callPopup('<h3>Delete the World Info?</h3>');
|
||
});
|
||
|
||
$('#world_popup_new').click(() => {
|
||
createWorldInfoEntry();
|
||
});
|
||
|
||
$('#world_cross').click(() => {
|
||
hideWorldEditor();
|
||
});
|
||
|
||
$('#world_popup_name_button').click(() => {
|
||
renameWorldInfo();
|
||
});
|
||
|
||
$('#world_create_button').click(() => {
|
||
createNewWorldInfo();
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<title>Tavern.AI</title>
|
||
</head>
|
||
<body>
|
||
<!--<p class="customfont">Hello world!</p>-->
|
||
|
||
|
||
<!--<div style="cursor: pointer;opacity: 0.1;"><img src="img/donut.png" style="width: 25px;height: 25px;bottom: 2px;left: 2px;position: absolute; "><div style="position: absolute; bottom: 6px;left: 28px;"><h4 style="margin-bottom: 0px"><i>Donuts</i></h4></div></div>-->
|
||
<div id="bg1"></div>
|
||
<div id="bg2"></div>
|
||
|
||
<div id="shadow_popup">
|
||
<div id="dialogue_popup">
|
||
<div id="dialogue_popup_text"><h3>text</h3></div>
|
||
<div id="dialogue_popup_ok" class="menu_button">Delete</div>
|
||
<div id="dialogue_popup_cancel" class="menu_button">Cancel</div>
|
||
</div>
|
||
</div>
|
||
<div id="colab_shadow_popup">
|
||
<div id="colab_popup">
|
||
<div id="colab_popup_text" style="float: left;margin-left: 88px;"><h3>Initialization</h3></div>
|
||
</div>
|
||
</div>
|
||
<!--<div id="shadow_character_popup">
|
||
</div>-->
|
||
<div id="character_popup">
|
||
|
||
<div id="character_popup_text">
|
||
<img id="character_cross" src="img/cross.png" style="position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6">
|
||
|
||
<div><img src="img/book2.png" id="advanced_book_logo"><h3 id="character_popup_text_h3" style="margin-left: 38px;">Create character</h3></div>
|
||
|
||
</div>
|
||
|
||
<div id="personality_div">
|
||
<h4>Personality summary</h4><h5>A brief description of the personality (<a href="/notes/2" target="_blank">?</a>)</h5>
|
||
<input id="personality_textarea" name="personality" placeholder="" form="form_create" class="text_pole" autocomplete="off">
|
||
</div>
|
||
|
||
<div id="scenario_div">
|
||
<h4>Scenario</h4>
|
||
<h5>Circumstances and context of the dialogue (<a href="/notes/12" target="_blank">?</a>)</h5>
|
||
<input id="scenario_pole" name="scenario" class="text_pole" maxlength="9999" size="40" value="" autocomplete="off" form="form_create">
|
||
</div>
|
||
|
||
<div id="mes_example_div">
|
||
<h4>Examples of dialogue</h4>
|
||
<h5>Forms a personality more clearly (<a href="/notes/11" target="_blank">?</a>)</h5>
|
||
</div>
|
||
<textarea id="mes_example_textarea" name="mes_example" placeholder="" form="form_create"></textarea>
|
||
|
||
|
||
<div id="character_popup_ok" class="menu_button">Save</div>
|
||
<div></div>
|
||
|
||
</div>
|
||
|
||
<div id="world_popup">
|
||
<div id="world_popup_text">
|
||
<img id="world_cross" src="img/cross.png">
|
||
<div id="world_popup_header">
|
||
<!-- Consider changing logo to something else -->
|
||
<img src="img/book2.png" id="world_logo">
|
||
<h3>
|
||
World Info Editor
|
||
<span>(<a href="/notes/13" target="_blank">?</a>)</span>
|
||
</h3>
|
||
<div class="world_popup_expander"> </div>
|
||
<form id="form_rename_world" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
<input id="world_popup_name" name="world_popup_name" class="text_pole" maxlength="99" size="32" value="" autocomplete="off">
|
||
<input id="world_popup_name_button" type="submit" value="Rename">
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="world_popup_entries_list">
|
||
</div>
|
||
|
||
<div id="world_popup_bottom_holder">
|
||
<div id="world_popup_new" class="menu_button">New Entry</div>
|
||
<span class="world_popup_expander"> </span>
|
||
<div id="world_popup_export" class="menu_button">Export</div>
|
||
<div id="world_popup_delete" class="menu_button">Delete World</div>
|
||
</div>
|
||
|
||
<div id="entry_edit_template">
|
||
<div class="world_entry">
|
||
<form class="world_entry_form">
|
||
<div class="world_entry_thin_controls">
|
||
<div class="world_entry_form_control">
|
||
<label for="key">
|
||
<h4>Key</h4>
|
||
<h5>Comma-separated list of keywords (e.g: foo,bar).</h5>
|
||
</label>
|
||
<textarea class="text_pole" name="key" rows="1" placeholder=""></textarea>
|
||
</div>
|
||
<div class="world_entry_form_control keysecondary">
|
||
<label for="keysecondary">
|
||
<h4>Secondary Key</h4>
|
||
<h5>Comma-separated list of additional keywords.</h5>
|
||
</label>
|
||
<textarea class="text_pole" name="keysecondary" rows="1" placeholder=""></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="world_entry_thin_controls">
|
||
<div class="world_entry_form_control">
|
||
<label for="order">
|
||
<h4>Insertion Order</h4>
|
||
<h5>Higher order number entries will be inserted first.</h5>
|
||
</label>
|
||
<input class="text_pole" type="number" name="order" placeholder=""/>
|
||
</div>
|
||
<div class="world_entry_form_control">
|
||
<label for="comment">
|
||
<h4>Comment</h4>
|
||
<h5>Optional comment (doesn't affect the AI).</h5>
|
||
</label>
|
||
<textarea class="text_pole" rows="1" name="comment"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="world_entry_form_control">
|
||
<label for="content">
|
||
<h4>Content</h4>
|
||
<h5>Text that will be inserted to the prompt upon activation.</h5>
|
||
</label>
|
||
<textarea class="text_pole" name="content" rows="4" placeholder=""></textarea>
|
||
</div>
|
||
<div class="world_entry_form_control world_entry_form_horizontal">
|
||
<label class="checkbox" for="constant">
|
||
<input type="checkbox" name="constant" />
|
||
<span class="checkbox_fancy"></span>
|
||
<h4>Constant</h4>
|
||
</label>
|
||
<label class="checkbox" for="selective">
|
||
<input type="checkbox" name="selective" />
|
||
<span class="checkbox_fancy"></span>
|
||
<h4>Selective</h4>
|
||
</label>
|
||
<div class="world_entry_form_control world_entry_form_radios">
|
||
<div>
|
||
<label><input type="radio" name="position" value="0"><h4>Before chara</h4></label>
|
||
</div>
|
||
<div>
|
||
<label><input type="radio" name="position" value="1"><h4>After chara</h4></label>
|
||
</div>
|
||
</div>
|
||
<span class="world_popup_expander"> </span>
|
||
<h5 class="world_entry_form_uid">
|
||
UID:
|
||
|
||
<span class="world_entry_form_uid_value"></span>
|
||
</h5>
|
||
<h5 class="world_entry_form_tokens">
|
||
Tokens used:
|
||
|
||
<span class="world_entry_form_token_counter">0</span>
|
||
</h5>
|
||
<input class="delete_entry_button" type="button" value="Delete Entry" />
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="shadow_select_chat_popup">
|
||
<div id="select_chat_popup">
|
||
<div id="select_chat_popup_text">
|
||
<img id="select_chat_cross" src="img/cross.png" style="position: absolute; right: 15px; top:14px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6">
|
||
|
||
<!--<h3 style="margin: 0px;margin-left: 5px;margin-top: 5px;">Select chat</h3>-->
|
||
|
||
</div>
|
||
<div id="select_chat_import">
|
||
|
||
<div style="display: inline-block;" id="chat_import_button"><a>+import</a> </div><div style="display: inline-block; color:#757575;">(<a href="/notes/10" target="_blank">?</a>)</div>
|
||
<form id="form_import_chat" action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
|
||
<input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
|
||
<input id="chat_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
|
||
<input id="chat_import_avatar_url" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
|
||
<input id="chat_import_character_name" name="character_name" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
|
||
</form>
|
||
</div>
|
||
|
||
<div id="select_chat_div">
|
||
|
||
</div>
|
||
<div id="load_select_chat_div">
|
||
<img src="img/load.svg">
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div id="shadow_tips_popup">
|
||
<div id="tips_popup" style="padding-top: 30px;">
|
||
<img id="tips_cross" src="img/cross.png" style="position: absolute; margin-left: 230px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6">
|
||
|
||
<img src="img/love.png" style="width: 45px;height: 45px; margin-bottom: 0px; opacity: 0.6;">
|
||
<div style="margin-top:20px; margin-left: 20px; margin-right: 20px; margin-bottom: 15px;"><u>TavernAI</u> is being developed with love and care on a voluntary basis. If you like the project and want to support it, your donation would make a huge impact! <u>Thank you!</u></div>
|
||
<img src="img/eth_icon.png" style="width: 35px;height: 35px; margin-bottom: 0px; opacity: 0.6;">
|
||
<img src="img/usdt.png" style="width: 35px;height: 35px; margin-bottom: 0px; opacity: 0.6;">
|
||
<div id="tips_text"><h3 style="margin-top: 0px; opacity: 0.8">Ethereum or USDT</h3></div>
|
||
|
||
<img src="img/eth.png" style="opacity: 0.4; margin-bottom: 4px;">
|
||
<div>0x975E5C91042ce8168B3d37b17F99949c5eFB3Dfe</div>
|
||
<!--<div style="margin-bottom:5px;">***</div><div>TRX: TCiBKCt6xEGrsjpgQA2jDXWJLyUh1KN2Sn</div><div>BTC: 1LASziomyYNkZ2zk8Sa4ZLTkvczBMrjyjP</div>-->
|
||
</div>
|
||
</div>
|
||
<div id="bg_menu">
|
||
<div id="logo_block"><div id="bg_menu_button"><img src="img/tri.png"></div><img src="img/logo.png" id="site_logo"></div>
|
||
<div id="bg_menu_content">
|
||
<form id="form_bg_download" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
<label class="input-file">
|
||
<input type="file" id="add_bg_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
|
||
<span class="bg_example_but_load" ><img src='img/addbg3.png'></span>
|
||
|
||
</label>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
<input type="checkbox" id="nav-toggle" hidden>
|
||
|
||
<nav class="nav">
|
||
<label for="nav-toggle" class="nav-toggle" onclick></label>
|
||
|
||
|
||
<div class="right_menu_button" id="rm_button_characters"><h2>Characters</h2></div>
|
||
<div class="right_menu_button" id="rm_button_settings"><h2>Settings</h2></div>
|
||
<div class="right_menu_button" id="rm_button_selected_ch"><h2></h2></div>
|
||
|
||
<div id="rm_ch_create_block" class="right_menu">
|
||
<div id="rm_button_back" class="right_menu_button"><h2 style="color: rgb(188, 193, 200, 0.5);">⇐</h2></div>
|
||
|
||
<form id="form_create" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
|
||
<div id="name_div">
|
||
<h4>Name</h4><h5>Character name</h5>
|
||
<input id="character_name_pole" name="ch_name" class="text_pole" maxlength="120" size="35" value="" autocomplete="off">
|
||
</div>
|
||
<div id="avatar_div" class="avatar_div">
|
||
<div id="avatar_div_div" class="avatar"><img id="avatar_load_preview" src="img/fluffy.png" alt="avatar"></div><input type="file" id="add_avatar_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
|
||
|
||
</div>
|
||
|
||
<div id="description_div">
|
||
<h4>Description</h4><h5>Description of personality and other characteristics (<a href="/notes/1" target="_blank">?</a>)</h5>
|
||
<textarea id="description_textarea" name="description" placeholder=""></textarea>
|
||
</div>
|
||
<div id="first_message_div">
|
||
<h4>First message</h4><h5>First message from the character (<a href="/notes/3" target="_blank">?</a>)</h5>
|
||
<textarea id="firstmessage_textarea" name="first_mes" placeholder=""></textarea>
|
||
</div>
|
||
|
||
<div id="avatar_url_div">
|
||
<input id="avatar_url_pole" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||
</div>
|
||
<div id="selected_chat_div">
|
||
<input id="selected_chat_pole" name="chat" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||
</div>
|
||
<div id="create_date_div">
|
||
<input id="create_date_pole" name="create_date" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||
</div>
|
||
<div id="last_mes_div">
|
||
<input id="last_mes_pole" name="last_mes" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||
</div>
|
||
<input id="advanced_div" type="button" value="Advanced Edit">
|
||
<div id="export_character_div">
|
||
<div id="result_info" style="width: 100px;"> </div>
|
||
|
||
</div>
|
||
<div id="create_button_div">
|
||
<input id="create_button" type="submit" value="Create">
|
||
</div>
|
||
</form>
|
||
<div id="delete_button_div">
|
||
<input id="delete_button" type="submit" value="Delete">
|
||
<input id="export_button" type="submit" value="Export">
|
||
|
||
</div>
|
||
</div>
|
||
<div id="rm_api_block" class="right_menu" >
|
||
|
||
<h3 id="title_api">API</h3>
|
||
<select id="main_api" style="color:#fff;" >
|
||
<option value="kobold">KoboldAI</option>
|
||
<option value="novel">NovelAI</option>
|
||
</select>
|
||
<div id="kobold_api" style="position: relative;">
|
||
<div style="display:none; position: absolute; right:188px; top:-34px; opacity:0.20;"><a href="https://github.com/KoboldAI/KoboldAI-Client" target="_blank"><img src="img/kobold.png" style="width:40px;height:40px;"></a></div>
|
||
<form action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
|
||
<h4>API url</h4><h5>Example: http://127.0.0.1:5000/api </h5>
|
||
<input id="api_url_text" name="api_url" class="text_pole" maxlength="500" size="35" value="" autocomplete="off">
|
||
<input id="api_button" type="submit" value="Connect">
|
||
<img id="api_loading" src="img/load.svg" >
|
||
</form>
|
||
<div id="online_status2">
|
||
<div id="online_status_indicator2"></div><div id="online_status_text2">No connection...</div>
|
||
</div>
|
||
<h4>Preset settings</h4><h5>Selecting settings (<a href="/notes/4" target="_blank">?</a>)</h5>
|
||
<select id="settings_perset">
|
||
<option value="gui">GUI KoboldAI Settings</option>
|
||
</select>
|
||
<div id="range_block">
|
||
<h4>Temperature </h4><h5 id="temp_counter">select</h5>
|
||
<input type="range" id="temp" name="volume" min="0.1" max="2.0" step="0.01">
|
||
<!--<h4>Amount generation </h4><h5 id="amount_gen_counter">select</h5>
|
||
<input type="range" id="amount_gen" name="volume" min="16" max="512" step="1">-->
|
||
<h4>Repetition Penalty </h4><h5 id="rep_pen_counter">select</h5>
|
||
<input type="range" id="rep_pen" name="volume" min="1" max="1.5" step="0.01">
|
||
<h4>Repetition Penalty Range</h4><h5 id="rep_pen_size_counter">select</h5>
|
||
<input type="range" id="rep_pen_size" name="volume" min="0" max="2048" step="1">
|
||
</div>
|
||
<div id="softprompt_block">
|
||
<h4>Soft Prompt</h4>
|
||
<h5>About soft prompts (<a href="/notes/14" target="_blank">?</a>)</h5>
|
||
<select id="softprompt" class="option_select_right_menu">
|
||
<option value="">None</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="novel_api" style="display: none;position: relative;">
|
||
<div style="position: absolute; right:152px; top:-25px; opacity:0.25;"><a href="https://novelai.net/" target="_blank"><img src="img/novelai.png" style="width:auto;height:22px;"></a></div>
|
||
<form action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
|
||
<h4>API key</h4><h5>Where to get (<a href="/notes/6" target="_blank">?</a>)</h5>
|
||
<input id="api_key_novel" name="api_key_novel" class="text_pole" maxlength="500" size="35" value="" autocomplete="off">
|
||
<input id="api_button_novel" type="submit" value="Connect">
|
||
<img id="api_loading_novel" src="img/load.svg" >
|
||
</form>
|
||
<div id="online_status3">
|
||
<div id="online_status_indicator3"></div><div id="online_status_text3">No connection...</div>
|
||
</div>
|
||
<h4>Model</h4><h5>Selecting NovelAI model (<a href="/notes/8" target="_blank">?</a>)</h5>
|
||
<select id="model_novel_select" class="option_select_right_menu" style='margin-bottom: 16px;'>
|
||
<option value="euterpe-v2">Euterpe</option>
|
||
<option value="krake-v2">Krake</option>
|
||
</select>
|
||
<h4>Preset settings</h4><h5>Selecting settings (<a href="/notes/7" target="_blank">?</a>)</h5>
|
||
<select id="settings_perset_novel" class="option_select_right_menu">
|
||
<option value="gui">Default</option>
|
||
</select>
|
||
<div id="range_block_novel">
|
||
<h4>Temperature </h4><h5 id="temp_counter_novel">select</h5>
|
||
<input type="range" id="temp_novel" name="volume" min="0.1" max="2.0" step="0.01">
|
||
<!--<h4>Amount generation </h4><h5 id="amount_gen_counter">select</h5>
|
||
<input type="range" id="amount_gen" name="volume" min="16" max="512" step="1">-->
|
||
<h4>Repetition Penalty </h4><h5 id="rep_pen_counter_novel">select</h5>
|
||
<input type="range" id="rep_pen_novel" name="volume" min="1" max="1.5" step="0.01">
|
||
<h4>Repetition Penalty Range</h4><h5 id="rep_pen_size_counter_novel">select</h5>
|
||
<input type="range" id="rep_pen_size_novel" name="volume" min="0" max="2048" step="1">
|
||
</div>
|
||
</div>
|
||
<hr style="margin-bottom: 5px;">
|
||
|
||
<h4>Your Avatar</h4><h5></h5>
|
||
<div id="user_avatar_block"></div>
|
||
<form id='form_change_name' action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
<h4>Name</h4>
|
||
<input id="your_name" name="your_name" class="text_pole" maxlength="35" size="16" value="" autocomplete="off">
|
||
<input id="your_name_button" type="submit" value="Change">
|
||
</form>
|
||
<hr>
|
||
|
||
<div id="world_info_block">
|
||
<h3>World Info</h3>
|
||
<div id="world_info_buttons">
|
||
<div id="world_create_button" class="right_menu_button"><h4>+Create</h4></div>
|
||
<div id="world_import_button" class="right_menu_button"><h4>+Import</h4></div>
|
||
</div>
|
||
</div>
|
||
<h5>How to use (<a href="/notes/13" target="_blank">?</a>)</h5>
|
||
<div id="rm_world_import" class="right_menu" style="display: none;">
|
||
<form id="form_world_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
<input type="file" id="world_import_file" accept=".json" name="avatar">
|
||
</form>
|
||
</div>
|
||
<select id="world_info" class="option_select_right_menu">
|
||
<option value="None">None</option>
|
||
</select>
|
||
<input id="world_info_edit_button" type="button" value="Details">
|
||
<div id="world_info_depth_block">
|
||
<h4>
|
||
Scan Depth (<a href="/notes/13_1.html" target="_blank">?</a>)
|
||
</h4>
|
||
<h5 id="world_info_depth_counter">depth</h5>
|
||
<input type="range" id="world_info_depth" name="volume" min="1" max="10" step="1">
|
||
</div>
|
||
<div id="world_info_budget_block">
|
||
<h4>
|
||
Token Budget (<a href="/notes/13_2.html" target="_blank">?</a>)
|
||
</h4>
|
||
<h5 id="world_info_budget_counter">budget</h5>
|
||
<input type="range" id="world_info_budget" name="volume" min="100" max="500" step="1">
|
||
</div>
|
||
<hr>
|
||
<div style="opacity:0.80">
|
||
<h3 style='margin-bottom: 10px;'>Pro Settings</h3>
|
||
<div id="amount_gen_block">
|
||
<h4>Amount generation </h4><h5 id="amount_gen_counter">select</h5>
|
||
<input type="range" id="amount_gen" name="volume" min="16" max="512" step="1">
|
||
</div>
|
||
<div id="max_context_block">
|
||
<h4>Context Size</h4><h5 id="max_context_counter">select</h5>
|
||
<input type="range" id="max_context" name="volume" min="512" max="2048" step="1">
|
||
</div>
|
||
<h4>Anchors Order</h4><h5>Helps to increase the length of messages (<a href="/notes/9" target="_blank">?</a>)</h5>
|
||
<select id="anchor_order">
|
||
<option value="0">Character Anchor - Style Anchor</option>
|
||
<option value="1">Style Anchor - Character Anchor</option>
|
||
</select>
|
||
<div id="anchor_checkbox">
|
||
<label class="checkbox">
|
||
<input id="character_anchor" type="checkbox"/><span></span>
|
||
</label><h4>Character Anchor</h4>
|
||
<label class="checkbox" >
|
||
<input id="style_anchor" type="checkbox"/><span></span>
|
||
</label><h4>Style Anchor</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="rm_charater_import" class="right_menu" style="display: none;">
|
||
<form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
|
||
<input type="file" id="character_import_file" accept=".json, image/png" name="avatar">
|
||
<input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
|
||
</form>
|
||
</div>
|
||
<div id="rm_charaters_block" class="right_menu">
|
||
<div id="rm_characters_topbar">
|
||
<div id="rm_characters_topbar_buttons">
|
||
<div id="rm_button_create" class="right_menu_button"><h4>+Create</h4></div>
|
||
<div id="character_import_button" class="right_menu_button"><h4>+Import</h4></div>
|
||
</div>
|
||
<form id="form_character_search_form" action="javascript:void(null);">
|
||
<input id="character_search_bar" class="text_pole" type="search" placeholder="Search here..." />
|
||
</form>
|
||
</div>
|
||
<div id="rm_print_charaters_block"></div>
|
||
</div>
|
||
<div id="rm_info_block" class="right_menu">
|
||
<div id="rm_info_panel">
|
||
<div id="rm_info_avatar"></div>
|
||
<div id="rm_info_text"></div>
|
||
<div id="rm_info_button">Back</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div id="sheld">
|
||
<div id="chat"></div>
|
||
<div id="form_sheld">
|
||
<div id="dialogue_del_mes">
|
||
<div id="dialogue_del_mes_text"><h3></h3></div>
|
||
<div id="dialogue_del_mes_ok" class="menu_button">Delete</div>
|
||
<div id="dialogue_del_mes_cancel" class="menu_button">Cancel</div>
|
||
</div>
|
||
<form id="send_form">
|
||
<div id="options_button">
|
||
<div id="options">
|
||
<div class="options-content">
|
||
<a id="option_start_new_chat"><img src="img/save_and_start_new_chat.png" width="20" height="20">Start new chat</a>
|
||
<a id="option_select_chat"><img src="img/book6.png" width="20" height="20" style="opacity: 0.0;"><img src="img/book6.png" style="width: 21px;height: 21px;position: absolute;top: 59px;left: 15px; opacity: 0.5;">Select chats</a><!--<img src="img/book6.png" style="width: 21px;height: 21px;position: absolute;top: 14px;left: 16px; opacity: 0.5;">Select chat</a>-->
|
||
<hr>
|
||
<a id="option_delete_mes"><img src="img/del_mes.png" width="20" height="20">Delete message</a>
|
||
<a id="option_regenerate"><img src="img/regenerate.png" width="20" height="20">Regenerate</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div contenteditable="true" id="send_textarea">Type a message...</div> -->
|
||
<textarea id="send_textarea" placeholder="Type a message..." name="text"></textarea>
|
||
|
||
<script type="text/javascript">
|
||
$('#send_textarea').on('input', function () {
|
||
this.style.height = '1rem';
|
||
this.style.height =
|
||
(this.scrollHeight) + 'px';
|
||
});
|
||
</script>
|
||
|
||
<div id="send_but_sheld">
|
||
|
||
<div id="loading_mes"></div>
|
||
|
||
<div id="online_status">
|
||
<div id="online_status_indicator"></div>
|
||
<div id="online_status_text">No connection...</div>
|
||
</div>
|
||
|
||
<input id="send_but" type="button">
|
||
|
||
</div>
|
||
|
||
</form>
|
||
<!-- <div id="online_status">
|
||
<div id="online_status_indicator"></div><div id="online_status_text">No connection...</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |