@kumologica/sdk 3.4.0 → 3.5.0-beta2

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

@@ -145,9 +145,9 @@ RED.nodes = (function () {
 
           // TODO: too tightly coupled into palette UI
         }
-        
+
         RED.events.emit('registry:node-type-added', nt);
-       
+
       },
       removeNodeType: function (nt) {
         if (nt.substring(0, 8) != 'subflow:') {
@@ -502,7 +502,7 @@ RED.nodes = (function () {
               if (
                 !n.credentials._ ||
                 n.credentials['has_' + cred] !=
-                  n.credentials._['has_' + cred] ||
+                n.credentials._['has_' + cred] ||
                 (n.credentials['has_' + cred] && n.credentials[cred])
               ) {
                 credentialSet[cred] = n.credentials[cred];
@@ -587,7 +587,7 @@ RED.nodes = (function () {
       node.caname = '_error_unknown';
       node.category = '_error_unknown'
     }
-    
+
     return node;
   }
 
@@ -727,7 +727,7 @@ RED.nodes = (function () {
     }
     var nns = [];
     var i;
-    
+
     for (i = 0; i < workspacesOrder.length; i++) {
       if (workspaces[workspacesOrder[i]].type == 'tab') {
         nns.push(convertWorkspace(workspaces[workspacesOrder[i]]));
@@ -745,12 +745,12 @@ RED.nodes = (function () {
     }
     for (i = 0; i < nodes.length; i++) {
       var node = nodes[i];
-        let n = convertNode(node, exportCredentials);
-        // check if we need to report an error with node convertion
-        if (n.caname === '_error_unknown' && n.category === '_error_unknown'){
-          RED.notify(`<strong>Error</strong>: Invalid flow due to node type unknown [${n.type}]`, 'error');
-        }
-        nns.push(n);
+      let n = convertNode(node, exportCredentials);
+      // check if we need to report an error with node convertion
+      if (n.caname === '_error_unknown' && n.category === '_error_unknown') {
+        RED.notify(`<strong>Error</strong>: Invalid flow due to node type unknown [${n.type}]`, 'error');
+      }
+      nns.push(n);
     }
     return nns;
   }
@@ -895,9 +895,9 @@ RED.nodes = (function () {
       var typeList = '<ul><li>' + unknownTypes.join('</li><li>') + '</li></ul>';
       RED.notify(
         '<p>' +
-          'Imported unrecognised type:' +
-          '</p>' +
-          typeList,
+        'Imported unrecognised type:' +
+        '</p>' +
+        typeList,
         'error',
         false,
         10000
@@ -905,6 +905,7 @@ RED.nodes = (function () {
     }
 
     var activeWorkspace = RED.workspaces.active();
+    console.log('[nodes] ImportNodes --> activeWorkspace=', activeWorkspace)
     //TODO: check the z of the subflow instance and check _that_ if it exists
     var activeSubflow = getSubflow(activeWorkspace);
     for (i = 0; i < newNodes.length; i++) {
@@ -922,7 +923,7 @@ RED.nodes = (function () {
           }
           if (err) {
             // TODO: standardise error codes
-            err.code = 'NODE_RED';
+            err.code = 'KUMOLOGICA';
             throw err;
           }
         }
@@ -1442,9 +1443,9 @@ RED.nodes = (function () {
     ];
   }
 
-  function getTabLabel(id){
+  function getTabLabel(id) {
     let tabs = listWorkspaces();
-    for (tab in tabs){
+    for (tab in tabs) {
       if (tabs[tab].id === id) {
         return tabs[tab].label;
       }
@@ -1727,7 +1728,7 @@ RED.nodes = (function () {
       }
     },
     eachWorkspace: eachWorkspace,
-    
+
     listWorkspaces: listWorkspaces,
 
     node: getNode,

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

@@ -2,7 +2,7 @@ var RED = (function () {
   let disableComms = false;
 
   function appendNodeConfig(nodeConfig, done) {
-    done = done || function () {};
+    done = done || function () { };
     var m = /<!-- --- \[red-module:(\S+)\] --- -->/.exec(nodeConfig.trim());
     var moduleId;
     if (m) {
@@ -72,7 +72,7 @@ var RED = (function () {
       success: function (data) {
         RED.nodes.setNodeList(data);
         // RED.i18n.loadNodeCatalogs(function () {
-          loadIconList(loadNodes);
+        loadIconList(loadNodes);
         // });
       },
     });
@@ -396,7 +396,7 @@ var RED = (function () {
               appendNodeConfig(data);
               typeList =
                 '<ul><li>' + msg.types.join('</li><li>') + '</li></ul>';
-              RED.notify(`Node added to palette: ${msg.types.length} `+ typeList,
+              RED.notify(`Node added to palette: ${msg.types.length} ` + typeList,
                 'success'
               );
             });
@@ -641,6 +641,7 @@ var RED = (function () {
     RED.subflow.init();
     RED.workspaces.init();
     RED.clipboard.init();
+    RED.signup.init();
     RED.search.init();
     RED.projectInfo.init();
     RED.uiSettings.init();
@@ -699,6 +700,8 @@ var RED = (function () {
     RED.i18n.init(options, function () {
       RED.settings.init(options, loadEditor);
     });
+    RED.footer.init();
+
   }
 
   return {

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

@@ -21,7 +21,7 @@ RED.editor = (function () {
     return latestNodeSelected;
   }
 
-  function setLatestNodeSelected(newLatestNodeSelected){
+  function setLatestNodeSelected(newLatestNodeSelected) {
     // console.log('[editor] setLatestNodeSelected=', newLatestNodeSelected);
     latestNodeSelected = newLatestNodeSelected;
   }
@@ -297,10 +297,10 @@ RED.editor = (function () {
     updateConfigNodeSelect(property, type, node[property], prefix);
     $(
       '<a id="' +
-        prefix +
-        '-lookup-' +
-        property +
-        '" class="editor-button"><i class="fa fa-pencil"></i></a>'
+      prefix +
+      '-lookup-' +
+      property +
+      '" class="editor-button"><i class="fa fa-pencil"></i></a>'
     )
       .css({ position: 'absolute', right: 0, top: 0 })
       .appendTo(outerWrap);
@@ -422,10 +422,10 @@ RED.editor = (function () {
       // Add the icon of dynamic expression
 
       //input
-        //.parent()
-        // .append(
-        //   '<span style="display:none;float:right;position:relative;top:-23px;right:5px;color:#9c27b0;font-size:14px" class="fa fa-bolt icon-templatable"></span>'
-        // );
+      //.parent()
+      // .append(
+      //   '<span style="display:none;float:right;position:relative;top:-23px;right:5px;color:#9c27b0;font-size:14px" class="fa fa-bolt icon-templatable"></span>'
+      // );
 
       RED.popover.tooltip(
         input.parent().find($('span.icon-templatable')),
@@ -877,8 +877,8 @@ RED.editor = (function () {
   function buildEditForm(container, formId, type, ns, node) {
     var dialogForm = $(
       '<form id="' +
-        formId +
-        '" class="form-horizontal" autocomplete="off"></form>'
+      formId +
+      '" class="form-horizontal" autocomplete="off"></form>'
     ).appendTo(container);
     dialogForm.html($("script[data-template-name='" + type + "']").html());
     ns = ns || 'kumologica-core';
@@ -1124,8 +1124,8 @@ RED.editor = (function () {
     var summary = $('<span>').appendTo(metaRow);
     var resetButton = $(
       '<button type="button" class="editor-button editor-button-small">' +
-        'use default' +
-        '</button>'
+      'use default' +
+      '</button>'
     )
       .appendTo(metaRow)
       .click(function (e) {
@@ -1188,10 +1188,10 @@ RED.editor = (function () {
 
     $(
       '<div class="form-row">' +
-        '<label for="node-input-show-label-btn" data-i18n="editor.label"></label>' +
-        '<button type="button" id="node-input-show-label-btn" class="editor-button" style="min-width: 80px; text-align: left;" type="button"><i id="node-input-show-label-btn-i" class="fa fa-toggle-on"></i> <span id="node-input-show-label-label"></span></button> ' +
-        '<input type="checkbox" id="node-input-show-label" style="display: none;"/>' +
-        '</div>'
+      '<label for="node-input-show-label-btn" data-i18n="editor.label"></label>' +
+      '<button type="button" id="node-input-show-label-btn" class="editor-button" style="min-width: 80px; text-align: left;" type="button"><i id="node-input-show-label-btn-i" class="fa fa-toggle-on"></i> <span id="node-input-show-label-label"></span></button> ' +
+      '<input type="checkbox" id="node-input-show-label" style="display: none;"/>' +
+      '</div>'
     ).appendTo(dialogForm);
 
     var setToggleState = function (state) {
@@ -1381,7 +1381,7 @@ RED.editor = (function () {
       value: node.info || '',
       lineNumbers: false,
       toolbar: false,
-      onChange: function(delta) {
+      onChange: function (delta) {
         // console.log('[editor] InfoTab changed. Delta=', delta);
         notifyChanges(getLatestNodeSelected());
       }
@@ -1390,7 +1390,7 @@ RED.editor = (function () {
     return nodeInfoEditor;
   }
 
-  function resetEditor(){
+  function resetEditor() {
     editStack.pop();
     RED.sidebar.nodeinfo.emptyTab();
     RED.actions.invoke('core:hide-sidebar');
@@ -1400,7 +1400,7 @@ RED.editor = (function () {
     notifyChanges(getLatestNodeSelected());
   }
 
-  function notifyChanges(nodeSelected){
+  function notifyChanges(nodeSelected) {
     // console.log('[editor] notifyChanges with nodeSelected: ', nodeSelected);
     let editing_node = nodeSelected;
     let node = nodeSelected;
@@ -1564,11 +1564,11 @@ RED.editor = (function () {
       changed = changed || credsChanged;
     }
     if (editing_node.hasOwnProperty("_outputs")) {
-        outputMap = editing_node._outputs;
-        delete editing_node._outputs;
-        if (Object.keys(outputMap).length > 0) {
-            changed = true;
-        }
+      outputMap = editing_node._outputs;
+      delete editing_node._outputs;
+      if (Object.keys(outputMap).length > 0) {
+        changed = true;
+      }
     }
     var removedLinks = updateNodeProperties(editing_node, outputMap);
 
@@ -1607,7 +1607,7 @@ RED.editor = (function () {
       }
     }
 
-    
+
     if (changed) {
       // console.log('[editor] Editing node detected a change. Saving required.');
       var wasChanged = editing_node.changed;
@@ -1652,7 +1652,7 @@ RED.editor = (function () {
       setLatestNodeSelected(editing_node);
       // console.log('[editor] Node changed. Required to be saved', editing_node);
       RED.events.emit('editor:save', editing_node);
-    }else{
+    } else {
       // console.log('[editor] Editing node is same as current node. No saving required');
       return;
     }
@@ -1663,7 +1663,7 @@ RED.editor = (function () {
     // console.log('[editor] Node properties changed. Event: keyup change');
     notifyChanges(getLatestNodeSelected());
     // Wait until the DOM has been modified as part of the click event, to set the new listener to the new elements
-    setTimeout(()=> {
+    setTimeout(() => {
       listenEditorChanges();
     }, 300);
   }
@@ -1672,13 +1672,13 @@ RED.editor = (function () {
     // console.log('[editor] Node properties changed. Event: a click');
 
     // Wait until the DOM has been modified as part of the click event, to set the new listener to the new elements
-    setTimeout(()=> {
+    setTimeout(() => {
       notifyChanges(getLatestNodeSelected());
       listenEditorChanges();
     }, 300);
   }
 
-  function listenEditorChanges(){
+  function listenEditorChanges() {
     // console.log('[editor] Setting new listeners...')
     $('#editor-stack :input').off('keyup change', attachListenerToFieldsChange);
     $('#editor-stack :input').on('keyup change', attachListenerToFieldsChange);
@@ -1688,31 +1688,31 @@ RED.editor = (function () {
   }
 
   function showEditDialog(node) {
-    if (RED.sidebar.isDragging()){
+    if (RED.sidebar.isDragging()) {
       return;
     }
 
     let editing_node;
-    if (Object.keys(node).length === 0 && node.constructor === Object){
+    if (Object.keys(node).length === 0 && node.constructor === Object) {
       resetEditor();
       return;
     }
     // Case selection is about a `link`
-    if (node && node.hasOwnProperty('link')){
+    if (node && node.hasOwnProperty('link')) {
       return;
     }
 
     // Case selection is about a `node`
     if (node && node.hasOwnProperty('nodes') && node.nodes.length === 1) { // Single node selection
       // Ignore if sidebar is not visible - only double click will pull initially the sidebar
-      if (RED.sidebar.isSidebarVisible()){
+      if (RED.sidebar.isSidebarVisible()) {
         editing_node = node.nodes[0];
       } else {
         setLatestNodeSelected(node.nodes[0]);
         return;
       }
-      
-    } else if (node && node.hasOwnProperty('nodes') && Array.isArray(node.nodes)){ // Multinode selection
+
+    } else if (node && node.hasOwnProperty('nodes') && Array.isArray(node.nodes)) { // Multinode selection
       return;
     } else { // Double click on node
       editing_node = node;
@@ -1725,7 +1725,7 @@ RED.editor = (function () {
     // console.log('[editor] Before editStack.push() =', editStack);
     editStack.pop();
     editStack.push(node);
-    
+
     //RED.view.state(RED.state.EDITING);
     var type = node.type;
 
@@ -1741,9 +1741,9 @@ RED.editor = (function () {
       ],
       resize: function (dimensions) {
         editTrayWidthCache[type] = dimensions.width;
-        $('.editor-tray-content').height(dimensions.height - 50);
+        // $('.editor-tray-content').height(dimensions.height - 50);
         var form = $('.editor-tray-content form');
-        
+
         // var form = $('.editor-tray-content form').height(
         //   dimensions.height - 50 - 40
         // );
@@ -1838,10 +1838,10 @@ RED.editor = (function () {
         let editorTabContent = $('#help-tab');
 
         let helpText =
-            $("script[data-help-name='" + node.type + "']").html() ||
-            '<span class="node-info-none">' +
-              'None' +
-              '</span>';
+          $("script[data-help-name='" + node.type + "']").html() ||
+          '<span class="node-info-none">' +
+          'None' +
+          '</span>';
 
         $(`<div class="node-help">${helpText}</div>`).appendTo(editorTabContent);
 
@@ -1911,8 +1911,8 @@ RED.editor = (function () {
         if (editing_node) {
           // console.log('[editor] Showing editor ...')
           RED.sidebar.info.refresh(editing_node);
-           // activate the save button when node properties have changed
-          setTimeout( ()=> {
+          // activate the save button when node properties have changed
+          setTimeout(() => {
             listenEditorChanges();
           }, 300);
         }
@@ -1974,7 +1974,7 @@ RED.editor = (function () {
 
     RED.view.state(RED.state.EDITING);
     var trayOptions = {
-      title: getEditStackTitle(), 
+      title: getEditStackTitle(),
       nodeIconPath: getNodeIconPath(),
       resize: function (dimensions) {
         $('.editor-tray-content').height(dimensions.height - 50);
@@ -2087,8 +2087,8 @@ RED.editor = (function () {
             tabSelect.off('change');
             tabSelect.append(
               '<option value=""' +
-                (!editing_config_node.z ? ' selected' : '') +
-                ' data-i18n="sidebar.config.global"></option>'
+              (!editing_config_node.z ? ' selected' : '') +
+              ' data-i18n="sidebar.config.global"></option>'
             );
             tabSelect.append(
               '<option disabled data-i18n="sidebar.config.flows"></option>'
@@ -2100,10 +2100,10 @@ RED.editor = (function () {
               }
               $(
                 '<option value="' +
-                  ws.id +
-                  '"' +
-                  (ws.id == editing_config_node.z ? ' selected' : '') +
-                  '></option>'
+                ws.id +
+                '"' +
+                (ws.id == editing_config_node.z ? ' selected' : '') +
+                '></option>'
               )
                 .text(workspaceLabel)
                 .appendTo(tabSelect);
@@ -2118,10 +2118,10 @@ RED.editor = (function () {
               }
               $(
                 '<option value="' +
-                  ws.id +
-                  '"' +
-                  (ws.id == editing_config_node.z ? ' selected' : '') +
-                  '></option>'
+                ws.id +
+                '"' +
+                (ws.id == editing_config_node.z ? ' selected' : '') +
+                '></option>'
               )
                 .text(workspaceLabel)
                 .appendTo(tabSelect);
@@ -2489,10 +2489,10 @@ RED.editor = (function () {
         configNodes.forEach(function (cn) {
           $(
             '<option value="' +
-              cn.id +
-              '"' +
-              (value == cn.id ? ' selected' : '') +
-              '></option>'
+            cn.id +
+            '"' +
+            (value == cn.id ? ' selected' : '') +
+            '></option>'
           )
             .text(RED.text.bidi.enforceTextDirectionWithUCC(cn.__label__))
             .appendTo(select);
@@ -2501,9 +2501,9 @@ RED.editor = (function () {
 
         select.append(
           '<option value="_ADD_"' +
-            (value === '' ? ' selected' : '') +
-            '>' + `Add new ${type}...` +
-            '</option>'
+          (value === '' ? ' selected' : '') +
+          '>' + `Add new ${type}...` +
+          '</option>'
         );
         window.setTimeout(function () {
           select.change();
@@ -2782,7 +2782,7 @@ RED.editor = (function () {
         editStack.pop();
         editing_node = null;
       },
-      show: function () {},
+      show: function () { },
     };
     RED.tray.show(trayOptions);
   }
@@ -2873,7 +2873,7 @@ RED.editor = (function () {
     }
     if (options.mode === 'ace/mode/markdown') {
       $(el).addClass('node-text-editor-container-toolbar');
-      if (options.toolbar === false ){
+      if (options.toolbar === false) {
         // do not show the toolbar
       } else {
         editor.toolbar = customEditTypes['_markdown'].buildToolbar(
@@ -2881,7 +2881,7 @@ RED.editor = (function () {
           editor
         );
       }
-      
+
 
       if (options.expandable !== false) {
         // var previewButton = $(
@@ -2907,9 +2907,9 @@ RED.editor = (function () {
       //   autoClose: 50,
       // });
     }
-    if (options.onChange){
-      session.on("change", function(delta){
-        options.onChange(delta); 
+    if (options.onChange) {
+      session.on("change", function (delta) {
+        options.onChange(delta);
       })
     }
     return editor;
@@ -2977,7 +2977,7 @@ RED.editor = (function () {
     editBuffer: function (options) {
       showTypeEditor('_buffer', options);
     },
-    editText: function(options){
+    editText: function (options) {
       showTypeEditor('_string', options);
     },
     buildEditForm: buildEditForm,

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

@@ -0,0 +1,143 @@
+RED.footer = (function () {
+    // AI Section
+    const askConfigureAI = () => {
+        console.log(`[footer] showing "askConfigureAi"`)
+
+        $('#generate-code-ai').hide();
+        $('#explain-code-ai').hide();
+        $('#fix-code-ai').hide();
+
+        $('#ask-configure-ai').show();
+    }
+
+    const showTasksAI = () => {
+        console.log(`[footer] showing all AI tasks`)
+
+        $('#generate-code-ai').show();
+        $('#explain-code-ai').show();
+        $('#fix-code-ai').show();
+
+        $('#ask-configure-ai').hide();
+    }
+
+    const isEnabledAI = () => {
+        return false;
+    }
+
+
+    const handleChangeTestCase = (tcSelected) => {
+        console.log('[footer] callback with tcSelected', tcSelected);
+        let testcaseName = tcSelected.name || 'No TestCase selected'; // 'getTestCaseName(tcSelected.id);
+        console.log('[footer] Resolved testcase name=', testcaseName);
+
+        if (testcaseName) {
+            $('#footer-test').show();
+            $('#footer-test-value').text(testcaseName);
+        } else {
+            $('#footer-test').hide();
+        }
+    }
+
+    const getTestCaseName = (testcaseId) => {
+        if (!testcaseId) return "No TestCase selected";
+
+        if (testcaseId === '__runAll') {
+            return "Run all TestCases";
+        } else {
+            let nodeSelected = RED.nodes.filterNodes({ id: testcaseId });
+            console.log('[footer] Node Selected: ', nodeSelected)
+            if (nodeSelected && Array.isArray(nodeSelected) && nodeSelected.length > 0) {
+                let name = nodeSelected[0].name;
+                return name;
+            }
+        }
+    }
+
+    const initNodeLibraryWidget = () => {
+        let $nodeLibrary = $('#launch-node-library');
+        RED.popover.tooltip($nodeLibrary, 'Open node library...');
+    }
+
+    const initRuntimeVerWidget = () => {
+        let $runtimeVer = $('#footer-runtime-ver');
+        RED.popover.create({
+            target: $runtimeVer,
+            trigger: 'hover',
+            size: 'small',
+            direction: 'top',
+            content: 'Kumologica runtime installed',
+            delay: { show: 750, hide: 50 },
+        })
+    }
+
+    const initServerWidget = () => {
+        let $footerServer = $('#footer-server');
+        RED.popover.tooltip($footerServer, 'Local server listening address')
+    }
+    const initTestWidget = () => {
+        window.__kumologica.settings.loadConfigs();
+        console.log('[footer] testConfig=', window.__kumologica.settings.testConfig);
+
+        let testcaseId = window.__kumologica.settings.testConfig.getLatestSelectedTestCase();
+        let tcSelectedName = getTestCaseName(testcaseId);
+
+        handleChangeTestCase({
+            id: testcaseId,
+            name: tcSelectedName
+        });
+
+        // Add action
+        let $footerTest = $('#footer-test');
+        $footerTest.click(e => {
+            if (!$('.sidebar-test').is(':visible')) {
+                $('#red-ui-tab-test-link-button').click();
+            }
+
+            $('#test-sidebar-run-btn').click();
+        });
+        // Add popover
+        RED.popover.tooltip($footerTest, "Run TestCase");
+
+        // Attach listener
+        RED.actions.add('test:change-testcase-selected', handleChangeTestCase);
+    }
+
+    const initAIWidget = () => {
+        // check whether AI settings are configured or not
+        let aiEnabled = isEnabledAI();
+        if (aiEnabled) {
+            showTasksAI();
+        } else {
+            askConfigureAI();
+        }
+    }
+
+    const initTerminalWidget = () => {
+        let $footerTerminal = $('#footer-terminal');
+
+        $footerTerminal.click(e => {
+            $('#workspace-terminal').toggle();
+        });
+        RED.popover.create({
+            target: $footerTerminal,
+            trigger: 'hover',
+            size: 'small',
+            direction: 'left',
+            content: "Log Viewer",
+            delay: { show: 750, hide: 50 }
+        });
+    }
+
+    const init = () => {
+        initNodeLibraryWidget();
+        initRuntimeVerWidget();
+        initServerWidget();
+        setTimeout(() => initTestWidget(), 2000);
+        initAIWidget();
+        initTerminalWidget();
+    }
+
+    return {
+        init: init
+    }
+})();