@kumologica/sdk 3.0.26 → 3.0.27-beta10

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

@@ -30,7 +30,7 @@ RED.tray = (function () {
 
   function resize() {}
   function showTray(options) {
-    console.log('[tray] showTray. options=', options);
+    // console.log('[tray] showTray. options=', options);
 
     $('#editor-stack').empty();
 
@@ -343,7 +343,7 @@ RED.tray = (function () {
      
 
       if (stack.length === 0) {
-        console.log('[tray] Emiting event: (editor:open) ...')
+        // console.log('[tray] Emiting event: (editor:open) ...')
         RED.events.emit('editor:open');
         showTray(options);
       } else if (stack.length > 0 && options.title.startsWith('_')) {

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

@@ -2002,7 +2002,7 @@ RED.view = (function () {
         RED.editor.edit(selection);
       }else{
         // User has clicked on the canvas or link
-        // console.log('[view] Selection has not changed. Ignore');
+        console.log('[view] Selection has not changed. Ignore');
         // Just close the sidebar
         RED.editor.resetEditor();
       }

package/src/app/ui/editor-client/src/sass/editor.scss

@@ -96,9 +96,16 @@
 }
 
 .kumo-section-title {
+  border-top: 1px solid lightgrey;
+  padding-top: 7px;
   margin-top: 7px;
-  margin-left: 5px;
+  margin-left: 10px;
   margin-bottom: 4px;
+  color: #605d5d;
+  font-weight: bold;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  font-size: x-small;
 }
 
 .kumo-section-tips {
@@ -152,7 +159,7 @@
   width: auto;
   right: -1000px;
   bottom: 0;
-  background: #fff;
+  background: #f3f3f3;
   border-left: 1px solid $secondary-border-color;
   border-bottom: 1px solid $primary-border-color;
   box-sizing: content-box;
@@ -226,7 +233,7 @@
     border-left: 1px solid lightgrey;
     border-right: 1px solid lightgrey;
     border-top: 1px solid lightgrey;
-    border-bottom: 1px solid white;
+    border-bottom: 1px solid #f3f3f3;
     border-radius: 4px 4px 0px 0px;
   }
 }

package/src/app/ui/editor-client/src/sass/sidebar.scss

@@ -30,7 +30,8 @@
   min-width:435px;
   background: #fff;
   z-index: 10;
-  @include component-border;
+  border-left: 1px solid #ddd;
+  // @include component-border;
 }
 
 #sidebar-views {
@@ -96,24 +97,23 @@
 }
 
 #sidebar-separator {
-  position: absolute;
-  top: 0px;
-  right: 485px;
-  bottom: 10px;
-  width: 7px;
+  position: sticky !important;
+  left: 0 !important;
   z-index: 11;
   background: $background-color url(images/grip.png) no-repeat 50% 50%;
   cursor: col-resize;
-  border-left:1px solid #bbb;
+  border-left:4px solid #f3f3f3;
   height: 100%;
+  &:hover{
+    border-left:4px solid #2979ff;
+  }
 }
 
 .sidebar-closed > #sidebar {
   display: none;
 }
 .sidebar-closed > #sidebar-separator {
-  //right: 0px !important;
-  display: none;
+  // display: none;
 }
 .sidebar-closed > #workspace {
   right: 49px !important;

package/src/app/ui/editor-client/src/sass/style.scss

@@ -48,6 +48,7 @@
 @import 'tab-context';
 @import 'tab-info';
 @import 'tab-test';
+@import 'tab-git';
 @import 'popover';
 @import 'flow';
 @import 'palette-editor';

package/src/app/ui/editor-client/src/sass/tab-git.scss

