@kumologica/sdk 3.4.0 → 3.5.0-beta2

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

@@ -27,7 +27,7 @@
   right: 50px;
   bottom: 0px;
   width: 435px;
-  min-width:435px;
+  min-width: 435px;
   background: #fff;
   z-index: 10;
   border-left: 1px solid #ddd;
@@ -37,14 +37,14 @@
 #sidebar-views {
   display: flex;
   flex-direction: column;
-  height: 100%;
+  height: calc(100% - 23px);
   background: #f3f3f3;
   user-select: none;
   width: 100%
 }
 
 #sidebar-shortcuts {
-  position:absolute;
+  position: absolute;
   right: 0px;
   top: 0px;
   height: 100vh;
@@ -72,7 +72,7 @@
     border-top-left-radius: 0px !important;
     border-top-right-radius: 0px !important;
   }
-} 
+}
 
 #sidebar.closing {
   // background: #eee;
@@ -102,23 +102,27 @@
   z-index: 11;
   background: $background-color url(images/grip.png) no-repeat 50% 50%;
   cursor: col-resize;
-  border-left:4px solid #f3f3f3;
+  border-left: 4px solid #f3f3f3;
   height: 100%;
-  &:hover{
-    border-left:4px solid #2979ff;
+
+  &:hover {
+    border-left: 4px solid #2979ff;
   }
 }
 
-.sidebar-closed > #sidebar {
+.sidebar-closed>#sidebar {
   display: none;
 }
-.sidebar-closed > #sidebar-separator {
+
+.sidebar-closed>#sidebar-separator {
   // display: none;
 }
-.sidebar-closed > #workspace {
+
+.sidebar-closed>#workspace {
   right: 49px !important;
 }
-.sidebar-closed > #editor-stack {
+
+.sidebar-closed>#editor-stack {
   right: 8px !important;
 }
 
@@ -149,21 +153,25 @@
 .sidebar-footer-button {
   @include component-footer-button;
 }
+
 .sidebar-footer-button-toggle {
   @include component-footer-button-toggle;
 }
+
 .sidebar-header-button {
   @include workspace-button;
   font-size: 13px;
   line-height: 13px;
   padding: 5px 8px;
 }
+
 .sidebar-header-button-toggle {
   @include workspace-button-toggle;
   font-size: 13px;
   line-height: 13px;
   padding: 5px 8px;
 }
+
 .sidebar-header-button:not(:first-child) {
   //border-left: none;
 }
@@ -192,10 +200,11 @@
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
 }
+
 .sidebar-control-left {
   display: none !important;
   @include sidebar-control;
   left: calc(100%);
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
-}
+}

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

@@ -48,6 +48,7 @@
 @import 'tab-info';
 @import 'tab-test';
 @import 'tab-git';
+@import 'tab-ai';
 @import 'popover';
 @import 'flow';
 @import 'palette-editor';
@@ -170,3 +171,103 @@ blockquote {
     color: #777;
   }
 }
