Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make User Stats and Present Characters always editable even when not generated - show placeholder cards with editable fields

Browse Source
This commit is contained in:
Spicy_Marinara
2025-10-15 02:06:23 +02:00
parent 09d2d62999
commit 8f67decea3
1 changed files with 83 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.js
+82 -16
View File
@@ -1682,6 +1682,11 @@ function renderUserStats() {
const stats = extensionSettings.userStats;
const userName = getContext().name1;
// Initialize lastGeneratedData.userStats if it doesn't exist
if (!lastGeneratedData.userStats) {
lastGeneratedData.userStats = `Health: ${stats.health}%\nSustenance: ${stats.sustenance}%\nEnergy: ${stats.energy}%\nHygiene: ${stats.hygiene}%\nArousal: ${stats.arousal}%\n${stats.mood}: ${stats.conditions}\nInventory: ${stats.inventory}`;
}
// Get user portrait
const userPortrait = getThumbnailUrl('persona', user_avatar);
@@ -2149,21 +2154,9 @@ function renderThoughts() {
$thoughtsContainer.addClass('rpg-content-updating');
}
// If no data yet, show placeholder
// Initialize if no data yet
if (!lastGeneratedData.characterThoughts) {
const placeholderHtml = `
<div class="rpg-thoughts-content">
<div class="rpg-thoughts-placeholder">
<div class="rpg-placeholder-text">No characters detected</div>
<div class="rpg-placeholder-hint">Generate a new response in the roleplay or switch to "Separate Generation" in Settings to access and click the "Refresh RPG Info" button</div>
</div>
</div>
`;
$thoughtsContainer.html(placeholderHtml);
if (extensionSettings.enableAnimations) {
setTimeout(() => $thoughtsContainer.removeClass('rpg-content-updating'), 600);
}
return;
lastGeneratedData.characterThoughts = '';
}
const lines = lastGeneratedData.characterThoughts.split('\n');
@@ -2222,8 +2215,36 @@ function renderThoughts() {
// console.log('[RPG Companion] Total characters parsed:', presentCharacters.length);
// console.log('[RPG Companion] Characters array:', presentCharacters);
// If no characters parsed, show a placeholder editable card
if (presentCharacters.length === 0) {
html += '<div class="rpg-thoughts-content"><div class="rpg-thoughts-overlay"><span>Unavailable</span></div></div>';
// Get default character portrait (try to use the current character if in 1-on-1 chat)
let defaultPortrait = 'img/user-default.png';
let defaultName = 'Character';
if (this_chid !== undefined && characters[this_chid]) {
if (characters[this_chid].avatar && characters[this_chid].avatar !== 'none') {
defaultPortrait = getThumbnailUrl('avatar', characters[this_chid].avatar);
}
defaultName = characters[this_chid].name || 'Character';
}
html += '<div class="rpg-thoughts-content">';
html += `
<div class="rpg-character-card" data-character-name="${defaultName}">
<div class="rpg-character-avatar">
<img src="${defaultPortrait}" alt="${defaultName}" onerror="this.src='img/user-default.png'" />
<div class="rpg-relationship-badge rpg-editable" contenteditable="true" data-character="${defaultName}" data-field="relationship" title="Click to edit (use emoji: ⚔️ ⚖️ ⭐ ❤️)">⚖️</div>
</div>
<div class="rpg-character-info">
<div class="rpg-character-header">
<span class="rpg-character-emoji rpg-editable" contenteditable="true" data-character="${defaultName}" data-field="emoji" title="Click to edit emoji">😊</span>
<span class="rpg-character-name rpg-editable" contenteditable="true" data-character="${defaultName}" data-field="name" title="Click to edit name">${defaultName}</span>
</div>
<div class="rpg-character-traits rpg-editable" contenteditable="true" data-character="${defaultName}" data-field="traits" title="Click to edit traits">Traits</div>
</div>
</div>
`;
html += '</div>';
} else {
html += '<div class="rpg-thoughts-content">';
for (const char of presentCharacters) {
@@ -2516,10 +2537,18 @@ function updateCharacterField(characterName, field, value) {
// console.log('[RPG Companion] 📝 updateCharacterField called - character:', characterName, 'field:', field, 'value:', value);
// console.log('[RPG Companion] 📝 Current lastGeneratedData.characterThoughts:', lastGeneratedData.characterThoughts);
if (!lastGeneratedData.characterThoughts) return; const lines = lastGeneratedData.characterThoughts.split('\n');
// Initialize if it doesn't exist
if (!lastGeneratedData.characterThoughts) {
lastGeneratedData.characterThoughts = 'Present Characters\n---\n';
}
const lines = lastGeneratedData.characterThoughts.split('\n');
let characterFound = false;
const updatedLines = lines.map(line => {
// Case-insensitive character name matching
if (line.toLowerCase().includes(characterName.toLowerCase())) {
characterFound = true;
const parts = line.split('|').map(p => p.trim());
if (parts.length >= 2) {
const firstPart = parts[0];
@@ -2561,6 +2590,43 @@ function updateCharacterField(characterName, field, value) {
return line;
});
// If character wasn't found, create a new character line
if (!characterFound) {
// Find the divider line
const dividerIndex = updatedLines.findIndex(line => line.includes('---'));
if (dividerIndex >= 0) {
// Create initial character line with the edited field
let emoji = '😊';
let name = characterName;
let traits = 'Traits';
let relationship = 'Neutral';
let thoughts = '';
// Apply the edited field
if (field === 'emoji') {
emoji = value;
} else if (field === 'name') {
name = value;
} else if (field === 'traits') {
traits = value;
} else if (field === 'thoughts') {
thoughts = value;
} else if (field === 'relationship') {
const emojiToRelationship = {
'⚔️': 'Enemy',
'⚖️': 'Neutral',
'⭐': 'Friend',
'❤️': 'Lover'
};
relationship = emojiToRelationship[value] || value;
}
const newCharacterLine = `${emoji}: ${name}, ${traits} | ${relationship} | ${thoughts}`;
// Insert after the divider
updatedLines.splice(dividerIndex + 1, 0, newCharacterLine);
}
}
lastGeneratedData.characterThoughts = updatedLines.join('\n');
// console.log('[RPG Companion] 💾 Updated lastGeneratedData.characterThoughts:', lastGeneratedData.characterThoughts);