// UltimateChatManager: An enhanced chat manager for managing conversations and interactions // Key functions and usage: // 1. addUserMessage(content): Adds a user message to the chat history // Example: chatManager.addUserMessage("Hello, how are you?"); // Purpose: Records user input in the conversation log. // 2. addAssistantMessage(content): Adds an assistant message to the chat history // Example: chatManager.addAssistantMessage("I'm doing well, thank you!"); // Purpose: Records AI responses in the conversation log. // 3. addSystemMessage(content): Adds a system message to the chat history // Example: chatManager.addSystemMessage("Welcome to the chat!"); // Purpose: Adds system-level instructions or information to guide the conversation. // 4. getHistory(): Returns the current chat history // Example: const history = chatManager.getHistory(); // Purpose: Retrieves the entire conversation log for review or processing. // 5. clearHistory(): Clears the chat history // Example: chatManager.clearHistory(); // Purpose: Resets the conversation, removing all previous messages. // 6. removeMessage(index): Removes a message at the specified index // Example: chatManager.removeMessage(2); // Purpose: Allows deletion of specific messages from the conversation history. // 7. updateMessage(index, newContent, newRole): Updates a message at the specified index // Example: chatManager.updateMessage(1, "Updated message", "user"); // Purpose: Modifies existing messages in the conversation history. // 8. getCharacterResponse(operation, maxTokens, autoAdd): Gets a response from the character // Example: const response = await chatManager.getCharacterResponse("chat", 384, true); // Purpose: Generates AI responses based on the conversation history and specified operation. // Parameters: // - operation: Determines the type of response (e.g., "chat" for conversation, "classify" for classification tasks) // - maxTokens: Limits the length of the generated response // - autoAdd: If true, automatically adds the response to the chat history // 9. sendAndReceiveMessage(message, role, operation, maxTokens): Sends a message and gets a response // Example: const response = await chatManager.sendAndReceiveMessage("Hello", "user", "chat", 384); // Purpose: Combines sending a message and receiving a response in one function call. // 10. updatePrompt(newPrompt): Updates the character's prompt // Example: chatManager.updatePrompt("You are a friendly AI assistant."); // Purpose: Changes the base instructions for the AI, altering its behavior and responses. // 11. instruct(message, includeContext): Sends an instruction to the character // Example: const response = await chatManager.instruct("Summarize the conversation", true); // Purpose: Gives specific instructions to the AI, optionally including or excluding previous context. // Parameters: // - message: The instruction or command for the AI // - includeContext: If true, considers previous conversation history; if false, only considers the instruction // Include Bootstrap CSS via CDN const bootstrapLink = document.createElement('link'); bootstrapLink.rel = 'stylesheet'; bootstrapLink.href = 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'; document.head.appendChild(bootstrapLink); class UltimateChatManager extends ChatManager { constructor(characterDescription = '') { super(characterDescription); this.characterDescription = characterDescription; } addUserMessage(content) { this.addMessage('user', content); console.log(`User message added: '${content}'`); } addAssistantMessage(content) { this.addMessage('assistant', content); console.log(`Assistant message added: '${content}'`); } addSystemMessage(content) { this.addMessage('system', content); console.log(`System message added: '${content}'`); } getHistory() { return this.getChatHistory(); } clearHistory() { this.cleanChatHistory(); console.log("Chat history cleared."); } removeMessage(index) { const history = this.getHistory(); if (index >= 0 && index < history.length) { history.splice(index, 1); console.log(`Message at index ${index} removed.`); } else { console.warn(`Invalid index ${index}. No message removed.`); } } updateMessage(index, newContent, newRole = null) { const history = this.getHistory(); if (index >= 0 && index < history.length) { history[index].content = newContent; if (newRole) { history[index].role = newRole; } console.log(`Message at index ${index} updated.`); } else { console.warn(`Invalid index ${index}. No message updated.`); } } async getCharacterResponse(operation = 'chat', maxTokens = 384, autoAdd = true) { try { const response = await super.getCharacterResponse(operation, maxTokens); console.log(`Received assistant response: '${response}'`); if (autoAdd) { this.addAssistantMessage(response); } return response; } catch (error) { console.error('Error getting character response:', error); throw error; } } async sendAndReceiveMessage(message, role = 'user', operation = 'chat', maxTokens = 384) { switch (role) { case 'user': this.addUserMessage(message); break; case 'assistant': this.addAssistantMessage(message); break; case 'system': this.addSystemMessage(message); break; default: console.warn(`Invalid role '${role}' specified. Defaulting to 'user'.`); this.addUserMessage(message); } const response = await this.getCharacterResponse(operation, maxTokens, true); return response; } updatePrompt(newPrompt) { this.characterDescription = newPrompt; console.log(`Prompt updated to: '${newPrompt}'`); } async instruct(message, includeContext = true) { console.log("Chat history before clearing:", JSON.stringify(this.getHistory(), null, 2)); if (includeContext) { const savedHistory = this.getHistory(); this.clearHistory(); this.addSystemMessage(message); this.addAssistantMessage("Absolutely! I will make sure to adhere to the instruction. I will end my response after completing the requested content. Is there anything else I can help you with? Here is your requested content: ") const response = await this.getCharacterResponse('classify'); this.clearHistory(); savedHistory.forEach(msg => this.addMessage(msg.role, msg.content)); this.addSystemMessage(message); this.addAssistantMessage(response); console.log("Chat history after restoring:", JSON.stringify(this.getHistory(), null, 2)); return response; } else { const savedHistory = this.getHistory(); this.clearHistory(); this.addSystemMessage(message); this.addAssistantMessage("Absolutely! I will make sure to adhere to the instruction. I will end my response after completing the requested content. Is there anything else I can help you with? Here is your requested content: ") const response = await this.getCharacterResponse('classify'); this.clearHistory(); savedHistory.forEach(msg => this.addMessage(msg.role, msg.content)); this.addAssistantMessage(response); console.log("Chat history after restoring:", JSON.stringify(this.getHistory(), null, 2)); return response; } } } class UltimatePromptGenerator extends UltimateChatManager { constructor(characterDescription = '', promptList = []) { super(characterDescription); this.promptList = promptList; this.addSystemMessage("You are an AI prompt generator. Your goal is to enhance or create prompts based on user input. Use the provided prompt list as examples and inspiration. Always strive to create clear, concise, and effective prompts."); } async generatePrompt(userInput) { this.addUserMessage(userInput); const response = await this.getCharacterResponse('chat', 384, false); this.addAssistantMessage(response); return response; } setPromptList(promptList) { this.promptList = promptList; this.addSystemMessage("Here's an updated list of example prompts: " + JSON.stringify(promptList)); } } class Example extends Phaser.Scene { constructor() { super(); this.initialPrompt = "You are an AI prompt generator. Your goal is to enhance or create prompts based on user input. Use the provided prompt list as examples and inspiration. Always strive to create clear, concise, and effective prompts."; this.initialMessages = [{ role: 'system', content: "**User enters the chat**" }, { role: 'user', content: "Help me create a prompt for a friendly AI assistant." }, { role: 'assistant', content: "Certainly! Here's a prompt for a friendly AI assistant: 'You are a warm and approachable AI assistant, always eager to help. Your responses should be friendly, clear, and concise. Aim to understand the user's needs and provide helpful information or solutions in a positive manner.'" }]; this.promptGenerator = new UltimatePromptGenerator(this.initialPrompt); this.initialMessages.forEach(msg => this.promptGenerator.addMessage(msg.role, msg.content)); } resetPromptGenerator() { this.promptGenerator = new UltimatePromptGenerator(this.initialPrompt); this.initialMessages.forEach(msg => this.promptGenerator.addMessage(msg.role, msg.content)); } preload() { this.load.image('apple', 'https://play.rosebud.ai/assets/apple_without_Shadow.png?JHvb'); this.load.image('red', 'https://play.rosebud.ai/assets/red.png?RfMt'); this.load.json('prompts', 'https://play.rosebud.ai/assets/prompts.json?QDQw'); } create() { const promptsData = this.cache.json.get('prompts'); this.promptGenerator.setPromptList(promptsData); this.createTitle(); this.createPromptContainer(); this.createMessageButtons(); this.createUpdateMessageUI(); this.createRemoveMessageUI(); this.createOperationUI(); this.createPromptUpdateUI(); this.createChatInput(); this.updateMessageList(); this.updatePrompt(); } createTitle() { this.titleContainer = this.add.dom(400, 30).createFromHTML(`