+
+// Footer
+#footer {
+  display: flex;
+  flex-direction: row;
+  background: #f3f3f3;
+  position: absolute;
+  border-top: 1px solid #ddd;
+  bottom: 0px;
+  height: 23px;
+  width: 100%;
+  z-index: 30;
+  color: #605d5d;
+
+  #footer-core {
+    display: flex;
+    flex-direction: row;
+    width: 90%;
+
+    #launch-node-library {
+      padding: 2px 16px;
+      color: whitesmoke;
+      background-color: #333333;
+
+      &:hover {
+        cursor: pointer !important;
+        background-color: #59d894;
+      }
+    }
+
+    #footer-runtime-ver {
+      padding: 2px 16px;
+
+      &:hover {
+        cursor: default;
+      }
+    }
+
+    #footer-server {
+      padding: 2px 16px;
+
+      &:hover {
+        cursor: default;
+      }
+
+      #footer-server-value {
+        padding-left: 4px;
+      }
+    }
+
+    #footer-test {
+      padding: 2px 16px;
+
+      &:hover {
+        cursor: pointer !important;
+        background-color: white;
+
+        #footer-test-ico {
+          color: #1ac567;
+        }
+      }
+    }
+  }
+
+  #footer-ai {
+    display: flex;
+    flex-direction: row;
+    width: 30%;
+    justify-content: flex-end;
+    padding-right: 20px;
+
+    #ask-configure-ai {
+      padding: 2px 16px;
+      color: #2979ff;
+
+      &:hover {
+        cursor: pointer !important;
+        background-color: white;
+      }
+    }
+  }
+
+  #footer-services {
+    display: flex;
+    width: 10%;
+    justify-content: flex-end;
+    padding-right: 7px;
+
+    #footer-terminal {
+      display: flex;
+      align-items: center;
+      padding: 8px;
+
+      &:hover {
+        cursor: pointer !important;
+        background-color: white;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,68 @@
+.sidebar-ai-title-wrapper {
+  display: flex;
+  flex-direction: column;
+  padding-right: 13px !important;
+  height: calc(100% - 35px);
+  font-size: 14px;
+  font-weight: 600;
+  display: flex;
+  padding: 12px 0px 18px 13px;
+
+  #sidebar-title-wrapper {
+    font-size: 14px;
+    font-weight: 600;
+  }
+
+  #sidebar-ai-body {
+    display: flex;
+    flex-direction: column;
+    height: 80vh;
+    margin-top: 10px;
+
+    #sidebar-ai-response-wrapper {
+      display: flex;
+      flex-direction: column;
+      padding-top: 15px;
+
+      #sidebar-ai-response-message {
+        display: flex;
+        flex-direction: column;
+        background-color: white;
+        border-radius: 5px;
+        padding: 10px;
+
+        #sidebar-ai-response-action-wrapper {
+          display: flex;
+          justify-content: flex-end;
+        }
+
+      }
+    }
+  }
+
+  #sidebar-ai-prompt {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    height: 20vh;
+
+    #sidebar-ai-prompt-message-wrapper {
+      width: 100%;
+
+      #sidebar-ai-prompt-message {
+        width: 100%;
+        resize: none;
+      }
+    }
+
+    #sidebar-ai-prompt-actions {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    #sidebar-ai-prompt-noactions {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}

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

@@ -63,6 +63,7 @@
   padding: 4px 4px;
   border: none;
 }
+
 .workspace-footer-button-toggle {
   @include component-footer-button-toggle;
   height: 30px;
@@ -71,12 +72,13 @@
   padding: 4px 4px;
   border: none;
 }
+
 #workspace-footer {
   display: flex;
   height: fit-content;
   width: fit-content;
   flex-direction: column;
-  margin-top: -120px;
+  margin-top: -150px;
   margin-left: 20px;
   z-index: 2;
   box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
@@ -84,11 +86,14 @@
   .button-group:not(:last-child) {
     margin-right: 5px;
   }
+
   position: relative;
+
   #btn-zoom-out {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
   }
+
   #btn-navigate {
     // border-bottom-left-radius: 6px;
     // border-bottom-right-radius: 6px;
@@ -97,13 +102,16 @@
 
 #workspace-tabs:not(.workspace-focussed) {
   opacity: 0.8;
+
   li.red-ui-tab.active a {
     color: #666;
   }
 }
+
 .workspace-disabled-icon {
   display: none;
 }
+
 .workspace-disabled {
   &.red-ui-tab {
     border-top-style: dashed;
@@ -114,12 +122,14 @@
       font-style: italic;
       color: #aaa !important;
     }
+
     &.active a {
       font-weight: normal;
       color: #999 !important;
     }
+
     .workspace-disabled-icon {
       display: inline;
     }
   }
-}
+}

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

@@ -163,7 +163,7 @@
                 <input type="text" placeholder="Filter nodes"></input>
             </div>
             <div id="palette-container" class="palette-scroll hide"></div>
-            
+            <!--
             <div id="palette-footer" style="display:flex; height: 40px; border:none; justify-content: center; overflow: hidden;">
                 <div style="display: flex; width:90%;height: 32px; padding-top:3px;">
                 <a id="launch-node-library" class="sidebar-header-button" style="padding: 8px 20px; width: 100%;" href="#">
@@ -172,6 +172,7 @@
                 </a>
                 </div>
             </div>
+            -->
         </div>
         <div id="palette-shade" class="hide"></div>
     </div>
@@ -259,16 +260,49 @@
         <ul id="sidebar-tabs"></ul>
     </div>  
 
