From ce4dac8227940bd62e9c60e8518a9ec5841313c6 Mon Sep 17 00:00:00 2001
From: Patrick_Pluto <patrick_pluto@noreply.codeberg.org>
Date: Thu, 3 Oct 2024 13:33:07 +0200
Subject: [PATCH 1/2] HelloWorld

---
 app/components/Models.tsx | 36 ++++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/app/components/Models.tsx b/app/components/Models.tsx
index 24ba852..7c22ab7 100644
--- a/app/components/Models.tsx
+++ b/app/components/Models.tsx
@@ -154,15 +154,15 @@ const modelDropdown = {
 };
 
 const selectedAIFunction = [
-  'Code', 
-  'Math', 
-  'Language', 
-  'Character', 
-  'Finance', 
-  'Weather', 
-  'Time', 
-  'Image', 
-  'Custom1', 
+  'Code',
+  'Math',
+  'Language',
+  'Character',
+  'Finance',
+  'Weather',
+  'Time',
+  'Image',
+  'Custom1',
   'Custom2'
 ]
 
@@ -172,25 +172,29 @@ const ModelSection: React.FC = () => {
   const [radioSelection, setRadioSelection] = useState<string | null>("")
   const [activeSelectedAIFunction, setActiveSelectedAIFunction] = useState('');
   const [currentSelectedAIFunction, setCurrentSelectedAIFunction] = useState<string | null>("");
-  
+
   useEffect(() => {
     var temp = localStorage.getItem("activeSelectedAIFunction") || ""
     setActiveSelectedAIFunction(temp)
     if (!localStorage.getItem('selectedModelDropdown')) {
-      localStorage.setItem("selectedModelDropdown", "Offline Fast" )
+      localStorage.setItem("selectedModelDropdown", "Offline Fast")
     }
 
     if (!localStorage.getItem("activeSelectedAIFunction")) {
       setActiveSelectedAIFunction('Code')
-      localStorage.setItem('activeSelectedAIFunction' ,'Code')
+      localStorage.setItem('activeSelectedAIFunction', 'Code')
     }
 
     if (!localStorage.getItem("model")) {
-      localStorage.setItem("model" ,'starcoder2')
+      localStorage.setItem("model", 'starcoder2')
     }
 
     if (!localStorage.getItem("radioSelection")) {
-      localStorage.setItem("radioSelection" ,'None')
+      localStorage.setItem("radioSelection", 'None')
+    }
+
+    if (!localStorage.getItem("type")) {
+      localStorage.setItem("type", 'local')
     }
 
     const handleStorageChange = () => {
@@ -277,7 +281,7 @@ const ModelSection: React.FC = () => {
     modelDropdown.offlineNonFoss.includes(model) || modelDropdown.offlineFoss.includes(model);
 
   const modelClicked = (model: string) => {
-    localStorage.setItem('activeSelectedAIFunction' , model)
+    localStorage.setItem('activeSelectedAIFunction', model)
     setActiveSelectedAIFunction(model)
     const selectedAIFunction = selectedModelDropdown as keyof typeof modelList;
     localStorage.setItem("model", modelList[selectedAIFunction][model as keyof typeof modelList[typeof selectedAIFunction]])
@@ -309,7 +313,7 @@ const ModelSection: React.FC = () => {
             (displayedCategory) => (
               <button
                 key={displayedCategory}
-                className={`${displayedCategory.toLowerCase()}-model model-box ${currentSelectedAIFunction === displayedCategory ? 'selected' : ''}`} 
+                className={`${displayedCategory.toLowerCase()}-model model-box ${currentSelectedAIFunction === displayedCategory ? 'selected' : ''}`}
                 onClick={() => modelClicked(displayedCategory)}
               >
                 <div className="overlay">

From 091744d75ba577950b9efa65489cdf292513b45d Mon Sep 17 00:00:00 2001
From: Patrick_Pluto <patrick_pluto@noreply.codeberg.org>
Date: Thu, 3 Oct 2024 14:10:21 +0200
Subject: [PATCH 2/2] typescriptified and also removed hardcoded addresses

---
 app/backend/InputOutputHandler.tsx            | 23 +++++++++++--------
 app/backend/database.ts                       |  7 ++++--
 .../threads/{GetWorker.js => GetWorker.ts}    | 15 ++++++++----
 .../threads/{PostWorker.js => PostWorker.ts}  | 10 ++++++--
 app/backend/voice_backend.ts                  |  5 +++-
 5 files changed, 42 insertions(+), 18 deletions(-)
 rename app/backend/threads/{GetWorker.js => GetWorker.ts} (61%)
 rename app/backend/threads/{PostWorker.js => PostWorker.ts} (69%)

diff --git a/app/backend/InputOutputHandler.tsx b/app/backend/InputOutputHandler.tsx
index d419d9b..95ee7d5 100644
--- a/app/backend/InputOutputHandler.tsx
+++ b/app/backend/InputOutputHandler.tsx
@@ -15,7 +15,7 @@ const InputOutputBackend: React.FC = () => {
     content: string
   }
 
-      // Define state variables for user preferences and messages
+  // Define state variables for user preferences and messages
   const [preferredCurrency, setPreferredCurrency] = useState<string>("USD");
   const [preferredLanguage, setPreferredLanguage] = useState<string>("english");
   const [timeFormat, setTimeFormat] = useState<string>("24-hour");
@@ -24,6 +24,8 @@ 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(() => {
@@ -55,7 +57,7 @@ const InputOutputBackend: React.FC = () => {
       { role: "assistant", content: "Hello! How may I help you?" },
     ]);
   }, [preferredCurrency, preferredLanguage, timeFormat, preferredMeasurement, timeZone, dateFormat, myBoolean]);
-  
+
 
   const conversationRef = useRef<HTMLDivElement>(null)
   const [copyClicked, setCopyClicked] = useState(false)
@@ -72,7 +74,7 @@ const InputOutputBackend: React.FC = () => {
   useEffect(() => {
     getNewToken()
 
-    postWorkerRef.current = new Worker(new URL("./threads/PostWorker.js", import.meta.url))
+    postWorkerRef.current = new Worker(new URL("./threads/PostWorker.ts", import.meta.url))
 
     postWorkerRef.current.onmessage = (event) => {
       const status = event.data.status
@@ -101,7 +103,7 @@ const InputOutputBackend: React.FC = () => {
   }, [])
 
   const getNewToken = () => {
-    axios.get("http://localhost:5000/interstellar_ai/api/ai_create")
+    axios.get(apiURL.href)
       .then(response => {
         setAccessToken(response.data.access_token)
       })
@@ -113,9 +115,11 @@ const InputOutputBackend: React.FC = () => {
 
   const startGetWorker = () => {
     if (!getWorkerRef.current) {
-      getWorkerRef.current = new Worker(new URL("./threads/GetWorker.js", import.meta.url))
+      getWorkerRef.current = new Worker(new URL("./threads/GetWorker.ts", import.meta.url))
 
-      getWorkerRef.current.postMessage({ action: "start", access_token: accessToken })
+      const windowname = window.location.hostname
+
+      getWorkerRef.current.postMessage({ action: "start", access_token: accessToken, windowname })
 
       addMessage("assistant", "")
       getWorkerRef.current.onmessage = (event) => {
@@ -178,7 +182,8 @@ const InputOutputBackend: React.FC = () => {
             }
           }
           setInputMessage("")
-          postWorkerRef.current.postMessage({ messages: [...messages, { role: "user", content: inputValue }], ai_model: "llama3.2", model_type: type, access_token: accessToken, api_key: api_key })
+          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, windowname })
           startGetWorker()
         }
       }
@@ -228,7 +233,7 @@ const InputOutputBackend: React.FC = () => {
     }
   };
 
-  const handleStopClick = () => { 
+  const handleStopClick = () => {
     endGetWorker()
     getNewToken()
   }
@@ -246,7 +251,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()
diff --git a/app/backend/database.ts b/app/backend/database.ts
index 90c69cf..559179a 100644
--- a/app/backend/database.ts
+++ b/app/backend/database.ts
@@ -18,9 +18,12 @@ 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("http://localhost:5000/interstellar_ai/db", data);
+    const response = await axios.post(apiURL.href, data);
     const status = response.data.status;
     const success = response.data.response;
     postMessage({ status, success });
@@ -33,7 +36,7 @@ export const sendToDatabase = async (data: any): Promise<boolean> => {
 
 export const sendToDatabaseAndGetString = async (data: any): Promise<string> => {
   try {
-    const response = await axios.post("http://localhost:5000/interstellar_ai/db", data);
+    const response = await axios.post(apiURL.href, data);
     const status = response.data.status;
     const success = response.data.response;
     postMessage({ status, success });
diff --git a/app/backend/threads/GetWorker.js b/app/backend/threads/GetWorker.ts
similarity index 61%
rename from app/backend/threads/GetWorker.js
rename to app/backend/threads/GetWorker.ts
index 5eedbb2..2813a93 100644
--- a/app/backend/threads/GetWorker.js
+++ b/app/backend/threads/GetWorker.ts
@@ -1,10 +1,14 @@
 import axios from "axios";
 
-let accesstoken
+let windownameGlobal = ""
+
+let accesstoken = ""
 onmessage = (event) => {
-    const { action, access_token } = event.data
+    const { action, access_token, windowname } = event.data
     accesstoken = access_token
 
+    windownameGlobal = windowname
+
     if (action === "start") {
         fetchData()
     } else if (action === "terminate") {
@@ -14,9 +18,12 @@ onmessage = (event) => {
 
 const fetchData = () => {
 
-    const apiURL = "http://localhost:5000/interstellar_ai/api/ai_get?access_token=" + accesstoken
+    const apiURL = new URL("http://localhost:5000/interstellar_ai/api/ai_get?access_token=" + accesstoken)
+    apiURL.hostname = windownameGlobal;
 
-    axios.get(apiURL)
+    console.log(apiURL.href)
+
+    axios.get(apiURL.href)
         .then(response => {
             const data = response.data
             postMessage(data)
diff --git a/app/backend/threads/PostWorker.js b/app/backend/threads/PostWorker.ts
similarity index 69%
rename from app/backend/threads/PostWorker.js
rename to app/backend/threads/PostWorker.ts
index f63ad77..ed0a526 100644
--- a/app/backend/threads/PostWorker.js
+++ b/app/backend/threads/PostWorker.ts
@@ -1,7 +1,7 @@
 import axios from "axios";
 
 onmessage = (e) => {
-    const { messages, ai_model, model_type, access_token, api_key } = e.data
+    const { messages, ai_model, model_type, access_token, api_key, windowname } = e.data
 
 
     const Message = {
@@ -12,7 +12,13 @@ onmessage = (e) => {
         api_key: api_key
     }
 
-    axios.post("http://localhost:5000/interstellar_ai/api/ai_send", Message)
+    const apiURL = new URL("http://localhost:5000/interstellar_ai/api/ai_send")
+    console.log(windowname)
+    apiURL.hostname = windowname;
+
+    console.log(apiURL.href)
+
+    axios.post(apiURL.href, Message)
         .then(response => {
             const status = response.data.status
             postMessage({ status })
diff --git a/app/backend/voice_backend.ts b/app/backend/voice_backend.ts
index 4bf0092..7716f0d 100644
--- a/app/backend/voice_backend.ts
+++ b/app/backend/voice_backend.ts
@@ -5,7 +5,10 @@ export const sendToVoiceRecognition = (audio_data: Blob): Promise<string> => {
     const formdata = new FormData()
     formdata.append("audio", audio_data)
 
-    return axios.post("http://localhost:5000/interstellar_ai/api/voice_recognition", formdata)
+    const apiURL = new URL("http://localhost:5000/interstellar_ai/api/voice_recognition")
+    apiURL.hostname = window.location.hostname;
+
+    return axios.post(apiURL.href, formdata)
         .then((response) => {
             return response.data.response
         })