@@ -0,0 +1,54 @@
+#sidebar-git-body {
+  margin-top: 30px;
+  font-weight: normal;
+
+  #sidebar-git-general-options-wrapper{
+    display: flex;
+    justify-content: flex-end;
+
+    #sidebar-git-general-pullpush-wrapper{
+      display: flex;
+      width: 10%;
+      justify-content: flex-end;
+    }
+  }
+
+  #sidebar-git-commit-msg-wrapper {
+    margin-top: 4px;
+    #sidebar-git-commit-msg {
+      display: flex;
+      width: 100%;
+      resize: vertical;
+    }
+  }
+  #sidebar-git-commit-options-wrapper{
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    top: -4px;
+    #sidebar-git-branch-info-wrapper{
+      display: flex;
+      justify-content: flex-start;
+      padding-left: 3px;
+      font-size: 12px;
+
+      #sidebar-git-branch{
+        font-weight: normal;
+        color: grey;
+        font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
+        margin: 0 5px;
+        display: flex;
+        padding: 0 6px;
+        background: #DBE5FB;
+        align-items: center;
+        height: 20px;
+        border-radius: 5px;
+      }
+    }
+  }
+  #sidebar-git-commit-wrapper{
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 10px;
+  }
+}

package/src/app/ui/editor-client/src/sass/tabs.scss

@@ -39,7 +39,7 @@
   width: 100%;
   position: relative;
   left: 1px;
-  justify-content: space-between;
+  // justify-content: space-between;
   box-sizing: border-box;
 
   .red-ui-tabs-scroll-container {

package/src/app/ui/editor-client/src/sass/workspace.scss

@@ -50,7 +50,7 @@
 }
 
 .sidebar-open #workspace {
-  right: 491px;
+  right: 486px;
 }
 
 .workspace-footer-button {

package/src/app/ui/editor-client/templates/index.mst

@@ -231,6 +231,7 @@
 
    
     <div id="sidebar"> 
+        <div id="sidebar-separator" ></div>
         <div id="sidebar-views">
             <div id="sidebar-content">
                 <div id="editor-stack"></div>
@@ -239,7 +240,7 @@
         </div>         
         <div id="sidebar-shade" class="hide"></div>
     </div>
-    <div id="sidebar-separator"></div>
+    
 
 
     <div id="sidebar-shortcuts">

package/cli/commands/import-commands/mulesoft.js

@@ -1,61 +0,0 @@
-exports.command = 'mulesoft';
-exports.desc = `Imports mulesoft project as kumologica flow.`;
-
-exports.builder = {			
-	"mulesoft-project-directory": {
-        describe: "The directory where mulesoft project is located.",
-        demandOption: "The nmulesoft project directory is required.",
-		type: 'string',
-		alias: 'm',
-		nargs: 1
-	},
-	"kumologica-project-directory": {
-        describe: "The directory where kumologica project to be created",
-        demandOption: "The kumologica project directory is required.",
-		type: 'string',
-		alias: 'k',
-		nargs: 1
-	},
-	"kumologica-flow-file-name": {
-        describe: "The name of kumologica flow file to be created, must end with .json extension",
-        demandOption: "The kumologica flow file name is required.",
-		type: 'string',
-		alias: 'f',
-		nargs: 1
-	}
-}
-		
-function validate(argv) {
-	const chalk = require('chalk');
-
-	if (!argv["kumologica-flow-file-name"].endsWith('.json')) {
-		console.log(`${chalk.redBright("Validation Error: kumologica-flow-file-name must end with .json extension.")}`);
-		process.exit(1);
-	}
-}
-function display(argv) {
-	console.log('Parameters:');
-	console.log('  mulesoft-project-directory:    %s', argv["mulesoft-project-directory"]||'');
-	console.log('  kumologica-project-directory:  %s', argv["kumologica-project-directory"]||'');
-	console.log('  kumologica-flow-file-name:     %s', argv["kumologica-flow-file-name"]||'');
-}
-
-exports.handler = async function (argv) {
-	console.log('\nImporting mulesoft project\n');
-	display(argv);
-	validate(argv);
-
-	const chalk = require('chalk');
-
-	try {
-		const { importProject } = require('@kumologica/builder');
-		await importProject('mulesoft', argv);
-		console.log(chalk.greenBright('Mulesoft project imported succesfully.'));
-	
-		process.exit(0);
-	} catch (e) {
-
-		console.log(`${chalk.redBright(e.message)}`);
-		process.exit(1);
-	}
-}

package/cli/commands/import.js

@@ -1,6 +0,0 @@
-exports.command = 'import <type>'
-exports.desc = 'Imports, converts other projects into kumologica flow'
-exports.builder = function (yargs) {
-  return yargs.commandDir('import-commands')
-}
-exports.handler = function (argv) {}