@kumologica/sdk 3.0.0

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

@@ -0,0 +1,89 @@
+ 
+(function() {
+
+
+    var template = '<script type="text/x-kumologica" data-template-name="_js"><div class="form-row node-text-editor-row"><div style="height: 200px;min-height: 150px;" class="node-text-editor" id="node-input-js"></div></div></script>';
+
+    var definition = {
+        show: function(options) {
+            var value = options.value;
+            var onComplete = options.complete;
+            var type = "_js"
+            RED.view.state(RED.state.EDITING);
+            var expressionEditor;
+            var changeTimer;
+
+            var trayOptions = {
+                title: options.title,
+                width: options.width||"inherit",
+                buttons: [
+                    {
+                        id: "node-dialog-cancel",
+                        text: 'Cancel',
+                        click: function() {
+                            RED.tray.close();
+                        }
+                    },
+                    {
+                        id: "node-dialog-ok",
+                        text: 'Done',
+                        class: "primary",
+                        click: function() {
+                            RED.tray.close(undefined, () => {
+                                onComplete(expressionEditor.getValue(),expressionEditor.getCursorPosition());
+                            });
+                        }
+                    }
+                ],
+                resize: function(dimensions) {
+                    var rows = $("#dialog-form>div:not(.node-text-editor-row)");
+                    var editorRow = $("#dialog-form>div.node-text-editor-row");
+                    var height = $("#dialog-form").height();
+                    for (var i=0;i<rows.size();i++) {
+                        height -= $(rows[i]).outerHeight(true);
+                    }
+                    $(".node-text-editor").css("height",height+"px");
+                    expressionEditor.resize();
+                },
+                open: function(tray) {
+                    var trayBody = tray.find('.editor-tray-body');
+                    var dialogForm = RED.editor.buildEditForm(tray.find('.editor-tray-body'),'dialog-form',type,'editor');
+                    expressionEditor = RED.editor.createEditor({
+                        id: 'node-input-js',
+                        mode: options.mode || 'ace/mode/javascript',
+                        value: value,
+                        globals: {
+                            msg:true,
+                            context:true,
+                            RED: true,
+                            util: true,
+                            flow: true,
+                            global: true,
+                            console: true,
+                            Buffer: true,
+                            setTimeout: true,
+                            clearTimeout: true,
+                            setInterval: true,
+                            clearInterval: true
+                        }
+                    });
+                    if (options.cursor) {
+                        expressionEditor.gotoLine(options.cursor.row+1,options.cursor.column,false);
+                    }
+                    dialogForm.i18n();
+                },
+                close: function() {
+                    expressionEditor.destroy();
+                    if (options.onclose) {
+                        options.onclose();
+                    }
+                },
+                show: function() {}
+            }
+            RED.tray.show(trayOptions);
+        }
+    }
+    $(template).appendTo(document.body);
+    RED.editor.registerTypeEditor("_js", definition);
+
+})();

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