UltimateChatManager Demo

`); this.titleContainer.setOrigin(0.5); } createPromptContainer() { // Use Bootstrap classes for styling this.promptContainer = this.add.dom(400, 270).createFromHTML(`

Prompt

${this.initialPrompt}

Chat History

`); this.promptContainer.setOrigin(0.5); } // Remove createChatContainer method as it's no longer needed createMessageButtons() { // Group buttons using Bootstrap button group this.messageButtonGroup = this.add.dom(400, 510).createFromHTML(`

`); this.messageButtonGroup.setOrigin(0.5); // Add event listeners this.messageButtonGroup.getChildByID('addUserMessage').addEventListener('click', () => { this.promptGenerator.addUserMessage("add message"); this.updateMessageList(); }); this.messageButtonGroup.getChildByID('addAssistantMessage').addEventListener('click', () => { this.promptGenerator.addAssistantMessage("add message"); this.updateMessageList(); }); this.messageButtonGroup.getChildByID('addSystemMessage').addEventListener('click', () => { this.promptGenerator.addSystemMessage("add message"); this.updateMessageList(); }); this.messageButtonGroup.getChildByID('clearHistory').addEventListener('click', () => { this.promptGenerator.clearHistory(); this.updateMessageList(); }); this.messageButtonGroup.getChildByID('resetAll').addEventListener('click', () => { this.resetPromptGenerator(); this.updateMessageList(); this.updatePrompt(); }); } createUpdateMessageUI() { this.updateMessageContainer = this.add.dom(275, 560).createFromHTML(`

