@kumologica/sdk 3.6.3 → 3.6.4-beta3

package/src/app/ui/editor-client/src/js/ui/aitab.js

@@ -0,0 +1,90 @@
+module.exports = function addAiTab(editorTabs, editorContent) {
+  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',
+  };
+
+  const aiList = $('<div>', {
+    id: 'ai-list',
+    css: {
+      'max-height': 'calc(100% - 120px)',
+      'overflow-y': 'auto',
+      'margin-bottom': '10px'
+    }
+  }).appendTo(aiTab.content);
+
+  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);
+
+  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', function () {
+    const val = aiInput.val().trim();
+    if (val) {
+        const res = window.__kumologica.libs.chatAi({conversation: [], question: val});
+      console.log('AI Tab Sent:', val);
+      $('<div>', {
+        text: val,
+        css: {
+          padding: '6px 8px',
+          margin: '2px 0',
+          background: '#eaeaea',
+          borderRadius: '4px'
+        }
+      }).appendTo(aiList);
+      $('<div>', {
+        text: 'Response to your xtext: ' + res,
+        css: {
+          padding: '6px 8px',
+          margin: '2px 0',
+          background: '#d0f5d8',
+          borderRadius: '4px'
+        }
+      }).appendTo(aiList);
+      aiInput.val('');
+    }
+  });
+
+  editorTabs.addTab(aiTab);
+};

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

@@ -1870,6 +1870,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',
@@ -2120,7 +2234,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)

package/src/app/ui/editor-client/src/js/ui/tray.js

@@ -8,10 +8,12 @@ RED.tray = (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');
 
@@ -25,6 +27,9 @@ RED.tray = (function () {
       case 'notes':
         $('#documentation-tab').show();
         break;
+      case 'ai':
+        $('#ai-tab').show();
+        break;
     }
   }
 
@@ -47,6 +52,7 @@ RED.tray = (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);
     }
@@ -263,6 +269,10 @@ RED.tray = (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');

package/cli/utils/fs/create-zip-file.js

@@ -1,39 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const archiver = require('archiver');
-const BbPromise = require('bluebird');
-const walkDirSync = require('./walk-dir-sync');
-
-async function createZipFile(srcDirPath, outputFilePath) {
-  const files = walkDirSync(srcDirPath).map((file) => ({
-    input: file,
-    output: file.replace(path.join(srcDirPath, path.sep), ''),
-  }));
-
-  return new BbPromise((resolve, reject) => {
-    const output = fs.createWriteStream(outputFilePath);
-    const archive = archiver('zip', {
-      zlib: { level: 9 },
-    });
-
-    output.on('open', () => {
-      archive.pipe(output);
-
-      files.forEach((file) => {
-        // TODO: update since this is REALLY slow
-        if (fs.lstatSync(file.input).isFile()) {
-          archive.append(fs.createReadStream(file.input), { name: file.output });
-        }
-      });
-
-      archive.finalize();
-    });
-
-    archive.on('error', (err) => reject(err));
-    output.on('close', () => resolve(outputFilePath));
-  });
-}
-
-module.exports = createZipFile;