+
+    <div id="footer">
+        <div id="footer-core" style="display:flex; flex-direction: row">
+            <div id="launch-node-library">
+                <i class="fa fa-plus"></i>
+            </div>
+            
+            <div id="footer-runtime-ver">
+                <i class="icofont-plugin"></i> 
+                <span id="footer-runtime-value">3.5.1-beta1</span>
+            </div>
+            
+            <div id="footer-server">
+                
+                <i class="icofont-computer" style="font-size:14px;font-weight:bold"></i>
+                <span id="footer-server-value"> localhost:1880<span>
+            </div>
+
+            <div id="footer-test">
+                <i id="footer-test-ico" class="fa fa-play"></i>
+                <span style="padding-left: 4px"></span> 
+                <span id="footer-test-value">No TestCase selected</span>
+            </div>
+        </div>
+        <div id="footer-ai" style="display:none">
+            <div id="ask-configure-ai" style="display:none"><i class="fa fa-magic" aria-hidden="true"></i> Configure AI</div>
+            <div id="generate-code-ai" style="display:none">Generate Code</div>
+            <div id="explain-code-ai" style="display:none">Explain</div>
+            <div id="fix-code-ai" style="display:none">Fix</div>
+        </div>
+        <div id="footer-services">
+            <div id="footer-terminal">
+                <i class="icofont-terminal" style="font-size:16px;font-weight:bold"></i>
+            </div>
+        </div>
+
+    </div>
+
 </div>
 
 <div id="full-shade" class="hide"></div>
-
 <div id="notifications"></div>
-<!--
-<div id="dropTarget">
-    <div><br/><i class="fa fa-download"></i></div>
-</div>
--->
+
 <div id="update-panel">
     <p id="update-panel-message">message here</p>
     <div class="update-panel-buttons">

package/src/server/DesignerServer.js