@@ -0,0 +1,107 @@
+ 
+(function() {
+
+
+    var template = '<script type="text/x-kumologica" data-template-name="_json"><div class="form-row" style="margin-bottom: 3px; text-align: right;"><button id="node-input-json-reformat" class="editor-button editor-button-small"><span>Prettify</span></button></div><div class="form-row node-text-editor-row"><div style="height: 200px;min-height: 150px;" class="node-text-editor" id="node-input-json"></div></div></script>';
+
+    var definition = {
+        show: function(options) {
+            var value = options.value;
+            var onComplete = options.complete;
+            var type = "_json"
+            RED.view.state(RED.state.EDITING);
+            var expressionEditor;
+            var changeTimer;
+
+            var checkValid = function() {
+                var v = expressionEditor.getValue();
+                try {
+                    JSON.parse(v);
+                    $("#node-dialog-ok").removeClass('disabled');
+                    return true;
+                } catch(err) {
+                    $("#node-dialog-ok").addClass('disabled');
+                    return false;
+                }
+            }
+            var trayOptions = {
+                title: options.title,
+                width: "inherit",
+                buttons: [
+                    {
+                        id: "node-dialog-cancel",
+                        text: 'Cancel',
+                        click: function() {
+                            RED.tray.close();
+                        }
+                    },
+                    {
+                        id: "node-dialog-ok",
+                        text: 'Done',
+                        class: "primary",
+                        click: function() {
+                            if (options.requireValid && !checkValid()) {
+                                return;
+                            }
+                            // Update the html element, once the parent editor has already been shown and it is listening for events again.
+                            RED.tray.close(undefined, ()=> {
+                                console.log('[json] onComplete invoked');
+                                onComplete(expressionEditor.getValue());
+                            });
+                           
+                        }
+                    }
+                ],
+                resize: function(dimensions) {
+                    var rows = $("#dialog-form>div:not(.node-text-editor-row)");
+                    var editorRow = $("#dialog-form>div.node-text-editor-row");
+                    var height = $("#dialog-form").height();
+                    for (var i=0;i<rows.size();i++) {
+                        height -= $(rows[i]).outerHeight(true);
+                    }
+                    height -= (parseInt($("#dialog-form").css("marginTop"))+parseInt($("#dialog-form").css("marginBottom")));
+                    $(".node-text-editor").css("height",height+"px");
+                    expressionEditor.resize();
+                },
+                open: function(tray) {
+                    var trayBody = tray.find('.editor-tray-body');
+                    var dialogForm = RED.editor.buildEditForm(tray.find('.editor-tray-body'),'dialog-form',type,'editor');
+                    expressionEditor = RED.editor.createEditor({
+                        id: 'node-input-json',
+                        value: "",
+                        mode:"ace/mode/json",
+                    });
+                    expressionEditor.getSession().setValue(value||"",-1);
+                    if (options.requireValid) {
+                        expressionEditor.getSession().on('change', function() {
+                            clearTimeout(changeTimer);
+                            changeTimer = setTimeout(checkValid,200);
+                        });
+                        checkValid();
+                    }
+                    $("#node-input-json-reformat").click(function(evt) {
+                        evt.preventDefault();
+                        var v = expressionEditor.getValue()||"";
+                        try {
+                            v = JSON.stringify(JSON.parse(v),null,4);
+                        } catch(err) {
+                            // TODO: do an optimistic auto-format
+                        }
+                        expressionEditor.getSession().setValue(v||"",-1);
+                    });
+                    dialogForm.i18n();
+                },
+                close: function() {
+                    expressionEditor.destroy();
+                    if (options.onclose) {
+                        options.onclose();
+                    }
+                },
+                show: function() {}
+            }
+            RED.tray.show(trayOptions);
+        }
+    }
+    $(template).appendTo(document.body);
+    RED.editor.registerTypeEditor("_json", definition);
+})();

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

