@kumologica/sdk 3.6.3 → 3.6.4-beta3

package/cli/commands/run.js

@@ -25,7 +25,8 @@
 const path = require("path");
 const fs = require("fs");
 const { codegen } = require("@kumologica/builder");
-const { DesignerServer } = require("../../src/server/DesignerServer");
+const { NodeJsTaskFlowBuilder} = require("../../src/builder/NodeJsTaskFlowBuilder");
+//const { DesignerServer } = require("../../src/server/DesignerServer");
 const { logError, logNotice, logInfo, logFatal } = require("../utils/logger");
 
 exports.command = "run [project_directory]";
@@ -86,12 +87,12 @@ exports.handler = async ({ project_directory, loglevel, port, taskName, args })
     };
 
     // Start a server
-    let server = new DesignerServer({
+    let server = new NodeJsTaskFlowBuilder({
       flowPath: projectFlowFullPath,
       cliParams,
     });
 
-    await server.start();
+    await server.listen();
 
     const tName = taskName || process.env.taskName;
     const req = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kumologica/sdk",
-  "version": "3.6.3",
+  "version": "3.6.4-beta3",
   "productName": "Kumologica Designer",
   "copyright": "Copyright 2020 Kumologica Pty Ltd, All Rights Reserved.",
   "author": "Kumologica Pty Ltd <contact@kumologica.com>",
@@ -83,10 +83,9 @@
     "@aws-sdk/credential-providers": "^3.556.0",
     "@aws-sdk/lib-dynamodb": "^3.549.0",
     "@electron/remote": "^2.0.8",
-    "@kumologica/builder": "3.6.3",
-    "@kumologica/devkit": "3.6.3",
-    "@kumologica/runtime": "3.6.3",
-    "adm-zip": "0.4.13",
+    "@kumologica/builder": "3.6.4-beta3",
+    "@kumologica/devkit": "3.6.4-beta3",
+    "@kumologica/runtime": "3.6.4-beta3",
     "ajv": "8.10.0",
     "archive-type": "^4.0.0",
     "basic-auth": "2.0.1",
@@ -178,7 +177,7 @@
     "license-compatibility-checker": "^0.3.4",
     "license-report": "^3.0.0",
     "mocha": "10.2.0",
-    "node-sass": "8.0.0",
+    "node-sass": "9.0.0",
     "tslint": "^5.18.0",
     "typescript": "^3.5.3"
   },

package/src/app/lib/ai/chatai.js

@@ -0,0 +1,206 @@
+/**
+ * chatAi(options)
+ *
+ * options: {
+ *   provider: 'openai'|'anthropic'|'gemini'|'xai'|'deepseek',
+ *   apiKey: string,
+ *   model: string,
+ *   conversation: [{ role: 'user'|'assistant'|'system', content: '...' }, ...],
+ *   question: string,
+ *   temperature?: number (0..1)
+ * }
+ *
+ * Returns: Promise<string> -> HTML snippet (string) ready to be inserted into the page.
+ *
+ * Requires: npm install node-fetch
+ */
+
+/*
+  const {
+    provider = "anthropic",
+    model = "claude-sonnet-4-20250514",
+    conversation = [],
+    question,
+    temperature = 0.2,
+  } = options;
+
+  */
+//async function chatAi(options) {
+/**
+ * chatWithAI(options)
+ *
+ * options: {
+ *   provider: 'openai'|'anthropic'|'gemini'|'xai'|'deepseek',
+ *   apiKey: string,
+ *   model: string,
+ *   conversation: [{ role: 'user'|'assistant'|'system', content: '...' }, ...],
+ *   question: string,
+ *   temperature?: number (0..1)
+ * }
+ *
+ * Requires: npm install node-fetch
+ */
+
+const fetch = require('node-fetch'); // Node 18+ can use global fetch
+
+async function chatAi(options) {
+  const {
+    provider = "anthropic",
+    model = "claude-sonnet-4-20250514",
+    conversation = [],
+    question,
+    temperature = 0.2,
+  } = options;
+
+  if (!provider || !apiKey || !model) throw new Error('provider, apiKey and model are required');
+  if (!question) throw new Error('question is required');
+
+  const convo = conversation.slice();
+  convo.push({ role: 'user', content: question });
+
+  const makeOpenAIPayload = () => ({
+    model,
+    messages: convo.map(m => ({ role: m.role, content: m.content })),
+    temperature,
+    max_tokens: 1200,
+  });
+
+  const makeAnthropicPayload = () => ({
+    model,
+    max_tokens: 1200,
+    temperature,
+    messages: convo.map(m => ({ role: m.role, content: m.content })),
+  });
+
+  const makeGenericOpenAICompatiblePayload = () => ({
+    model,
+    messages: convo.map(m => ({ role: m.role, content: m.content })),
+    temperature,
+    max_tokens: 1200,
+  });
+
+  let endpoint;
+  let body;
+  let headers = {};
+
+  if (provider === 'openai') {
+    endpoint = 'https://api.openai.com/v1/chat/completions';
+    headers['Authorization'] = `Bearer ${apiKey}`;
+    headers['Content-Type'] = 'application/json';
+    body = JSON.stringify(makeOpenAIPayload());
+
+  } else if (provider === 'anthropic') {
+    endpoint = `https://api.anthropic.com/v1/messages`;
+    headers['x-api-key'] = apiKey;
+    headers['anthropic-version'] = '2023-06-01';
+    headers['Content-Type'] = 'application/json';
+    body = JSON.stringify(makeAnthropicPayload());
+
+  } else if (provider === 'gemini') {
+    endpoint = `https://api.generativeai.googleapis.com/v1/models/${encodeURIComponent(model)}:generate`;
+    headers['Authorization'] = `Bearer ${apiKey}`;
+    headers['Content-Type'] = 'application/json';
+    body = JSON.stringify({
+      prompt: {
+        messages: convo.map(m => ({
+          author: m.role === 'user' ? 'user' : 'assistant',
+          content: [{ text: m.content }]
+        }))
+      },
+      temperature,
+    });
+
+  } else if (provider === 'xai' || provider === 'x.ai' || provider === 'grok') {
+    endpoint = `https://api.x.ai/v1/chat/completions`;
+    headers['Authorization'] = `Bearer ${apiKey}`;
+    headers['Content-Type'] = 'application/json';
+    body = JSON.stringify(makeGenericOpenAICompatiblePayload());
+
+  } else if (provider === 'deepseek' || provider === 'deepseekapi') {
+    endpoint = `https://api.deepseek.com/v1/chat/completions`;
+    headers['Authorization'] = `Bearer ${apiKey}`;
+    headers['Content-Type'] = 'application/json';
+    body = JSON.stringify(makeGenericOpenAICompatiblePayload());
+
+  } else {
+    throw new Error('Unsupported provider: ' + provider);
+  }
+
+  const resp = await fetch(endpoint, { method: 'POST', headers, body });
+  if (!resp.ok) {
+    const text = await resp.text().catch(() => '');
+    throw new Error(`API error ${resp.status}: ${text}`);
+  }
+
+  const data = await resp.json();
+
+  console.log('Inside AI response:', data);
+
+  let assistantText = '';
+  if (data.choices && Array.isArray(data.choices) && data.choices[0]?.message?.content) {
+    assistantText = data.choices[0].message.content;
+  } else if (data.output_text) {
+    assistantText = data.output_text;
+  } else if (data.output && Array.isArray(data.output) && data.output[0]?.content) {
+    const cont = data.output[0].content;
+    if (Array.isArray(cont)) {
+      assistantText = cont.map(c => c.text || '').join('\n');
+    } else {
+      assistantText = (cont.text || '');
+    }
+  } else if (data.completion) {
+    assistantText = data.completion;
+  } else if (data.message?.content) {
+    assistantText = typeof data.message.content === 'string'
+      ? data.message.content
+      : (data.message.content[0]?.text || '');
+  } else {
+    assistantText = JSON.stringify(data);
+  }
+
+  function escapeHtml(s) {
+    return s
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;');
+  }
+
+  function renderMessageBlock(role, text) {
+    const fenceRe = /```([a-zA-Z0-9_-]*)\n([\s\S]*?)```/g;
+    let html = '';
+    let cursor = 0;
+    let m;
+    while ((m = fenceRe.exec(text)) !== null) {
+      const before = text.slice(cursor, m.index);
+      if (before.trim()) html += `<div class="body-text">${escapeHtml(before)}</div>`;
+      const lang = m[1] || 'text';
+      const code = m[2];
+      html += `<pre class="code-block"><code class="language-${escapeHtml(lang)}">${escapeHtml(code)}</code></pre>`;
+      cursor = m.index + m[0].length;
+    }
+    const tail = text.slice(cursor);
+    if (tail.trim()) html += `<div class="body-text">${escapeHtml(tail)}</div>`;
+    if (!html) html = '<div class="body-text"></div>';
+    return `<div class="msg role-${escapeHtml(role)}">
+      <h4 class="role">${escapeHtml(role)}</h4>
+      <div class="body">${html}</div>
+    </div>`;
+  }
+
+  const fullConvo = convo.slice();
+  fullConvo.push({ role: 'assistant', content: assistantText });
+  const messageBlocks = fullConvo.map(m => renderMessageBlock(m.role, m.content)).join('\n');
+
+  const htmlSnippet = `
+<div class="ai-chat-container" data-provider="${escapeHtml(provider)}" data-model="${escapeHtml(model)}">
+  <div class="ai-chat-messages">
+    ${messageBlocks}
+  </div>
+</div>
+`;
+
+  return htmlSnippet;
+}
+
+module.exports = { chatAi };

package/src/app/preload.js

@@ -37,6 +37,7 @@ const ProjectInfoConfig = require("./lib/stores/project-info-config-store");
 const { CloudConfigStore } = require("./lib/stores/settings-cloud-store");
 const { NetworkConfigStore } = require("./lib/stores/settings-network-store");
 const { OpenAIClient } = require("./lib/ai/openai");
+const { chatAi } = require("./lib/ai/chatai");
 
 const AWSProfile = require("./lib/aws/aws-profile");
 const AWSDeployer = require("./lib/aws");
@@ -580,6 +581,9 @@ function includeNodePathIntoPath() {
   }
 }
 
