Rensat bort utkommenterad kod

2024-07-31 17:37:47 +02:00
parent 538f02e6a7
commit 9e6e6048f3
1 changed files with 0 additions and 108 deletions
@@ -1,111 +1,3 @@
 // // Get the user input element from the DOM
 // const chatbox = document.getElementById('chatbox');
 // const userInput = document.getElementById('userInput');
 // const parser = window.markdownit({
 //   linkify: true,
 //   strikethrough: true,
 // });
 // parser.enable(['table']);
 // // const apiEndpoint  = window.apiEndpoint;  // Get the API endpoint
 // // const useModel  = window.useModel;      // Get whether to use a model or not
 // // console.log("frontend.js - API Endpoint:  ", window.apiEndpoint);
 // // console.log("frontend.js - Use model:  ", window.useModel);
 // let apiEndpoint; // Make variable available outside of the scope of the event listener
 // let useModel; // Make variable available outside of the scope of the event listener
 // window.addEventListener('message', function(event) {
 //     if (event.origin === 'http://localhost:5004') { // Make sure this matches your origin
 //         const { apiEndpoint, useModel } = event.data;
 //         console.log("client.html - API Endpoint: ", apiEndpoint);
 //         console.log("client.html - use model: ", useModel);
 //         window.apiEndpoint  = apiEndpoint; 
 //         window.useModel  = useModel;
 //     }   
 // });
 // console.log("frontend.js  - API Endpoint:  ", window.apiEndpoint);
 // console.log("frontend.js  - Use model:  ", window.useModel);
 // // Define a function to send the user's message to the AI
 // function sendMessage() {
 //   // Get the user's input message and trim any whitespace
 //     const query = userInput.value.trim();
 //     // Check if the message is not empty
 //     if (query !== '') {
 //         // fetch(`${apiEndpoint}`, {
 //         fetch(apiEndpoint, {
 //             method: 'POST',
 //             headers: { 'Content-Type': 'application/json' },
 //             body: JSON.stringify({ query, model: useModel }), // Add these parameters here
 //             // body: JSON.stringify({ query, url_server: "http://your-custom-url", model: "phi3:mini" }), // Add these parameters here
 //         })
 //         .then(response => response.json())
 //         .then(data => {
 //             // Get the AI's response from the API data
 //             const aiResponse = data.response;
 //             // Render the user's original message in the chatbox
 //             renderMessage(query, 'user-message');
 //             // Render the AI's response in the chatbox
 //             renderMessage(aiResponse, 'ai-response');
 //             // Clear the user input field for the next message
 //             userInput.value = '';
 //         })
 //         .catch(error => console.error('Error sending message:', error));
 //     }
 // }
 // // Define a function to render a message in the chatbox with a specific class name
 // function renderMessage(text, className) {
 //     // Create a new div element to hold the message
 //     const messageElement = document.createElement('div');
 //     // Add the specified class name to the element
 //     messageElement.className = className;
 //     // // Set the text content of the element to the message text
 //     // messageElement.textContent = text;
 //     // Use the markdown-it parser
 //     const html = parser.render(text);
 //     messageElement.innerHTML = html;
 //     // Append the message element to the chatbox immediately
 //     // chatbox.appendChild(messageElement);
 //     // Typeset math in the message element
 //     MathJax.typesetPromise([messageElement]).then(() => {
 //         // No need to append anything here, it's already appended above
 //         chatbox.appendChild(messageElement);
 //     });
 // }
 // // Make the button toggle colour when user presses Enter on keyboard
 // const sendButton = document.getElementById('sendButton');
 // document.addEventListener('keydown', function(event) {
 //     if (event.key === 'Enter') {
 //         sendButton.style.backgroundColor = '#6f6f6f'; // Dark Grey when Enter is pressed
 //     }
 // });
 // document.addEventListener('keyup', function() {
 //     sendButton.style.backgroundColor = ''; // Restore the original style when any key is released
 // });
 // Get the user input element from the DOM
 const chatbox = document.getElementById('chatbox');
 const userInput = document.getElementById('userInput');