@@ -0,0 +1,267 @@
+(function () {
+  var toolbarTemplate =
+    '<div style="margin-bottom: 5px">' +
+    '<span class="button-group">' +
+    '<button type="button" class="editor-button md-option" data-style="h1" style="font-size:1.1em; font-weight: bold">h1</button>' +
+    '<button type="button" class="editor-button md-option" data-style="h2" style="font-size:1.0em; font-weight: bold">h2</button>' +
+    '<button type="button" class="editor-button md-option" data-style="h3" style="font-size:0.9em; font-weight: bold">h3</button>' +
+    '</span>' +
+    '<span class="button-group">' +
+    '<button type="button" class="editor-button md-option" data-style="b"><i class="fa fa-bold"></i></button>' +
+    '<button type="button" class="editor-button md-option" data-style="i"><i class="fa fa-italic"></i></button>' +
+    '<button type="button" class="editor-button md-option" data-style="code"><i class="fa fa-code"></i></button>' +
+    '</span>' +
+    '<span class="button-group">' +
+    '<button type="button" class="editor-button md-option" data-style="ol"><i class="fa fa-list-ol"></i></button>' +
+    '<button type="button" class="editor-button md-option" data-style="ul"><i class="fa fa-list-ul"></i></button>' +
+    '<button type="button" class="editor-button md-option" data-style="bq"><i class="fa fa-quote-left"></i></button>' +
+    '<button type="button" class="editor-button md-option" data-style="hr"><i class="fa fa-minus"></i></button>' +
+    '<button type="button" class="editor-button md-option" data-style="link"><i class="fa fa-link"></i></button>' +
+    '</span>';
+  ('</div>');
+
+  var template =
+    '<script type="text/x-kumologica" data-template-name="_markdown">' +
+    '<div id="node-input-markdown-panels">' +
+    '<div id="node-input-markdown-panel-editor" class="red-ui-panel">' +
+    '<div style="height: 100%; margin: auto; max-width: 1000px;">' +
+    '<div id="node-input-markdown-toolbar"></div>' +
+    '<div class="node-text-editor" style="height: 100%" id="node-input-markdown"></div>' +
+    '</div>' +
+    '</div>' +
+    '<div class="red-ui-panel">' +
+    '<div class="node-input-markdown-panel-preview node-help"></div>' +
+    '</div>' +
+    '</script>';
+
+  var panels;
+
+  var definition = {
+    show: function (options) {
+      var value = options.value;
+      var onComplete = options.complete;
+      var type = '_markdown';
+      RED.view.state(RED.state.EDITING);
+      var expressionEditor;
+
+      var trayOptions = {
+        title: options.title,
+        width: options.width || Infinity,
+        buttons: [
+          {
+            id: 'node-dialog-cancel',
+            text: 'Cancel',
+            click: function () {
+              RED.tray.close();
+            },
+          },
+          {
+            id: 'node-dialog-ok',
+            text: 'Done',
+            class: 'primary',
+            click: function () {
+              RED.tray.close(undefined, ()=> {
+                onComplete(
+                  expressionEditor.getValue(),
+                  expressionEditor.getCursorPosition()
+                );
+              });
+            },
+          },
+        ],
+        resize: function (dimensions) {
+          var width = $('#dialog-form').width();
+          if (panels) {
+            panels.resize(width);
+          }
+        },
+        open: function (tray) {
+          var trayBody = tray.find('.editor-tray-body');
+          trayBody.addClass('node-input-markdown-editor');
+          var dialogForm = RED.editor.buildEditForm(
+            tray.find('.editor-tray-body'),
+            'dialog-form',
+            type,
+            'editor'
+          );
+          expressionEditor = RED.editor.createEditor({
+            id: 'node-input-markdown',
+            value: value,
+            mode: 'ace/mode/markdown',
+            expandable: false,
+          });
+          var changeTimer;
+          expressionEditor.getSession().on('change', function () {
+            clearTimeout(changeTimer);
+            changeTimer = setTimeout(function () {
+              var currentScrollTop = $(
+                '.node-input-markdown-panel-preview'
+              ).scrollTop();
+              $('.node-input-markdown-panel-preview').html(
+                marked(expressionEditor.getValue())
+              );
+              $('.node-input-markdown-panel-preview').scrollTop(
+                currentScrollTop
+              );
+            }, 200);
+          });
+          if (options.header) {
+            options.header.appendTo(tray.find('#node-input-markdown-title'));
+          }
+
+          if (value) {
+            $('.node-input-markdown-panel-preview').html(
+              marked(expressionEditor.getValue())
+            );
+          }
+          panels = RED.panels.create({
+            id: 'node-input-markdown-panels',
+            dir: 'horizontal',
+            resize: function (p1Width, p2Width) {
+              expressionEditor.resize();
+            },
+          });
+          panels.ratio(1);
+
+          $(
+            '<span class="button-group" style="float:right">' +
+              '<button type="button" id="node-btn-markdown-preview" class="editor-button toggle single"><i class="fa fa-eye"></i></button>' +
+              '</span>'
+          ).appendTo(expressionEditor.toolbar);
+
+          $('#node-btn-markdown-preview').click(function (e) {
+            e.preventDefault();
+            if ($(this).hasClass('selected')) {
+              $(this).removeClass('selected');
+              panels.ratio(1);
+            } else {
+              $(this).addClass('selected');
+              panels.ratio(0.5);
+            }
+          });
+          RED.popover.tooltip(
+            $('#node-btn-markdown-preview'),
+            'Toggle preview'
+          );
+
+          if (options.cursor) {
+            expressionEditor.gotoLine(
+              options.cursor.row + 1,
+              options.cursor.column,
+              false
+            );
+          }
+
+          dialogForm.i18n();
+        },
+        close: function () {
+          expressionEditor.destroy();
+          if (options.onclose) {
+            options.onclose();
+          }
+        },
+        show: function () {},
+      };
+      RED.tray.show(trayOptions);
+    },
+
+    buildToolbar: function (container, editor) {
+      var styleActions = {
+        h1: {
+          newline: true,
+          before: '# ',
+          tooltip: 'Heading1',
+        },
+        h2: {
+          newline: true,
+          before: '## ',
+          tooltip: 'Heading2',
+        },
+        h3: {
+          newline: true,
+          before: '### ',
+          tooltip: 'Heading3',
+        },
+        b: { before: '**', after: '**', tooltip: 'Bold' },
+        i: { before: '_', after: '_', tooltip: 'Italic' },
+        code: {
+          before: '`',
+          after: '`',
+          tooltip: 'Code',
+        },
+        ol: {
+          before: ' * ',
+          newline: true,
+          tooltip: 'Ordered List',
+        },
+        ul: {
+          before: ' - ',
+          newline: true,
+          tooltip: 'Unordered List',
+        },
+        bq: {
+          before: '> ',
+          newline: true,
+          tooltip: 'Quote',
+        },
+        link: {
+          before: '[',
+          after: ']()',
+          tooltip: 'Link',
+        },
+        hr: {
+          before: '\n---\n\n',
+          tooltip: 'Horizontal Rule',
+        },
+      };
+      var toolbar = $(toolbarTemplate).appendTo(container);
+      toolbar.find('button[data-style]').each(function (el) {
+        var style = styleActions[$(this).data('style')];
+        $(this).click(function (e) {
+          e.preventDefault();
+          var current = editor.getSelectedText();
+          var range = editor.selection.getRange();
+          if (style.newline) {
+            var offset = 0;
+            var beforeOffset = ((style.before || '').match(/\n/g) || []).length;
+            var afterOffset = ((style.after || '').match(/\n/g) || []).length;
+            for (var i = range.start.row; i <= range.end.row + offset; i++) {
+              if (style.before) {
+                editor.session.insert({ row: i, column: 0 }, style.before);
+                offset += beforeOffset;
+                i += beforeOffset;
+              }
+              if (style.after) {
+                editor.session.insert(
+                  { row: i, column: Infinity },
+                  style.after
+                );
+                offset += afterOffset;
+                i += afterOffset;
+              }
+            }
+          } else {
+            editor.session.replace(
+              editor.selection.getRange(),
+              (style.before || '') + current + (style.after || '')
+            );
+            if (current === '') {
+              editor.gotoLine(
+                range.start.row + 1,
+                range.start.column + (style.before || '').length,
+                false
+              );
+            }
+          }
+          editor.focus();
+        });
+        if (style.tooltip) {
+          RED.popover.tooltip($(this), style.tooltip);
+        }
+      });
+      return toolbar;
+    },
+  };
+  $(template).appendTo(document.body);
+  RED.editor.registerTypeEditor('_markdown', definition);
+})();

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