+async function chatWithAi(conversation, question) {  
+  await chatAi(conversation, question);
+}
 async function npmInstall(dependency) {
   return new Promise((resolve, reject) => {
     window.__kumologica.editor.terminal.eventEmitter.emit(
@@ -738,6 +742,8 @@ window.__kumologica.libs.simpleGit = simpleGit;
 
 // AI utilities
 window.__kumologica.libs.openAIClient = openAIClient;
+window.__kumologica.libs.chatAi = chatWithAi;
+
 
 /**
  * Return the name of the valid kumologica flow or undefined otherwise.

package/src/app/ui/editor-client/public/red/red.js

@@ -31157,6 +31157,120 @@ RED.editor = (function () {
           nodeInfoEditor = buildDescriptionForm(descriptionTab.content, node);
         }
 
+        // ...inside showEditDialog, after Help tab and before Notes tab...
+
+        // AI tab
+        let aiTab = {
+          id: 'editor-tab-ai',
+          label: 'AI',
+          name: 'AI',
+          content: $('<div>', {
+            class: 'editor-tray-content',
+            id: 'ai-tab',
+            css: { position: 'relative', height: '100%' }
+          })
+            .appendTo(editorContent)
+            .hide(),
+          iconClass: 'fa fa-magic',
+        };
+
+        // List of text items (history/messages)
+        const aiList = $('<div>', {
+          id: 'ai-list',
+          css: {
+            'max-height': 'calc(100% - 120px)',
+            'overflow-y': 'auto',
+            'margin-bottom': '10px'
+          }
+        }).appendTo(aiTab.content);
+
+        // Text editor area
+        const aiInputContainer = $('<div>', {
+          css: {
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: 0,
+            padding: '10px',
+            'background': '#f9f9f9',
+            'box-shadow': '0 -1px 4px rgba(0,0,0,0.04)'
+          }
+        }).appendTo(aiTab.content);
+
+        const aiInput = $('<textarea>', {
+          id: 'ai-input',
+          rows: 3,
+          css: {
+            width: 'calc(100% - 110px)',
+            resize: 'none',
+            display: 'inline-block',
+            verticalAlign: 'bottom'
+          },
+          placeholder: 'Type your AI prompt...'
+        }).appendTo(aiInputContainer);
+
+        // Send button
+        const aiSendBtn = $('<button>', {
+          text: 'Send',
+          class: 'editor-button primary',
+          css: {
+            float: 'right',
+            marginLeft: '10px',
+            width: '90px',
+            height: '48px',
+            position: 'relative',
+            bottom: '0'
+          }
+        }).appendTo(aiInputContainer);
+
+aiSendBtn.on('click', async function () {
+  const val = aiInput.val().trim();
+  if (val) {
+    // Log the sent text to the console
+    console.log('AI Tab Sent:', val);
+
+
+    let res;
+    
+    try {
+       res = await window.__kumologica.libs.chatAi({conversation: [], question: val});
+       console.log('AI Tab Response:', res);
+      } catch (error) {
+       console.log('AI Tab err:', error);
+      res = error;
+    }
+
+    // Add the original text to the list, aligned right
+    $('<div>', {
+      text: val,
+      css: {
+        padding: '6px 8px',
+        margin: '2px 0',
+        background: '#eaeaea',
+        borderRadius: '4px',
+        textAlign: 'right',
+        display: 'flex',
+        justifyContent: 'flex-end'
+      }
+    }).appendTo(aiList);
+
+    // Add the response text to the list, aligned left
+    $('<div>', {
+      text: 'Response to your text: ' + res,
+      css: {
+        padding: '6px 8px',
+        margin: '2px 0',
+        background: '#d0f5d8',
+        borderRadius: '4px',
+        textAlign: 'left'
+      }
+    }).appendTo(aiList);
+
+    aiInput.val('');
+  }
+});
+       // editorTabs.addTab(aiTab);
+
         var appearanceTab = {
           id: 'editor-tab-appearance',
           label: 'Appearance',
@@ -31407,7 +31521,7 @@ RED.editor = (function () {
                 '<option value="' +
                 ws.id +
                 '"' +
-                (ws.id == editing_config_node.z ? ' selected' : '') +
+                               (ws.id == editing_config_node.z ? ' selected' : '') +
                 '></option>'
               )
                 .text(workspaceLabel)
@@ -33814,10 +33928,12 @@ RED.eventLog = (function() {
     $('#optionSettings').removeClass('node-property-selected');
     $('#optionHelp').removeClass('node-property-selected');
     $('#optionDocumentation').removeClass('node-property-selected');
+    $('#optionAi').removeClass('node-property-selected');
 
     $('#properties-tab').hide();
     $('#help-tab').hide();
     $('#documentation-tab').hide();
+    $('#ai-tab').hide();
 
     domEl.addClass('node-property-selected');
 
@@ -33831,6 +33947,9 @@ RED.eventLog = (function() {
       case 'notes':
         $('#documentation-tab').show();
         break;
+      case 'ai':
+        $('#ai-tab').show();
+        break;
     }
   }
 
@@ -33853,6 +33972,7 @@ RED.eventLog = (function() {
       <div id="optionSettings" class="node-property-option node-property-selected">Settings</div>
       <div id="optionHelp" class="node-property-option">Help</div>
       <div id="optionDocumentation" class="node-property-option">Notes</div>
+      <!--<div id="optionAi" class="node-property-option">AI</div>-->
     </div>
     `).appendTo(el);
     }
@@ -34069,6 +34189,10 @@ RED.eventLog = (function() {
       let $this = $(e.currentTarget);
       selectOption($this, 'help');
     });
+    $('#optionAi').click((e) => {
+      let $this = $(e.currentTarget);
+      selectOption($this, 'ai');
+    });
     $('#optionDocumentation').click((e) => {
       let $this = $(e.currentTarget);
       selectOption($this, 'notes');