build: refactoring and added new UI docs

Author: mmiscool

README.md

@@ -7,6 +7,14 @@ With **aiCoder** as your coding co-pilot, you’ll streamline development, refin
 
 The real magic? aiCoder’s advanced merging keeps your code intact, seamlessly integrating new snippets with precision and reliability.
 
+## SCREEN SHOTS OF THE NEW UI
+![NEW UI](<./images/newUI.png>)
+
+![NEW TOOLS](<./images/TOOLS.png>)
+
+![NEW LLM SETTINGS](<./images/LLM_SETUP.png>)
+
+
 ## UNSTABLE
 This project is going to be in a state of flux for a while. Settings and prompt files may need to be recreated after updates as more settings are added and files are renamed. 
 

Screenshot 2024-11-30 160204.png

@@ -153,6 +153,8 @@ export class ChatManager {
         await this.pullMessages();
     }
 
+    
+
     async addCodeToolbars() {
         // Query all <code> elements on the page
 

images/LLM_SETUP.png

@@ -32,8 +32,8 @@ export async function aiAssistedCodeChanges(premade_llmInstructionPrompt = null,
     // Loop for conversation with the AI
     while (true) {
 
-        console.log(`Editing: '${ctx.targetFile}'`);
-        console.log("q to quit, Enter to continue");
+        printAndPause(`Editing: '${ctx.targetFile}'`);
+        printAndPause("q to quit, Enter to continue");
         let llmInstructionPrompt = premade_llmInstructionPrompt || await input("What would you like me to do?");
 
         if (llmInstructionPrompt === '') break;
@@ -109,7 +109,7 @@ export async function applySnippets(snippets, skipApprovingChanges = false) {
 
     // append the snippets to the code
     //await appendFile(ctx.targetFile, '\n\n\n\n\n' + cleanedSnippets);
-    console.log('Changes applied');
+    printAndPause('Changes applied');
 
     const manipulator = new codeManipulator(ctx.targetFile);
     await manipulator.mergeCode(cleanedSnippets);

images/TOOLS.png

@@ -3,7 +3,7 @@ import { getMethodsWithArguments } from "./classListing.js";
 import { readFile, readOrLoadFromDefault, writeFile } from "./fileIO.js";
 import { conversation, llmSettings, llmSettingsUpdate } from "./llmCall.js";
 import { ctx } from "./main.js";
-import { launchNano } from "./terminalHelpers.js";
+import { launchNano, printAndPause } from "./terminalHelpers.js";
 
 
 let webUIConversation = new conversation();
@@ -62,7 +62,7 @@ You will not change the plan title if it already has one.
     }
 
     async callLLM() {
-        console.log('callLLM');
+        printAndPause('callLLM');
         await webUIConversation.callLLM();
         const response = await webUIConversation.getMessages();
         return response;
@@ -75,7 +75,6 @@ You will not change the plan title if it already has one.
 
     async getMethodsList() {
         const response = await getMethodsWithArguments(await readFile(ctx.targetFile));
-        //console.log('getMethodsList', response);
         return response;
     }
 

images/newUI.png

@@ -1,8 +1,7 @@
 import fs from 'fs';
 import path, { relative, dirname } from 'path';
-import { printDebugMessage } from './debugging.js';
 import { createBackup } from './backupSystem.js';
-import { pressEnterToContinue, printAndPause } from './terminalHelpers.js';
+import { pressEnterToContinue, printAndPause, printDebugMessage } from './terminalHelpers.js';
 import { fileURLToPath } from 'url';
 
 // Helper functions to read, write, and append to files
@@ -25,10 +24,10 @@ export async function readFile(filePath) {
 
 export async function writeFile(filePath, content, makeBackup = false) {
     if (typeof content !== 'string') {
-        await printAndPause('Content is not a string:',0);
-        await printAndPause(content,0);
+        await printAndPause('Content is not a string:', 0);
+        await printAndPause(content, 0);
         await pressEnterToContinue();
-        
+
     }
     // create the folders in the file path if they don't exist
     let folderPath = path.dirname(filePath);