`); this.updateMessageContainer.setOrigin(0.5); // Add event listener this.updateMessageContainer.getChildByID('updateMessage').addEventListener('click', () => { const index = parseInt(this.updateMessageContainer.getChildByID('indexDropdown').value); const role = this.updateMessageContainer.getChildByID('roleDropdown').value; const newMessage = this.updateMessageContainer.getChildByID('updateMessageInput').value; if (newMessage.trim() !== '') { this.promptGenerator.updateMessage(index, newMessage, role); this.updateMessageList(); this.updateMessageContainer.getChildByID('updateMessageInput').value = ''; } }); } createRemoveMessageUI() { this.removeMessageContainer = this.add.dom(400, 610).createFromHTML(`

Remove Index:

`); this.removeMessageContainer.setOrigin(0.5); // Populate remove index dropdown this.removeIndexDropdown = this.removeMessageContainer.getChildByID('removeIndexDropdown'); for (let i = 0; i < 5; i++) { const option = document.createElement('option'); option.text = i.toString(); option.value = i; this.removeIndexDropdown.add(option); } // Add event listener this.removeMessageContainer.getChildByID('removeMessage').addEventListener('click', () => { const index = parseInt(this.removeIndexDropdown.value); this.promptGenerator.removeMessage(index); this.updateMessageList(); }); } createOperationUI() { this.operationContainer = this.add.dom(400, 660).createFromHTML(`

Operation:

`); this.operationContainer.setOrigin(0.5); // Add event listener this.operationContainer.getChildByID('receiveMessage').addEventListener('click', async () => { const operation = this.operationContainer.getChildByID('operationDropdown').value; await this.promptGenerator.getCharacterResponse(operation); this.updateMessageList(); }); } createPromptUpdateUI() { this.promptUpdateContainer = this.add.dom(400, 710).createFromHTML(`

New Prompt:

`); this.promptUpdateContainer.setOrigin(0.5); // Add event listener this.promptUpdateContainer.getChildByID('updatePrompt').addEventListener('click', () => { const newPrompt = this.promptUpdateContainer.getChildByID('promptInput').value; this.promptGenerator.updatePrompt(newPrompt); this.updatePrompt(); }); } createChatInput() { this.chatInputContainer = this.add.dom(250, 760).createFromHTML(`

`); this.chatInputContainer.setOrigin(0.5); // Add event listener this.chatInputContainer.getChildByID('sendButton').addEventListener('click', this.sendMessage.bind(this)); } addButton(x, y, text, callback) { // This method is no longer needed as we are using Bootstrap buttons } updateMessageList() { const history = this.promptGenerator.getHistory(); const chatHistoryElement = this.promptContainer.getChildByID('chatHistory'); chatHistoryElement.innerHTML = ''; history.forEach((message, index) => { const messageElement = document.createElement('li'); messageElement.className = 'list-group-item'; messageElement.textContent = `${index + 1}. ${message.role}: ${message.content}`; chatHistoryElement.appendChild(messageElement); }); // Scroll to the bottom of the chat history chatHistoryElement.parentElement.scrollTop = chatHistoryElement.parentElement.scrollHeight; } updatePrompt() { const promptElement = this.promptContainer.getChildByID('promptText'); promptElement.textContent = this.promptGenerator.characterDescription; } async sendMessage() { const chatInput = this.chatInputContainer.getChildByID('chatInput'); const operationSelect = this.chatInputContainer.getChildByID('operationSelect'); const message = chatInput.value; const operation = operationSelect.value; if (message.trim() !== '') { chatInput.value = ''; if (operation === 'instructTrue' || operation === 'instructFalse') { const includeContext = operation === 'instructTrue'; await this.promptGenerator.instruct(message, includeContext); } else if (operation === 'generatePrompt') { await this.promptGenerator.generatePrompt(message); } else { await this.promptGenerator.sendAndReceiveMessage(message, 'user', operation); } this.updateMessageList(); } } resetPromptGenerator() { this.promptGenerator.updatePrompt(this.initialPrompt); this.promptGenerator.clearHistory(); this.initialMessages.forEach(msg => this.promptGenerator.addMessage(msg.role, msg.content)); this.updateMessageList(); this.updatePrompt(); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: true, backgroundColor: 0xF8F9FA, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 800, height: 800 }, scene: Example, dom: { createContainer: true } }; window.phaserGame = new Phaser.Game(config);