'+item.name+'
Need more help? Visit our wiki – TavernAI Wiki!
" }, + 'group': { + "name": systemUserName, + "force_avatar": "img/chloe.png", + "is_user":false, + "is_system": true, + "is_name": true, + "mes": "Group chat created. Say 'Hi' to lovely people!" + } }; const world_info_position = { @@ -106,6 +117,7 @@ var timerSaveEdit; var timerWorldSave; + var timerGroupSave; var durationSaveEdit = 200; //animation right menu var animation_rm_duration = 200; @@ -433,11 +445,16 @@ $("#rm_print_characters_block").prepend('
+ 
+ 
+ 
diff --git a/public/style.css b/public/style.css
index 60205f39d..9b9ea9358 100644
--- a/public/style.css
+++ b/public/style.css
@@ -756,7 +756,7 @@ display: none;
padding-left: 0.75em;
}
-#character_search_bar::-webkit-search-cancel-button {
+input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
@@ -769,7 +769,7 @@ display: none;
cursor: pointer;
}
-#character_search_bar:focus::-webkit-search-cancel-button {
+input[type=search]:focus::-webkit-search-cancel-button {
opacity: .3;
pointer-events: all;
}
@@ -2486,3 +2486,153 @@ body {
-webkit-transition: width 0s ease;
transition: width 0s ease;
}
+
+/* GROUP CHATS */
+
+#rm_group_top_bar {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ width: 100%;
+}
+#rm_button_group_chats{
+ cursor: pointer;
+ display: inline-block;
+}
+#rm_button_group_chats h2{
+ margin-top: auto;
+ margin-bottom: auto;
+ font-size: 16px;
+ color: rgb(188, 193, 200, 1);
+ border: 1px solid #333;
+ background-color: rgba(0,0,0,0.3);
+ padding:6px;
+ border-radius: 10px;
+}
+#rm_group_chats_block {
+ display: none;
+ height: 100%;
+ flex-direction: column;
+ align-items: flex-start;
+}
+#rm_group_chat_name {
+ width: 90%;
+}
+#rm_group_buttons {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+}
+#rm_group_buttons > input {
+ font-size: 16px;
+ cursor: pointer;
+ user-select: none;
+}
+#rm_group_buttons > input:disabled {
+ filter: brightness(0.3);
+ cursor: unset;
+}
+#rm_group_members, #rm_group_add_members {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ width: 100%;
+ flex: 1;
+ overflow: auto;
+}
+#rm_group_buttons_expander {
+ flex-grow: 1;
+}
+#rm_group_delete {
+ color: rgb(190, 0, 0);
+}
+#rm_group_members:empty {
+ width: 100%;
+}
+#rm_group_members:empty::before {
+ content: 'Group is empty';
+ font-size: 1rem;
+ font-weight: bolder;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ opacity: 0.8;
+}
+#rm_group_add_members:empty {
+ width: 100%;
+}
+#rm_group_add_members_header {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ width: 100%;
+}
+#rm_group_add_members_header input {
+ flex-grow: 1;
+ width: 100%;
+ margin-left: 1rem;
+}
+#rm_group_add_members:empty::before {
+ content: 'No characters available';
+ font-size: 1rem;
+ font-weight: bolder;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ opacity: 0.8;
+}
+.group_member_icon {
+ width: 25px;
+ height: 25px;
+ margin: 0 10px;
+}
+.group_member_icon img {
+ filter: invert(1);
+}
+.group_member {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ width: 100%;
+ padding: 5px;
+ border-radius: 10px;
+ cursor:pointer;
+}
+.group_member .ch_name {
+ flex-grow: 1;
+ margin-left: 10px;
+}
+.group_member:hover{
+ background-color: #ffffff11;
+}
+#group_member_template {
+ display: none !important;
+}
+#group_list_template {
+ display: none !important;
+}
+.group_select {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding: 5px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+.group_select:hover {
+ background-color: #ffffff11;
+}
+.group_select .group_icon {
+ width: 20px;
+ height: 20px;
+ margin: 0 10px;
+}
+.group_select .ch_name {
+ flex-grow: 1;
+}
+.group_select .group_icon img {
+ filter: invert(1);
+}
\ No newline at end of file
diff --git a/server.js b/server.js
index ee7235886..4840eaf06 100644
--- a/server.js
+++ b/server.js
@@ -61,7 +61,12 @@ if (is_colab && process.env.googledrive == 2){
const jsonParser = express.json({limit: '100mb'});
const urlencodedParser = express.urlencoded({extended: true, limit: '100mb'});
const baseRequestArgs = { headers: { "Content-Type": "application/json" } };
-const directories = { worlds: 'public/worlds/', avatars: 'public/User Avatars' };
+const directories = {
+ worlds: 'public/worlds/',
+ avatars: 'public/User Avatars',
+ groups: 'public/groups/',
+ groupChats: 'public/group chats',
+};
// CSRF Protection //
const doubleCsrf = require('csrf-csrf').doubleCsrf;
@@ -1294,6 +1299,112 @@ app.post('/uploaduseravatar', urlencodedParser, async (request, response) => {
}
});
+app.post('/getgroups', jsonParser, (_, response) => {
+ const groups = [];
+
+ if (!fs.existsSync(directories.groups)) {
+ fs.mkdirSync(directories.groups);
+ }
+
+ const files = fs.readdirSync(directories.groups);
+ files.forEach(function(file) {
+ const fileContents = fs.readFileSync(path.join(directories.groups, file), 'utf8');
+ const group = JSON.parse(fileContents);
+ groups.push(group);
+ });
+
+ return response.send(groups);
+});
+
+app.post('/creategroup', jsonParser, (request, response) => {
+ if (!request.body) {
+ return response.sendStatus(400);
+ }
+
+ const id = Date.now();
+ const chatMetadata = { id: id, name: request.body.name ?? 'New Group', members: request.body.members ?? [], avatar_url: request.body.avatar_url };
+ const pathToFile = path.join(directories.groups, `${id}.json`);
+ const fileData = JSON.stringify(chatMetadata);
+
+ if (!fs.existsSync(directories.groups)) {
+ fs.mkdirSync(directories.groups);
+ }
+
+ fs.writeFileSync(pathToFile, fileData);
+ return response.send(chatMetadata);
+});
+
+app.post('/editgroup', jsonParser, (request, response) => {
+ if (!request.body || !request.body.id) {
+ return response.sendStatus(400);
+ }
+
+ const id = request.body.id;
+ const pathToFile = path.join(directories.groups, `${id}.json`);
+ const fileData = JSON.stringify(request.body);
+
+ fs.writeFileSync(pathToFile, fileData);
+ return response.send({ok: true});
+});
+
+app.post('/getgroupchat', jsonParser, (request, response) => {
+ if (!request.body || !request.body.id) {
+ return response.sendStatus(400);
+ }
+
+ const id = request.body.id;
+ const pathToFile = path.join(directories.groupChats, `${id}.jsonl`);
+
+ if (fs.existsSync(pathToFile)) {
+ const data = fs.readFileSync(pathToFile, 'utf8');
+ const lines = data.split('\n');
+
+ // Iterate through the array of strings and parse each line as JSON
+ const jsonData = lines.map(JSON.parse);
+ return response.send(jsonData);
+ } else {
+ return response.send([]);
+ }
+});
+
+app.post('/savegroupchat', jsonParser, (request, response) => {
+ if (!request.body || !request.body.id) {
+ return response.sendStatus(400);
+ }
+
+ const id = request.body.id;
+ const pathToFile = path.join(directories.groupChats, `${id}.jsonl`);
+
+ if (!fs.existsSync(directories.groupChats)) {
+ fs.mkdirSync(directories.groupChats);
+ }
+
+ let chat_data = request.body.chat;
+ let jsonlData = chat_data.map(JSON.stringify).join('\n');
+ fs.writeFileSync(pathToFile, jsonlData, 'utf8');
+ return response.send({ok: true});
+});
+
+app.post('/deletegroup', jsonParser, async (request, response) => {
+ if (!request.body || !request.body.id) {
+ return response.sendStatus(400);
+ }
+
+ const id = request.body.id;
+ const pathToGroup = path.join(directories.groups, `${id}.json`);
+ const pathToChat = path.join(directories.groupChats, `${id}.jsonl`);
+
+ if (fs.existsSync(pathToGroup)) {
+ fs.rmSync(pathToGroup);
+ }
+
+ if (fs.existsSync(pathToChat)) {
+ fs.rmSync(pathToChat);
+ }
+
+ return response.send({ok: true});
+});
+
// ** REST CLIENT ASYNC WRAPPERS **
function deleteAsync(url, args) {
return new Promise((resolve, reject) => {