@@ -0,0 +1,75 @@
+ 
+(function() {
+
+
+    var template = '<script type="text/x-kumologica" data-template-name="_string"><div class="form-row node-text-editor-row"><div style="height: 200px;min-height: 150px;" class="node-text-editor" id="node-input-string"></div></div></script>';
+
+    var definition = {
+        show: function(options) {
+            var value = options.value;
+            var onComplete = options.complete;
+            var type = "_string"
+            RED.view.state(RED.state.EDITING);
+            var expressionEditor;
+            var changeTimer;
+
+            var trayOptions = {
+                title: options.title,
+                width: options.width||"inherit",
+                buttons: [
+                    {
+                        id: "node-dialog-cancel",
+                        text: 'Cancel',
+                        click: function() {
+                            RED.tray.close();
+                        }
+                    },
+                    {
+                        id: "node-dialog-ok",
+                        text: 'Done',
+                        class: "primary",
+                        click: function() {
+                            RED.tray.close(undefined, () => {
+                                onComplete(expressionEditor.getValue(),expressionEditor.getCursorPosition());
+                            });
+                        }
+                    }
+                ],
+                resize: function(dimensions) {
+                    var rows = $("#dialog-form>div:not(.node-text-editor-row)");
+                    var editorRow = $("#dialog-form>div.node-text-editor-row");
+                    var height = $("#dialog-form").height();
+                    for (var i=0;i<rows.size();i++) {
+                        height -= $(rows[i]).outerHeight(true);
+                    }
+                    $(".node-text-editor").css("height",height+"px");
+                    expressionEditor.resize();
+                },
+                open: function(tray) {
+                    var trayBody = tray.find('.editor-tray-body');
+                    var dialogForm = RED.editor.buildEditForm(tray.find('.editor-tray-body'),'dialog-form',type,'editor');
+                    expressionEditor = RED.editor.createEditor({
+                        id: 'node-input-string',
+                        mode: options.mode || 'ace/mode/text',
+                        value: value,
+                    });
+                    if (options.cursor) {
+                        expressionEditor.gotoLine(options.cursor.row+1,options.cursor.column,false);
+                    }
+                    dialogForm.i18n();
+                },
+                close: function() {
+                    expressionEditor.destroy();
+                    if (options.onclose) {
+                        options.onclose();
+                    }
+                },
+                show: function() {}
+            }
+            RED.tray.show(trayOptions);
+        }
+    }
+    $(template).appendTo(document.body);
+    RED.editor.registerTypeEditor("_string", definition);
+
+})();

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