@@ -20,6 +20,7 @@ class DesignerServer {
     * @param {Object} options.cliParams - Command line parameters as an object.
     * @param {Object} options.editorApi - API object for the editor.
     * @param {Object} options.startupEmitter - EventEmitter object for handling events.
+    * @param {string} options.platform - The platform to run on. Default LOCAL.
     */
     constructor(options) {
 
@@ -35,7 +36,7 @@ class DesignerServer {
 
         this.config = ConfigBuilder.getInstance().buildConfig(
             options.flowPath,
-            PLATFORMS.LOCAL,
+            options.platform || PLATFORMS.LOCAL,
             options.cliParams
         );
     }

package/src/app/lib/aws/ca-apigw-api.js

@@ -1,216 +0,0 @@
-const AWS = require('aws-sdk');
-const jp = require('jsonpath');
-
-/*
- * Follow link:
- * https://docs.aws.amazon.com/apigateway/latest/developerguide/set-up-lambda-proxy-integrations.html
- *
- * AWS JS API:
- * https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/APIGateway.html
- */
-class CAAWSApiGateway {
-
-  constructor(log) {
-    this.log = log; 
-    this.triggerStage = "";
-    this.apigateway = new AWS.APIGateway();
-  }
-  
-  /**
-   * 
-   * @param  {} event
-   * @param  {} lambdaName
-   * @param  {} lambdaArn
-   */
-  async addTrigger(event, lambdaName, lambdaArn) {
-    try {
-      this.log(`Adding trigger to the api gateway: ${event.api} ...`);
-      
-      var api;
-      if (event.api == "create new") {
-        api = await this.createApi(lambdaName, lambdaName);
-        event.api = api.id;
-      }
-      const proxyId = await this.defineResource(event);
-
-      await this.defineMethod(event.api, proxyId, event.security || 'NONE', 'ANY');
-      await this.putIntegration(event.api, proxyId, 'ANY', lambdaArn);
-      await this.createDeployment(event.api, event.stage);
-
-    } catch (Error) {
-      this.log(` `, false);
-      this.log(` API Gateway Error:`, false);
-      this.log(` Unable to create trigger for api gateway: ${event.api}`, false);                
-      this.log(`    Stage:   ${this.triggerStage}`, false);
-      this.log(`    Code:    ${Error.code}`, false);
-      this.log(`    Message: ${Error.message}`, false);
-      this.log(` `, false);
-      throw Error;
-    }
-
-    if (api) {
-      return api.id;
-    }
-    return null;
-  }
-
-  async defineResource(event) {
-    const resources = await this.getResources(event);
-    const root = jp.query(resources, `items[?(@.path=='/')]`);
-    if (!root || !root.length) {
-      this.log(`Error: Unable to find root: '/' resource.`);
-      return;
-    }
-    
-    var proxyId;
-    const proxy = jp.query(resources, `items[?(@.pathPart=='{proxy+}')]`);
-    
-    if (!proxy || !proxy.length) {
-      proxyId = await this.createResource(root[0].id, '{proxy+}', event.api);
-      proxyId = proxyId.id;
-    } else {
-      proxyId = proxy[0].id;
-    }
-
-    return proxyId;
-  }
-
-  /**
-   * https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/APIGateway.html#getResources-property
-   * 
-   * @param  {} event
-   */
-  async getResources(event) {
-    this.triggerStage = "Getting information about api gateway.";
-    return this.apigateway.getResources({ restApiId: event.api }).promise();
-  }
-
-  /**
-   * AWS API:
-   * https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/APIGateway.html#createResource-property
-   * 
-   * @param  {} path
-   */
-  async createResource(parentId, path, restApiId) {
-
-    this.triggerStage = `Creating api gateway resource: ${path}`;
-    var request = {
-      parentId: parentId, 
-      pathPart: path, 
-      restApiId: restApiId 
-    };
-
-    return this.apigateway.createResource(request).promise();
-  }
-  /**
-   * API Doc:
-   * https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/APIGateway.html#getMethod-property
-   * 
-   * @param  {} restApiId
-   * @param  {} resourceId
-   * @param  {} httpMethod
-   */
-  async getMethod(restApiId, resourceId, httpMethod) {
-    var request = {
-      httpMethod: httpMethod, 
-      resourceId: resourceId,
-      restApiId: restApiId
-    };
-
-    this.triggerStage = `Searching for http method: ${httpMethod} for resource: ${resourceId}`;
-
-    try {
-      const res = await this.apigateway.getMethod(request).promise();
-      return res;
-    } catch (NotFoundException) {
-      return null; 
-    }
-  }
-
-
-  /**
-   * API Doc:
-   * https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/APIGateway.html#putMethod-property
-   * 
-   * @param  {} method='ANY'
-   */
-  async defineMethod(restApiId, resourceId, authorizationType, httpMethod) {
-
-   // const method e
-    if (!await this.getMethod(restApiId, resourceId, httpMethod)) {
-      
-      var request = {
-        authorizationType: authorizationType,
-        httpMethod: httpMethod, 
-        resourceId: resourceId,
-        restApiId: restApiId
-      };
- 
-      this.triggerStage = `Defining http method: ${httpMethod} ${resourceId}`;
-      return this.apigateway.putMethod(request).promise();
-    }
-  }
-  /**
-   * API Doc:
-   * https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/APIGateway.html#putIntegration-property
-   * 
-   * @param  {} restApiId
-   * @param  {} resourceId
-   * @param  {} authorizationType
-   * @param  {} method
-   * @param  {} lambdaArn
-   */
-  async putIntegration(restApiId, resourceId, httpMethod, lambdaArn) {
-    //arn:aws:lambda:ap-southeast-2:640233474616:function:kumologica-aws-inbound-test-flow-lambda
-    const region = lambdaArn.split(':')[3];
-
-    var request = {
-      httpMethod: httpMethod,
-      resourceId: resourceId,
-      restApiId: restApiId,
-      type: 'AWS_PROXY',       //HTTP | AWS | MOCK | HTTP_PROXY | AWS_PROXY    
-      integrationHttpMethod: 'POST',
-      uri: `arn:aws:apigateway:${region}:lambda:path/2015-03-31/functions/${lambdaArn}/invocations`
-    };
-    
-    this.triggerStage = `Creating aws proxy integration`;
-    return this.apigateway.putIntegration(request).promise();
-  }
-
-  async createDeployment(restApiId, stage) {
-    // aws apigateway create-deployment --rest-api-id te6si5ach7 --stage-name test
-
-    this.triggerStage = "Creating api gateway deployment";
-
-    var request = {
-      restApiId: restApiId,
-      stageName: stage
-    };
-  
-    return this.apigateway.createDeployment(request).promise(); 
-  }
-
-  async getApiGateways() {
-    const api = await this.apigateway.getRestApis({}).promise();
-    
-    return api.items.map(function(v) {
-      return {id: v.id, name: v.name, arn: `arn-ccc`}
-    });
-  }
-
-  async createApi(name, description) {
-    var params = {
-      name: name,
-      apiKeySource: "HEADER",
-      description: description,
-      endpointConfiguration: {
-        types: [
-          "REGIONAL"
-        ]
-      }
-    };
-    return this.apigateway.createRestApi(params).promise();  
-  }
-}
-
-module.exports = CAAWSApiGateway;