@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

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

@@ -1,3021 +0,0 @@
-/**
- * @namespace RED.editor
- */
-RED.editor = (function () {
-  var editStack = [];
-  let nodeInfoEditor = null;
-
-  let latestNodeSelected = null; // Keep track of latest node selected, so the sidebar can adjust the horizontal position, so it is visible after sidebar is shown.
-
-  var customEditTypes = {};
-
-  var editTrayWidthCache = {};
-
-  function getCredentialsURL(nodeType, nodeID) {
-    var dashedType = nodeType.replace(/\s+/g, '-');
-    return 'credentials/' + dashedType + '/' + nodeID;
-  }
-
-
-  function getLatestNodeSelected() {
-    return latestNodeSelected;
-  }
-
-  function setLatestNodeSelected(newLatestNodeSelected){
-    // console.log('[editor] setLatestNodeSelected=', newLatestNodeSelected);
-    latestNodeSelected = newLatestNodeSelected;
-  }
-
-  /**
-   * Validate a node
-   * @param node - the node being validated
-   * @returns {boolean} whether the node is valid. Sets node.dirty if needed
-   */
-  function validateNode(node) {
-    var oldValue = node.valid;
-    var oldChanged = node.changed;
-    node.valid = true;
-    var subflow;
-    var isValid;
-    var hasChanged;
-    if (node.type.indexOf('subflow:') === 0) {
-      subflow = RED.nodes.subflow(node.type.substring(8));
-      isValid = subflow.valid;
-      hasChanged = subflow.changed;
-      if (isValid === undefined) {
-        isValid = validateNode(subflow);
-        hasChanged = subflow.changed;
-      }
-      node.valid =
-        isValid && validateNodeProperties(node, node._def.defaults, node);
-      node.changed = node.changed || hasChanged;
-    } else if (node._def) {
-      node.valid = validateNodeProperties(node, node._def.defaults, node);
-      // console.log(`[editor] Node ${node.name}. Valid: ${node.valid}`);
-      if (node._def._creds) {
-        node.valid =
-          node.valid &&
-          validateNodeProperties(node, node._def.credentials, node._def._creds);
-      }
-    } else if (node.type == 'subflow') {
-      var subflowNodes = RED.nodes.filterNodes({ z: node.id });
-      for (var i = 0; i < subflowNodes.length; i++) {
-        isValid = subflowNodes[i].valid;
-        hasChanged = subflowNodes[i].changed;
-        if (isValid === undefined) {
-          isValid = validateNode(subflowNodes[i]);
-          hasChanged = subflowNodes[i].changed;
-        }
-        node.valid = node.valid && isValid;
-        node.changed = node.changed || hasChanged;
-      }
-      var subflowInstances = RED.nodes.filterNodes({
-        type: 'subflow:' + node.id,
-      });
-      var modifiedTabs = {};
-      for (i = 0; i < subflowInstances.length; i++) {
-        subflowInstances[i].valid = node.valid;
-        subflowInstances[i].changed =
-          subflowInstances[i].changed || node.changed;
-        subflowInstances[i].dirty = true;
-        modifiedTabs[subflowInstances[i].z] = true;
-      }
-      Object.keys(modifiedTabs).forEach(function (id) {
-        var subflow = RED.nodes.subflow(id);
-        if (subflow) {
-          validateNode(subflow);
-        }
-      });
-    }
-    if (oldValue !== node.valid || oldChanged !== node.changed) {
-      node.dirty = true;
-      subflow = RED.nodes.subflow(node.z);
-      if (subflow) {
-        validateNode(subflow);
-      }
-    }
-    // console.log('[editor] node valid?', node.valid)
-    return node.valid;
-  }
-
-  /**
-   * Validate a node's properties for the given set of property definitions
-   * @param node - the node being validated
-   * @param definition - the node property definitions (either def.defaults or def.creds)
-   * @param properties - the node property values to validate
-   * @returns {boolean} whether the node's properties are valid
-   */
-  function validateNodeProperties(node, definition, properties) {
-    var isValid = true;
-    for (var prop in definition) {
-      if (definition.hasOwnProperty(prop)) {
-        if (!validateNodeProperty(node, definition, prop, properties[prop])) {
-          isValid = false;
-        }
-      }
-    }
-    // console.log(`[editor] Validating properties for node: ${node.name}. Valid? ${isValid}`)
-    return isValid;
-  }
-
-  /**
-   * Validate a individual node property
-   * @param node - the node being validated
-   * @param definition - the node property definitions (either def.defaults or def.creds)
-   * @param property - the property name being validated
-   * @param value - the property value being validated
-   * @returns {boolean} whether the node proprty is valid
-   */
-  function validateNodeProperty(node, definition, property, value) {
-    var valid = true;
-    if (/^\$\([a-zA-Z_][a-zA-Z0-9_]*\)$/.test(value)) {
-      return true;
-    }
-    if (/^\$\{[a-zA-Z_][a-zA-Z0-9_]*\}$/.test(value)) {
-      return true;
-    }
-    if ('required' in definition[property] && definition[property].required) {
-      valid = value !== '';
-    }
-    if (valid && 'validate' in definition[property]) {
-      try {
-        valid = definition[property].validate.call(node, value);
-      } catch (err) {
-        console.log(
-          'Validation error:',
-          node.type,
-          node.id,
-          'property: ' + property,
-          'value:',
-          value,
-          err
-        );
-      }
-    }
-    if (
-      valid &&
-      definition[property].type &&
-      RED.nodes.getType(definition[property].type) &&
-      !('validate' in definition[property])
-    ) {
-      if (!value || value == '_ADD_') {
-        valid =
-          definition[property].hasOwnProperty('required') &&
-          !definition[property].required;
-      } else {
-        var configNode = RED.nodes.node(value);
-        valid =
-          configNode !== null && (configNode.valid == null || configNode.valid);
-      }
-    }
-    return valid;
-  }
-
-  function validateNodeEditor(node, prefix) {
-    for (var prop in node._def.defaults) {
-      if (node._def.defaults.hasOwnProperty(prop)) {
-        validateNodeEditorProperty(node, node._def.defaults, prop, prefix);
-      }
-    }
-    if (node._def.credentials) {
-      for (prop in node._def.credentials) {
-        if (node._def.credentials.hasOwnProperty(prop)) {
-          validateNodeEditorProperty(node, node._def.credentials, prop, prefix);
-        }
-      }
-    }
-  }
-
-  function validateNodeEditorProperty(node, defaults, property, prefix) {
-    var input = $('#' + prefix + '-' + property);
-    if (input.length > 0) {
-      var value = input.val();
-      if (
-        defaults[property].hasOwnProperty('format') &&
-        defaults[property].format !== '' &&
-        input[0].nodeName === 'DIV'
-      ) {
-        value = input.text();
-      }
-      if (!validateNodeProperty(node, defaults, property, value)) {
-        input.addClass('input-error');
-      } else {
-        input.removeClass('input-error');
-      }
-    }
-  }
-
-  /**
-   * Called when the node's properties have changed.
-   * Marks the node as dirty and needing a size check.
-   * Removes any links to non-existant outputs.
-   * @param node - the node that has been updated
-   * @param outputMap - (optional) a map of old->new port numbers if wires should be moved
-   * @returns {array} the links that were removed due to this update
-   */
-  function updateNodeProperties(node, outputMap) {
-    node.resize = true;
-    node.dirty = true;
-    var removedLinks = [];
-    if (node.ports) {
-      if (outputMap) {
-        RED.nodes.eachLink(function (l) {
-          if (l.source === node && outputMap.hasOwnProperty(l.sourcePort)) {
-            if (outputMap[l.sourcePort] === '-1') {
-              removedLinks.push(l);
-            } else {
-              l.sourcePort = outputMap[l.sourcePort];
-            }
-          }
-        });
-      }
-      if (node.outputs < node.ports.length) {
-        while (node.outputs < node.ports.length) {
-          node.ports.pop();
-        }
-        RED.nodes.eachLink(function (l) {
-          if (
-            l.source === node &&
-            l.sourcePort >= node.outputs &&
-            removedLinks.indexOf(l) === -1
-          ) {
-            removedLinks.push(l);
-          }
-        });
-      } else if (node.outputs > node.ports.length) {
-        while (node.outputs > node.ports.length) {
-          node.ports.push(node.ports.length);
-        }
-      }
-    }
-    if (node.inputs === 0) {
-      removedLinks.concat(RED.nodes.filterLinks({ target: node }));
-    }
-    for (var l = 0; l < removedLinks.length; l++) {
-      RED.nodes.removeLink(removedLinks[l]);
-    }
-    return removedLinks;
-  }
-
-  /**
-   * Create a config-node select box for this property
-   * @param node - the node being edited
-   * @param property - the name of the field
-   * @param type - the type of the config-node
-   */
-  function prepareConfigNodeSelect(node, property, type, prefix) {
-    var input = $('#' + prefix + '-' + property);
-    if (input.length === 0) {
-      return;
-    }
-    var newWidth = input.width();
-    var attrStyle = input.attr('style');
-    var m;
-    if ((m = /width\s*:\s*(\d+(%|[a-z]+))/i.exec(attrStyle)) !== null) {
-      newWidth = m[1];
-    } else {
-      newWidth = '70%';
-    }
-    var outerWrap = $('<div></div>').css({
-      display: 'inline-block',
-      position: 'relative',
-    });
-    var selectWrap = $('<div></div>')
-      .css({ position: 'absolute', left: 0, right: '40px' })
-      .appendTo(outerWrap);
-    var select = $(
-      '<select id="' + prefix + '-' + property + '"></select>'
-    ).appendTo(selectWrap);
-
-    outerWrap.width(newWidth).height(input.height());
-    if (outerWrap.width() === 0) {
-      outerWrap.width('70%');
-    }
-    input.replaceWith(outerWrap);
-    // set the style attr directly - using width() on FF causes a value of 114%...
-    select.attr('style', 'width:100%');
-    updateConfigNodeSelect(property, type, node[property], prefix);
-    $(
-      '<a id="' +
-        prefix +
-        '-lookup-' +
-        property +
-        '" class="editor-button"><i class="fa fa-pencil"></i></a>'
-    )
-      .css({ position: 'absolute', right: 0, top: 0 })
-      .appendTo(outerWrap);
-    $('#' + prefix + '-lookup-' + property).click(function (e) {
-      showEditConfigNodeDialog(
-        property,
-        type,
-        select.find(':selected').val(),
-        prefix
-      );
-      e.preventDefault();
-    });
-    var label = '';
-    var configNode = RED.nodes.node(node[property]);
-    var node_def = RED.nodes.getType(type);
-
-    if (configNode) {
-      label = RED.utils.getNodeLabel(configNode, configNode.id);
-    }
-    input.val(label);
-  }
-
-  /**
-   * Create a config-node button for this property
-   * @param node - the node being edited
-   * @param property - the name of the field
-   * @param type - the type of the config-node
-   */
-  function prepareConfigNodeButton(node, property, type, prefix) {
-    var input = $('#' + prefix + '-' + property);
-    input.val(node[property]);
-    input.attr('type', 'hidden');
-
-    var button = $('<a>', {
-      id: prefix + '-edit-' + property,
-      class: 'editor-button',
-    });
-    input.after(button);
-
-    if (node[property]) {
-      button.text('Edit');
-    } else {
-      button.text('Add');
-    }
-
-    button.click(function (e) {
-      showEditConfigNodeDialog(property, type, input.val() || '_ADD_', prefix);
-      e.preventDefault();
-    });
-  }
-
-  /**
-   * Populate the editor dialog input field for this property
-   * @param node - the node being edited
-   * @param property - the name of the field
-   * @param prefix - the prefix to use in the input element ids (node-input|node-config-input)
-   * @param definition - the definition of the field
-   */
-  function preparePropertyEditor(node, property, prefix, definition) {
-    var input = $('#' + prefix + '-' + property);
-    if (input.length === 0) {
-      return;
-    }
-    if (input.attr('type') === 'checkbox') {
-      input.prop('checked', node[property]);
-    } else {
-      var val = node[property];
-      if (val == null) {
-        val = '';
-      }
-      if (
-        definition !== undefined &&
-        definition[property].hasOwnProperty('format') &&
-        definition[property].format !== '' &&
-        input[0].nodeName === 'DIV'
-      ) {
-        input.html(
-          RED.text.format.getHtml(
-            val,
-            definition[property].format,
-            {},
-            false,
-            'en'
-          )
-        );
-        RED.text.format.attach(
-          input[0],
-          definition[property].format,
-          {},
-          false,
-          'en'
-        );
-      } else {
-        input.val(val);
-        if (input[0].nodeName === 'INPUT' || input[0].nodeName === 'TEXTAREA') {
-          RED.text.bidi.prepareInput(input);
-        }
-      }
-    }
-  }
-
-  /**
-   * Add an on-change handler to revalidate a node field
-   * @param node - the node being edited
-   * @param definition - the definition of the node
-   * @param property - the name of the field
-   * @param prefix - the prefix to use in the input element ids (node-input|node-config-input)
-   */
-  function attachPropertyChangeHandler(node, definition, property, prefix) {
-    var input = $('#' + prefix + '-' + property);
-
-    // Make visual mark that field supports template
-    if (
-      definition[property].hasOwnProperty('templateable') &&
-      definition[property].templateable
-    ) {
-      input.addClass('templateable');
-
-      // 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>'
-        // );
-
-      RED.popover.tooltip(
-        input.parent().find($('span.icon-templatable')),
-        'Dynamic Expression Enabled'
-      );
-
-      input.focusin(() => {
-        input.parent().find($('span.icon-templatable')).show();
-      });
-
-      input.focusout(() => {
-        input.parent().find($('span.icon-templatable')).hide();
-      });
-
-      // $('<span class="fa fa-book"></span>').after(input);
-    }
-
-    if (
-      definition !== undefined &&
-      'format' in definition[property] &&
-      definition[property].format !== '' &&
-      input[0].nodeName === 'DIV'
-    ) {
-      $('#' + prefix + '-' + property).on('change keyup', function (
-        event,
-        skipValidation
-      ) {
-        if (!skipValidation) {
-          validateNodeEditor(node, prefix);
-        }
-      });
-    } else {
-      $('#' + prefix + '-' + property).change(function (event, skipValidation) {
-        if (!skipValidation) {
-          validateNodeEditor(node, prefix);
-        }
-      });
-    }
-  }
-
-  /**
-   * Assign the value to each credential field
-   * @param node
-   * @param credDef
-   * @param credData
-   * @param prefix
-   */
-  function populateCredentialsInputs(node, credDef, credData, prefix) {
-    var cred;
-    for (cred in credDef) {
-      if (credDef.hasOwnProperty(cred)) {
-        if (credDef[cred].type == 'password') {
-          if (credData[cred]) {
-            $('#' + prefix + '-' + cred).val(credData[cred]);
-          } else if (credData['has_' + cred]) {
-            $('#' + prefix + '-' + cred).val('__PWRD__');
-          } else {
-            $('#' + prefix + '-' + cred).val('');
-          }
-        } else {
-          preparePropertyEditor(credData, cred, prefix, credDef);
-        }
-        attachPropertyChangeHandler(node, credDef, cred, prefix);
-      }
-    }
-  }
-
-  /**
-   * Update the node credentials from the edit form
-   * @param node - the node containing the credentials
-   * @param credDefinition - definition of the credentials
-   * @param prefix - prefix of the input fields
-   * @return {boolean} whether anything has changed
-   */
-  function updateNodeCredentials(node, credDefinition, prefix) {
-    var changed = false;
-    if (!node.credentials) {
-      node.credentials = { _: {} };
-    }
-
-    for (var cred in credDefinition) {
-      if (credDefinition.hasOwnProperty(cred)) {
-        var input = $('#' + prefix + '-' + cred);
-        var value = input.val();
-        if (credDefinition[cred].type == 'password') {
-          node.credentials['has_' + cred] = value !== '';
-          if (value == '__PWRD__') {
-            continue;
-          }
-          changed = true;
-        }
-        node.credentials[cred] = value;
-        if (value != node.credentials._[cred]) {
-          changed = true;
-        }
-      }
-    }
-    return changed;
-  }
-
-  /**
-   * Prepare all of the editor dialog fields
-   * @param node - the node being edited
-   * @param definition - the node definition
-   * @param prefix - the prefix to use in the input element ids (node-input|node-config-input)
-   */
-  function prepareEditDialog(node, definition, prefix, done) {
-    for (var d in definition.defaults) {
-      if (definition.defaults.hasOwnProperty(d)) {
-        if (definition.defaults[d].type) {
-          var configTypeDef = RED.nodes.getType(definition.defaults[d].type);
-          if (configTypeDef) {
-            if (configTypeDef.exclusive) {
-              prepareConfigNodeButton(
-                node,
-                d,
-                definition.defaults[d].type,
-                prefix
-              );
-            } else {
-              prepareConfigNodeSelect(
-                node,
-                d,
-                definition.defaults[d].type,
-                prefix
-              );
-            }
-          } else {
-            console.log('Unknown type:', definition.defaults[d].type);
-            preparePropertyEditor(node, d, prefix, definition.defaults);
-          }
-        } else {
-          preparePropertyEditor(node, d, prefix, definition.defaults);
-        }
-        attachPropertyChangeHandler(node, definition.defaults, d, prefix);
-      }
-    }
-    var completePrepare = function () {
-      if (definition.oneditprepare) {
-        try {
-          definition.oneditprepare.call(node);
-        } catch (err) {
-          console.log('oneditprepare', node.id, node.type, err.toString());
-        }
-      }
-      // Now invoke any change handlers added to the fields - passing true
-      // to prevent full node validation from being triggered each time
-      for (var d in definition.defaults) {
-        if (definition.defaults.hasOwnProperty(d)) {
-          $('#' + prefix + '-' + d).trigger('change', [true]);
-        }
-      }
-      if (definition.credentials) {
-        for (d in definition.credentials) {
-          if (definition.credentials.hasOwnProperty(d)) {
-            $('#' + prefix + '-' + d).trigger('change', [true]);
-          }
-        }
-      }
-      validateNodeEditor(node, prefix);
-      if (done) {
-        done();
-      }
-    };
-
-    if (definition.credentials) {
-      if (node.credentials) {
-        populateCredentialsInputs(
-          node,
-          definition.credentials,
-          node.credentials,
-          prefix
-        );
-        completePrepare();
-      } else {
-        $.getJSON(getCredentialsURL(node.type, node.id), function (data) {
-          node.credentials = data;
-          node.credentials._ = $.extend(true, {}, data);
-          populateCredentialsInputs(
-            node,
-            definition.credentials,
-            node.credentials,
-            prefix
-          );
-          completePrepare();
-        });
-      }
-    } else {
-      completePrepare();
-    }
-  }
-
-  function getNodeIconPath() {
-    var nodeIconPath;
-    for (var i = editStack.length - 1; i < editStack.length; i++) {
-      var node = editStack[i];
-      var iconPath = RED.utils.getDefaultNodeIcon(node._def, node);
-      defaultIcon = iconPath.module + '/' + iconPath.file;
-      if (iconPath.module === 'kumologica-core') {
-        nodeIconPath = `icons/${iconPath.module}/${iconPath.file}`;
-      }
-    }
-    return nodeIconPath;
-  }
-
-  function getEditStackTitle() {
-    var label;
-    for (var i = editStack.length - 1; i < editStack.length; i++) {
-      var node = editStack[i];
-      label = node.type;
-      // Commented out as not sure why so much control over here.
-      // anyway, we only need to use the node title as label for the properties window
-
-      // if (node.type === '_expression') {
-      //   label = RED._('expressionEditor.title');
-      // } else if (node.type === '_js') {
-      //   label = RED._('jsEditor.title');
-      // } else if (node.type === '_json') {
-      //   label = RED._('jsonEditor.title');
-      // } else if (node.type === '_markdown') {
-      //   label = RED._('markdownEditor.title');
-      // } else if (node.type === '_buffer') {
-      //   label = RED._('bufferEditor.title');
-      // } else if (node.type === 'subflow') {
-      //   label = RED._('subflow.editSubflow', {
-      //     name: RED.utils.sanitize(node.name)
-      //   });
-      // } else if (node.type.indexOf('subflow:') === 0) {
-      //   var subflow = RED.nodes.subflow(node.type.substring(8));
-      //   label = RED._('subflow.editSubflowInstance', {
-      //     name: RED.utils.sanitize(subflow.name)
-      //   });
-      // } else if (node._def !== undefined) {
-      //   if (typeof node._def.paletteLabel !== 'undefined') {
-      //     try {
-      //       label = RED.utils.sanitize(
-      //         (typeof node._def.paletteLabel === 'function'
-      //           ? node._def.paletteLabel.call(node._def)
-      //           : node._def.paletteLabel) || ''
-      //       );
-      //     } catch (err) {
-      //       console.log(
-      //         'Definition error: ' + node.type + '.paletteLabel',
-      //         err
-      //       );
-      //     }
-      //   }
-      //   if (i === editStack.length - 1) {
-      //     if (RED.nodes.node(node.id)) {
-      //       label = RED._('editor.editNode', {
-      //         type: RED.utils.sanitize(label)
-      //       });
-      //     } else {
-      //       label = RED._('editor.addNewConfig', {
-      //         type: RED.utils.sanitize(label)
-      //       });
-      //     }
-      //   }
-      // }
-    }
-    //console.log('editor.js - getEditStackTitle is label AFTER=', label);
-    return label;
-  }
-
-  function buildEnvForm(container, node) {
-    var env_container = $('#node-input-env-container');
-    env_container
-      .css({
-        'min-height': '150px',
-        'min-width': '450px',
-      })
-      .editableList({
-        addItem: function (container, i, opt) {
-          var row = $('<div/>').appendTo(container);
-          if (opt.parent) {
-            $('<div/>', {
-              class: 'uneditable-input',
-              style: 'margin-left: 5px; width: calc(40% - 8px)',
-            })
-              .appendTo(row)
-              .text(opt.name);
-          } else {
-            $('<input/>', {
-              class: 'node-input-env-name',
-              type: 'text',
-              style: 'margin-left: 5px; width: calc(40% - 8px)',
-              placeholder: 'Name',
-            })
-              .appendTo(row)
-              .val(opt.name);
-          }
-          var valueField = $('<input/>', {
-            class: 'node-input-env-value',
-            type: 'text',
-            style: 'margin-left: 5px; width: calc(60% - 8px)',
-          }).appendTo(row);
-
-          valueField.typedInput({
-            default: 'str',
-            types: ['str', 'num', 'bool', 'json', 'bin', 'env'],
-          });
-
-          valueField.typedInput(
-            'type',
-            opt.parent ? opt.type || opt.parent.type : opt.type
-          );
-          valueField.typedInput(
-            'value',
-            opt.parent
-              ? opt.value !== undefined
-                ? opt.value
-                : opt.parent.value
-              : opt.value
-          );
-
-          var actionButton = $('<a/>', {
-            href: '#',
-            class:
-              'red-ui-editableList-item-remove editor-button editor-button-small',
-          }).appendTo(container);
-          $('<i/>', {
-            class: 'fa ' + (opt.parent ? 'fa-reply' : 'fa-remove'),
-          }).appendTo(actionButton);
-          container.parent().addClass('red-ui-editableList-item-removable');
-          if (opt.parent) {
-            if (
-              opt.value !== undefined &&
-              (opt.value !== opt.parent.value || opt.type !== opt.parent.type)
-            ) {
-              actionButton.show();
-            } else {
-              actionButton.hide();
-            }
-            var restoreTip = RED.popover.tooltip(
-              actionButton, 'Restore to subflow default');
-
-            valueField.change(function (evt) {
-              var newType = valueField.typedInput('type');
-              var newValue = valueField.typedInput('value');
-              if (
-                newType === opt.parent.type &&
-                newValue === opt.parent.value
-              ) {
-                actionButton.hide();
-              } else {
-                actionButton.show();
-              }
-            });
-            actionButton.click(function (evt) {
-              evt.preventDefault();
-              restoreTip.close();
-              valueField.typedInput('type', opt.parent.type);
-              valueField.typedInput('value', opt.parent.value);
-            });
-          } else {
-            var removeTip = RED.popover.tooltip(
-              actionButton,
-              "Remove environment variable"
-            );
-            actionButton.click(function (evt) {
-              evt.preventDefault();
-              removeTip.close();
-              container.parent().addClass('red-ui-editableList-item-deleting');
-              container.fadeOut(300, function () {
-                env_container.editableList('removeItem', opt);
-              });
-            });
-          }
-        },
-        sortable: false,
-        removable: false,
-      });
-    var parentEnv = {};
-    var envList = [];
-    if (/^subflow:/.test(node.type)) {
-      var subflowDef = RED.nodes.subflow(node.type.substring(8));
-      if (subflowDef.env) {
-        subflowDef.env.forEach(function (env) {
-          var item = {
-            name: env.name,
-            parent: {
-              type: env.type,
-              value: env.value,
-            },
-          };
-          envList.push(item);
-          parentEnv[env.name] = item;
-        });
-      }
-    }
-
-    if (node.env) {
-      for (var i = 0; i < node.env.length; i++) {
-        var env = node.env[i];
-        if (parentEnv.hasOwnProperty(env.name)) {
-          parentEnv[env.name].type = env.type;
-          parentEnv[env.name].value = env.value;
-        } else {
-          envList.push({
-            name: env.name,
-            type: env.type,
-            value: env.value,
-          });
-        }
-      }
-    }
-    envList.forEach(function (env) {
-      env_container.editableList('addItem', env);
-    });
-  }
-
-  function exportEnvList(list) {
-    if (list) {
-      var env = [];
-      list.each(function (i) {
-        var entry = $(this);
-        var item = entry.data('data');
-        var name = (item.parent
-          ? item.name
-          : entry.find('.node-input-env-name').val()
-        ).trim();
-        if (name !== '') {
-          var valueInput = entry.find('.node-input-env-value');
-          var value = valueInput.typedInput('value');
-          var type = valueInput.typedInput('type');
-          if (
-            !item.parent ||
-            item.parent.value !== value ||
-            item.parent.type !== type
-          ) {
-            var item = {
-              name: name,
-              type: type,
-              value: value,
-            };
-            env.push(item);
-          }
-        }
-      });
-      return env;
-    }
-    return null;
-  }
-
-  function isSameEnv(env0, env1) {
-    return JSON.stringify(env0) === JSON.stringify(env1);
-  }
-
-  function buildEditForm(container, formId, type, ns, node) {
-    var dialogForm = $(
-      '<form id="' +
-        formId +
-        '" class="form-horizontal" autocomplete="off"></form>'
-    ).appendTo(container);
-    dialogForm.html($("script[data-template-name='" + type + "']").html());
-    ns = ns || 'kumologica-core';
-    dialogForm.find('[data-i18n]').each(function () {
-      var current = $(this).attr('data-i18n');
-      var keys = current.split(';');
-      for (var i = 0; i < keys.length; i++) {
-        var key = keys[i];
-        if (key.indexOf(':') === -1) {
-          var prefix = '';
-          if (key.indexOf('[') === 0) {
-            var parts = key.split(']');
-            prefix = parts[0] + ']';
-            key = parts[1];
-          }
-          keys[i] = prefix + ns + ':' + key;
-        }
-      }
-      $(this).attr('data-i18n', keys.join(';'));
-    });
-
-    if (type === 'subflow' || type === 'subflow-template') {
-      buildEnvForm(dialogForm, node);
-    }
-
-    // Add dummy fields to prevent 'Enter' submitting the form in some
-    // cases, and also prevent browser auto-fill of password
-    // Add in reverse order as they are prepended...
-    $('<input type="password" style="display: none;" />').prependTo(dialogForm);
-    $('<input type="text" style="display: none;" />').prependTo(dialogForm);
-    dialogForm.submit(function (e) {
-      e.preventDefault();
-    });
-    return dialogForm;
-  }
-
-  function refreshLabelForm(container, node) {
-    var inputPlaceholder = node._def.inputLabels
-      ? 'use default label'
-      : 'none';
-    var outputPlaceholder = node._def.outputLabels
-      ? 'use default label'
-      : 'none';
-
-    var inputsDiv = $('#node-label-form-inputs');
-    var outputsDiv = $('#node-label-form-outputs');
-
-    var inputCount;
-    if (node.type === 'subflow') {
-      inputCount = node.in.length;
-    } else {
-      inputCount = node.inputs || node._def.inputs || 0;
-    }
-
-    var children = inputsDiv.children();
-    var childCount = children.length;
-    if (childCount === 1 && $(children[0]).hasClass('node-label-form-none')) {
-      childCount--;
-    }
-
-    if (childCount < inputCount) {
-      if (childCount === 0) {
-        // remove the 'none' placeholder
-        $(children[0]).remove();
-      }
-      for (i = childCount; i < inputCount; i++) {
-        buildLabelRow('input', i, '', inputPlaceholder).appendTo(inputsDiv);
-      }
-    } else if (childCount > inputCount) {
-      for (i = inputCount; i < childCount; i++) {
-        $(children[i]).remove();
-      }
-      if (inputCount === 0) {
-        buildLabelRow().appendTo(inputsDiv);
-      }
-    }
-
-    var outputCount;
-    var i;
-    var formOutputs = $('#node-input-outputs').val();
-
-    if (formOutputs === undefined) {
-      if (node.type === 'subflow') {
-        outputCount = node.out.length;
-      } else {
-        inputCount = node.outputs || node._def.outputs || 0;
-      }
-    } else if (isNaN(formOutputs)) {
-      var outputMap = JSON.parse(formOutputs);
-      var keys = Object.keys(outputMap);
-      children = outputsDiv.children();
-      childCount = children.length;
-      if (childCount === 1 && $(children[0]).hasClass('node-label-form-none')) {
-        childCount--;
-      }
-
-      outputCount = 0;
-      var rows = [];
-      keys.forEach(function (p) {
-        var row = $('#node-label-form-output-' + p).parent();
-        if (row.length === 0 && outputMap[p] !== -1) {
-          if (childCount === 0) {
-            $(children[0]).remove();
-            childCount = -1;
-          }
-          row = buildLabelRow('output', p, '', outputPlaceholder);
-        } else {
-          row.detach();
-        }
-        if (outputMap[p] !== -1) {
-          outputCount++;
-          rows.push({ i: parseInt(outputMap[p]), r: row });
-        }
-      });
-      rows.sort(function (A, B) {
-        return A.i - B.i;
-      });
-      rows.forEach(function (r, i) {
-        r.r.find('label').text(i + 1 + '.');
-        r.r.appendTo(outputsDiv);
-      });
-      if (rows.length === 0) {
-        buildLabelRow('output', i, '').appendTo(outputsDiv);
-      } else {
-      }
-    } else {
-      outputCount = Math.max(0, parseInt(formOutputs));
-    }
-    children = outputsDiv.children();
-    childCount = children.length;
-    if (childCount === 1 && $(children[0]).hasClass('node-label-form-none')) {
-      childCount--;
-    }
-    if (childCount < outputCount) {
-      if (childCount === 0) {
-        // remove the 'none' placeholder
-        $(children[0]).remove();
-      }
-      for (i = childCount; i < outputCount; i++) {
-        buildLabelRow('output', i, '').appendTo(outputsDiv);
-      }
-    } else if (childCount > outputCount) {
-      for (i = outputCount; i < childCount; i++) {
-        $(children[i]).remove();
-      }
-      if (outputCount === 0) {
-        buildLabelRow().appendTo(outputsDiv);
-      }
-    }
-  }
-  function buildLabelRow(type, index, value, placeHolder) {
-    var result = $('<div>', { class: 'node-label-form-row' });
-    if (type === undefined) {
-      $('<span>').text('none').appendTo(result);
-      result.addClass('node-label-form-none');
-    } else {
-      result.addClass('');
-      var id = 'node-label-form-' + type + '-' + index;
-      $('<label>', { for: id })
-        .text(index + 1 + '.')
-        .appendTo(result);
-      var input = $('<input>', {
-        type: 'text',
-        id: id,
-        placeholder: placeHolder,
-      })
-        .val(value)
-        .appendTo(result);
-      var clear = $(
-        '<button type="button" class="editor-button editor-button-small"><i class="fa fa-times"></i></button>'
-      ).appendTo(result);
-      clear.click(function (evt) {
-        evt.preventDefault();
-        input.val('');
-      });
-    }
-    return result;
-  }
-  function showIconPicker(container, node, iconPath, done) {
-    var containerPos = container.offset();
-    var pickerBackground = $('<div>')
-      .css({
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        zIndex: 20,
-      })
-      .appendTo('body');
-
-    var top = containerPos.top - 30;
-
-    if (top + 280 > $(window).height()) {
-      top = $(window).height() - 280;
-    }
-    var picker = $('<div class="red-ui-icon-picker">')
-      .css({
-        top: top + 'px',
-        left: containerPos.left + 'px',
-      })
-      .appendTo('body');
-
-    var hide = function () {
-      pickerBackground.remove();
-      picker.remove();
-      RED.keyboard.remove('escape');
-    };
-    RED.keyboard.add('*', 'escape', function () {
-      hide();
-    });
-    pickerBackground.on('mousedown', hide);
-
-    var searchDiv = $('<div>', { class: 'red-ui-search-container' }).appendTo(
-      picker
-    );
-    searchInput = $('<input type="text">')
-      .attr('placeholder', 'Search icons')
-      .appendTo(searchDiv)
-      .searchBox({
-        delay: 50,
-        change: function () {
-          var searchTerm = $(this).val().trim();
-          if (searchTerm === '') {
-            iconList.find('.red-ui-icon-list-module').show();
-            iconList.find('.red-ui-icon-list-icon').show();
-          } else {
-            iconList.find('.red-ui-icon-list-module').hide();
-            iconList.find('.red-ui-icon-list-icon').each(function (i, n) {
-              if ($(n).data('icon').indexOf(searchTerm) === -1) {
-                $(n).hide();
-              } else {
-                $(n).show();
-              }
-            });
-          }
-        },
-      });
-
-    var row = $('<div>').appendTo(picker);
-    var iconList = $('<div class="red-ui-icon-list">').appendTo(picker);
-    var metaRow = $('<div class="red-ui-icon-meta"></div>').appendTo(picker);
-    var summary = $('<span>').appendTo(metaRow);
-    var resetButton = $(
-      '<button type="button" class="editor-button editor-button-small">' +
-        'use default' +
-        '</button>'
-    )
-      .appendTo(metaRow)
-      .click(function (e) {
-        e.preventDefault();
-        hide();
-        done(null);
-      });
-    var iconSets = RED.nodes.getIconSets();
-    Object.keys(iconSets).forEach(function (moduleName) {
-      var icons = iconSets[moduleName];
-      if (icons.length > 0) {
-        // selectIconModule.append($("<option></option>").val(moduleName).text(moduleName));
-        var header = $('<div class="red-ui-icon-list-module"></div>')
-          .text(moduleName)
-          .appendTo(iconList);
-        $('<i class="fa fa-cube"></i>').prependTo(header);
-        icons.forEach(function (icon) {
-          var iconDiv = $('<div>', { class: 'red-ui-icon-list-icon' }).appendTo(
-            iconList
-          );
-          var nodeDiv = $('<div>', {
-            class: 'red-ui-search-result-node',
-          }).appendTo(iconDiv);
-          var colour = RED.utils.getNodeColor(node.type, node._def);
-          var icon_url =
-            RED.settings.apiRootUrl + 'icons/' + moduleName + '/' + icon;
-          iconDiv.data('icon', icon_url);
-          nodeDiv.css('backgroundColor', colour);
-          var iconContainer = $('<div/>', {
-            class: 'palette_icon_container',
-          }).appendTo(nodeDiv);
-          RED.utils.createIconElement(icon_url, iconContainer, true);
-
-          if (iconPath.module === moduleName && iconPath.file === icon) {
-            iconDiv.addClass('selected');
-          }
-          iconDiv.on('mouseover', function () {
-            summary.text(icon);
-          });
-          iconDiv.on('mouseout', function () {
-            summary.html('&nbsp;');
-          });
-          iconDiv.click(function () {
-            hide();
-            done(moduleName + '/' + icon);
-          });
-        });
-      }
-    });
-    picker.slideDown(100);
-    searchInput.focus();
-  }
-
-  function buildAppearanceForm(container, node) {
-    var dialogForm = $(
-      '<form class="dialog-form form-horizontal" autocomplete="off"></form>'
-    ).appendTo(container);
-
-    var i, row;
-
-    $(
-      '<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>'
-    ).appendTo(dialogForm);
-
-    var setToggleState = function (state) {
-      var i = $('#node-input-show-label-btn-i');
-      if (!state) {
-        i.addClass('fa-toggle-off');
-        i.removeClass('fa-toggle-on');
-        $('#node-input-show-label').prop('checked', false);
-        $('#node-input-show-label-label').text('Hide');
-      } else {
-        i.addClass('fa-toggle-on');
-        i.removeClass('fa-toggle-off');
-        $('#node-input-show-label').prop('checked', true);
-        $('#node-input-show-label-label').text('Show');
-      }
-    };
-    dialogForm.find('#node-input-show-label-btn').on('click', function (e) {
-      e.preventDefault();
-      var i = $('#node-input-show-label-btn-i');
-      setToggleState(i.hasClass('fa-toggle-off'));
-    });
-
-    // if (!node.hasOwnProperty('l')) {
-    //   // Show label if type not link
-    //   node.l = !/^link (in|out)$/.test(node._def.type);
-    // }
-    // setToggleState(node.l);
-
-    // If a node has icon property in defaults, the icon of the node cannot be modified. (e.g, ui_button node in dashboard)
-    if (!node._def.defaults || !node._def.defaults.hasOwnProperty('icon')) {
-      var iconRow = $('<div class="form-row"></div>').appendTo(dialogForm);
-      $('<label data-i18n="editor.settingIcon">').appendTo(iconRow);
-
-      var iconButton = $(
-        '<button type="button" class="editor-button" id="node-settings-icon-button">'
-      ).appendTo(iconRow);
-
-      var nodeDiv = $('<div>', { class: 'red-ui-search-result-node' }).appendTo(
-        iconButton
-      );
-      var colour = RED.utils.getNodeColor(node.type, node._def);
-      var icon_url = RED.utils.getNodeIcon(node._def, node);
-      nodeDiv.css('backgroundColor', colour);
-      var iconContainer = $('<div/>', {
-        class: 'palette_icon_container',
-      }).appendTo(nodeDiv);
-      RED.utils.createIconElement(icon_url, iconContainer, true);
-
-      iconButton.click(function (e) {
-        e.preventDefault();
-        var iconPath;
-        var icon = $('#node-settings-icon').text() || '';
-        if (icon) {
-          iconPath = RED.utils.separateIconPath(icon);
-        } else {
-          iconPath = RED.utils.getDefaultNodeIcon(node._def, node);
-        }
-        showIconPicker(iconRow, node, iconPath, function (newIcon) {
-          $('#node-settings-icon').text(newIcon || '');
-          var icon_url = RED.utils.getNodeIcon(node._def, {
-            type: node.type,
-            icon: newIcon,
-          });
-          RED.utils.createIconElement(icon_url, iconContainer, true);
-        });
-      });
-      $('<div id="node-settings-icon">').text(node.icon).appendTo(iconButton);
-    }
-
-    $(
-      '<div class="form-row"><span data-i18n="editor.portLabels"></span></div>'
-    ).appendTo(dialogForm);
-
-    var inputCount = node.inputs || node._def.inputs || 0;
-    var outputCount = node.outputs || node._def.outputs || 0;
-    if (node.type === 'subflow') {
-      inputCount = node.in.length;
-      outputCount = node.out.length;
-    }
-
-    var inputLabels = node.inputLabels || [];
-    var outputLabels = node.outputLabels || [];
-
-    var inputPlaceholder = node._def.inputLabels
-      ? 'use default label'
-      : 'none';
-    var outputPlaceholder = node._def.outputLabels
-      ? 'use default label'
-      : 'none';
-
-    $(
-      '<div class="form-row"><span style="margin-left: 50px;" data-i18n="editor.labelInputs"></span><div id="node-label-form-inputs"></div></div>'
-    ).appendTo(dialogForm);
-    var inputsDiv = $('#node-label-form-inputs');
-    if (inputCount > 0) {
-      for (i = 0; i < inputCount; i++) {
-        buildLabelRow('input', i, inputLabels[i], inputPlaceholder).appendTo(
-          inputsDiv
-        );
-      }
-    } else {
-      buildLabelRow().appendTo(inputsDiv);
-    }
-    $(
-      '<div class="form-row"><span style="margin-left: 50px;" data-i18n="editor.labelOutputs"></span><div id="node-label-form-outputs"></div></div>'
-    ).appendTo(dialogForm);
-    var outputsDiv = $('#node-label-form-outputs');
-    if (outputCount > 0) {
-      for (i = 0; i < outputCount; i++) {
-        buildLabelRow('output', i, outputLabels[i], outputPlaceholder).appendTo(
-          outputsDiv
-        );
-      }
-    } else {
-      buildLabelRow().appendTo(outputsDiv);
-    }
-  }
-
-  function updateLabels(editing_node, changes, outputMap) {
-    var inputLabels = $('#node-label-form-inputs').children().find('input');
-    var outputLabels = $('#node-label-form-outputs').children().find('input');
-
-    var hasNonBlankLabel = false;
-    var changed = false;
-    var newValue = inputLabels
-      .map(function () {
-        var v = $(this).val();
-        hasNonBlankLabel = hasNonBlankLabel || v !== '';
-        return v;
-      })
-      .toArray()
-      .slice(0, editing_node.inputs);
-    if (
-      (editing_node.inputLabels === undefined && hasNonBlankLabel) ||
-      (editing_node.inputLabels !== undefined &&
-        JSON.stringify(newValue) !== JSON.stringify(editing_node.inputLabels))
-    ) {
-      changes.inputLabels = editing_node.inputLabels;
-      editing_node.inputLabels = newValue;
-      changed = true;
-    }
-    hasNonBlankLabel = false;
-    newValue = new Array(editing_node.outputs);
-    outputLabels.each(function () {
-      var index = $(this).attr('id').substring(23); // node-label-form-output-<index>
-      if (outputMap && outputMap.hasOwnProperty(index)) {
-        index = parseInt(outputMap[index]);
-        if (index === -1) {
-          return;
-        }
-      }
-      var v = $(this).val();
-      hasNonBlankLabel = hasNonBlankLabel || v !== '';
-      newValue[index] = v;
-    });
-
-    if (
-      (editing_node.outputLabels === undefined && hasNonBlankLabel) ||
-      (editing_node.outputLabels !== undefined &&
-        JSON.stringify(newValue) !== JSON.stringify(editing_node.outputLabels))
-    ) {
-      changes.outputLabels = editing_node.outputLabels;
-      editing_node.outputLabels = newValue;
-      changed = true;
-    }
-    return changed;
-  }
-
-  function buildDescriptionForm(container, node) {
-    var dialogForm = $(
-      '<form class="dialog-form form-horizontal" style="padding: 5px 10px;" autocomplete="off"></form>'
-    ).appendTo(container);
-    var toolbarRow = $('<div></div>').appendTo(dialogForm);
-    var row = $(
-      `<div class="form-row node-text-editor-row" style="position:relative; padding-top: 4px; height: 100%"></div>
-       <div class="form-row node-text-editor-preview" style="display: none; padding: 0px 20px;"></div>
-      `
-    ).appendTo(dialogForm);
-    $(
-      '<div style="height: 100%" class="node-text-editor" id="node-info-input-info-editor" ></div>'
-    ).appendTo(row);
-
-    // console.log('[editor] Creating notes editor...')
-    nodeInfoEditor = RED.editor.createEditor({
-      id: 'node-info-input-info-editor',
-      mode: 'ace/mode/markdown',
-      value: node.info || '',
-      lineNumbers: false,
-      toolbar: false,
-      onChange: function(delta) {
-        // console.log('[editor] InfoTab changed. Delta=', delta);
-        notifyChanges(getLatestNodeSelected());
-      }
-    });
-
-    return nodeInfoEditor;
-  }
-
-  function resetEditor(){
-    editStack.pop();
-    RED.sidebar.nodeinfo.emptyTab();
-    RED.actions.invoke('core:hide-sidebar');
-  }
-
-  function forceNotifyChanges() {
-    notifyChanges(getLatestNodeSelected());
-  }
-
-  function notifyChanges(nodeSelected){
-    console.log('[editor] notifyChanges with nodeSelected: ', nodeSelected);
-    let editing_node = nodeSelected;
-    let node = nodeSelected;
-
-    var changes = {};
-    var changed = false;
-    var wasDirty = RED.nodes.dirty();
-    var d;
-    var outputMap;
-
-    if (editing_node._def.oneditsave) {
-      var oldValues = {};
-      for (d in editing_node._def.defaults) {
-        if (editing_node._def.defaults.hasOwnProperty(d)) {
-          if (
-            typeof editing_node[d] === 'string' ||
-            typeof editing_node[d] === 'number'
-          ) {
-            oldValues[d] = editing_node[d];
-          } else {
-            oldValues[d] = $.extend(true, {}, { v: editing_node[d] }).v;
-          }
-        }
-      }
-      try {
-        var rc = editing_node._def.oneditsave.call(editing_node);
-        if (rc === true) {
-          changed = true;
-        }
-      } catch (err) {
-        console.log(
-          'oneditsave',
-          editing_node.id,
-          editing_node.type,
-          err.toString()
-        );
-      }
-
-      for (d in editing_node._def.defaults) {
-        if (editing_node._def.defaults.hasOwnProperty(d)) {
-          if (
-            oldValues[d] === null ||
-            typeof oldValues[d] === 'string' ||
-            typeof oldValues[d] === 'number'
-          ) {
-            if (oldValues[d] !== editing_node[d]) {
-              changes[d] = oldValues[d];
-              changed = true;
-            }
-          } else {
-            if (
-              JSON.stringify(oldValues[d]) !==
-              JSON.stringify(editing_node[d])
-            ) {
-              changes[d] = oldValues[d];
-              changed = true;
-            }
-          }
-        }
-      }
-    }
-
-    var newValue;
-    if (editing_node._def.defaults) {
-      for (d in editing_node._def.defaults) {
-        if (editing_node._def.defaults.hasOwnProperty(d)) {
-          var input = $('#node-input-' + d);
-          if (input.attr('type') === 'checkbox') {
-            newValue = input.prop('checked');
-          } else if (
-            input.prop('nodeName') === 'select' &&
-            input.attr('multiple') === 'multiple'
-          ) {
-            // An empty select-multiple box returns null.
-            // Need to treat that as an empty array.
-            newValue = input.val();
-            if (newValue == null) {
-              newValue = [];
-            }
-          } else if (
-            'format' in editing_node._def.defaults[d] &&
-            editing_node._def.defaults[d].format !== '' &&
-            input[0].nodeName === 'DIV'
-          ) {
-            newValue = input.text();
-          } else {
-            newValue = input.val();
-          }
-          if (newValue != null) {
-            if (d === 'outputs') {
-              if (newValue.trim() === '') {
-                continue;
-              }
-              if (isNaN(newValue)) {
-                outputMap = JSON.parse(newValue);
-                var outputCount = 0;
-                var outputsChanged = false;
-                var keys = Object.keys(outputMap);
-                keys.forEach(function (p) {
-                  if (isNaN(p)) {
-                    // New output;
-                    outputCount++;
-                    delete outputMap[p];
-                  } else {
-                    outputMap[p] = outputMap[p] + '';
-                    if (outputMap[p] !== '-1') {
-                      outputCount++;
-                      if (outputMap[p] !== p) {
-                        // Output moved
-                        outputsChanged = true;
-                      } else {
-                        delete outputMap[p];
-                      }
-                    } else {
-                      // Output removed
-                      outputsChanged = true;
-                    }
-                  }
-                });
-
-                newValue = outputCount;
-                if (outputsChanged) {
-                  changed = true;
-                }
-              } else {
-                newValue = parseInt(newValue);
-              }
-            }
-            if (editing_node[d] != newValue) {
-              if (editing_node._def.defaults[d].type) {
-                if (newValue == '_ADD_') {
-                  newValue = '';
-                }
-                // Change to a related config node
-                var configNode = RED.nodes.node(editing_node[d]);
-                if (configNode) {
-                  var users = configNode.users;
-                  users.splice(users.indexOf(editing_node), 1);
-                }
-                configNode = RED.nodes.node(newValue);
-                if (configNode) {
-                  configNode.users.push(editing_node);
-                }
-              }
-              changes[d] = editing_node[d];
-              editing_node[d] = newValue;
-              changed = true;
-            }
-          }
-        }
-      }
-    }
-    if (editing_node._def.credentials) {
-      var prefix = 'node-input';
-      var credDefinition = editing_node._def.credentials;
-      var credsChanged = updateNodeCredentials(
-        editing_node,
-        credDefinition,
-        prefix
-      );
-      changed = changed || credsChanged;
-    }
-    if (editing_node.hasOwnProperty("_outputs")) {
-        outputMap = editing_node._outputs;
-        delete editing_node._outputs;
-        if (Object.keys(outputMap).length > 0) {
-            changed = true;
-        }
-    }
-    var removedLinks = updateNodeProperties(editing_node, outputMap);
-
-    if (updateLabels(editing_node, changes, outputMap)) {
-      changed = true;
-    }
-
-    // deleted all references about the l property (not needed as we have decommisioned the link node), it was about hiding the label for link type;
-
-    node.resize = true;
-
-    var oldInfo = node.info;
-    if (nodeInfoEditor) {
-      var newInfo = nodeInfoEditor.getValue();
-      if (!!oldInfo) {
-        // Has existing info property
-        if (newInfo.trim() === '') {
-          // New value is blank - remove the property
-          changed = true;
-          changes.info = oldInfo;
-          delete node.info;
-        } else if (newInfo !== oldInfo) {
-          // New value is different
-          changed = true;
-          changes.info = oldInfo;
-          node.info = newInfo;
-        }
-      } else {
-        // No existing info
-        if (newInfo.trim() !== '') {
-          // New value is not blank
-          changed = true;
-          changes.info = undefined;
-          node.info = newInfo;
-        }
-      }
-    }
-
-    
-    if (changed) {
-      console.log('[editor] Editing node detected a change. Saving required.');
-      var wasChanged = editing_node.changed;
-      editing_node.changed = true;
-      RED.nodes.dirty(true);
-
-      var activeSubflow = RED.nodes.subflow(RED.workspaces.active());
-      var subflowInstances = null;
-      if (activeSubflow) {
-        subflowInstances = [];
-        RED.nodes.eachNode(function (n) {
-          if (n.type == 'subflow:' + RED.workspaces.active()) {
-            subflowInstances.push({
-              id: n.id,
-              changed: n.changed,
-            });
-            n.changed = true;
-            n.dirty = true;
-            updateNodeProperties(n);
-          }
-        });
-      }
-      var historyEvent = {
-        t: 'edit',
-        node: editing_node,
-        changes: changes,
-        links: removedLinks,
-        dirty: wasDirty,
-        changed: wasChanged,
-      };
-      if (outputMap) {
-        historyEvent.outputMap = outputMap;
-      }
-      if (subflowInstances) {
-        historyEvent.subflow = {
-          instances: subflowInstances,
-        };
-      }
-      RED.history.push(historyEvent);
-      editing_node.dirty = true;
-      validateNode(editing_node);
-      setLatestNodeSelected(editing_node);
-      // console.log('[editor] Node changed. Required to be saved', editing_node);
-      RED.events.emit('editor:save', editing_node);
-    }else{
-      console.log('[editor] Editing node is same as current node. No saving required');
-      return;
-    }
-
-  }
-
-  function attachListenerToFieldsChange() {
-    // 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(()=> {
-      listenEditorChanges();
-    }, 300);
-  }
-
-  function attachListenerToClickBtn() {
-    // 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(()=> {
-      notifyChanges(getLatestNodeSelected());
-      listenEditorChanges();
-    }, 300);
-  }
-
-  function listenEditorChanges(){
-    // console.log('[editor] Setting new listeners...')
-    $('#editor-stack :input').off('keyup change', attachListenerToFieldsChange);
-    $('#editor-stack :input').on('keyup change', attachListenerToFieldsChange);
-
-    $('#editor-stack a').off('click', attachListenerToClickBtn)
-    $('#editor-stack a').on('click', attachListenerToClickBtn)
-  }
-
-  function showEditDialog(node) {
-    if (RED.sidebar.isDragging()){
-      return;
-    }
-
-    let editing_node;
-    if (Object.keys(node).length === 0 && node.constructor === Object){
-      resetEditor();
-      return;
-    }
-    // Case selection is about a `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()){
-        editing_node = node.nodes[0];
-      } else {
-        setLatestNodeSelected(node.nodes[0]);
-        return;
-      }
-      
-    } else if (node && node.hasOwnProperty('nodes') && Array.isArray(node.nodes)){ // Multinode selection
-      return;
-    } else { // Double click on node
-      editing_node = node;
-    }
-
-    node = editing_node; // backwards compatibility
-    setLatestNodeSelected(node);
-    var finishedBuilding = false;
-
-    // console.log('[editor] Before editStack.push() =', editStack);
-    editStack.pop();
-    editStack.push(node);
-    
-    //RED.view.state(RED.state.EDITING);
-    var type = node.type;
-
-    if (node.type.substring(0, 8) == 'subflow:') {
-      type = 'subflow';
-    }
-
-    var trayOptions = {
-      nodeId: node.id,
-      title: getEditStackTitle(),
-      nodeIconPath: getNodeIconPath(),
-      buttons: [
-      ],
-      resize: function (dimensions) {
-        editTrayWidthCache[type] = dimensions.width;
-        $('.editor-tray-content').height(dimensions.height - 50);
-        var form = $('.editor-tray-content form').height(
-          dimensions.height - 50 - 40
-        );
-        if (editing_node && editing_node._def.oneditresize) {
-          try {
-            editing_node._def.oneditresize.call(editing_node, {
-              width: form.width(),
-              height: form.height(),
-            });
-          } catch (err) {
-            console.log(
-              'oneditresize',
-              editing_node.id,
-              editing_node.type,
-              err.toString()
-            );
-          }
-        }
-      },
-      open: function (tray, done) {
-        var trayFooter = tray.find('.editor-tray-footer');
-        var trayBody = tray.find('.editor-tray-body');
-        trayBody.parent().css('overflow', 'hidden');
-
-        var editorTabEl = $('<ul></ul>').appendTo(trayBody);
-        var editorContent = $('<div id="editorContent"></div>').appendTo(trayBody);
-
-        var editorTabs = RED.tabs.create({
-          element: editorTabEl,
-          onchange: function (tab) {
-            editorContent.children().hide();
-            if (tab.onchange) {
-              tab.onchange.call(tab);
-            }
-            tab.content.show();
-            if (finishedBuilding) {
-              RED.tray.resize();
-            }
-          },
-          collapsible: true,
-          menu: false,
-        });
-        if (editing_node) {
-          RED.sidebar.info.refresh(editing_node);
-        }
-        var ns;
-        if (node._def.set.module === 'kumologica-core') {
-          ns = 'kumologica-core';
-        } else {
-          ns = node._def.set.id;
-        }
-
-        var iconPath = RED.utils.getDefaultNodeIcon(node._def, node);
-        defaultIcon = iconPath.module + '/' + iconPath.file;
-        if (iconPath.module === 'kumologica-core') {
-          nodeIconPath = `icons/${iconPath.module}/${iconPath.file}`;
-          isDefaultIcon = true;
-        } else {
-          isDefaultIcon = false;
-        }
-
-        // Properties tab
-        var nodePropertiesTab = {
-          id: 'editor-tab-properties',
-          label: 'Properties',
-          name: 'Properties',
-          content: $('<div>', {
-            class: 'editor-tray-content',
-            id: 'properties-tab',
-          })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-cog',
-        };
-        buildEditForm(nodePropertiesTab.content, 'dialog-form', type, ns, node);
-        editorTabs.addTab(nodePropertiesTab);
-
-        // Help tab
-        let helpTab = {
-          id: 'editor-tab-help',
-          label: 'Help',
-          name: 'Help',
-          content: $('<div>', {
-            class: 'editor-tray-content',
-            id: 'help-tab',
-          })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-cog',
-        }
-        editorTabs.addTab(helpTab);
-        let editorTabContent = $('#help-tab');
-
-        let helpText =
-            $("script[data-help-name='" + node.type + "']").html() ||
-            '<span class="node-info-none">' +
-              'None' +
-              '</span>';
-
-        $(`<div class="node-help">${helpText}</div>`).appendTo(editorTabContent);
-
-        // Notes tab
-        if (!node._def.defaults || !node._def.defaults.hasOwnProperty('info')) {
-          var descriptionTab = {
-            id: 'editor-tab-description',
-            label: 'Description',
-            name: 'Description',
-            content: $('<div>', {
-              class: 'editor-tray-content',
-              id: 'documentation-tab',
-            })
-              .appendTo(editorContent)
-              .hide(),
-            iconClass: 'fa fa-file-text-o',
-            onchange: function () {
-              if (nodeInfoEditor) {
-                nodeInfoEditor.focus();
-              } else {
-                console.log('WARN - nodeInfoEditor is undefined');
-              }
-            },
-          };
-          editorTabs.addTab(descriptionTab);
-          nodeInfoEditor = buildDescriptionForm(descriptionTab.content, node);
-        }
-
-        var appearanceTab = {
-          id: 'editor-tab-appearance',
-          label: 'Appearance',
-          name: 'Appearance',
-          content: $('<div>', { class: 'editor-tray-content' })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-object-group',
-          onchange: function () {
-            refreshLabelForm(this.content, node);
-          },
-        };
-        buildAppearanceForm(appearanceTab.content, node);
-        //editorTabs.addTab(appearanceTab);
-
-        prepareEditDialog(node, node._def, 'node-input', function () {
-          trayBody.i18n();
-          finishedBuilding = true;
-          done();
-        });
-      },
-      close: function () {
-        // console.log('[editor] trayoptions->close')
-        if (RED.view.state() != RED.state.IMPORT_DRAGGING) {
-          RED.view.state(RED.state.DEFAULT);
-        }
-        if (editing_node) {
-          RED.sidebar.info.refresh(editing_node);
-        }
-        RED.workspaces.refresh();
-        if (nodeInfoEditor) {
-          nodeInfoEditor.destroy();
-          nodeInfoEditor = null;
-        }
-        RED.view.redraw(true);
-        editStack.pop();
-      },
-      show: 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( ()=> {
-            listenEditorChanges();
-          }, 300);
-        }
-      },
-    };
-
-    // if (editTrayWidthCache.hasOwnProperty(type)) {
-    //   trayOptions.width = editTrayWidthCache[type];
-    // }
-    RED.actions.invoke('core:show-sidebar', { selectIndex: 0 });
-    RED.tray.show(trayOptions);
-
-    // // activate the save button when node properties have changed
-    // listenEditorChanges(latestNodeSelected);
-  }
-
-  /**
-   * name - name of the property that holds this config node
-   * type - type of config node
-   * id - id of config node to edit. _ADD_ for a new one
-   * prefix - the input prefix of the parent property
-   */
-  function showEditConfigNodeDialog(name, type, id, prefix) {
-    var adding = id == '_ADD_';
-    var node_def = RED.nodes.getType(type);
-    var editing_config_node = RED.nodes.node(id);
-    var nodeInfoEditor;
-    var finishedBuilding = false;
-
-    var ns;
-    if (node_def.set.module === 'kumologica-core') {
-      ns = 'kumologica-core';
-    } else {
-      ns = node_def.set.id;
-    }
-    var configNodeScope = ''; // default to global
-    var activeSubflow = RED.nodes.subflow(RED.workspaces.active());
-    if (activeSubflow) {
-      configNodeScope = activeSubflow.id;
-    }
-    if (editing_config_node == null) {
-      editing_config_node = {
-        id: RED.nodes.id(),
-        _def: node_def,
-        type: type,
-        z: configNodeScope,
-        users: [],
-      };
-      for (var d in node_def.defaults) {
-        if (node_def.defaults[d].value) {
-          editing_config_node[d] = JSON.parse(
-            JSON.stringify(node_def.defaults[d].value)
-          );
-        }
-      }
-      editing_config_node['_'] = node_def._;
-    }
-    editStack.push(editing_config_node);
-
-    RED.view.state(RED.state.EDITING);
-    var trayOptions = {
-      title: getEditStackTitle(), 
-      nodeIconPath: getNodeIconPath(),
-      resize: function (dimensions) {
-        $('.editor-tray-content').height(dimensions.height - 50);
-        if (editing_config_node && editing_config_node._def.oneditresize) {
-          var form = $('#node-config-dialog-edit-form');
-          try {
-            editing_config_node._def.oneditresize.call(editing_config_node, {
-              width: form.width(),
-              height: form.height(),
-            });
-          } catch (err) {
-            console.log(
-              'oneditresize',
-              editing_config_node.id,
-              editing_config_node.type,
-              err.toString()
-            );
-          }
-        }
-      },
-      open: function (tray, done) {
-        var trayHeader = tray.find('.editor-tray-header');
-        var trayBody = tray.find('.editor-tray-body');
-        var trayFooter = tray.find('.editor-tray-footer');
-
-        if (node_def.hasUsers !== false) {
-          trayFooter.prepend(
-            '<div id="node-config-dialog-user-count"><i class="fa fa-info-circle"></i> <span></span></div>'
-          );
-        }
-        trayFooter.append(
-          '<span id="node-config-dialog-scope-container"><span id="node-config-dialog-scope-warning" data-i18n="[title]editor.errors.scopeChange"><i class="fa fa-warning"></i></span><select id="node-config-dialog-scope"></select></span>'
-        );
-
-        //var editorTabEl = $('<ul></ul>').appendTo(trayBody);
-        var editorContent = $('<div id="editorContent"></div>').appendTo(trayBody);
-
-        var editorTabs = RED.tabs.create({
-          element: editorTabEl,
-          onchange: function (tab) {
-            editorContent.children().hide();
-            if (tab.onchange) {
-              tab.onchange.call(tab);
-            }
-            tab.content.show();
-            if (finishedBuilding) {
-              RED.tray.resize();
-            }
-          },
-          collapsible: true,
-        });
-
-        var nodePropertiesTab = {
-          id: 'editor-tab-cproperties',
-          label: 'Properties',
-          name: 'Properties',
-          content: $('<div>', {
-            class: 'editor-tray-content',
-          })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-cog',
-        };
-        editorTabs.addTab(nodePropertiesTab);
-        buildEditForm(
-          nodePropertiesTab.content,
-          'node-config-dialog-edit-form',
-          type,
-          ns
-        );
-
-        if (!node_def.defaults || !node_def.defaults.hasOwnProperty('info')) {
-          var descriptionTab = {
-            id: 'editor-tab-description',
-            label: 'Description',
-            name: 'Description',
-            content: $('<div>', { class: 'editor-tray-content' })
-              .appendTo(editorContent)
-              .hide(),
-            iconClass: 'fa fa-file-text-o',
-            onchange: function () {
-              nodeInfoEditor.focus();
-            },
-          };
-          editorTabs.addTab(descriptionTab);
-          nodeInfoEditor = buildDescriptionForm(
-            descriptionTab.content,
-            editing_config_node
-          );
-        }
-
-        prepareEditDialog(
-          editing_config_node,
-          node_def,
-          'node-config-input',
-          function () {
-            if (editing_config_node._def.exclusive) {
-              $('#node-config-dialog-scope').hide();
-            } else {
-              $('#node-config-dialog-scope').show();
-            }
-            $('#node-config-dialog-scope-warning').hide();
-
-            var nodeUserFlows = {};
-            editing_config_node.users.forEach(function (n) {
-              nodeUserFlows[n.z] = true;
-            });
-            var flowCount = Object.keys(nodeUserFlows).length;
-            var tabSelect = $('#node-config-dialog-scope').empty();
-            tabSelect.off('change');
-            tabSelect.append(
-              '<option value=""' +
-                (!editing_config_node.z ? ' selected' : '') +
-                ' data-i18n="sidebar.config.global"></option>'
-            );
-            tabSelect.append(
-              '<option disabled data-i18n="sidebar.config.flows"></option>'
-            );
-            RED.nodes.eachWorkspace(function (ws) {
-              var workspaceLabel = ws.label;
-              if (nodeUserFlows[ws.id]) {
-                workspaceLabel = '* ' + workspaceLabel;
-              }
-              $(
-                '<option value="' +
-                  ws.id +
-                  '"' +
-                  (ws.id == editing_config_node.z ? ' selected' : '') +
-                  '></option>'
-              )
-                .text(workspaceLabel)
-                .appendTo(tabSelect);
-            });
-            tabSelect.append(
-              '<option disabled data-i18n="sidebar.config.subflows"></option>'
-            );
-            RED.nodes.eachSubflow(function (ws) {
-              var workspaceLabel = ws.name;
-              if (nodeUserFlows[ws.id]) {
-                workspaceLabel = '* ' + workspaceLabel;
-              }
-              $(
-                '<option value="' +
-                  ws.id +
-                  '"' +
-                  (ws.id == editing_config_node.z ? ' selected' : '') +
-                  '></option>'
-              )
-                .text(workspaceLabel)
-                .appendTo(tabSelect);
-            });
-            if (flowCount > 0) {
-              tabSelect.on('change', function () {
-                var newScope = $(this).val();
-                if (newScope === '') {
-                  // global scope - everyone can use it
-                  $('#node-config-dialog-scope-warning').hide();
-                } else if (!nodeUserFlows[newScope] || flowCount > 1) {
-                  // a user will loose access to it
-                  $('#node-config-dialog-scope-warning').show();
-                } else {
-                  $('#node-config-dialog-scope-warning').hide();
-                }
-              });
-            }
-            if (node_def.hasUsers !== false) {
-              $('#node-config-dialog-user-count')
-                .find('span')
-                .text(`${editing_config_node.users.length} nodes use this config`)
-                .parent()
-                .show();
-            }
-            trayBody.i18n();
-            trayFooter.i18n();
-            finishedBuilding = true;
-            done();
-          }
-        );
-      },
-      close: function () {
-        RED.workspaces.refresh();
-        if (nodeInfoEditor) {
-          nodeInfoEditor.destroy();
-          nodeInfoEditor = null;
-        }
-        editStack.pop();
-      },
-      show: function () {
-        if (editing_config_node) {
-          RED.sidebar.info.refresh(editing_config_node);
-        }
-      },
-    };
-    trayOptions.buttons = [
-      {
-        id: 'node-config-dialog-cancel',
-        text: 'Cancel',
-        click: function () {
-          var configType = type;
-          var configId = editing_config_node.id;
-          var configAdding = adding;
-          var configTypeDef = RED.nodes.getType(configType);
-
-          if (configTypeDef.oneditcancel) {
-            // TODO: what to pass as this to call
-            if (configTypeDef.oneditcancel) {
-              var cn = RED.nodes.node(configId);
-              if (cn) {
-                try {
-                  configTypeDef.oneditcancel.call(cn, false);
-                } catch (err) {
-                  console.log('oneditcancel', cn.id, cn.type, err.toString());
-                }
-              } else {
-                try {
-                  configTypeDef.oneditcancel.call({ id: configId }, true);
-                } catch (err) {
-                  console.log(
-                    'oneditcancel',
-                    configId,
-                    configType,
-                    err.toString()
-                  );
-                }
-              }
-            }
-          }
-          RED.tray.close();
-        },
-      },
-      {
-        id: 'node-config-dialog-ok',
-        text: adding ? 'Add' : 'Update',
-        class: 'primary',
-        click: function () {
-          var configProperty = name;
-          var configId = editing_config_node.id;
-          var configType = type;
-          var configAdding = adding;
-          var configTypeDef = RED.nodes.getType(configType);
-          var d;
-          var input;
-          var scope = $('#node-config-dialog-scope').val();
-
-          if (configTypeDef.oneditsave) {
-            try {
-              configTypeDef.oneditsave.call(editing_config_node);
-            } catch (err) {
-              console.log(
-                'oneditsave',
-                editing_config_node.id,
-                editing_config_node.type,
-                err.toString()
-              );
-            }
-          }
-
-          for (d in configTypeDef.defaults) {
-            if (configTypeDef.defaults.hasOwnProperty(d)) {
-              var newValue;
-              input = $('#node-config-input-' + d);
-              if (input.attr('type') === 'checkbox') {
-                newValue = input.prop('checked');
-              } else if (
-                'format' in configTypeDef.defaults[d] &&
-                configTypeDef.defaults[d].format !== '' &&
-                input[0].nodeName === 'DIV'
-              ) {
-                newValue = input.text();
-              } else {
-                newValue = input.val();
-              }
-              if (newValue != null && newValue !== editing_config_node[d]) {
-                if (editing_config_node._def.defaults[d].type) {
-                  if (newValue == '_ADD_') {
-                    newValue = '';
-                  }
-                  // Change to a related config node
-                  var configNode = RED.nodes.node(editing_config_node[d]);
-                  if (configNode) {
-                    var users = configNode.users;
-                    users.splice(users.indexOf(editing_config_node), 1);
-                  }
-                  configNode = RED.nodes.node(newValue);
-                  if (configNode) {
-                    configNode.users.push(editing_config_node);
-                  }
-                }
-                editing_config_node[d] = newValue;
-              }
-            }
-          }
-
-          if (nodeInfoEditor) {
-            editing_config_node.info = nodeInfoEditor.getValue();
-
-            var oldInfo = editing_config_node.info;
-            if (nodeInfoEditor) {
-              var newInfo = nodeInfoEditor.getValue();
-              if (!!oldInfo) {
-                // Has existing info property
-                if (newInfo.trim() === '') {
-                  // New value is blank - remove the property
-                  delete editing_config_node.info;
-                } else if (newInfo !== oldInfo) {
-                  // New value is different
-                  editing_config_node.info = newInfo;
-                }
-              } else {
-                // No existing info
-                if (newInfo.trim() !== '') {
-                  // New value is not blank
-                  editing_config_node.info = newInfo;
-                }
-              }
-            }
-          }
-          editing_config_node.label = configTypeDef.label;
-          editing_config_node.z = scope;
-
-          if (scope) {
-            // Search for nodes that use this one that are no longer
-            // in scope, so must be removed
-            editing_config_node.users = editing_config_node.users.filter(
-              function (n) {
-                var keep = true;
-                for (var d in n._def.defaults) {
-                  if (n._def.defaults.hasOwnProperty(d)) {
-                    if (
-                      n._def.defaults[d].type === editing_config_node.type &&
-                      n[d] === editing_config_node.id &&
-                      n.z !== scope
-                    ) {
-                      keep = false;
-                      // Remove the reference to this node
-                      // and revalidate
-                      n[d] = null;
-                      n.dirty = true;
-                      n.changed = true;
-                      validateNode(n);
-                    }
-                  }
-                }
-                return keep;
-              }
-            );
-          }
-
-          if (configAdding) {
-            RED.nodes.add(editing_config_node);
-          }
-
-          if (configTypeDef.credentials) {
-            updateNodeCredentials(
-              editing_config_node,
-              configTypeDef.credentials,
-              'node-config-input'
-            );
-          }
-          validateNode(editing_config_node);
-          var validatedNodes = {};
-          validatedNodes[editing_config_node.id] = true;
-
-          var userStack = editing_config_node.users.slice();
-          while (userStack.length > 0) {
-            var user = userStack.pop();
-            if (!validatedNodes[user.id]) {
-              validatedNodes[user.id] = true;
-              if (user.users) {
-                userStack = userStack.concat(user.users);
-              }
-              validateNode(user);
-            }
-          }
-          RED.nodes.dirty(true);
-          RED.view.redraw(true);
-          if (!configAdding) {
-            RED.events.emit('editor:save', editing_config_node);
-          }
-          RED.tray.close(function () {
-            updateConfigNodeSelect(
-              configProperty,
-              configType,
-              editing_config_node.id,
-              prefix
-            );
-          });
-        },
-      },
-    ];
-
-    if (!adding) {
-      trayOptions.buttons.unshift({
-        class: 'leftButton',
-        text: 'Delete', //'<i class="fa fa-trash"></i>',
-        click: function () {
-          var configProperty = name;
-          var configId = editing_config_node.id;
-          var configType = type;
-          var configTypeDef = RED.nodes.getType(configType);
-
-          try {
-            if (configTypeDef.ondelete) {
-              // Deprecated: never documented but used by some early nodes
-              console.log(
-                'Deprecated API warning: config node type ',
-                configType,
-                ' has an ondelete function - should be oneditdelete'
-              );
-              configTypeDef.ondelete.call(editing_config_node);
-            }
-            if (configTypeDef.oneditdelete) {
-              configTypeDef.oneditdelete.call(editing_config_node);
-            }
-          } catch (err) {
-            console.log(
-              'oneditdelete',
-              editing_config_node.id,
-              editing_config_node.type,
-              err.toString()
-            );
-          }
-
-          var historyEvent = {
-            t: 'delete',
-            nodes: [editing_config_node],
-            changes: {},
-            dirty: RED.nodes.dirty(),
-          };
-          for (var i = 0; i < editing_config_node.users.length; i++) {
-            var user = editing_config_node.users[i];
-            historyEvent.changes[user.id] = {
-              changed: user.changed,
-              valid: user.valid,
-            };
-            for (var d in user._def.defaults) {
-              if (user._def.defaults.hasOwnProperty(d) && user[d] == configId) {
-                historyEvent.changes[user.id][d] = configId;
-                user[d] = '';
-                user.changed = true;
-                user.dirty = true;
-              }
-            }
-            validateNode(user);
-          }
-          RED.nodes.remove(configId);
-          RED.nodes.dirty(true);
-          RED.view.redraw(true);
-          RED.history.push(historyEvent);
-          RED.tray.close(function () {
-            updateConfigNodeSelect(configProperty, configType, '', prefix);
-          });
-        },
-      });
-    }
-
-    RED.tray.show(trayOptions);
-  }
-
-  function defaultConfigNodeSort(A, B) {
-    if (A.__label__ < B.__label__) {
-      return -1;
-    } else if (A.__label__ > B.__label__) {
-      return 1;
-    }
-    return 0;
-  }
-
-  function updateConfigNodeSelect(name, type, value, prefix) {
-    // if prefix is null, there is no config select to update
-    if (prefix) {
-      var button = $('#' + prefix + '-edit-' + name);
-      if (button.length) {
-        if (value) {
-          button.text('Edit');
-        } else {
-          button.text('Add');
-        }
-        $('#' + prefix + '-' + name).val(value);
-      } else {
-        var select = $('#' + prefix + '-' + name);
-        var node_def = RED.nodes.getType(type);
-        select.children().remove();
-
-        var activeWorkspace = RED.nodes.workspace(RED.workspaces.active());
-        if (!activeWorkspace) {
-          activeWorkspace = RED.nodes.subflow(RED.workspaces.active());
-        }
-
-        var configNodes = [];
-
-        RED.nodes.eachConfig(function (config) {
-          if (
-            config.type == type &&
-            (!config.z || config.z === activeWorkspace.id)
-          ) {
-            var label = RED.utils.getNodeLabel(config, config.id);
-            config.__label__ = label;
-            configNodes.push(config);
-          }
-        });
-        var configSortFn = defaultConfigNodeSort;
-        if (typeof node_def.sort == 'function') {
-          configSortFn = node_def.sort;
-        }
-        try {
-          configNodes.sort(configSortFn);
-        } catch (err) {
-          console.log('Definition error: ' + node_def.type + '.sort', err);
-        }
-
-        configNodes.forEach(function (cn) {
-          $(
-            '<option value="' +
-              cn.id +
-              '"' +
-              (value == cn.id ? ' selected' : '') +
-              '></option>'
-          )
-            .text(RED.text.bidi.enforceTextDirectionWithUCC(cn.__label__))
-            .appendTo(select);
-          delete cn.__label__;
-        });
-
-        select.append(
-          '<option value="_ADD_"' +
-            (value === '' ? ' selected' : '') +
-            '>' + `Add new ${type}...` +
-            '</option>'
-        );
-        window.setTimeout(function () {
-          select.change();
-        }, 50);
-      }
-    }
-  }
-
-  function showEditSubflowDialog(subflow) {
-    var editing_node = subflow;
-    editStack.push(subflow);
-    RED.view.state(RED.state.EDITING);
-    var subflowEditor;
-    var finishedBuilding = false;
-    var trayOptions = {
-      title: getEditStackTitle(),
-      buttons: [
-        {
-          id: 'node-dialog-cancel',
-          text: 'Close',
-          click: function () {
-            RED.tray.close();
-          },
-        },
-        {
-          id: 'node-dialog-ok',
-          class: 'primary',
-          text: 'Save',
-          click: function () {
-            var i;
-            var changes = {};
-            var changed = false;
-            var wasDirty = RED.nodes.dirty();
-
-            var newName = $('#subflow-input-name').val();
-
-            if (newName != editing_node.name) {
-              changes['name'] = editing_node.name;
-              editing_node.name = newName;
-              changed = true;
-            }
-
-            var newDescription = subflowEditor.getValue();
-
-            if (newDescription != editing_node.info) {
-              changes['info'] = editing_node.info;
-              editing_node.info = newDescription;
-              changed = true;
-            }
-            if (updateLabels(editing_node, changes, null)) {
-              changed = true;
-            }
-            var icon = $('#node-settings-icon').text() || '';
-            if (
-              (editing_node.icon === undefined &&
-                icon !== 'kumologica-core/subflow.png') ||
-              (editing_node.icon !== undefined && editing_node.icon !== icon)
-            ) {
-              changes.icon = editing_node.icon;
-              editing_node.icon = icon;
-              changed = true;
-            }
-            var newCategory = $('#subflow-input-category').val().trim();
-            if (newCategory === '_custom_') {
-              newCategory = $('#subflow-input-custom-category').val().trim();
-              if (newCategory === '') {
-                newCategory = editing_node.category;
-              }
-            }
-            if (newCategory === 'subflows') {
-              newCategory = '';
-            }
-            if (newCategory != editing_node.category) {
-              changes['category'] = editing_node.category;
-              editing_node.category = newCategory;
-              changed = true;
-            }
-
-            var old_env = editing_node.env;
-            var new_env = exportEnvList(
-              $('#node-input-env-container').editableList('items')
-            );
-            if (!isSameEnv(old_env, new_env)) {
-              editing_node.env = new_env;
-              changes.env = editing_node.env;
-              changed = true;
-            }
-
-            RED.palette.nodes.refresh();
-
-            if (changed) {
-              var wasChanged = editing_node.changed;
-              editing_node.changed = true;
-              validateNode(editing_node);
-              var subflowInstances = [];
-              RED.nodes.eachNode(function (n) {
-                if (n.type == 'subflow:' + editing_node.id) {
-                  subflowInstances.push({
-                    id: n.id,
-                    changed: n.changed,
-                  });
-                  n.changed = true;
-                  n.dirty = true;
-                  updateNodeProperties(n);
-                  validateNode(n);
-                }
-              });
-              RED.nodes.dirty(true);
-              var historyEvent = {
-                t: 'edit',
-                node: editing_node,
-                changes: changes,
-                dirty: wasDirty,
-                changed: wasChanged,
-                subflow: {
-                  instances: subflowInstances,
-                },
-              };
-
-              RED.history.push(historyEvent);
-            }
-            editing_node.dirty = true;
-            RED.tray.close();
-          },
-        },
-      ],
-      resize: function (size) {
-        $('.editor-tray-content').height(size.height - 50);
-        // var form = $(".editor-tray-content form").height(size.height - 50 - 40);
-        var rows = $('#dialog-form>div:not(.node-input-env-container-row)');
-        var height = size.height;
-        for (var i = 0; i < rows.size(); i++) {
-          height -= $(rows[i]).outerHeight(true);
-        }
-        var editorRow = $('#dialog-form>div.node-input-env-container-row');
-        height -=
-          parseInt(editorRow.css('marginTop')) +
-          parseInt(editorRow.css('marginBottom'));
-        $('#node-input-env-container').editableList('height', height - 80);
-      },
-      open: function (tray) {
-        var trayFooter = tray.find('.editor-tray-footer');
-        var trayBody = tray.find('.editor-tray-body');
-        trayBody.parent().css('overflow', 'hidden');
-
-        if (editing_node) {
-          RED.sidebar.info.refresh(editing_node);
-        }
-
-        var editorTabEl = $('<ul></ul>').appendTo(trayBody);
-        var editorContent = $('<div></div>').appendTo(trayBody);
-
-        var editorTabs = RED.tabs.create({
-          element: editorTabEl,
-          onchange: function (tab) {
-            editorContent.children().hide();
-            if (tab.onchange) {
-              tab.onchange.call(tab);
-            }
-            tab.content.show();
-            if (finishedBuilding) {
-              RED.tray.resize();
-            }
-          },
-          collapsible: true,
-        });
-
-        var nodePropertiesTab = {
-          id: 'editor-tab-properties',
-          label: 'Properties',
-          name: 'Properties',
-          content: $('<div>', { class: 'editor-tray-content' })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-cog',
-        };
-        buildEditForm(
-          nodePropertiesTab.content,
-          'dialog-form',
-          'subflow-template',
-          undefined,
-          editing_node
-        );
-        editorTabs.addTab(nodePropertiesTab);
-
-        var descriptionTab = {
-          id: 'editor-tab-description',
-          label: 'Description',
-          name: 'Description',
-          content: $('<div>', { class: 'editor-tray-content' })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-file-text-o',
-          onchange: function () {
-            subflowEditor.focus();
-          },
-        };
-        editorTabs.addTab(descriptionTab);
-        subflowEditor = buildDescriptionForm(
-          descriptionTab.content,
-          editing_node
-        );
-
-        var appearanceTab = {
-          id: 'editor-tab-appearance',
-          label: 'Apperance',
-          name: 'Apperance',
-          content: $('<div>', { class: 'editor-tray-content' })
-            .appendTo(editorContent)
-            .hide(),
-          iconClass: 'fa fa-object-group',
-          onchange: function () {
-            refreshLabelForm(this.content, editing_node);
-          },
-        };
-        buildAppearanceForm(appearanceTab.content, editing_node);
-        editorTabs.addTab(appearanceTab);
-
-        $('#subflow-input-name').val(subflow.name);
-        RED.text.bidi.prepareInput($('#subflow-input-name'));
-
-        $('#subflow-input-category').empty();
-        var categories = RED.palette.nodes.getCategories();
-        categories.sort(function (A, B) {
-          return A.label.localeCompare(B.label);
-        });
-        categories.forEach(function (cat) {
-          $('#subflow-input-category').append(
-            $('<option></option>').val(cat.id).text(cat.label)
-          );
-        });
-        $('#subflow-input-category').append(
-          $('<option></option>').attr('disabled', true).text('---')
-        );
-        $('#subflow-input-category').append(
-          $('<option></option>')
-            .val('_custom_')
-            .text('Add new...')
-        );
-
-        $('#subflow-input-category').change(function () {
-          var val = $(this).val();
-          if (val === '_custom_') {
-            $('#subflow-input-category').width(120);
-            $('#subflow-input-custom-category').show();
-          } else {
-            $('#subflow-input-category').width(250);
-            $('#subflow-input-custom-category').hide();
-          }
-        });
-
-        $('#subflow-input-category').val(subflow.category || 'subflows');
-        var userCount = 0;
-        var subflowType = 'subflow:' + editing_node.id;
-
-        RED.nodes.eachNode(function (n) {
-          if (n.type === subflowType) {
-            userCount++;
-          }
-        });
-        $('#subflow-dialog-user-count')
-          .text(`There is ${userCount} instance of this subflow template`)
-          .show();
-
-        // trayBody.i18n();
-        finishedBuilding = true;
-      },
-      close: function () {
-        if (RED.view.state() != RED.state.IMPORT_DRAGGING) {
-          RED.view.state(RED.state.DEFAULT);
-        }
-        RED.sidebar.info.refresh(editing_node);
-        RED.workspaces.refresh();
-        subflowEditor.destroy();
-        subflowEditor = null;
-        editStack.pop();
-        editing_node = null;
-      },
-      show: function () {},
-    };
-    RED.tray.show(trayOptions);
-  }
-
-  function showTypeEditor(type, options) {
-    if (customEditTypes.hasOwnProperty(type)) {
-      if (editStack.length > 0) {
-        options.parent = editStack[editStack.length - 1].id;
-      }
-      editStack.push({ type: type });
-      options.title = options.title || getEditStackTitle();
-      options.onclose = function () {
-        editStack.pop();
-      };
-      customEditTypes[type].show(options);
-    } else {
-      console.log('Unknown type editor:', type);
-    }
-  }
-
-  function createEditor(options) {
-    var el = options.element || $('#' + options.id)[0];
-    var toolbarRow = $('<div>').appendTo(el);
-    el = $('<div>').appendTo(el).addClass('node-text-editor-container')[0];
-    var editor = ace.edit(el);
-    editor.setTheme('ace/theme/tomorrow');
-    var session = editor.getSession();
-
-    session.on('changeAnnotation', function () {
-      var annotations = session.getAnnotations() || [];
-      var i = annotations.length;
-      var len = annotations.length;
-      while (i--) {
-        if (/doctype first\. Expected/.test(annotations[i].text)) {
-          annotations.splice(i, 1);
-        } else if (
-          /Unexpected End of file\. Expected/.test(annotations[i].text)
-        ) {
-          annotations.splice(i, 1);
-        }
-      }
-      if (len > annotations.length) {
-        session.setAnnotations(annotations);
-      }
-    });
-    if (options.mode) {
-      session.setMode(options.mode);
-    }
-    if (options.foldStyle) {
-      session.setFoldStyle(options.foldStyle);
-    } else {
-      session.setFoldStyle('markbeginend');
-    }
-    if (options.options) {
-      editor.setOptions(options.options);
-    } else {
-      editor.setOptions({
-        enableBasicAutocompletion: true,
-        enableSnippets: true,
-        tooltipFollowsMouse: false,
-      });
-    }
-    if (options.readOnly) {
-      editor.setOption('readOnly', options.readOnly);
-      editor.container.classList.add('ace_read-only');
-    }
-    if (options.hasOwnProperty('lineNumbers')) {
-      editor.renderer.setOption('showGutter', options.lineNumbers);
-    }
-    editor.$blockScrolling = Infinity;
-    if (options.value) {
-      session.setValue(options.value, -1);
-    }
-    if (options.globals) {
-      setTimeout(function () {
-        if (!!session.$worker) {
-          session.$worker.send('setOptions', [
-            {
-              globals: options.globals,
-              esversion: 6,
-              sub: true,
-              asi: true,
-              maxerr: 1000,
-            },
-          ]);
-        }
-      }, 100);
-    }
-    if (options.mode === 'ace/mode/markdown') {
-      $(el).addClass('node-text-editor-container-toolbar');
-      if (options.toolbar === false ){
-        // do not show the toolbar
-      } else {
-        editor.toolbar = customEditTypes['_markdown'].buildToolbar(
-          toolbarRow,
-          editor
-        );
-      }
-      
-
-      if (options.expandable !== false) {
-        // var previewButton = $(
-        //   '<button type="button" class="editor-button md-option" style="float: right; outline: none">Preview</button>'
-        // ).appendTo(editor.toolbar);
-
-        // previewButton.click(function (e) {
-        //   e.preventDefault();
-        //   let $this = $(e.currentTarget); // handle to the preview button
-        //   $('.node-text-editor-preview').html(marked(editor.getValue()));
-        //   clickPreview($this);
-        // });
-      }
-      // var helpButton = $(
-      //   '<button type="button" class="node-text-editor-help editor-button editor-button-small"><i class="fa fa-question"></i></button>'
-      // ).appendTo($(el).parent());
-      // RED.popover.create({
-      //   target: helpButton,
-      //   trigger: 'click',
-      //   size: 'small',
-      //   direction: 'left',
-      //   content: 'Formatted with markdown',
-      //   autoClose: 50,
-      // });
-    }
-    if (options.onChange){
-      session.on("change", function(delta){
-        options.onChange(delta); 
-      })
-    }
-    return editor;
-  }
-
-  function clickPreview(previewButton) {
-    let previewShow = previewButton.hasClass('buttonSelected');
-    if (previewShow) {
-      // editor part
-      $('.node-text-editor-row').height('100%');
-      $('.node-text-editor-container').show();
-      // $('.node-text-editor-help').show(); -- this is the question mark on the bottom right. No need for the time being
-
-      // preview part
-      $('.node-text-editor-preview').hide();
-
-      // toolbar part
-      $('.md-option').show();
-      previewButton.html('Preview');
-      previewButton.removeClass('buttonSelected');
-    } else {
-      // editor part
-      $('.node-text-editor-row').height('35px'); // hack to show only the toolbar, but hiding the rest of the editor.
-      $('.node-text-editor-container').hide();
-      $('.node-text-editor-help').hide();
-
-      // preview part
-      $('.node-text-editor-preview').show();
-
-      // toolbar part
-      $('.md-option').hide();
-      previewButton.html('Hide Preview');
-      previewButton.addClass('buttonSelected');
-    }
-  }
-
-  return {
-    init: function () {
-      RED.tray.init();
-      RED.actions.add('core:confirm-edit-tray', function () {
-        // console.log('[editor] core:confirm-editor-tray -- invoked!!!')
-        $('#node-dialog-ok').click();
-        $('#node-config-dialog-ok').click();
-      });
-      RED.actions.add('core:cancel-edit-tray', function () {
-        $('#node-dialog-cancel').click();
-        $('#node-config-dialog-cancel').click();
-      });
-    },
-    edit: showEditDialog,
-    editConfig: showEditConfigNodeDialog,
-    editSubflow: showEditSubflowDialog,
-    editJavaScript: function (options) {
-      showTypeEditor('_js', options);
-    },
-    editExpression: function (options) {
-      showTypeEditor('_expression', options);
-    },
-    editJSON: function (options) {
-      showTypeEditor('_json', options);
-    },
-    editMarkdown: function (options) {
-      showTypeEditor('_markdown', options);
-    },
-    editBuffer: function (options) {
-      showTypeEditor('_buffer', options);
-    },
-    editText: function(options){
-      showTypeEditor('_string', options);
-    },
-    buildEditForm: buildEditForm,
-    validateNode: validateNode,
-    updateNodeProperties: updateNodeProperties, // TODO: only exposed for edit-undo
-
-    /**
-     * Show a type editor.
-     * @param {string} type - the type to display
-     * @param {object} options - options for the editor
-     * @function
-     * @memberof RED.editor
-     */
-    showTypeEditor: showTypeEditor,
-
-    /**
-     * Register a type editor.
-     * @param {string} type - the type name
-     * @param {object} options - the editor definition
-     * @function
-     * @memberof RED.editor
-     */
-    registerTypeEditor: function (type, definition) {
-      customEditTypes[type] = definition;
-    },
-
-    /**
-     * Create a editor ui component
-     * @param {object} options - the editor options
-     * @function
-     * @memberof RED.editor
-     */
-    createEditor: createEditor,
-
-    getLatestNodeSelected: getLatestNodeSelected,
-
-    notifyChanges: notifyChanges,
-
-    resetEditor: resetEditor,
-    forceNotifyChanges: forceNotifyChanges
-
-  };
-})();