@@ -0,0 +1,107 @@
+ 
+RED.eventLog = (function() {
+
+    var template = '<script type="text/x-kumologica" data-template-name="_eventLog"><div class="form-row node-text-editor-row"><div style="height: 100%;min-height: 150px;" class="node-text-editor" id="event-log-editor"></div></div></script>';
+
+    var eventLogEditor;
+    var backlog = [];
+    var shown = false;
+
+    function appendLogLine(line) {
+        backlog.push(line);
+        if (backlog.length > 500) {
+            backlog = backlog.slice(-500);
+        }
+        if (eventLogEditor) {
+            eventLogEditor.getSession().insert({
+                row: eventLogEditor.getSession().getLength(),
+                column: 0
+            }, "\n" + line);
+            eventLogEditor.scrollToLine(eventLogEditor.getSession().getLength());
+        }
+    }
+    return {
+        init: function() {
+            $(template).appendTo(document.body);
+            RED.actions.add("core:show-event-log",RED.eventLog.show);
+        },
+        show: function() {
+            if (shown) {
+                return;
+            }
+            shown = true;
+            var type = "_eventLog"
+
+            var trayOptions = {
+                title: 'Event log',
+                width: Infinity,
+                buttons: [
+                    {
+                        id: "node-dialog-close",
+                        text: 'Close',
+                        click: function() {
+                            RED.tray.close();
+                        }
+                    }
+                ],
+                resize: function(dimensions) {
+                    var rows = $("#dialog-form>div:not(.node-text-editor-row)");
+                    var editorRow = $("#dialog-form>div.node-text-editor-row");
+                    var height = $("#dialog-form").height();
+                    for (var i=0;i<rows.size();i++) {
+                        height -= $(rows[i]).outerHeight(true);
+                    }
+                    height -= (parseInt($("#dialog-form").css("marginTop"))+parseInt($("#dialog-form").css("marginBottom")));
+                    $(".node-text-editor").css("height",height+"px");
+                    eventLogEditor.resize();
+                },
+                open: function(tray) {
+                    var trayBody = tray.find('.editor-tray-body');
+                    var dialogForm = RED.editor.buildEditForm(tray.find('.editor-tray-body'),'dialog-form',type,'editor');
+                    eventLogEditor = RED.editor.createEditor({
+                        id: 'event-log-editor',
+                        value: backlog.join("\n"),
+                        lineNumbers: false,
+                        readOnly: true,
+                        options: {
+                            showPrintMargin: false
+                        }
+                    });
+                    setTimeout(function() {
+                        eventLogEditor.scrollToLine(eventLogEditor.getSession().getLength());
+                    },200);
+                    dialogForm.i18n();
+                },
+                close: function() {
+                    eventLogEditor.destroy();
+                    eventLogEditor = null;
+                    shown = false;
+                },
+                show: function() {}
+            }
+            RED.tray.show(trayOptions);
+        },
+        log: function(id,payload) {
+            var ts = (new Date(payload.ts)).toISOString()+" ";
+            if (payload.type) {
+                ts += "["+payload.type+"] "
+            }
+            if (payload.data) {
+                var data = payload.data;
+                if (data.endsWith('\n')) {
+                    data = data.substring(0,data.length-1);
+                }
+                var lines = data.split(/\n/);
+                lines.forEach(function(line) {
+                    appendLogLine(ts+line);
+                })
+            }
+        },
+        startEvent: function(name) {
+            backlog.push("");
+            backlog.push("-----------------------------------------------------------");
+            backlog.push((new Date()).toISOString()+" "+name);
+            backlog.push("");
+        }
+    }
+})();