build: Fixed broken openAI api call.

Author: mmiscool

public/ChatManager.js

@@ -13,6 +13,10 @@ export class ChatManager {
         this.setup(container, app_ctx);
     }
     async setup(container, app_ctx) {
+
+
+
+
         ctx = app_ctx;
         this.chatMode = 'chat';
         this.container = container;
@@ -22,6 +26,16 @@ export class ChatManager {
         this.conversationTitleInput = document.createElement('input');
         this.conversationTitleInput.type = 'text';
         this.conversationTitleInput.style.width = '100%';
+
+
+
+
+
+        //await this.populateModelSelect();
+
+
+
+
         //make it so that on change it saves the title
         this.conversationTitleInput.addEventListener('change', async () => {
             const conversationId = this.conversationPicker.value;
@@ -222,6 +236,50 @@ export class ChatManager {
         this.autoApplyCheckbox.checked = this.autoApplyMode;
         this.setInput('');
     }
+
+    async populateModelSelect() {
+
+
+        // model selector 
+        const modelData = await doAjax('./llmSettings', {});
+
+        // add a select element to the container
+        this.modelPicker = document.createElement('select');
+        this.modelPicker.style.margin = '10px';
+        this.modelPicker.style.width = '100%';
+        this.modelPicker.size = 1;
+        this.modelPicker.addEventListener('change', async () => {
+            const selectedModel = this.modelPicker.value;
+            alert(`Selected model: ${selectedModel}`);
+        });
+
+        // add the model picker to the container
+        this.container.appendChild(this.modelPicker);
+
+
+
+        // Clear existing options
+        this.modelPicker.innerHTML = '';
+
+        Object.entries(modelData).forEach(([provider, data]) => {
+            if (data.models && Array.isArray(data.models)) {
+                // Create optgroup for each provider
+                const group = document.createElement('optgroup');
+                group.label = provider;
+
+                data.models.forEach(model => {
+                    const option = document.createElement('option');
+                    option.value = `${provider}:${model}`;
+                    option.textContent = model;
+                    group.appendChild(option);
+                });
+
+                this.modelPicker.appendChild(group);
+            }
+        });
+    }
+
+
     async submitButtonHandler() {
         // test if message is empty. If empty, do not add message.
         if (this.userInput.value !== '') {
@@ -253,7 +311,7 @@ export class ChatManager {
         });
     }
     async loadConversation(conversationId) {
-        console.log('conversationId', conversationId);
+        //console.log('conversationId', conversationId);
         const response = await doAjax('./pullMessages', { id: conversationId });
         ctx.targetFile = response.targetFile;
         await this.setTargetFile(response.targetFile);
@@ -524,11 +582,11 @@ export class ChatManager {
             });
         }
         codeElements = Array.from(codeElements);
-        console.log('codeElements', codeElements);
+        //console.log('codeElements', codeElements);
         if (codeElements.length === 0)
             return;
         codeElements.forEach(codeElement => {
-            console.log('codeElement', codeElement);
+            //console.log('codeElement', codeElement);
             // Create a wrapper to hold the code and toolbar
             const wrapper = document.createElement('div');
             wrapper.style.position = 'relative';

public/LLMSettingsManager.js

@@ -15,7 +15,7 @@ export class LLMSettingsManager {
         this.container.innerHTML = '';
         this.addRefreshButton();
         this.llmSettings = await this.fetchSettings();
-        console.log(this.llmSettings);
+        //console.log(this.llmSettings);
         this.createSettingsDiv();
         // check if there is an active LLM
         const activeLLM = await this.getActiveLLM();
@@ -177,7 +177,7 @@ export class LLMSettingsManager {
             return;
         }
 
-        console.log(newSettings);
+        //console.log(newSettings);
         await doAjax('./llmSettingsUpdate', newSettings);
 
         await this.init();

public/toolsManager.js

@@ -39,7 +39,7 @@ export class toolsManager {
         showOnlyStubsCheckbox.checked = localStorage.getItem('showOnlyStubs') === 'true';
         showOnlyStubsCheckbox.onchange = async () => {
             await localStorage.setItem('showOnlyStubs', showOnlyStubsCheckbox.checked);
-            console.log('showOnlyStubs', showOnlyStubsCheckbox.checked);
+            //console.log('showOnlyStubs', showOnlyStubsCheckbox.checked);
             this.onlyStubs = showOnlyStubsCheckbox.checked;
             await this.displayListOfStubsAndMethods();
         }
@@ -78,7 +78,7 @@ export class toolsManager {
         this.snippetTextArea.style.padding = '5px';
         this.snippetTextArea.placeholder = 'Paste the snippet here to merge and format';
         this.container.appendChild(this.snippetTextArea);
-        return await console.log('showToolBar');
+        //return await console.log('showToolBar');
     }
 
     async displayListOfStubsAndMethods() {
@@ -124,7 +124,7 @@ export class toolsManager {
     }
     async pullMethodsList() {
         const listOfMethods = await doAjax('./getMethodsList', { targetFile: ctx.targetFile });
-        console.log(listOfMethods);
+        //console.log(listOfMethods);
         // the response contains
         for (const className in listOfMethods) {
             // console.log(className);
@@ -180,11 +180,11 @@ export class toolsManager {
                 functionItemElement.style.color = 'green';
                 functionItemElement.addEventListener('click', async () => {
                     await this.addFunctionToChatPrompt(functionName, args, lineNumber);
-                    console.log('this is the line number ', lineNumber);
+                    //console.log('this is the line number ', lineNumber);
                     await this.pullFunctionList(this.onlyStubs);
                 });
             }
-            console.log(this.onlyStubs, isStub);
+            //console.log(this.onlyStubs, isStub);
 
             this.container.appendChild(functionItemElement);
             this.container.appendChild(document.createElement('br'));

src/llmCall.js

@@ -327,7 +327,7 @@ async function getOpenAIResponse(messages) {
 
     let responseText = '';
 
-    const resultStream = openai.chat.completions.create({
+    const resultStream = await openai.chat.completions.create({
         model: await readSetting('llmConfig/openai-model.txt'),
         messages,
         stream: true