@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

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

@@ -1,1427 +0,0 @@
-RED.sidebar.awsDeploy = (function () {
-  marked.setOptions({
-    renderer: new marked.Renderer(),
-    gfm: true,
-    tables: true,
-    breaks: false,
-    pedantic: false,
-    sanitize: true,
-    smartLists: true,
-    smartypants: false,
-  });
-
-  var content;
-  var sections;
-  var functionSection;
-  var environmentSection;
-  var eventSection;
-  var SELECT_AWS_PROFILE = 'Select AWS profile...';
-  var DEFINE_AWS_PROFILE = 'Define AWS profile';
-  var initialised = false;
-  var parameters;
-  const CONNECTED = "CONNECTED";
-  const DISCONNECTED = "DISCONNECTED";
-  const CONNECTING = "CONNECTING";
-
-  const DEPLOYING = 'DEPLOYING';
-  const NOTDEPLOYING = 'NOTDEPLOYING';
-  let deployState = NOTDEPLOYING;
-  
-  var connectedState = DISCONNECTED;
-
-  function initCss() {
-    $('<style>')
-      .text(
-        `
-    select {
-      outline: 1.5px solid #ccc;
-    }
-    select:focus {
-      outline: 1.5px solid #ccc; 
-      outline-offset: 0px;
-    }
-
-    .invalid {
-      border: 1px solid red;
-    }
-    
-    .valid {
-      border: 1px solid green;
-    }
-
-    datalist {
-      max-height: 300px;
-      overflow-y: auto !important;
-    }
-    .editor-button-xsmall {
-      height: 16px;
-      min-width: 16px;
-      line-height: 14px;
-      font-size: 10px;
-      border-radius: 2px;
-      padding: 0 2px;
-  }
-    `
-      )
-      .appendTo(document.head);
-  }
-
-  function initHTML() {
-    initCss();
-    content = document.createElement('div');
-    content.className = 'sidebar-cloud';
-
-    RED.actions.add('core:show-cloud-tab', show);
-
-    var stackContainer = $('<div>', {
-      class: 'sidebar-node-info-stack',
-    }).appendTo(content);
-
-    let headerContentHtml = `
-    <div class="sidebar-title-wrapper">
-      <span>Deploy: AWS</span>
-    </div>
-    <div id="cloud-sidebar-header" class="sidebar-header">
-        <div id="cloud-instrumentation" class="node-info">
-          
-          <div id="profiles-wrapper">
-            <span style="padding-left: 3px">Profiles</span>
-            <select id="cloud-sidebar-profiles" class="palette-textinput" style="padding: 0px;">
-                <option value="Select AWS profile..." style="color:#3988CB !important">Click to select one...</option>
-            </select>
-          </div>  
-          
-          <div id="cloudops-wrapper">
-            <!-- connect btn -->
-            <div>
-            <a id="cloud-sidebar-connect-btn" class="sidebar-header-button" href="#">
-              <i id="cloud-sidebar-connect-icon" class="fa fa-circle" style="color: red"></i>  
-              Connect
-            </a>
-            </div>
-
-            <!-- deploy btn -->
-            <div style="margin-right: 4px;">
-            <a id="cloud-sidebar-deploy-btn" class="sidebar-header-button" href="#">
-              <i id="cloud-sidebar-deploy-icon" class="fa fa-cloud-upload"></i>  
-              Deploy
-            </a>
-            </div>
-
-            <!-- export btn -->
-            <div id="cloud-options-dropdown">
-              <a id="cloud-sidebar-export-btn" class="sidebar-header-button" href="#">
-                <i class="fa fa-ellipsis-h"></i>  
-              </a>
-            </div>
-            <div id="cloud-options-dropdown-content">
-              <span class="option-disabled">Generate script...</span>
-              <span id="exportCloudFormationBtn" class="option">AWS CloudFormation</span>
-              <span id="exportServerlessBtn" class="option">Serverless</span>
-            </div>        
-          </div>
-        </div>
-
-        <table hidden id="cloud-sidebar-error" class="node-info" style="margin: 0px;">
-        <tr>
-          <td style="border: 0px solid white; padding: 3px; width: 100%;">
-            <p style="font-size: 12px; margin: 0px; text-align: center; color:red;"><span>AWS profile has not been configured</span></p>
-          </td>
-
-          <td style="border: 0px solid white; padding: 3px;">
-            <a id="cloud-sidebar-error-help-btn" class="editor-button editor-button-xsmall" href="https://docs.kumologica.com/docs/guide/GettingStarted.html#installation" target="_blank">
-              <i class="fa fa-question"></i>  
-            </a>
-          </td>
-          
-          <td style="border: 0px solid white; padding: 3px 6px 3px 3px;">
-            <a id="cloud-sidebar-error-close-btn" class="editor-button editor-button-xsmall" href="#">
-              <i class="fa fa-times"></i></a>
-          </td>
-        </tr>
-      </table> 
-    </div>
-    `;
-
-    $(headerContentHtml).appendTo(stackContainer);
-    
-    let bodyContainer = $(`<div id="cloud-sidebar-body" style="display:none"></div>`);
-    bodyContainer.appendTo(stackContainer);
-
-    sections = RED.stack
-      .create({
-        container: bodyContainer,
-      })
-      .hide();
-
-    // function section
-    functionSection = sections.add({
-      title: 'function',
-      collapsible: true,
-    });
-    functionSection.expand();
-
-    // function section
-    functionParametersSection = sections.add({
-      title: 'more parameters',
-      collapsible: true,
-    });
-
-    // environment section
-    environmentSection = sections.add({
-      title: 'environment',
-      collapsible: true,
-    });
-    //environmentSection.expand();
-
-    // tags section
-    tagsSection = sections.add({
-      title: 'tags',
-      collapsible: true,
-    });
-    //tagsSection.expand();
-
-    // event section
-    eventSection = sections.add({
-      title: 'Triggers',
-      collapsible: true,
-    });
-    eventSection.expand();
-
-    RED.sidebar.addTab({
-      id: 'cloud',
-      label: 'Cloud',
-      name: 'AWS Deployer',
-      iconClass: 'fa fa-amazon',
-      action: 'core:show-cloud-tab',
-      content: content,
-      pinned: true,
-      enableOnEdit: true,
-      onchange: onchange,
-      onsame: onsame
-    });
-
-    // Function content init
-    let functionSectionHtml = `
-    <table class="node-info">
-        <tr class="node-info-node-row">
-            <td>Name</td>
-            <td colspan="2" style="background: white"><input style="width:100%" id="cloud-fn-name" class="palette-textinput" pattern="[a-zA-Z0-9-_]{1,64}" type="text"></td>
-        </tr>
-       <tr class="node-info-node-row">
-            <td>Description</td>
-            <td colspan="2" style="background: white"><input style="width:100%" id="cloud-fn-description" class="palette-textinput" type="text"></td>
-        </tr>
-        <tr class="node-info-node-row">
-            <td>Memory (MB)</td>
-            <td colspan="2" style="background: white"><input id="cloud-fn-memory" class="palette-textinput" type="number" min="128" max="1536"></td>
-        </tr>
-        <tr class="node-info-node-row">
-            <td>Timeout (s)</td>
-            <td colspan="2" style="background: white"><input id="cloud-fn-timeout" class="palette-textinput" type="number" min="5" max="900"></td>
-        </tr>
-    </table>
-    `;
-    $(functionSectionHtml).appendTo(functionSection.content);
-    functionSection.container.show();
-
-    // Function content init
-    let functionParametersSectionHtml = `
-        <table class="node-info">
-            <tr class="node-info-node-row">
-              <td>Res. Concurrency</td>
-              <td colspan="2" style="background: white"><input id="cloud-fn-reservedConcurrency" class="palette-textinput" placeHolder="default" type="number"></td>
-            </tr>
-            <tr class="node-info-node-row">
-              <td>Activate X-Ray</td>
-              <td colspan="2" align="left" style="background: white; padding: 0px 6px 6px 12px; margin: 3px;"><input id="cloud-fn-x-ray" type="checkbox"></td>
-            </tr>
-            <tr class="node-info-node-row">
-              <td>Custom Role</td>
-              <td colspan="2" style="background: white; overflow-x:hidden"><input id="cloud-fn-role" list="iamroles-cloud-fn-role-dataList" style="width:100%" class="palette-textinput" placeHolder="optional" type="string"><datalist id="iamroles-cloud-fn-role-dataList"></datalist></td>
-            </tr>
-        </table>
-        `;
-    $(functionParametersSectionHtml).appendTo(
-      functionParametersSection.content
-    );
-    functionParametersSection.container.show();
-
-    // Environment section init
-    let environmentSectionHtml = `
-    <div style="display:flex; flex-direction: column; justify-content: flex-start;">
-        <div style="display:flex; justify-content: flex-end; padding:6px">
-          <a id="add-environment-variable" href="#" class="editor-button editor-button-small red-ui-editableList-addButton">
-              <i class="fa fa-plus"></i> Add
-          </a>
-        </div>
-        <div id="cloud-fn-env" style="display:flex; flex-direction: column">
-          <table id="cloud-fn-env-table" class="node-info" style="table-layout: fixed">
-            
-          </table>
-        </div>
-    </div>
-    `;
-    $(environmentSectionHtml).appendTo(environmentSection.content);
-    environmentSection.container.show();
-
-    // Tags section init
-    let tagsSectionHtml = `
-   <div style="display:flex; flex-direction: column; justify-content: flex-start;">
-       <div style="display:flex; justify-content: flex-end; padding:6px">
-         <a id="add-tag" href="#" class="editor-button editor-button-small red-ui-editableList-addButton">
-             <i class="fa fa-plus"></i> Add
-         </a>
-       </div>
-       <div id="cloud-fn-tags" style="display:flex; flex-direction: column">
-         <table id="cloud-fn-tags-table" class="node-info" style="table-layout: fixed">
-           
-         </table>
-       </div>
-   </div>
-   `;
-    $(tagsSectionHtml).appendTo(tagsSection.content);
-    tagsSection.container.show();
-
-    // Event section init
-    $(`
-    <div style="display:flex; flex-direction: column; justify-content: flex-start;">
-      <div style="display:flex; justify-content: flex-start; padding:6px; margin-right: 6px;">
-          <select type="text" class="palette-textinput" id="eventSource" style="float: left; padding: 0px; height: 20px !important;">
-            <option value="dynamodb">Amazon DynamoDB</option>
-            <option value="kinesis">Amazon Kinesis</option>
-            <option value="sqs">Amazon SQS</option>
-            <option disabled>────────────────────</option>
-            <option value="alb">Application Load Balancer</option>
-            <!--option value="cognito">Amazon Cognito Sync Trigger</option-->
-            <!--option value="lex">Amazon Lex</option-->
-            <option value="alexa">Amazon Alexa</option>
-            <option selected value="api">Amazon API Gateway</option>
-            <!--option value="cf">Amazon CloudFront (Lambda@Edge)</option-->
-            <!--option value="firehose">Amazon Kinesis Data Firehose</option-->
-            <option disabled>────────────────────</option>
-            <option value="s3">Amazon S3</option>
-            <option value="sns">Amazon SNS</option>
-            <!--option value="ses">Amazon SES</option-->
-            <!--option value="cloudformation">Amazon CloudFormation</option-->
-            <!--option value="cwlogs">Amazon CloudWatch Logs</option-->
-            <option value="cwevents">Amazon CloudWatch Events</option>
-            <!--option value="codecommit">Amazon CodeCommit</option-->
-            <!--option value="config">Amazon Config</option-->
-            <option value="iot">Amazon IoT Events</option>
-          </select>
-
-          <a id="add-event" href="#" style="float: right; margin: 0px 0px 0px 5px !important; height: 21px !important;" class="editor-button editor-button-small">
-            <i class="fa fa-plus"></i> Event
-          </a>
-        </div>
-
-        <div id="cloud-fn-event" style="display:flex; flex-direction: column">
-        </div>
-     </div>
-  `).appendTo(eventSection.content);
-    eventSection.container.show();
-
-    // Tooltips
-    RED.popover.tooltip($('#cloud-sidebar-deploy-btn'), 'Deploy to AWS');
-    RED.popover.tooltip($('#cloud-sidebar-connect-btn'), 'Connect to AWS Account');
-    RED.popover.tooltip($('#cloud-options-dropdown'), 'Other Cloud Operations');
-    RED.popover.tooltip($('#cloud-sidebar-profiles'), 'Select AWS Profiles');
-  }
-
-  function onchange(){
-    RED.actions.invoke('core:show-sidebar');
-  }
-
-  function onsame(){
-      RED.actions.invoke('core:hide-sidebar');
-  }
-
-  function validateEventsValues() {
-    let logError = '';
-
-    $('#cloud-fn-event')
-      .find('input')
-      .each(function () {
-        if ($(this).prop('required') && !$(this).val()) {
-          let triggerName = $(this).closest('table').find('th').eq(0).text();
-          let triggerParameter = $(this).parent().siblings(':first').text();
-
-          logError += `<li>${triggerName.toUpperCase()}: ${triggerParameter} is required.</li>`;
-        }
-      });
-
-    if (logError != '') {
-      RED.notify(
-        `Missing trigger details: \n <ul>${logError}</ul>`,
-        'error'
-      );
-      return false;
-    }
-    return true;
-  }
-
-  function sanitizeLambdaName(name) {
-    return name
-      .replace('.json', '')
-      .trim()
-      .replace(/^@/, '')
-      .replace(/[^a-zA-Z0-9-_]/g, '_')
-      .substr(0, 140);
-  }
-
-  function setLambdaName(name) {
-    $('#cloud-fn-name').val(sanitizeLambdaName(name));
-  }
-
-  function setValues(params) {
-    if (!initialised) {
-      parameters = params;
-      return;
-    }
-
-    if (params.name || params.functionName) {
-      setLambdaName(params.name || params.functionName);
-    } else {
-      if (window.__kumologica.settings.projectFlowName) {
-        setLambdaName(window.__kumologica.settings.projectFlowName);
-      }
-    }
-
-    if (params.description) {
-      $('#cloud-fn-description').val(params.description);
-    }
-    if (params.memory) {
-      $('#cloud-fn-memory').val(params.memory);
-    }
-    if (params.timeout) {
-      $('#cloud-fn-timeout').val(params.timeout);
-    }
-    if (params.reservedConcurrency) {
-      $('#cloud-fn-reservedConcurrency').val(params.reservedConcurrency);
-    }
-    if (params.xRay) {
-      $('#cloud-fn-x-ray').prop('checked', params.xRay);
-    }
-    if (params.role) {
-      $('#cloud-fn-role').val(params.role);
-    }
-
-    if (params.profile) {
-      setProfile(params.profile);
-    } else {
-      console.log(`params have no profile set`);
-    }
-
-    if (params.environment && params.environment.length > 0) {
-      let environmentTable = $('#cloud-fn-env-table');
-
-      params.environment.forEach(function (e, i) {
-        $(`
-          <tr class="node-info-node-row">
-            <td style="background: white; width:46%"><input id="cloud-fn-env-key" class="palette-textinput" type="text" placeholder="key" style="width:100%" value="${e.key}"></td>
-            <td style="background: white; width:46%"><input id="cloud-fn-env-val" class="palette-textinput" type="text" placeholder="value" style="width:100%" value="${e.value}"></td>
-            <td id="cloud-fn-env-row" style="text-align:center; width:8%" class="removeRow"><i class="fa fa-minus"></i></td>
-          </tr>`).appendTo(environmentTable);
-      });
-    }
-
-    if (params.tags && params.tags.length > 0) {
-      params.tags.forEach(function (e, i) {
-        $(`
-          <tr class="node-info-node-row">
-            <td style="background: white; width:46%"><input id="cloud-fn-env-key" class="palette-textinput" type="text" placeholder="key" style="width:100%" value="${e.key}"></td>
-            <td style="background: white; width:46%"><input id="cloud-fn-env-val" class="palette-textinput" type="text" placeholder="value" style="width:100%" value="${e.value}"></td>
-            <td id="cloud-fn-tag-row" style="text-align:center; width:8%" class="removeRow"><i class="fa fa-minus"></i></td>
-          </tr>`).appendTo($('#cloud-fn-tags-table'));
-      });
-    }
-
-    if (params.events && params.events.length > 0) {
-      params.events.forEach(function (e) {
-        addEvent(e.source, e);
-      });
-    }
-  }
-
-  function getValues() {
-    // Basic information
-    let fnName = $('#cloud-fn-name').val();
-    let fnDescription = $('#cloud-fn-description').val();
-    let fnMemory = $('#cloud-fn-memory').val();
-    let fnTimeout = $('#cloud-fn-timeout').val();
-    let fnReservedConcurrency = $('#cloud-fn-reservedConcurrency').val();
-    let fnXray = $('#cloud-fn-x-ray').prop('checked');
-    let fnProfile = getProfile();
-    let fnRole = $('#cloud-fn-role').val();
-
-    // Environment variables
-    let environment = [];
-    let envvarRows = $('#cloud-fn-env-table tr');
-
-    envvarRows.map((index, row) => {
-      let envvar = $(row).find('td').find('input');
-      let key = $(envvar[0]).val();
-      let value = $(envvar[1]).val();
-      environment.push({ key, value });
-    });
-
-    // tags
-    let tags = [];
-    let tagsRows = $('#cloud-fn-tags-table tr');
-
-    tagsRows.map((index, row) => {
-      let tagsrow = $(row).find('td').find('input');
-      let key = $(tagsrow[0]).val();
-      let value = $(tagsrow[1]).val();
-      tags.push({ key, value });
-    });
-
-    // events
-    let events = [];
-    $('#cloud-fn-event #cloud-fn-event-table').each(function () {
-      let event = {};
-      event.source = $(this)
-        .find('thead')
-        .find('tr')
-        .find('th:first')
-        .find('span')
-        .html();
-
-      $(this)
-        .find('tbody tr')
-        .each(function () {
-          // ignore td0, its a label
-
-          let key = $(this).find('td:eq(1)').html();
-          event[key] = $(this).find('td:eq(2) input').val();
-
-          if (!event[key]) {
-            event[key] = $(this)
-              .find('td:eq(2) select')
-              .children('option:selected')
-              .val();
-          }
-        });
-      events.push(event);
-    });
-
-    return {
-      functionName: fnName,
-      description: fnDescription,
-      memory: fnMemory,
-      timeout: fnTimeout,
-      reservedConcurrency: fnReservedConcurrency,
-      xRay: fnXray,
-      role: fnRole,
-      profile: fnProfile,
-      environment: environment,
-      tags: tags,
-      events: events,
-    };
-  }
-
-  async function attachDataList(serviceType, itemId, dataListId) {
- 
-    let profile = getProfile();
-    if (!profile || profile == SELECT_AWS_PROFILE || connectedState != CONNECTED) {
-      return;
-    }
-
-    $(`#${dataListId}`).empty();
-    try {
-      let services = await window.__kumologica.cloud.listServices(serviceType);
-  
-      if (serviceType == 'api') {
-        $(`#${dataListId}`).append(
-          $('<option>').attr('value', 'Create new API').text('Create new API')
-        );
-      }
-
-      if (services) {
-        $.each(services, function (i, item) {
-          $(`#${dataListId}`).append(
-            $('<option>').attr('value', item.id).text(item.name)
-          );
-        });
-        $(`#${itemId}`).attr('list', dataListId);
-
-        $(itemId).change(function () {
-          saveSettings();
-        });
-  
-      }
-    } catch (err) {
-      let msg = `<li> getting <b>${serviceType}</b> details: ${err.message? err.message: err}</li>`;
-      RED.notify(`<strong>Permission Issues:</strong><ul>${msg}</ul>`, 'warn');
-    };
-  }
-
-  function attachServicesToDataList(serviceType, services, itemId) {
- 
-    let dataListId = $(itemId).attr('list');
-
-    $(`#${dataListId}`).empty();
-    
-    if (serviceType == 'api') {
-      $(`#${dataListId}`).append(
-        $('<option>').attr('value', 'Create new API').text('Create new API')
-      );
-    }
-
-    if (services) {
-      $.each(services, function (i, item) {
-        $(`#${dataListId}`).append(
-          $('<option>').attr('value', item.id).text(item.name)
-        );
-      });
-
-      $(itemId).change(function () {
-        saveSettings();
-      });
-    }
-  }
-
-  function handleError(error) {
-   
-    let msg = error.message? error.message: error.toString();
-    if (error.code == 'InvalidClientTokenId') {
-      msg = `Unable to communicate with AWS account using profile: ${getProfile()}`;
-    
-    } else if (error.code == 'UnrecognizedClientException') {
-      msg = `AWS identity defined by profile ${getProfile()} has insufficient permissions. Consider use of kumologica-designer-policy.`;
-    }
-
-    console.error(msg);
-    //RED.notify(`${msg}`, 'error');
-    return msg;
-  }
-
-  function eventTableHtml(eventSource, values, itemId, dataListId) {
-    html = `  
-      <table id="cloud-fn-event-table" class="node-info" style="table-layout: fixed; padding: 0px; margin: 0px;">
-        <thead class="toggleHeader"> 
-          <tr> 
-            <th style="width:46%" class="palette-header"><i class="fa fa-angle-down expanded"></i><span>${eventSource}</span></th>
-            <th style="display: none"></th>
-            <th style="width:44%; text-align:right; padding: 6px;" id="cloud-fn-event-remove"><i class="fa fa-minus removeRow"></i></th>
-          </tr>
-        </thead>
-        <tbody>`;
-
-    // add parameters
-    parameterSets[eventSource].forEach(function (p, i) {
-      let placeholder = 'optional';
-      let requiredAttribute = '';
-      if (p.required) {
-        placeholder = 'required';
-        requiredAttribute = 'required';
-      }
-
-      html += `
-        <tr class="node-info-node-row">
-          <td style="width:46%">${p.label}</td>
-          <td style="display: none">${p.key}</td>
-      `;
-
-      if (p.list) {
-        html += `
-          <td style="background: white; width:46%">
-            <select type="text" class="palette-textinput" id="${itemId}-${i}" style="float: left; width: 100%; padding: 0px; outline: 0px solid #ccc; ">
-        `;
-        $.each(p.list, function () {
-          if (values && this.v == values[p.key]) {
-            html += `<option value="${this.v}" selected>${this.k}</option>`;
-          } else {
-            html += `<option value="${this.v}">${this.k}</option>`;
-          }
-        });
-        html += `</select>
-          </td>
-        `;
-      } else if (p.function) {
-        html += `
-          <td style="background: white; width:46%">
-            <input id="${itemId}-${i}" 
-              class="palette-textinput" type="text" 
-              list="${dataListId}"
-              placeholder="required" style="width:100%" 
-              value="${
-                values == undefined || values[p.key] == undefined
-                  ? ''
-                  : values[p.key]
-              }" ${requiredAttribute}>
-            <datalist id="${dataListId}"></datalist>
-          </td>
-        `;
-      } else {
-        html += `
-          <td style="background: white; width:46%">
-            <input id="${itemId}-${i}" class="palette-textinput" type="text" placeholder="${placeholder}" style="width:100%" value="${
-          values == undefined || values[p.key] == undefined ? '' : values[p.key]
-        }" ${requiredAttribute}>
-          </td>
-        `;
-      }
-
-      html += `
-        </tr>`;
-    });
-
-    html += `  
-        </tbody>   
-        </table>`;
-
-    return html;
-  }
-
-  function addEvent(eventSource, values) {
-    let dataListId = eventSource + '-' + Date.now().toString();
-    let itemId = 'itemId' + Date.now().toString();
-
-    let eventsTable = $('#cloud-fn-event');
-    $(eventTableHtml(eventSource, values, itemId, dataListId)).appendTo(
-      eventsTable
-    );
-
-    $(eventsTable).on('click', '.removeRow', function () {
-      // i      td       tr      tbody    table
-      $(this).parent().parent().parent().parent().remove();
-      saveSettings();
-    });
-
-    for (var i = 0; i < parameterSets[eventSource].length; i++) {
-      $(`${itemId}-${i}`).change(function () {
-        saveSettings();
-      });
-    }
-
-    $('.toggleHeader').on('click', function () {
-      $(this).next('tbody').toggle();
-    });
-
-    attachDataList(eventSource, itemId, dataListId);
-  }
-
-  function cleanDataLists() {
-    let inputItems = $('#cloud-fn-event :input');    
-    inputItems.each(function (idx, item) {
-      let dataListId = $(this).attr('list');
-      if (dataListId) {
-        $(`#${dataListId}`).empty();
-      }
-    });
-
-    let roleItemDataListId = $('#cloud-fn-role').attr('list');
-    $(`#${roleItemDataListId}`).empty();
-  }
-
-  function refreshDataLists() {
-    if (!getProfile()) {
-      return;
-    }
-
-    let inputItems = $('#cloud-fn-event :input');    
-    let services = []; // array of promises
-    let serviceTypes = []; // array of string
-    
-    inputItems.each(function (idx, item) {
-      let dataListId = $(this).attr('list');
-      if (dataListId) {
-        let serviceType = dataListId.split('-')[0];
-        serviceTypes.push({item: item, serviceType: serviceType});
-        services.push(window.__kumologica.cloud.listServices(serviceType).catch(err => err));
-      }
-    });
-
-    // iam roles
-    serviceTypes.push({item: $('#cloud-fn-role'), serviceType: 'iamroles'});
-    services.push(window.__kumologica.cloud.listServices('iamroles').catch(err => err));
-    
-    Promise.all(services).then((results) => {
-      let msg = "";
-      results.forEach((r, i) => {
-        if (r.statusCode) {
-          msg += `<li> getting <b>${serviceTypes[i].serviceType}</b> details: ${r.message}</li>`;
-        } else {
-          attachServicesToDataList(serviceTypes[i].serviceType, results[i], serviceTypes[i].item);
-        }
-      })
-
-      if (msg.length > 0) {
-        RED.notify(`<strong>Permission Issues:</strong><ul>${msg}</ul>`, 'warn');
-      }
-      connectUIConnected();
-    });
-  }
-
-  RED.events.on('settings:cloud-config-changed', function() {
-    fillProfiles();
-  });
-
-  // event triggered when cloud-config.json file has been loaded
-  RED.events.on('cloud-config', function () {
-    if (
-      !$('#cloud-fn-name').val() &&
-      window.__kumologica.settings.projectFlowName
-    ) {
-      setLambdaName(window.__kumologica.settings.projectFlowName);
-    }
-
-    if (window.__kumologica.settings.cloudConfig) {
-      const params = window.__kumologica.settings.cloudConfig.getCloudConfig();
-
-      setValues(params);
-      //attachRoleList();
-    } else {
-      console.log('kumologica.settings.cloudConfig not present');
-    }
-  });
-
-  function initJs() {
-    fillProfiles();
-
-    // Initialize fields with default values
-    if (window.__kumologica.settings.projectFlowName) {
-      setLambdaName(window.__kumologica.settings.projectFlowName);
-    }
-
-    $('#cloud-fn-description').val('kumologica flow');
-    $('#cloud-fn-memory').val('512');
-    $('#cloud-fn-timeout').val('20');
-
-    $('#cloud-fn-timeout, #cloud-fn-memory, #cloud-fn-description, #cloud-fn-name, #cloud-fn-reservedConcurrency, #cloud-fn-x-ray, #cloud-fn-role'
-    ).change(function () {
-      saveSettings();
-    });
-
-    $('#cloud-fn-name').change(function () {
-      this.value = sanitizeLambdaName(this.value);
-    });
-
-    $('#cloud-sidebar-profiles').click(function() {
-      $(this).data('lastSelected', $(this).find('option:selected'));
-      return false;
-    });
-
-    $('#cloud-sidebar-profiles').change(function (e) {
-     
-      e.preventDefault();
-
-      // when deploying then do nothing, go back to previous selection
-      // we dont allow changing profile mid of deployments as this will
-      // "disconnect" from aws
-      if(deployState == DEPLOYING) {
-        RED.notify(`<strong>Information</strong>: Please wait until deployment to AWS finishes.`, 'info');
-        $(this).data('lastSelected').prop('selected', true);
-        return false;        
-      }
- 
-      // - invoke settings screen, 
-      // - go back to select profile option as settings screen will only define profile
-      if (this.value == DEFINE_AWS_PROFILE) {
-        $(this).data('lastSelected').prop('selected', true);
-        RED.actions.invoke('core:settings:open');
-        return false;
-      }
-
-      console.log('[tab-cloud] profile changed to:', this.value);
-      
-      if (this.value) {
-        $('#cloud-sidebar-body').show();
-      }
-      saveSettings();
-
-      // if genuine profile selected then:
-      // - "disconnect" from aws
-      // - remove select aws profile
-      // - remove define aws profile
-      if (this.value != SELECT_AWS_PROFILE && this.value != DEFINE_AWS_PROFILE) {
-        $(`#cloud-sidebar-profiles option[value='${SELECT_AWS_PROFILE}']`).remove();
-        $(`#cloud-sidebar-profiles option[value='${DEFINE_AWS_PROFILE}']`).remove();
-        window.__kumologica.cloud.profile = this.value;
-        disconnectFromAWS();
-      }
-    });
-
-    // Attach the environment variables
-    $('#add-environment-variable').click((e) => {
-      let environmentTable = $('#cloud-fn-env-table');
-      let environmentRowHtml = `
-        <tr class="node-info-node-row">
-          <td style="background: white; width:46%"><input id="cloud-fn-env-key" class="palette-textinput" type="text" placeholder="key" style="width:100%"></td>
-          <td style="background: white; width:46%"><input id="cloud-fn-env-val" class="palette-textinput" type="text" placeholder="value" style="width:100%"></td>
-          <td id="cloud-fn-env-row" style="text-align:center; width:8%" class="removeRow"><i class="fa fa-minus"></i></td>
-        </tr>`;
-      $(environmentRowHtml).appendTo(environmentTable);
-
-      $('#cloud-fn-env-table')
-        .find('input')
-        .each(function () {
-          $(this).change(function () {
-            saveSettings();
-          });
-        });
-    });
-
-    $('#cloud-fn-env-table')
-      .find('input')
-      .each(function () {
-        $(this).change(function () {
-          saveSettings();
-        });
-      });
-
-    $('#cloud-fn-env-table').on('click', '.removeRow', function () {
-      $(this).parent().remove();
-      saveSettings();
-    });
-
-    // Attach tag
-    $('#add-tag').click((e) => {
-      let tagsTable = $('#cloud-fn-tags-table');
-      let tagsRowHtml = `
-        <tr class="node-info-node-row">
-          <td style="background: white; width:46%"><input id="cloud-fn-env-key" class="palette-textinput" type="text" placeholder="key" style="width:100%"></td>
-          <td style="background: white; width:46%"><input id="cloud-fn-env-val" class="palette-textinput" type="text" placeholder="value" style="width:100%"></td>
-          <td id="cloud-fn-tags-row" style="text-align:center; width:8%" class="removeRow"><i class="fa fa-minus"></i></td>
-        </tr>`;
-      $(tagsRowHtml).appendTo(tagsTable);
-
-      $('#cloud-fn-tags-table')
-        .find('input')
-        .each(function () {
-          $(this).change(function () {
-            saveSettings();
-          });
-        });
-    });
-
-    $('#cloud-fn-tags-table')
-      .find('input')
-      .each(function () {
-        $(this).change(function () {
-          saveSettings();
-        });
-      });
-
-    $('#cloud-fn-tags-table').on('click', '.removeRow', function () {
-      $(this).parent().remove();
-      saveSettings();
-    });
-
-    // Attach event
-    $('#add-event').click((e) => {
-      selectedEventSource = $('#eventSource').find(':selected').attr('value');
-      addEvent(selectedEventSource, null);
-    });
-
-    $('#cloud-fn-useReservedConcurrency').click((e) => {
-      $('#cloud-fn-reservedConcurrency').prop(
-        'disabled',
-        !$('#cloud-fn-useReservedConcurrency').is(':checked')
-      );
-
-      if (!$('#cloud-fn-useReservedConcurrency').is(':checked')) {
-        $('#cloud-fn-reservedConcurrency').val('');
-      }
-    });
-
-    // Close export menu when click in the window
-    $('.sidebar-cloud').click(function (e) {
-      $('#cloud-options-dropdown-content').hide();
-    });
-
-    // Deploy to AWS button
-    $('#cloud-sidebar-deploy-btn').click((e) => {
-      e.preventDefault();
-      if (validateEventsValues()) {
-        deploy();
-      }
-    });
-
-    // Connect to AWS button
-    $('#cloud-sidebar-connect-btn').click((e) => {
-      e.preventDefault();
-      connectToAWS();
-    });
-
-    // Export cloudformation script
-    $('#exportCloudFormationBtn').click((e) => {
-      e.preventDefault();
-      hideMenu();
-      exportScript(window.__kumologica.cloud.provider.aws);
-    });
-
-    // Export serverless script
-    $('#exportServerlessBtn').click((e) => {
-      e.preventDefault();
-      hideMenu();
-      exportScript(window.__kumologica.cloud.provider.serverless);
-    });
-
-    $('#cloud-options-dropdown').click((e) => {
-      e.stopPropagation();
-
-      $('#cloud-sidebar-export-btn').toggleClass('dropdown-selected');
-
-      $('#cloud-options-dropdown-content').toggle();
-    });
-
-    // Close error section
-    $('#cloud-sidebar-error-close-btn').click((e) => {
-      e.preventDefault();
-      $('#cloud-sidebar-error').hide();
-    });
-
-    initialised = true;
-    if (parameters) {
-      setValues(parameters);
-     // attachRoleList();
-    }
-    connectUIDisconnected();
-  }
-
-  function hideMenu() {
-    $('#cloud-sidebar-export-btn').removeClass('dropdown-selected');
-    $('#cloud-options-dropdown-content').hide();
-  }
-
-  function showProfileError() {
-    $('#cloud-sidebar-error').show();
-  }
-
-  async function connectToAWS() {
-    profile = getProfile();
-
-    if (!profile || profile == SELECT_AWS_PROFILE) {
-      RED.notify(`<strong>Error</strong>: Please select AWS profile before connecting to AWS account.`, 'error');
-      return;
-    }
-
-    if (connectedState != DISCONNECTED) {
-      RED.notify(`<strong>Information</strong>: Already connected to ${profile} AWS account.`, 'info');
-      return;
-    }
-
-    if (deployState == DEPLOYING) {
-      RED.notify(`<strong>Information</strong>: Please wait until deployment to AWS finishes.`, 'info');
-      return;
-    }
-
-    connectedState = CONNECTING;
-    connectUIConnecting();
-    
-    try {
-      await window.__kumologica.cloud.getRegion(profile);
-     } catch (err) {
-      connectUIDisconnected();
-      connectedState = DISCONNECTED;
-
-      RED.notify(`<strong>Error</strong>: ${err.stderr? err.stderr: err}`, 'error');
-      return;
-    }
-
-    
-    refreshDataLists();    
-    connectedState = CONNECTED;
-  }
-
-  function disconnectFromAWS() {
-    connectUIDisconnected();
-    cleanDataLists();
-    connectedState = DISCONNECTED;
-  }
-
-  function connectUIDisconnected() {
-    // show connect button
-    $('#cloud-sidebar-connect-btn').show();
-    $('#cloud-sidebar-connect-icon').attr({'class': 'fa fa-circle'});
-    $('#cloud-sidebar-connect-icon').css({'color': 'red'});
-
-    if ($('#cloud-sidebar-connect-btn') && $('#cloud-sidebar-connect-btn').html()) { 
-      $('#cloud-sidebar-connect-btn').html($('#cloud-sidebar-connect-btn').html().replace('Connecting', 'Connect'));
-    }
-
-    // hide deploy and export buttons
-    $('#cloud-sidebar-deploy-btn').hide();
-    $('#cloud-sidebar-export-btn').hide();
-    $('#cloud-sidebar-body').hide();
-  }
-
-  function connectUIConnecting() {
-    $('#cloud-sidebar-connect-icon').attr({'class': 'fa fa-spinner fa-spin'});
-    $('#cloud-sidebar-connect-icon').css({'color': 'black'});
-  }
-
-  function connectUIConnected() {
-    // hide connect button
-    $('#cloud-sidebar-connect-btn').hide();
-    //$('#cloud-sidebar-connect-btn').html($('#cloud-sidebar-connect-btn').html().replace('Connect', 'Connected'));
-    //$('#cloud-sidebar-connect-icon').attr({'class': 'fa fa-circle'});
-    //$('#cloud-sidebar-connect-icon').css({'color': 'green'});
-    
-    // show deploy and export buttons
-    $('#cloud-sidebar-deploy-btn').show();
-    $('#cloud-sidebar-export-btn').show();
-    $('#cloud-sidebar-body').show();
-  }
-
-  function deployingUIDeploying() {
-    $('#cloud-sidebar-deploy-icon').attr({'class': 'fa fa-spinner fa-spin'});
-  }
-  function deployingUINotDeploying() {
-    $('#cloud-sidebar-deploy-icon').attr({'class': 'fa fa-cloud-upload'});
-  }
-
-  function fillProfiles() {
-    try {
-      const profiles = window.__kumologica.cloud.listProfiles();
-      let dropdown = $('#cloud-sidebar-profiles');
-
-      dropdown.empty();
-      dropdown.append($(`<option value="${SELECT_AWS_PROFILE}">${SELECT_AWS_PROFILE}</option>`));
-
-      // add define profile option only if no profiles loaded
-      if (profiles.length == 0) {
-        dropdown.append($(`<option value="${DEFINE_AWS_PROFILE}">${DEFINE_AWS_PROFILE}</option>`));
-      }
-     
-      profiles.forEach(function (profile) {
-        dropdown.append($('<option></option>').val(profile).text(profile));
-      });
-  
-      // if stored profile no longer on the list then:
-      // - make selected profile null
-      // - make SELECT_AWS_PROFILE option selected
-      // - disconnect ui
-      if (!$('#cloud-sidebar-profiles').find('option[value=' + window.__kumologica.cloud.profile + ']').length) {
-        //console.log(`fillProfiles: setting current profile to null, cant find ${window.__kumologica.cloud.profile } on the list`);
-        window.__kumologica.cloud.profile = null;
-        $('#cloud-sidebar-profiles').val(SELECT_AWS_PROFILE);
-        connectUIDisconnected();
-      }  
-
-      // in case cloud-config.json was loaded already and
-      // setValues could not select correct profile, doing it now
-      // set profile should cleanup define and select profile options
-      // if genuine value is set
-      if (window.__kumologica.cloud.profile) {
-        setProfile(window.__kumologica.cloud.profile);
-      }
-    } catch (Error) {
-      showProfileError();
-    }
-  }
-
-  async function exportScript(provider) {
-    profile = getProfile();
-    if (!profile || profile == SELECT_AWS_PROFILE) {
-      RED.notify(`<strong>Error</strong>: Please select AWS profile before generating cloudformation script.`,
-        'error'
-      );
-      return;
-    }
-    $('#workspace-terminal').show();
-    RED.deploy.save(true, true, true);
-    try {
-      await window.__kumologica.cloud.generateScript(
-        provider,
-        RED.header.getCurrentProjectInfo(),
-        getValues()
-      );
-    } catch (Error) {
-      handleError(Error);
-    }
-  }
-
-  function getProfile() {
-    return $('#cloud-sidebar-profiles').find(':selected').val();
-  }
-
-  function setProfile(profile) {
-    window.__kumologica.cloud.profile = profile;
-
-    if (profile != SELECT_AWS_PROFILE && profile != DEFINE_AWS_PROFILE && 
-      $('#cloud-sidebar-profiles').find('option[value=' + profile + ']').length) {
-      
-      //console.log(`set profile: genuine: ${profile}`);
-      // once we got genuine profile, we no longer display define and select profile options.
-      $(`#cloud-sidebar-profiles option[value='${DEFINE_AWS_PROFILE}']`).remove();
-      $(`#cloud-sidebar-profiles option[value='${SELECT_AWS_PROFILE}']`).remove();
-      $('#cloud-sidebar-profiles').val(profile);
-    } else {
-      console.log(`set profile: non-genuine: ${profile}, back to select profile`);
- 
-      $('#cloud-sidebar-profiles').val(SELECT_AWS_PROFILE);
-    }
-  }
-
-  async function deploy() {
-    let fnProfile = getProfile();
-    if (!fnProfile || fnProfile == SELECT_AWS_PROFILE) {
-      RED.notify(`Please select AWS profile before deploying flow.`, 'error');
-      return;
-    }
-
-    if (deployState == DEPLOYING) {
-      RED.notify(`<strong>Information</strong>: Already deploying to AWS.`, 'info');
-      return;
-    }
-
-    deployingUIDeploying();
-    deployState = DEPLOYING;
-
-    let item = $('#cloud-fn-event-table :input').filter(function () {
-      return this.value == 'Create new API';
-    });
-
-    $('#workspace-terminal').show();
-
-    RED.deploy.save(true, true, true);
-
-    try {
-      const response = await window.__kumologica.cloud.deploy(
-        RED.header.getCurrentProjectInfo(),
-        getValues()
-      );
-
-      if (response && response.apiId) {
-        await updateEventList(item, 'api', response.apiId);
-      }
-    } catch (Error) {
-      handleError(Error);
-    }
-    deployState = NOTDEPLOYING;
-    deployingUINotDeploying();
-  }
-
-  async function updateEventList(item, serviceType, value) {
-  
-    if (item.length) {
-      let id = item.attr('id');
-      let dataListId = item.attr('list');
-
-      item.val(value);
-      if (dataListId) {
-        await attachDataList(serviceType, id, dataListId);
-      }
-    }
-  }
-
-  function saveSettings() {
-    window.__kumologica.settings.cloudConfig.setCloudConfig(getValues());
-  }
-
-  function show() {
-    RED.sidebar.show('cloud');
-  }
-
-  function init() {
-    initHTML();
-    initJs();
-  }
-
-  var parameterSets = [];
-  parameterSets['dynamodb'] = [
-    {
-      label: 'Stream ARN',
-      key: 'stream',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Batch Size', key: 'batchSize', value: '', min: 1, max: 1000 },
-    { label: 'Batch Window', key: 'batchWindow', value: '', min: 0, max: 300 },
-    {
-      label: 'Starting Position',
-      key: 'startingPosition',
-      value: '',
-      list: [
-        { k: 'LATEST', v: 'LATEST' },
-        { k: 'TRIM_HORIZON', v: 'TRIM_HORIZON' },
-      ],
-    },
-  ];
-  parameterSets['s3'] = [
-    {
-      label: 'Bucket Name',
-      key: 'bucket',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Bucket Account', key: 'sourceAccount', value: '' },
-    {
-      label: 'Event Type',
-      key: 'eventType',
-      value: '',
-      list: [
-        { k: 'ObjectCreated:*', v: 's3:ObjectCreated:*' },
-        { k: '  ObjectCreated:Put', v: 's3:ObjectCreated:Put' },
-        { k: '  ObjectCreated:Post', v: 's3:ObjectCreated:Post' },
-        { k: '  ObjectCreated:Copy', v: 's3:ObjectCreated:Copy' },
-        {
-          k: '  ObjectCreated:CompleteMultipartUpload',
-          v: 's3:ObjectCreated:CompleteMultipartUpload',
-        },
-        { k: 'ObjectRemoved:*', v: 's3:ObjectRemoved:*' },
-        { k: '  ObjectRemoved:Delete', v: 's3:ObjectRemoved:Delete' },
-        {
-          k: '  ObjectRemoved:DeleteMarkerCreated',
-          v: 's3:ObjectRemoved:DeleteMarkerCreated',
-        },
-        { k: 'ObjectRestore:Post', v: 's3:ObjectRestore:Post' },
-        { k: 'ObjectRestore:Completed', v: 's3:ObjectRestore:Completed' },
-        {
-          k: 'ReducedRedundancyLostObject',
-          v: 's3:ReducedRedundancyLostObject',
-        },
-        {
-          k: 'Replication:OperationFailedReplication',
-          v: 's3:Replication:OperationFailedReplication',
-        },
-        {
-          k: 'Replication:OperationMissedThreshold',
-          v: 's3:Replication:OperationMissedThreshold',
-        },
-        {
-          k: 'Replication:OperationReplicatedAfterThreshold',
-          v: 's3:Replication:OperationReplicatedAfterThreshold',
-        },
-        {
-          k: 'Replication:OperationNotTracked',
-          v: 's3:Replication:OperationNotTracked',
-        },
-      ],
-    },
-    { label: 'Prefix', key: 'prefix', value: '' },
-    { label: 'Suffix', key: 'suffix', value: '' },
-  ];
-  parameterSets['sns'] = [
-    {
-      label: 'Topic ARN',
-      key: 'topic',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-  ];
-  parameterSets['cognito'] = [
-    { label: 'Identity Pool ARN', key: 'identityPool', value: '' },
-  ];
-  parameterSets['iot'] = [
-    {
-      label: 'Rule Name',
-      key: 'rule',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Query', key: 'query', value: '', required: true },
-  ];
-  parameterSets['api'] = [
-    {
-      label: 'API',
-      key: 'api',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Deployment Stage', key: 'stage', value: '', required: true }
-  ];
-  parameterSets['alb'] = [
-    {
-      label: 'App Load Balancer',
-      key: 'alb',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Listener ARN', key: 'listener', value: '', required: true },
-    { label: 'Host', key: 'host', value: '' },
-    { label: 'Path', key: 'path', value: '' },
-  ];
-  parameterSets['sqs'] = [
-    {
-      label: 'Queue URL',
-      key: 'stream',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Batch Size', key: 'batchSize', value: '', min: 1, max: 10 },
-  ];
-  parameterSets['alexa'] = [
-    {
-      label: 'Skill ID',
-      key: 'skillID',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-  ];
-  parameterSets['kinesis'] = [
-    { label: 'Stream ARN', key: 'stream', value: '', required: true },
-    { label: 'Batch Size', key: 'batchSize', value: '', min: 1, max: 10000 },
-    { label: 'Batch Window', key: 'batchWindow', value: '', min: 0, max: 300 },
-    {
-      label: 'Starting Position',
-      key: 'startingPosition',
-      value: '',
-      list: [
-        { k: 'LATEST', v: 'LATEST' },
-        { k: 'AT_TIMESTAMP', v: 'AT_TIMESTAMP' },
-        { k: 'TRIM_HORIZON', v: 'TRIM_HORIZON' },
-      ],
-    },
-  ];
-  parameterSets['cwevents'] = [
-    {
-      label: 'Rule ARN',
-      key: 'rule',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-  ];
-  parameterSets['cwlogs'] = [
-    {
-      label: 'Log Group',
-      key: 'logGroup',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Filter Name', key: 'filterName', value: '' },
-    { label: 'Filter Pattern', key: 'filterPattern', value: '' },
-  ];
-  parameterSets['codecommit'] = [
-    {
-      label: 'Repository Name',
-      key: 'repository',
-      value: '',
-      required: true,
-      function: 'attachDataList',
-    },
-    { label: 'Trigger Name', key: 'trigger', value: '', required: true },
-    {
-      label: 'Events',
-      key: 'events',
-      value: '',
-      list: [
-        { k: 'all', v: 'all' },
-        { k: 'updateReference', v: 'updateReference' },
-        { k: 'createReference', v: 'createReference' },
-        { k: 'deleteReference', v: 'deleteReference' },
-      ],
-    },
-    { label: 'Branch Names', key: 'branchNames', value: '' },
-    { label: 'Custom Data', key: 'customData', value: '' },
-  ];
-
-  return {
-    init: init,
-    show: show,
-  };
-})();