Update application/static/js/components/initialize.js

application/static/js/components/initialize.js

@@ -1,112 +1,112 @@
-import requests from "./request.js";
-class Initialize{
-    constructor(uiManager){
-        this.convId;
-        this.convTitle;
-        this.uiManager = uiManager;
-        this.systemPrompt = `your response syntax should be: ***for heading*** \n ** for sub heading **`;
-        this.model = null;
-    }
-
-    async initialize(model=null){
-        this.convTitle=null;
-        this.convId=null;
-        this.uiManager.messagesDiv.innerHTML = '';
-        this.uiManager.prevChatsCont.innerHTML = '';
-        await this.fetchConvs();
-        document.querySelectorAll('.prevChat').forEach((elem)=>{
-            elem.addEventListener('click', ()=>{
-                this.reInitialize(elem.id)
-            })
-        })
-        if(model!=null){
-            this.model = model;
-        } else{
-            await this.fetchModels()
-        }
-    }
-
-    async reInitialize(id){
-        this.convTitle=null;
-        this.convId=null;
-        this.uiManager.messagesDiv.innerHTML = '';
-        await this.fetchConv(id);
-    }
-
-    async fetchConv(id){
-        try {
-            const response = await requests.request('POST','/fetch',{"Content-Type": "application/json"},JSON.stringify({"convId": id}),false);
-            if(!response.ok){
-                alert('error while fetching conversations')
-                return
-            }
-            let data = await response.json();
-            this.convTitle = data['title']
-            data = data['messages']
-            for(let i=0;i<data.length;i++){
-                const dict = data[i];
-                if(dict['role']=='user'){
-                    this.uiManager.appendUserMsg(dict['content'])
-                }
-                else if(dict['role']=='assistant'){
-                    this.uiManager.appendAiMsg(dict['content']);
-                    this.uiManager.renderSymbols.renderAll(this.uiManager.aiP);
-                }
-            }
-        } catch (error) {
-            alert(`an error occured ${error}`)
-            console.log(error)
-        }
-    }
-    async fetchConvs(){
-        try {
-            const response = await requests.request('GET','/convs',{"Content-Type": "application/json"},null,false);
-            if(!response.ok){
-                alert('error while fetching conversations')
-                return
-            }
-            const data = await response.json();
-            for(let i=0;i<data.length;i++){
-                const prevChat = document.createElement('div');
-                const dict = data[i];
-                prevChat.id = dict['convId'];
-                prevChat.className = 'prevChat';
-                prevChat.innerText = dict['title'];
-                this.uiManager.prevChatsCont.appendChild(prevChat)
-
-            }
-        } catch (error) {
-            alert(`an error ocuured ${error}`)
-        }
-    }
-    async createConv(){
-        const response = await requests.request('POST', '/create', {"Content-Type": "application/json"},JSON.stringify({"system_prompt": this.systemPrompt}),false)
-        if(!response.ok){
-            alert('error while creating new Conversation')
-            return
-        }
-        const data = await response.json()
-        this.convId = data['convId']
-    }
-    async fetchModels(){
-        const response = await requests.request('GET', '/models', {"Content-Type": "application/json"},null,false)
-        if(!response.ok){
-            alert('error while fetching models')
-            return
-        }
-        const data = await response.json();
-        this.model = data[0];
-        this.uiManager.models.innerHTML = '';
-        for(let i=0; i<data.length;i++){
-            const opt = document.createElement('option')
-            opt.innerText = data[i];
-            this.uiManager.models.appendChild(opt)
-        }
-        this.uiManager.models.addEventListener('change', (e)=>{
-            const selected = e.target.value;
-            this.initialize(selected)
-        })
-
-    }
-}
-export default Initialize
+import requests from "./request.js";
+class Initialize{
+    constructor(uiManager){
+        this.convId;
+        this.convTitle;
+        this.uiManager = uiManager;
+        this.systemPrompt = `your response syntax should be: ***for heading*** \n ** for sub heading **`;
+        this.model = null;
+    }
+
+    async initialize(model=null){
+        this.convTitle=null;
+        this.convId=null;
+        this.uiManager.messagesDiv.innerHTML = '';
+        this.uiManager.prevChatsCont.innerHTML = '';
+        await this.fetchConvs();
+        document.querySelectorAll('.prevChat').forEach((elem)=>{
+            elem.addEventListener('click', ()=>{
+                this.reInitialize(elem.id)
+            })
+        })
+        if(model!=null){
+            this.model = model;
+        } else{
+            await this.fetchModels()
+        }
+    }
+
+    async reInitialize(id){
+        this.convTitle=null;
+        this.convId=id;
+        this.uiManager.messagesDiv.innerHTML = '';
+        await this.fetchConv(id);
+    }
+
+    async fetchConv(id){
+        try {
+            const response = await requests.request('POST','/fetch',{"Content-Type": "application/json"},JSON.stringify({"convId": id}),false);
+            if(!response.ok){
+                alert('error while fetching conversations')
+                return
+            }
+            const data = await response.json();
+            this.convTitle = data['title'];
+            const arr = data['messages'];
+            for(let i=0;i<arr.length;i++){
+                const dict = arr[i];
+                if(dict['role']=='user'){
+                    this.uiManager.appendUserMsg(dict['content'])
+                }
+                else if(dict['role']=='assistant'){
+                    this.uiManager.appendAiMsg(dict['content']);
+                    this.uiManager.renderSymbols.renderAll(this.uiManager.aiP);
+                }
+            }
+        } catch (error) {
+            alert(`an error occured ${error}`)
+            console.log(error)
+        }
+    }
+    async fetchConvs(){
+        try {
+            const response = await requests.request('GET','/convs',{"Content-Type": "application/json"},null,false);
+            if(!response.ok){
+                alert('error while fetching conversations')
+                return
+            }
+            const data = await response.json();
+            for(let i=0;i<data.length;i++){
+                const prevChat = document.createElement('div');
+                const dict = data[i];
+                prevChat.id = dict['convId'];
+                prevChat.className = 'prevChat';
+                prevChat.innerText = dict['title'];
+                this.uiManager.prevChatsCont.appendChild(prevChat)
+
+            }
+        } catch (error) {
+            alert(`an error ocuured ${error}`)
+        }
+    }
+    async createConv(){
+        const response = await requests.request('POST', '/create', {"Content-Type": "application/json"},JSON.stringify({"system_prompt": this.systemPrompt}),false)
+        if(!response.ok){
+            alert('error while creating new Conversation')
+            return
+        }
+        const data = await response.json()
+        this.convId = data['convId']
+    }
+    async fetchModels(){
+        const response = await requests.request('GET', '/models', {"Content-Type": "application/json"},null,false)
+        if(!response.ok){
+            alert('error while fetching models')
+            return
+        }
+        const data = await response.json();
+        this.model = data[0];
+        this.uiManager.models.innerHTML = '';
+        for(let i=0; i<data.length;i++){
+            const opt = document.createElement('option')
+            opt.innerText = data[i];
+            this.uiManager.models.appendChild(opt)
+        }
+        this.uiManager.models.addEventListener('change', (e)=>{
+            const selected = e.target.value;
+            this.initialize(selected)
+        })
+
+    }
+}
+export default Initialize