Merge remote-tracking branch 'origin/softprompt'

This commit is contained in:
SillyLossy
2023-02-15 02:21:44 +02:00
4 changed files with 189 additions and 0 deletions

View File

@@ -383,6 +383,61 @@
$("#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" },
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();
@@ -2034,6 +2089,8 @@
is_api_button_press = true;
getStatus();
detectUnitedKobold();
clearSoftPromptsList();
getSoftPromptsList();
}
});
@@ -2216,10 +2273,27 @@
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" },
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");
@@ -2228,6 +2302,7 @@
$('#max_context_block').css('display', 'block');
$('#amount_gen_block').css('display', 'block');
$('#world_info_block').css('display', 'flex');
$('#softprompt_block').css('display', 'block');
}
if($('#main_api').find(":selected").val() == 'novel'){
$('#kobold_api').css("display", "none");
@@ -2236,6 +2311,7 @@
$('#max_context_block').css('display', 'none');
$('#amount_gen_block').css('display', 'none');
$('#world_info_block').css('display', 'none');
$('#softprompt_block').css('display', 'none');
}
updateWorldStatus();
@@ -3827,6 +3903,11 @@
<div id="world_status">
<div id="world_status_indicator"></div><div id="world_status_text"></div>
</div>
<h4>Soft Prompt</h4><h5>About soft prompts (<a href="/notes/14" target="_blank">?</a>)</h5>
<div id="softprompt_block">
<select id="softprompt">
<option value="">None</option>
</select>
</div>
</div>
<div id="novel_api" style="display: none;position: relative;">

27
public/notes/14.html Normal file
View File

@@ -0,0 +1,27 @@
<html>
<head>
<title>Soft Prompts</title>
<link rel="stylesheet" href="/css/notes.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="main">
<div id="content">
<h2>Soft Prompts</h2>
<h4>Soft Prompts allow you to customize the style and behavior of your AI.</h4>
<p>
They are created by training the AI with a special type of prompt using a collection of input data.
Experimenting with different soft prompts can lead to exciting and unique results.
The most successful soft prompts are those that align the AI's output with a literary genre, fictional universe, or the style of a particular author.
</p>
<hr>
<h3>Common Misconceptions</h3>
<ul>
<li>Soft prompts do not provide new information to the model, but can effectively influence the model's tone, word choice, and formatting.</li>
<li>Soft prompts are not a means of compressing a full prompt into a limited token space. Instead, they provide a way to guide the language model's output through data in the context.</li>
</ul>
</div>
</div>
</body>
</html>

View File

@@ -1415,6 +1415,14 @@ select {
background-color: rgb(36, 37, 37);
}
#softprompt {
width: 284px;
margin-left: 10px;
margin-bottom: 35px;
color: #ffffff9d;
box-shadow: 0 0 2px rgba(200, 200, 200, 0.5);
background-color: #13152c;
}
.option_select_right_menu{
width:284px;

View File

@@ -362,6 +362,79 @@ app.post("/getstatus", jsonParser, function(request, response_getstatus = respon
response_getstatus.send({result: "no_connection"});
});
});
const formatApiUrl = (url) => (url.indexOf('localhost') !== -1)
? url.replace('localhost', '127.0.0.1')
: url;
// TODO Rewrite using async wrapper from worldinfo branch
app.post('/getsoftprompts', jsonParser, async function (request, response) {
if (!request.body || !request.body.api_server) {
return response.sendStatus(400);
}
const baseUrl = formatApiUrl(request.body.api_server);
let soft_prompts = [];
try {
var args = { headers: { "Content-Type": "application/json" } };
const softPromptsList = await new Promise((resolve, reject) => {
client.get(`${baseUrl}/v1/config/soft_prompts_list`, args, function (data, response) {
if (response.statusCode == 200) {
const nameList = data.values.map(x => x.value);
resolve(nameList);
}
else {
reject(response.status);
}
}).on('error', function (err) {
reject(err);
});
});
const softPromptSelected = await new Promise((resolve, reject) => {
client.get(`${baseUrl}/v1/config/soft_prompt`, args, function (data, response) {
if (response.statusCode == 200) {
resolve(data.value);
}
else {
reject(response.status);
}
}).on('error', function (err) {
reject(err);
});
});
soft_prompts = softPromptsList.map(x => ({ name: x, selected: x === softPromptSelected }));
} catch (err) {
soft_prompts = [];
}
return response.send({ soft_prompts });
});
// TODO Rewrite using async wrapper from worldinfo branch
app.post("/setsoftprompt", jsonParser, async function(request, response) {
if (!request.body || !request.body.api_server) {
return response.sendStatus(400);
}
const baseUrl = formatApiUrl(request.body.api_server);
const args = {
headers: { "Content-Type": "application/json" },
data: { value: request.body.name ?? '' },
};
client.put(`${baseUrl}/v1/config/soft_prompt`, args, function (_, res) {
if (res.statusCode == 200) {
return response.sendStatus(200);
} else {
return response.sendStatus(500);
}
}).on('error', () => {
return response.sendStatus(500);
});
});
function checkServer(){
//console.log('Check run###################################################');
api_server = 'http://127.0.0.1:5000';