app/backend/ChatHistory.ts

@@ -6,7 +6,7 @@ type ChatMessage = {
 
 let chatHistory: ChatMessage[] = [];
 
-function addMessageToHistory(name: string, message: any): void {
+function addMessageHistory(name: string, message: any): void {
     const newMessage: ChatMessage = {
         name: name,
         messages: message,
@@ -16,7 +16,7 @@ function addMessageToHistory(name: string, message: any): void {
     console.log(`Added message from ${name}: ${message}`);
 }
 
-function removeMessageFromHistory(timestamp: number): void {
+function removeMessageHistory(timestamp: number): void {
     const index = chatHistory.findIndex((msg) => msg.timestamp === timestamp);
     if (index > -1) {
         chatHistory.splice(index, 1);

app/backend/InputOutputHandler.tsx

@@ -24,8 +24,6 @@ const InputOutputBackend: React.FC = () => {
   const [dateFormat, setDateFormat] = useState<string>("DD-MM-YYYY");
   const [messages, setMessages] = useState<Message[]>([]);
   const [myBoolean, setMyBoolean] = useState<boolean>(() => localStorage.getItem('myBoolean') === 'true') || false;
-  const apiURL = new URL("http://localhost:5000/interstellar_ai/api/ai_create")
-  apiURL.hostname = window.location.hostname;
 
   // Fetch local storage values and update state on component mount
   useEffect(() => {
@@ -74,7 +72,7 @@ const InputOutputBackend: React.FC = () => {
   useEffect(() => {
     getNewToken()
 
-    postWorkerRef.current = new Worker(new URL("./threads/PostWorker.ts", import.meta.url))
+    postWorkerRef.current = new Worker(new URL("./threads/PostWorker.js", import.meta.url))
 
     postWorkerRef.current.onmessage = (event) => {
       const status = event.data.status
@@ -103,7 +101,7 @@ const InputOutputBackend: React.FC = () => {
   }, [])
 
   const getNewToken = () => {
-    axios.get(apiURL.href)
+    axios.get("http://localhost:5000/interstellar_ai/api/ai_create")
       .then(response => {
         setAccessToken(response.data.access_token)
       })
@@ -115,11 +113,9 @@ const InputOutputBackend: React.FC = () => {
 
   const startGetWorker = () => {
     if (!getWorkerRef.current) {
-      getWorkerRef.current = new Worker(new URL("./threads/GetWorker.ts", import.meta.url))
+      getWorkerRef.current = new Worker(new URL("./threads/GetWorker.js", import.meta.url))
 
-      const windowname = window.location.hostname
+      getWorkerRef.current.postMessage({ action: "start", access_token: accessToken })
-
-      getWorkerRef.current.postMessage({ action: "start", access_token: accessToken, windowname })
 
       addMessage("assistant", "")
       getWorkerRef.current.onmessage = (event) => {
@@ -182,8 +178,7 @@ const InputOutputBackend: React.FC = () => {
             }
           }
           setInputMessage("")
-          const windowname = window.location.hostname
+          postWorkerRef.current.postMessage({ messages: [...messages, { role: "user", content: inputValue }], ai_model: "llama3.2", model_type: type, access_token: accessToken, api_key: api_key })
-          postWorkerRef.current.postMessage({ messages: [...messages, { role: "user", content: inputValue }], ai_model: "llama3.2", model_type: type, access_token: accessToken, api_key: api_key, windowname })
           startGetWorker()
         }
       }
@@ -251,7 +246,7 @@ const InputOutputBackend: React.FC = () => {
   const handleEditClick = () => {
     let newestMessage = messages[messages.length - 2].content
     setInputMessage(newestMessage)
-    const updatedMessages = messages.slice(0, messages.length - 2)
+    const updatedMessages = messages.slice(0, messages.length-2)
     setMessages(updatedMessages)
     endGetWorker()
     getNewToken()

app/backend/database.ts

@@ -18,12 +18,9 @@ if all went well, you will get the status 200 in response.data.status
 to check if the request was accepted or declined, check response.data.response, it will be either true or false depending on if it worked, or not.
 */
 
-const apiURL = new URL("http://localhost:5000/interstellar_ai/db")
-apiURL.hostname = window.location.hostname;
-
 export const sendToDatabase = async (data: any): Promise<boolean> => {
   try {
-    const response = await axios.post(apiURL.href, data);
+    const response = await axios.post("http://localhost:5000/interstellar_ai/db", data);
     const status = response.data.status;
     const success = response.data.response;
     postMessage({ status, success });
@@ -36,7 +33,7 @@ export const sendToDatabase = async (data: any): Promise<boolean> => {
 
 export const sendToDatabaseAndGetString = async (data: any): Promise<string> => {
   try {
-    const response = await axios.post(apiURL.href, data);
+    const response = await axios.post("http://localhost:5000/interstellar_ai/db", data);
     const status = response.data.status;
     const success = response.data.response;
     postMessage({ status, success });

app/backend/threads/GetWorker.js

@@ -1,14 +1,10 @@
 import axios from "axios";
 
-let windownameGlobal = ""
+let accesstoken
-
-let accesstoken = ""
 onmessage = (event) => {
-    const { action, access_token, windowname } = event.data
+    const { action, access_token } = event.data
     accesstoken = access_token
 
-    windownameGlobal = windowname
-
     if (action === "start") {
         fetchData()
     } else if (action === "terminate") {
@@ -18,12 +14,9 @@ onmessage = (event) => {
 
 const fetchData = () => {
 
-    const apiURL = new URL("http://localhost:5000/interstellar_ai/api/ai_get?access_token=" + accesstoken)
+    const apiURL = "http://localhost:5000/interstellar_ai/api/ai_get?access_token=" + accesstoken
-    apiURL.hostname = windownameGlobal;
 
-    console.log(apiURL.href)
+    axios.get(apiURL)
-
-    axios.get(apiURL.href)
         .then(response => {
             const data = response.data
             postMessage(data)

app/backend/threads/PostWorker.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 
 onmessage = (e) => {
-    const { messages, ai_model, model_type, access_token, api_key, windowname } = e.data
+    const { messages, ai_model, model_type, access_token, api_key } = e.data
 
 
     const Message = {
@@ -12,13 +12,7 @@ onmessage = (e) => {
         api_key: api_key
     }
 
-    const apiURL = new URL("http://localhost:5000/interstellar_ai/api/ai_send")
+    axios.post("http://localhost:5000/interstellar_ai/api/ai_send", Message)
-    console.log(windowname)
-    apiURL.hostname = windowname;
-
-    console.log(apiURL.href)
-
-    axios.post(apiURL.href, Message)
         .then(response => {
             const status = response.data.status
             postMessage({ status })

app/backend/voice_backend.ts

@@ -5,10 +5,7 @@ export const sendToVoiceRecognition = (audio_data: Blob): Promise<string> => {
     const formdata = new FormData()
     formdata.append("audio", audio_data)
 
-    const apiURL = new URL("http://localhost:5000/interstellar_ai/api/voice_recognition")
+    return axios.post("http://localhost:5000/interstellar_ai/api/voice_recognition", formdata)
-    apiURL.hostname = window.location.hostname;
-
-    return axios.post(apiURL.href, formdata)
         .then((response) => {
             return response.data.response
         })

app/components/Models.tsx

@@ -135,10 +135,10 @@ const modelList = {
     Image: 'pixtral-12b-2409'
   }
 }
-// Define the keys of modelList
+  // Define the keys of modelList
-type ModelKeys = keyof typeof modelList;
+  type ModelKeys = keyof typeof modelList;
 
-const ModelSection: React.FC = () => {
+  const ModelSection: React.FC = () => {
     // Initialize state with value from localStorage or default to ''
     const [selectedModelDropdown, setSelectedModelDropdown] = useState<ModelKeys>('Offline Fast');
     const [radioSelection, setRadioSelection] = useState<string | null>("");
@@ -250,6 +250,6 @@ const ModelSection: React.FC = () => {
         </div>
       </div>
     );
-};
+  };
 
 export default ModelSection;

app/styles/header.css

@@ -84,9 +84,9 @@ header{
 
 .header-login-button{
     height: 100%;
-    width:max-content;
+    width:4vw;
     font-size: var(--font-size);
-    padding: 0.5vw 1vw;
+    padding: 3px;
     background-color: var(--input-button-color);
     color: var(--text-color);
     border: none;