genrate, render js actions

Author: glutamate

action-builder.js

@@ -128,10 +128,14 @@ const runPost = async (
   form.hasErrors = false;
   form.errors = {};
 
-  const fullPrompt = await getPromptFromTemplate(
+  const partPrompt = await getPromptFromTemplate(
     "action-builder.txt",
     form.values.prompt
   );
+  const fullPrompt =
+    partPrompt +
+    "\n\nWrite the JavaScript code to implement the following functionality:\n\n" +
+    form.values.prompt;
 
   const completion = await getCompletion("JavaScript", fullPrompt);
 

actions/generate-js-action.js

@@ -5,8 +5,8 @@ const Table = require("@saltcorn/data/models/table");
 const Field = require("@saltcorn/data/models/field");
 const { apply, removeAllWhiteSpace } = require("@saltcorn/data/utils");
 const { getActionConfigFields } = require("@saltcorn/data/plugin-helper");
-const { a, pre, script, div } = require("@saltcorn/markup/tags");
-const { fieldProperties } = require("../common");
+const { a, pre, script, div, code } = require("@saltcorn/markup/tags");
+const { fieldProperties, getPromptFromTemplate } = require("../common");
 
 class GenerateJsAction {
   static title = "Generate JavaScript Action";
@@ -16,9 +16,9 @@ class GenerateJsAction {
   static async json_schema() {
     return {
       type: "object",
-      required: ["code", "action_name"],
+      required: ["action_javascript_code", "action_name"],
       properties: {
-        code: {
+        action_javascript_code: {
           description: "JavaScript code that constitutes the action",
           type: "string",
         },
@@ -28,8 +28,7 @@ class GenerateJsAction {
           type: "string",
         },
         action_description: {
-          description:
-            "A description of the purpose of the action.",
+          description: "A description of the purpose of the action.",
           type: "string",
         },
         when_trigger: {
@@ -46,6 +45,38 @@ class GenerateJsAction {
       },
     };
   }
+  static async system_prompt() {
+    const partPrompt = await getPromptFromTemplate("action-builder.txt", "");
+    return (
+      `Use the generate_js_action to generate actions based on JavaScript code. ` +
+      partPrompt
+    );
+  }
+  static render_html({
+    action_javascript_code,
+    action_name,
+    action_description,
+    when_trigger,
+    trigger_table,
+  }) {
+    return (
+      div({class: "mb-3"},
+        `${action_name}${when_trigger ? `: ${when_trigger}` : ""}${
+          trigger_table ? ` on ${trigger_table}` : ""
+        }`
+      ) + pre(code(action_javascript_code))
+    );
+  }
+  static async execute(
+    {
+      action_javascript_code,
+      action_name,
+      action_description,
+      when_trigger,
+      trigger_table,
+    },
+    req
+  ) {}
 }
 
 module.exports = GenerateJsAction;

chat-copilot.js

@@ -126,7 +126,7 @@ const run = async (table_id, viewname, cfg, state, { res, req }) => {
       )
     ),
 
-    i(small("Skills you can request: Generate Workflow, Generate Tables"))
+    i(small("Skills you can request: "+actionClasses.map(ac=>ac.title).join(", ")))
   );
   return {
     widths: [3, 9],
@@ -273,6 +273,7 @@ const ellipsize = (s, nchars) => {
 const actionClasses = [
   require("./actions/generate-workflow"),
   require("./actions/generate-tables"),
+  require("./actions/generate-js-action"),
 ];
 
 const getCompletionArguments = async () => {

prompts/action-builder.txt

@@ -300,8 +300,4 @@ value should be an object with keys that are field variable names. Example:
 return { set_fields: {
     zidentifier: `${name.toUpperCase()}-${id}`
   }
-}
-
-Write the JavaScript code to implement the following functionality:
-
-{{ userPrompt }}
+}