- working basic mvp draft

Author: puntorigen

actions/create-react-website.hbs

@@ -1,3 +1,7 @@
+```description
+Creates a reactJS webapp project.
+```
+
 ```pre:js 
 // javascript code to run on project before executing the template prompt
 // contains a 'context' object with the keys:
@@ -7,9 +11,13 @@
 // you also have some methods for asking info to the user like (await prompt)
 // anything queried to the user is translated to the user's language using the LLM
 const project_name = await prompt('What is the name of your project?')
-const app_name = await queryLLM('Create a reactJS app name for the following project: ' + project_name);
+const app_name = await queryLLM('Create a short folder name (max 10 chars without spaces) for the following text: ' + project_name, 
+    z.object({
+        name: z.string().describe('the reactjs folder name for the text'),
+    })
+);
 return {
-    app_name
+    app_name: app_name.data.name
 }
 ```
 

actions/index.js

@@ -0,0 +1,43 @@
+// read all .hbs files in the current directory
+// parse the md code-blocks looking for 'description' lang field blocks
+// create a prompt for the CLI to choose the best action template based on the user input
+//
+const codeblocks = require('code-blocks');
+const path = require('path');
+const fs = require('fs').promises;
+const { glob } = require("glob");
+
+class indexFolder {
+    constructor(inputText) {
+        this.code_blocks = [];
+        this.input = inputText;
+        this.currentFolder = process.cwd();
+    }
+
+    async initialize() {
+        // traverse current folder and read all .hbs files
+        const files = await glob('**/*.hbs', { cwd: this.currentFolder, nodir:true, absolute:true });
+        for (const file of files) {
+            // read 'file' contents
+            const content = await fs.readFile(file, 'utf-8');
+            // parse the md code-blocks looking for 'description' lang field blocks
+            const code_blocks = await codeblocks.fromString(content);
+            for (const block of code_blocks) {
+                if (block.lang === 'description') {
+                    this.code_blocks.push({file, content: block.value});
+                }
+            }
+        }
+    }
+
+    async getPrompt() {
+        await this.initialize();
+        let prompt = `Given the following user input text:\n\n${this.input}\n\nPlease select the most suitable action template file from the availables and their description relateness to the user text:\n\n`;
+        for (const block of this.code_blocks) {
+            prompt += `file:${block.file}\ndescription:\n${block.content}\n\n`;
+        }
+        return prompt;
+    }
+}
+
+module.exports = indexFolder;

actions/write-readme.hbs

@@ -1,3 +1,6 @@
+```description
+Generates a README file for a project.
+```
 Project Path: {{ absolute_code_path }}
 
 I'd like you to generate a high-quality README file for this project, suitable for hosting on GitHub. Analyze the codebase to understand the purpose, functionality, and structure of the project. 
