npm - @saltcorn/copilot - Versions diffs - 0.5.2 → 0.6.0 - Mend

@saltcorn/copilot 0.5.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/actions/generate-page.js CHANGED Viewed

@@ -361,90 +361,4 @@ function escapeHtml(unsafe) {
     .replace(/'/g, "&#039;");
 }
-parseHTML(`<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Popcorn Beer - Unleash the Flavor Explosion!</title>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
-</head>
-<body>
-<header class="bg-warning text-dark py-5">
-    <div class="container text-center">
-        <h1 class="display-4">Popcorn Beer</h1>
-        <p class="lead">Unleash the Flavor Explosion!</p>
-    </div>
-</header>
-<section class="py-5">
-    <div class="container">
-        <div class="row align-items-center">
-            <div class="col-md-6">
-                <img src="your-image-url.jpg" alt="Popcorn Beer" class="img-fluid rounded">
-            </div>
-            <div class="col-md-6">
-                <h2>Discover the Unique Taste</h2>
-                <p>Introducing our popcorn-flavored beer, a delightful fusion of classic beer with a twist of popcorn essence. Experience the taste sensation that will keep you coming back for more.</p>
-                <a href="#purchase" class="btn btn-warning btn-lg mt-3">Buy Now</a>
-            </div>
-        </div>
-    </div>
-</section>
-<section class="bg-light py-5">
-    <div class="container">
-        <h2 class="text-center mb-4">Why Choose Popcorn Beer?</h2>
-        <div class="row">
-            <div class="col-lg-4">
-                <div class="card mb-4">
-                    <div class="card-body text-center">
-                        <h5 class="card-title">Unique Flavor</h5>
-                        <p class="card-text">A perfect blend of beer and popcorn that tantalizes your taste buds.</p>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-4">
-                <div class="card mb-4">
-                    <div class="card-body text-center">
-                        <h5 class="card-title">Premium Ingredients</h5>
-                        <p class="card-text">Crafted with the finest ingredients for an unparalleled taste.</p>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-4">
-                <div class="card mb-4">
-                    <div class="card-body text-center">
-                        <h5 class="card-title">Perfect for Any Occasion</h5>
-                        <p class="card-text">Whether it's a movie night or a party, Popcorn Beer is your go-to drink.</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-<section id="purchase" class="py-5">
-    <div class="container text-center">
-        <h2>Get Your Popcorn Beer Today!</h2>
-        <p class="mb-4">Available for purchase online and in select stores near you.</p>
-        <a href="shop.html" class="btn btn-warning btn-lg">Shop Now</a>
-    </div>
-</section>
-<footer class="bg-dark text-white py-4">
-    <div class="container text-center">
-        <p>&copy; 2023 Popcorn Beer. All rights reserved.</p>
-        <ul class="list-inline">
-            <li class="list-inline-item"><a href="#" class="text-white">Privacy Policy</a></li>
-            <li class="list-inline-item"><a href="#" class="text-white">Terms of Service</a></li>
-            <li class="list-inline-item"><a href="#" class="text-white">Contact Us</a></li>
-        </ul>
-    </div>
-</footer>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
-</body>`);
 module.exports = GeneratePage;

package/chat-copilot.js CHANGED Viewed

@@ -337,23 +337,24 @@ const execute = async (table_id, viewname, config, body, { req }) => {
   const fcall = run.context.funcalls[fcall_id];
   const actionClass = classesWithSkills().find(
-    (ac) => ac.function_name === fcall.name
+    (ac) => ac.function_name === (fcall.name || fcall.toolName)
   );
   let result;
+  const args = fcall.arguments ? JSON.parse(fcall.arguments) : fcall.input;
   if (actionClass.follow_on_generate) {
     const toolCallIndex = run.context.interactions.findIndex(
-      (i) => i.tool_call_id === fcall_id
+      (i) =>
+        i.tool_call_id === fcall_id ||
+        (Array.isArray(i.content) &&
+          i.content.some((c) => c.toolCallId === fcall_id))
     );
     const follow_on_gen = run.context.interactions.find(
       (i, ix) => i.role === "assistant" && ix > toolCallIndex
     );
-    result = await actionClass.execute(
-      JSON.parse(fcall.arguments),
-      req,
-      follow_on_gen.content
-    );
+    result = await actionClass.execute(args, req, follow_on_gen.content);
   } else {
-    result = await actionClass.execute(JSON.parse(fcall.arguments), req);
+    result = await actionClass.execute(args, req);
   }
   await addToContext(run, { implemented_fcall_ids: [fcall_id] });
   return { json: { success: "ok", fcall_id, ...(result || {}) } };
@@ -390,27 +391,50 @@ const interact = async (table_id, viewname, config, body, { req }) => {
     userinput,
     complArgs
   );
-  await addToContext(run, {
-    interactions:
-      typeof answer === "object" && answer.tool_calls
-        ? [
-            { role: "assistant", tool_calls: answer.tool_calls },
-            ...answer.tool_calls.map((tc) => ({
-              role: "tool",
-              tool_call_id: tc.id,
-              name: tc.function.name,
-              content: "Action suggested to user.",
-            })),
-          ]
-        : [{ role: "assistant", content: answer }],
-  });
-  console.log("answer", answer);
+  if (answer.ai_sdk)
+    for (const tool_call of answer.tool_calls)
+      await addToContext(run, {
+        interactions: [
+          ...answer.messages,
+          {
+            role: "tool",
+            content: [
+              {
+                type: "tool-result",
+                toolCallId: tool_call.toolCallId,
+                toolName: tool_call.toolName,
+                output: {
+                  type: "text",
+                  value: "Action suggested to user.",
+                },
+              },
+            ],
+          },
+        ],
+      });
+  else
+    await addToContext(run, {
+      interactions:
+        typeof answer === "object" && answer.tool_calls
+          ? [
+              { role: "assistant", tool_calls: answer.tool_calls },
+              ...answer.tool_calls.map((tc) => ({
+                role: "tool",
+                tool_call_id: tc.id || tc.toolCallId,
+                name: tc.function?.name || tc.toolName,
+                content: "Action suggested to user.",
+              })),
+            ]
+          : [{ role: "assistant", content: answer }],
+    });
   if (typeof answer === "object" && answer.tool_calls) {
     const actions = [];
     for (const tool_call of answer.tool_calls) {
       await addToContext(run, {
-        funcalls: { [tool_call.id]: tool_call.function },
+        funcalls: {
+          [tool_call.id || tool_call.toolCallId]:
+            tool_call.function || tool_call,
+        },
       });
       const followOnGen = await getFollowOnGeneration(tool_call);
@@ -433,7 +457,6 @@ const interact = async (table_id, viewname, config, body, { req }) => {
           }
         );
-        console.log("follow on answer", follow_on_answer);
         await addToContext(run, {
           interactions: [
@@ -465,11 +488,13 @@ const interact = async (table_id, viewname, config, body, { req }) => {
 };
 const getFollowOnGeneration = async (tool_call) => {
-  const fname = tool_call.function.name;
+  const fname = tool_call.function?.name || tool_call.toolName;
   const actionClass = classesWithSkills().find(
     (ac) => ac.function_name === fname
   );
-  const args = JSON.parse(tool_call.function.arguments);
+  const args = tool_call.function?.arguments
+    ? JSON.parse(tool_call.function?.arguments)
+    : tool_call.input;
   if (actionClass.follow_on_generate) {
     return await actionClass.follow_on_generate(args);
@@ -483,11 +508,13 @@ const renderToolcall = async (
   run,
   follow_on_answer
 ) => {
-  const fname = tool_call.function.name;
+  const fname = tool_call.function?.name || tool_call.toolName;
   const actionClass = classesWithSkills().find(
     (ac) => ac.function_name === fname
   );
-  const args = JSON.parse(tool_call.function.arguments);
+  const args = tool_call.function?.arguments
+    ? JSON.parse(tool_call.function.arguments)
+    : tool_call.input;
   const inner_markup = await actionClass.render_html(args, follow_on_answer);
   return wrapAction(
@@ -529,7 +556,9 @@ const wrapAction = (
               type: "button",
               id: "exec-" + tool_call.id,
               class: "btn btn-primary d-block mt-3 float-end",
-              onclick: `press_store_button(this, true);view_post('${viewname}', 'execute', {fcall_id: '${tool_call.id}', run_id: ${run.id}}, processExecuteResponse)`,
+              onclick: `press_store_button(this, true);view_post('${viewname}', 'execute', {fcall_id: '${
+                tool_call.id || tool_call.toolCallId
+              }', run_id: ${run.id}}, processExecuteResponse)`,
             },
             "Apply"
           ),

package/index.js CHANGED Viewed

@@ -2,7 +2,6 @@ const Workflow = require("@saltcorn/data/models/workflow");
 const Form = require("@saltcorn/data/models/form");
 const { features } = require("@saltcorn/data/db/state");
 module.exports = {
   sc_plugin_api_version: 1,
   dependencies: ["@saltcorn/large-language-model"],
@@ -12,4 +11,5 @@ module.exports = {
   functions: features.workflows
     ? { copilot_generate_workflow: require("./workflow-gen") }
     : {},
+  actions: { copilot_generate_page: require("./page-gen-action") },
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/copilot",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "AI assistant for building Saltcorn applications",
   "main": "index.js",
   "dependencies": {

package/page-gen-action.js ADDED Viewed

@@ -0,0 +1,179 @@
+const { eval_expression } = require("@saltcorn/data/models/expression");
+const { interpolate } = require("@saltcorn/data/utils");
+const { getState } = require("@saltcorn/data/db/state");
+const File = require("@saltcorn/data/models/file");
+const Page = require("@saltcorn/data/models/page");
+const GeneratePage = require("./actions/generate-page");
+module.exports = {
+  description: "Generate page with AI copilot",
+  configFields: ({ table, mode }) => {
+    if (mode === "workflow") {
+      return [
+        {
+          name: "page_name",
+          label: "Page name",
+          sublabel:
+            "Leave blank to not save a Saltcorn page. Use interpolations {{ }} to access variables in the context",
+          type: "String",
+        },
+        {
+          name: "prompt_template",
+          label: "Prompt",
+          sublabel:
+            "Prompt text. Use interpolations {{ }} to access variables in the context",
+          type: "String",
+          fieldview: "textarea",
+          required: true,
+        },
+        {
+          name: "answer_field",
+          label: "Answer variable",
+          sublabel: "Optional. Set the generated HTML to this context variable",
+          type: "String",
+          required: true,
+        },
+        //   ...override_fields,
+        {
+          name: "model",
+          label: "Model",
+          sublabel: "Override default model name",
+          type: "String",
+        },
+      ];
+    } else if (table) {
+      const textFields = table.fields
+        .filter((f) => f.type?.sql_name === "text")
+        .map((f) => f.name);
+      return [
+        {
+          name: "prompt_field",
+          label: "Prompt field",
+          sublabel: "Field with the text of the prompt",
+          type: "String",
+          required: true,
+          attributes: { options: [...textFields, "Formula"] },
+        },
+        {
+          name: "prompt_formula",
+          label: "Prompt formula",
+          type: "String",
+          showIf: { prompt_field: "Formula" },
+        },
+        {
+          name: "answer_field",
+          label: "Answer field",
+          sublabel: "Output field will be set to the generated answer",
+          type: "String",
+          required: true,
+          attributes: { options: textFields },
+        },
+        //  ...override_fields,
+      ];
+    }
+  },
+  run: async ({
+    row,
+    table,
+    user,
+    mode,
+    configuration: {
+      page_name,
+      prompt_field,
+      prompt_formula,
+      prompt_template,
+      answer_field,
+      chat_history_field,
+      model,
+    },
+  }) => {
+    let prompt;
+    if (mode === "workflow") prompt = interpolate(prompt_template, row, user);
+    else if (prompt_field === "Formula" || mode === "workflow")
+      prompt = eval_expression(
+        prompt_formula,
+        row,
+        user,
+        "llm_generate prompt formula"
+      );
+    else prompt = row[prompt_field];
+    const opts = {};
+    if (model) opts.model = model;
+    const tools = [];
+    const systemPrompt = await GeneratePage.system_prompt();
+    tools.push({
+      type: "function",
+      function: {
+        name: GeneratePage.function_name,
+        description: GeneratePage.description,
+        parameters: await GeneratePage.json_schema(),
+      },
+    });
+    const { llm_generate } = getState().functions;
+    const initial_ans = await llm_generate.run(prompt, {
+      tools,
+      systemPrompt,
+    });
+    const initial_info = initial_ans.tool_calls[0].input;
+    const full = await GeneratePage.follow_on_generate(initial_info);
+    const page_html = await getState().functions.llm_generate.run(
+      `${prompt}.
+      The page title is: ${initial_info.title}.
+      Further page description: ${initial_info.description}.
+      Generate the HTML for the web page using the Bootstrap 5 CSS framework.
+      If you need to include the standard bootstrap CSS and javascript files, they are available as:
+      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+      and
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+      Just generate HTML code, do not wrap in markdown code tags`,
+      {
+        debugResult: true,
+        response_format: full.response_schema
+          ? {
+              type: "json_schema",
+              json_schema: {
+                name: "generate_page",
+                schema: full.response_schema,
+              },
+            }
+          : undefined,
+      }
+    );
+    const use_page_name = page_name ? interpolate(page_name, row, user) : "";
+    if (use_page_name) {
+      //save to a file
+      const file = await File.from_contents(
+        `${use_page_name}.html`,
+        "text/html",
+        page_html,
+        user.id,
+        100
+      );
+      //create page
+      await Page.create({
+        name: use_page_name,
+        title: initial_info.title,
+        description: initial_info.description,
+        min_role: 100,
+        layout: { html_file: file.path_to_serve },
+      });
+      getState().refresh_pages()
+    }
+    const upd = answer_field ? { [answer_field]: page_html } : {};
+    if (mode === "workflow") return upd;
+    else if (answer_field) await table.updateRow(upd, row[table.pk_name]);
+  },
+};