@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

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

@@ -1,90 +0,0 @@
- 
-(function() {
-
-
-    var template = '<script type="text/x-kumologica" data-template-name="_js"><div class="form-row node-text-editor-row"><div style="height: 620px !important;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);
-                    }
-                    let safeCorrection = 15; // Hack to avoid the height getting adjusted and showing a vertical scroll for the editor container. Keep in mind that the editor already have one scroll
-                    $(".node-text-editor").css("height",(height - safeCorrection) +"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

@@ -1,107 +0,0 @@
- 
-(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

@@ -1,267 +0,0 @@
-(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

@@ -1,75 +0,0 @@
- 
-(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

@@ -1,107 +0,0 @@
- 
-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("");
-        }
-    }
-})();