Chatbot test

'; } var mwaiClasses = ['mwai-reply']; if (role === 'assistant') { mwaiClasses.push('mwai-ai'); } else if (role === 'system') { mwaiClasses.push('mwai-system'); } else { mwaiClasses.push('mwai-user'); } var div = document.createElement('div'); div.classList.add(...mwaiClasses); var nameSpan = document.createElement('span'); nameSpan.classList.add('mwai-name'); if (role === 'assistant') { nameSpan.innerHTML = aiName; } else if (role === 'system') { nameSpan.innerHTML = sysName; } else { nameSpan.innerHTML = userName; } var textSpan = document.createElement('span'); textSpan.classList.add('mwai-text'); textSpan.innerHTML = text; div.appendChild(nameSpan); div.appendChild(textSpan); // Copy Button if (copyButton && role === 'assistant') { var button = document.createElement('div'); button.classList.add('mwai-copy-button'); var firstElement = document.createElement('div'); firstElement.classList.add('mwai-copy-button-one'); var secondElement = document.createElement('div'); secondElement.classList.add('mwai-copy-button-two'); button.appendChild(firstElement); button.appendChild(secondElement); div.appendChild(button); button.addEventListener('click', function () { try { var content = textSpan.textContent; navigator.clipboard.writeText(content); button.classList.add('mwai-animate'); setTimeout(function () { button.classList.remove('mwai-animate'); }, 1000); } catch (err) { console.warn('Not allowed to copy to clipboard. Make sure your website uses HTTPS.'); } }); } conversation.appendChild(div); if (typewriter) { if (role === 'assistant' && text !== startSentence && !replay) { let typewriter = new Typewriter(textSpan, { deleteSpeed: 50, delay: 25, loop: false, cursor: '', autoStart: true, wrapperClassName: 'mwai-typewriter', }); typewriter.typeString(text).start().callFunction((state) => { state.elements.cursor.setAttribute('hidden', 'hidden'); typewriter.stop(); }); } } conversation.scrollTop = conversation.scrollHeight; setButtonText(); // Syntax coloring if (typeof hljs !== 'undefined') { document.querySelectorAll('pre code').forEach((el) => { hljs.highlightElement(el); }); } } function buildPrompt(last = 15) { let prompt = context ? (context + '\n\n') : ''; memorizedChat.messages = memorizedChat.messages.slice(-last); // Casually fine tuned, let's use the last question if (isCasuallyFineTuned) { let lastLine = memorizedChat.messages[memorizedChat.messages.length - 1]; prompt = lastLine.content + promptEnding; return prompt; } // Otherwise let's compile the latest conversation let conversation = memorizedChat.messages.map(x => x.who + x.content); prompt += conversation.join('\n'); prompt += '\n' + rawAiName; return prompt; } // Function to request the completion function onSendClick() { let input = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-input textarea'); let inputText = input.value.trim(); // Reset the conversation if empty if (inputText === '') { clientId = randomStr(); document.querySelector('#mwai-chat-6514234a2bf0d .mwai-conversation').innerHTML = ''; localStorage.removeItem('mwai-chat-6514234a2bf0d') memorizedChat = { clientId: clientId, messages: [] }; memorizedChat.messages.push({ id: randomStr(), role: 'assistant', content: startSentence, who: rawAiName, html: startSentence }); addReply(startSentence, 'assistant'); return; } // Disable the button var button = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-input button'); button.disabled = true; // Add the user reply memorizedChat.messages.push({ id: randomStr(), role: 'user', content: inputText, who: rawUserName, html: inputText }); addReply(inputText, 'user'); input.value = ''; input.setAttribute('rows', 1); input.disabled = true; let prompt = buildPrompt(maxSentences); const data = mode === 'images' ? { env, session: session, prompt: inputText, newMessage: inputText, model: model, maxResults, apiKey: apiKey, service: service, clientId: clientId, } : { env, session: session, prompt: prompt, context: context, messages: memorizedChat.messages, newMessage: inputText, userName: userName, aiName: aiName, model: model, temperature: temperature, maxTokens: maxTokens, maxResults: 1, apiKey: apiKey, service: service, embeddingsIndex: embeddingsIndex, stop: stop, clientId: clientId, }; // Start the timer const stopTimer = injectTimer(button); // Send the request if (isDebugMode) { console.log('[BOT] Sent: ', data); } fetch(apiURL, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-WP-Nonce': restNonce, }, body: JSON.stringify(data) }) .then(response => response.json()) .then(data => { if (isDebugMode) { console.log('[BOT] Recv: ', data); } if (!data.success) { addReply(data.message, 'system'); } else { let html = data.images ? data.images : data.html; memorizedChat.messages.push({ id: randomStr(), role: 'assistant', content: data.reply, who: rawAiName, html: html }); addReply(html, 'assistant'); } button.disabled = false; input.disabled = false; stopTimer(); // Only focus only on desktop (to avoid the mobile keyboard to kick-in) if (!isMobile) { input.focus(); } }) .catch(error => { console.error(error); button.disabled = false; input.disabled = false; stopTimer(); }); } // Keep the textarea height in sync with the content function resizeTextArea(ev) { ev.target.style.height = 'auto'; ev.target.style.height = ev.target.scrollHeight + 'px'; } // Keep the textarea height in sync with the content function delayedResizeTextArea(ev) { window.setTimeout(resizeTextArea, 0, event); } // Init the chatbot function initMeowChatbot() { var input = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-input textarea'); var button = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-input button'); input.addEventListener('keypress', (event) => { let text = event.target.value; if (event.keyCode === 13 && !text.length && !event.shiftKey) { event.preventDefault(); return; } if (event.keyCode === 13 && text.length && !event.shiftKey) { onSendClick(); } }); input.addEventListener('keydown', (event) => { var rows = input.getAttribute('rows'); if (event.keyCode === 13 && event.shiftKey) { var lines = input.value.split('\n').length + 1; //mwaiSetTextAreaHeight(input, lines); } }); input.addEventListener('keyup', (event) => { var rows = input.getAttribute('rows'); var lines = input.value.split('\n').length ; //mwaiSetTextAreaHeight(input, lines); setButtonText(); }); input.addEventListener('change', resizeTextArea, false); input.addEventListener('cut', delayedResizeTextArea, false); input.addEventListener('paste', delayedResizeTextArea, false); input.addEventListener('drop', delayedResizeTextArea, false); input.addEventListener('keydown', delayedResizeTextArea, false); button.addEventListener('click', (event) => { onSendClick(); }); // If window, add event listener to mwai-open-button and mwai-close-button if ( isWindow ) { var openButton = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-open-button'); openButton.addEventListener('click', (event) => { var chat = document.querySelector('#mwai-chat-6514234a2bf0d'); chat.classList.add('mwai-open'); // Only focus only on desktop (to avoid the mobile keyboard to kick-in) if (!isMobile) { input.focus(); } }); var closeButton = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-close-button'); closeButton.addEventListener('click', (event) => { var chat = document.querySelector('#mwai-chat-6514234a2bf0d'); chat.classList.remove('mwai-open'); }); if (isFullscreen) { var resizeButton = document.querySelector('#mwai-chat-6514234a2bf0d .mwai-resize-button'); resizeButton.addEventListener('click', (event) => { var chat = document.querySelector('#mwai-chat-6514234a2bf0d'); chat.classList.toggle('mwai-fullscreen'); }); } } // Get back the previous chat if any for the same ID var chatHistory = []; if (memorizeChat) { chatHistory = localStorage.getItem('mwai-chat-6514234a2bf0d'); if (chatHistory) { memorizedChat = JSON.parse(chatHistory); if (memorizedChat && memorizedChat.clientId && memorizedChat.messages) { clientId = memorizedChat.clientId; memorizedChat.messages = memorizedChat.messages.filter(x => x && x.html && x.role); memorizedChat.messages.forEach(x => { addReply(x.html, x.role, true); }); } else { memorizedChat = null; } } if (!memorizedChat) { memorizedChat = { clientId: clientId, messages: [] }; } } if (memorizedChat.messages.length === 0) { memorizedChat.messages.push({ id: randomStr(), role: 'assistant', content: startSentence, who: rawAiName, html: startSentence }); addReply(startSentence, 'assistant'); } } // Let's go totally meoooow on this! initMeowChatbot(); })();