@@ -41,10 +44,11 @@ Feel free to infer reasonable details if needed, but try to stick to what can be
 
 ```js
 // nodejs code to run after getting results (runs within an isolated async function block)
-// context vars: results (schema), absolute_code_path, files, source_tree, etc (all the template vars)
+// context vars: schema (results), absolute_code_path, files, source_tree, etc (all the template vars)
 const fs = require('fs').promises;
-// save 'readme' results.readme contents to disk (abs)
-await fs.writeFile(`${absolute_code_path}/README.md`, results.readme, 'utf8');
+// save 'readme' schema.readme contents to disk (abs)
+await fs.writeFile(`${absolute_code_path}/README.md`, schema.readme, 'utf8');
+// if you return an object here, it will be available for the next code block
 ```
 
 ```bash

helpers/codeBlocks.js

@@ -0,0 +1,64 @@
+// helper for executing HBS action code blocks and giving them context
+const safeEval = require('safe-eval');
+const { z } = require('zod');
+
+class codeBlocks {
+    constructor() {
+        this.code_blocks = [];
+        this.currentFolder = process.cwd();
+        this.x_console = new (require('@concepto/console'))();
+        this.lastEval = '';
+    }
+
+    async executeNode(context=null,code=null) {
+        // context=object with variables returned by previous code blocks
+        const prompts = require('prompts');
+        let wAsync = `(async function() {
+            ${code}
+        })();\n`;
+        const self = this;
+        // returns methods,vars available within the code blocks contexts
+        let context_ = {
+            process,
+            z,
+            console: {
+                log: function(message,data) {
+                    self.x_console.setColorTokens({
+                        '*':'yellow',
+                        '#':'cyan',
+                        '@':'green'
+                    });
+                    self.x_console.out({ color:'cyan', message:self.x_console.colorize(message), data });
+                },
+            },
+            prompt: async(question='',validation=null)=>{
+                const resp = (
+                    await prompts({
+                        type: 'text',
+                        name: 'value',
+                        message: this.x_console.colorize(question),
+                        validate: (value) => {
+                            if (validation) return validation(value);
+                            return true
+                        }
+                    })
+                ).value;
+                return resp;
+            }
+        };
+        if (context) {
+            context_ = {...context_,...context};
+        }
+        // execute code block on an isolated async context
+        this.lastEval = wAsync;
+        let tmp = await safeEval(wAsync, context_);
+        return tmp;
+        //
+    }
+
+    async executeBash(context={},code=null) {
+        console.log('TODO executeBash');
+    }
+}
+
+module.exports = codeBlocks;

index.js

@@ -2,6 +2,7 @@
 
 const yargs = require('yargs/yargs');
 const { hideBin } = require('yargs/helpers');
+const actionsIndex = require('./actions');
 
 const argv = yargs(hideBin(process.argv))
   .usage('Usage: $0 <command> [options]')
@@ -46,11 +47,54 @@ const { z } = require('zod');
         z.object({
             is_action: z.boolean().describe('True if the input is an action, False if the input is a question'),
             is_question: z.boolean().describe('True if the input is a question, True if the input is a question'),
-            language: z.string().describe('The language of the input in 2 letters (e.g. en, fr, es, etc.)'),
+            language: z.string().describe('2 letters language of the input (ex. en, fr, sp, etc.)'),
         })
     );
     console.log('is action or question?',action_or_question.data);
     // 1) if the input is an action, select the best action template from the availables and run it
+    if (action_or_question.data.is_action) {
+        const user_action = new actionsIndex(argv.input);
+        const prompt = await user_action.getPrompt();
+        let additional_context = { 
+            queryLLM:async(question,schema)=>{
+                return await general.queryLLM(question,schema); 
+            }
+        };
+        const action = await general.queryLLM(prompt,
+            z.object({
+                file: z.string().describe('the choosen template file'),
+                reason: z.string().describe('the reason why the template is the best for the user input'),
+            })
+        );
+        console.log('action',action.data);
+        // render the template using code2prompt
+        const actioncode = new code2prompt({
+            path: currentWorkingDirectory,
+            template: action.data.file,
+            extensions: [],
+            ignore: ["**/node_modules/**","**/*.png","**/*.jpg","**/*.gif"],
+            OPENAI_KEY: process.env.OPENAI_KEY
+        });
+        // get the code blocks
+        const code_helper = new (require('./helpers/codeBlocks'));
+        const context_prompt = await actioncode.generateContextPrompt(null,true);
+        const code_blocks = await actioncode.getCodeBlocks();
+        // check if we have 'pre:' code blocks (must run before the template)
+        //console.log('code_blocks for choosen template',code_blocks);
+        for (const block of code_blocks) {
+            // if block.lang contains 'pre:'
+            if (block.lang.startsWith('pre:js')) {
+                const code_executed = await code_helper.executeNode(additional_context,block.code);
+                // if code_executed is an object
+                if (typeof code_executed === 'object') {
+                    console.log('adding context from pre:js code block',code_executed);
+                    additional_context = {...additional_context,...code_executed};
+                }
+            }
+        }
+        // query the template
+        // check if we have none 'pre:' code blocks (must run after the template)
+    }
     // 2) if the input is a question, run the question to the model with the 'default-template' and return the response
 
     console.log(`Processing input: ${argv.input}`,currentWorkingDirectory,userOS);