@theotherwillembotha/node-red-plugincore 0.0.55 → 0.1.0

package/build/core/other/template/SettingsTemplate.html

@@ -1,128 +0,0 @@
-
-<script type="text/javascript" template-section="onCompose">
-    node
-        .addDefault("settingsTimestamp", { value:0})
-</script>
-
-<div template-section="onIncludeOnce">
-    <script type="text/javascript">
-        getNodeSettings = function(nodeId, callback){
-            console.log("Rerieving settings for node id: " + nodeId);
-
-            $.ajax({
-                url: "utils/getNodeSettings" ,
-                type: "POST",
-                data: JSON.stringify({nodeId:nodeId}),
-                contentType: "application/json; charset=utf-8",
-                success: function (response) {
-                    callback(response.settings);
-                },
-                error: function (jqXHR, textStatus, errorThrown) {
-                    console.log(jqXHR);
-                }
-            });
-        }
-
-        handleNodeSettings = function(node){
-
-            // if "settingsTimestamp" is "0" then there shouldnt be any settings to retrieve.
-            if(node.settingsTimestamp === undefined || node.settingsTimestamp === 0){
-                console.log("settingstimestamp = 0. No settings to retrieve");
-                return;
-            }
-
-            // if "settingsTimestamp" is not "0", retieve the settings.
-            console.log("settingstimestamp != 0. Load settings");
-            getNodeSettings(node.id, settings => {
-                //console.log("settings retrieved: " + JSON.stringify(settings, null, 2));
-                // if the settings is undefined, it means that the node has not been persisted yet.
-                if(settings === undefined){
-                    console.log("no settings retrieved");
-                    return;
-                }
-
-                console.log("Settings timestamp: " + settings.settingsTimestamp);
-                console.log("Node timestamp: " + node.settingsTimestamp);
-
-                if(settings.settingsTimestamp !== node.settingsTimestamp){
-                    // if "settingsTimestamp" is different than the one that was returned by getSettings(), 
-                    // then dont replace the current values with settings.
-                    console.log("config timestamp different than settings timestamp. no update")
-                    return;
-                }
-
-                // TODO:
-                // if "settingsTimestamp" is the same as the one returned by getSettings(), then replace the config values with those from settings.
-                console.log("Replacing Settings");
-
-                // go through the defaults and find the elements and their types that are assigned to them.
-                let inputValueSetters = {
-                    "text" : (input, value) => { input.val(value) },
-                    "number" : (input, value) => { input.val(value) },
-                    "select-one" : (input, value) => { input.val(value) },
-                    "hidden" : (input, value) => { input.val(value) },
-                    "checkbox" : (input, value) => { input.val(value).prop("checked", value).trigger('change') },
-                    // todo: add the other types of inputs here.
-                };
-
-                let prefix = (node._def.category === "config") ? "#node-config-input-" : "#node-input-";
-                Object.keys(node._def.defaults)
-                    .filter(entry => settings.hasOwnProperty(entry))
-                    .forEach(entry => {
-                    try{
-                        // get the field.
-                        let field = $(prefix + entry);
-
-                        if(!field[0]){
-                            console.log("field " + (prefix + entry) + "[0] not found");
-                            return;
-                        }
-
-                        // get the setter for the field.
-                        let setValue = inputValueSetters[field[0].type];
-                        if(setValue){
-                            try{
-                                //console.log("setting " + prefix + entry + " to " + settings[entry]);
-                                setValue(field, settings[entry]);
-                            }
-                            catch(error){
-                                console.log(error);
-                            }
-                        }
-                        else{
-                            console.log("no setter for type: " + field[0].type + " (" + entry + ")")
-                        }
-                    }
-                    catch(error){
-                        console.log(error);
-                    }
-                })
-                return;
-            });
-        }
-    </script>    
-</div>
-
-<script type="text/javascript" template-section="onIncludeEditPrepare">
-    handleNodeSettings(node);
-</script>
-
-<script type="text/javascript" template-section="onIncludeEditSave">
-    // set the value for "settingsTimestamp" to now() - this will ensure that values are not overwritten if the editor is opened again before a deploy.
-
-    // NOTE on ONDEPLOY on the server side: 
-    // when the deployment is being done and there are no settings, then this is a first deployment. Do the intialization and persist to settings (remember to include 'settingsTimestamp')
-    // when the deployment is being done and 'settingsTimestamp' from config is the same as 'settingsTimestamp' from settings, then nothing actually changed. its a redeployment
-    // when the deployment is being done and 'settingsTimestamp' from config is different from 'settingsTimestamp' from settings then its an update. (save to settings + include settingsTimestap)
-    $("#node-config-input-settingsTimestamp").val(new Date().getTime());
-    $("#node-input-settingsTimestamp").val(new Date().getTime());
-</script>
-
-<script type="text/html" template-section="onIncludeEditForm">
-    <input type="hidden" id="node-config-input-settingsTimestamp" />
-    <input type="hidden" id="node-input-settingsTimestamp" />
-</script>
-
-<script type="text/markdown" template-section="onIncludeDocumentation">
-
-</script>

package/build/core/ui/template/ScriptEditorTemplate.html

@@ -1,50 +0,0 @@
-
-<div template-section="onIncludeOnce">
-
-<script src="resources/@theotherwillembotha/node-red-plugincore/editorLanguageExtension.js"></script>
-
-<script type="text/javascript">
-
-    window.PluginCore = window.PluginCore || {};
-
-    /**
-     * PluginCore.createScriptEditor(elementId, template, initialValue)
-     *
-     * Creates a Monaco editor instance with TypeScript-aware diagnostics,
-     * completions, and hover info scoped to the provided type template.
-     *
-     * @param {string} elementId   - DOM id of the container element.
-     * @param {string} template    - TypeScript template string. Use `${script}`
-     *                               as the placeholder for the user's code.
-     * @param {string} initialValue - The starting content of the editor.
-     * @returns \{{ getValue(): string, dispose(): void \}}
-     */
-    PluginCore.createScriptEditor = function(elementId, template, initialValue) {
-        var editorInstance = null;
-        var currentValue = initialValue || '';
-
-        ScriptEditorLanguageManager.createLanguage(monaco, template).then(function(language) {
-            editorInstance = monaco.editor.create(document.getElementById(elementId), {
-                value: currentValue,
-                language: language.getName(),
-                automaticLayout: true,
-                wordBasedSuggestions: 'currentDocument',
-            });
-        });
-
-        return {
-            getValue: function() {
-                return editorInstance ? editorInstance.getValue() : currentValue;
-            },
-            dispose: function() {
-                if (editorInstance) {
-                    editorInstance.dispose();
-                    editorInstance = null;
-                }
-            }
-        };
-    };
-
-</script>
-
-</div>

package/build/core/ui/template/UIHelperTemplate.html

@@ -1,229 +0,0 @@
-
-<div template-section="onIncludeOnce">
-
-<style>
-/* ─── PluginCore Dialog overlay ─────────────────────────────────────────── */
-
-.plugincore-overlay {
-    position: fixed;
-    top: 0; left: 0; right: 0; bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 2000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugincore-dialog {
-    background: #fff;
-    border: 1px solid #aaa;
-    border-radius: 4px;
-    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
-    min-width: 540px;
-    max-width: 85vw;
-    max-height: 80vh;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-}
-
-/* Title bar — matches Node-RED's main nav bar colour */
-.plugincore-dialog-titlebar {
-    display: flex;
-    align-items: center;
-    background: #3d3d3d;
-    color: #fff;
-    padding: 6px 8px 6px 12px;
-    flex-shrink: 0;
-}
-
-.plugincore-dialog-title {
-    flex: 1;
-    font-weight: 600;
-    font-size: 13px;
-}
-
-/* Close button — jQuery UI styling as used in Node-RED dialogs */
-.plugincore-dialog-close {
-    color: #ccc !important;
-    background: transparent !important;
-    border-color: transparent !important;
-}
-
-.plugincore-dialog-close:hover {
-    color: #fff !important;
-    background: rgba(255, 255, 255, 0.15) !important;
-    border-color: rgba(255, 255, 255, 0.3) !important;
-}
-
-/* Scrollable body that contains the jQuery UI tab widget */
-.plugincore-dialog-body {
-    flex: 1;
-    overflow: auto;
-    padding: 10px;
-}
-
-/* ─── PluginCore Table ───────────────────────────────────────────────────── */
-
-.plugincore-table {
-    width: 100%;
-    border-collapse: collapse;
-    font-size: 12px;
-}
-
-.plugincore-table th {
-    background: #f3f3f3;
-    border: 1px solid #ddd;
-    padding: 5px 10px;
-    text-align: left;
-    font-weight: 600;
-    white-space: nowrap;
-}
-
-.plugincore-table td {
-    border: 1px solid #eee;
-    padding: 5px 10px;
-    vertical-align: middle;
-}
-
-.plugincore-table tbody tr:nth-child(even) td {
-    background: #fafafa;
-}
-
-.plugincore-table tbody tr:hover td {
-    background: #f0f6ff;
-}
-
-.plugincore-status-enabled  { color: #27ae60; }
-.plugincore-status-disabled { color: #c0392b; }
-</style>
-
-<script type="text/javascript">
-
-    window.PluginCore = window.PluginCore || {};
-
-    /**
-     * PluginCore.table(config) → jQuery <table>
-     *
-     * config: {
-     *   columns : [{ key, label, render?(value, row) → string | jQuery }],
-     *   rows    : object[]
-     * }
-     */
-    PluginCore.table = function(config) {
-        var $table = $('<table class="plugincore-table">');
-
-        // Header
-        var $thead = $('<thead>');
-        var $hr = $('<tr>');
-        config.columns.forEach(function(col) {
-            $hr.append($('<th>').text(col.label));
-        });
-        $thead.append($hr);
-        $table.append($thead);
-
-        // Body
-        var $tbody = $('<tbody>');
-        (config.rows || []).forEach(function(row) {
-            var $tr = $('<tr>');
-            config.columns.forEach(function(col) {
-                var $td = $('<td>');
-                var val = row[col.key];
-                if (col.render) {
-                    var rendered = col.render(val, row);
-                    if (rendered && typeof rendered === 'object' && rendered.jquery) {
-                        $td.append(rendered);
-                    } else {
-                        $td.html(rendered != null ? String(rendered) : '');
-                    }
-                } else {
-                    $td.text(val != null ? String(val) : '');
-                }
-                $tr.append($td);
-            });
-            $tbody.append($tr);
-        });
-        $table.append($tbody);
-
-        return $table;
-    };
-
-    /**
-     * PluginCore.dialog(options) → { close() }
-     *
-     * options: {
-     *   title : string,
-     *   tabs  : [{ label: string, render($container) }]
-     * }
-     *
-     * Uses jQuery UI tabs for the tab widget (already bundled with Node-RED).
-     * Closes on: close button click, overlay click, or Escape key.
-     */
-    PluginCore.dialog = function(options) {
-        // Only one dialog at a time
-        $('.plugincore-overlay').remove();
-
-        var uid = 'plugincore-' + Date.now();
-
-        var $overlay = $('<div class="plugincore-overlay">');
-        var $dialog  = $('<div class="plugincore-dialog">');
-
-        // ── Title bar ──────────────────────────────────────────────────────
-        var $titlebar = $('<div class="plugincore-dialog-titlebar">');
-        $titlebar.append(
-            $('<span class="plugincore-dialog-title">').text(options.title || '')
-        );
-        var $closeBtn = $(
-            '<button type="button" class="ui-button ui-corner-all ui-widget plugincore-dialog-close" title="Close">' +
-            '<span class="ui-icon ui-icon-closethick"></span></button>'
-        );
-        $titlebar.append($closeBtn);
-
-        // ── Body + jQuery UI tabs ──────────────────────────────────────────
-        var $body   = $('<div class="plugincore-dialog-body">');
-        var $tabsEl = $('<div>').attr('id', uid + '-tabs');
-        var $ul     = $('<ul>');
-
-        (options.tabs || []).forEach(function(tab, i) {
-            var paneId = uid + '-pane-' + i;
-            $ul.append(
-                $('<li>').append($('<a>').attr('href', '#' + paneId).text(tab.label))
-            );
-            var $pane = $('<div>').attr('id', paneId);
-            if (tab.render) { tab.render($pane); }
-            $tabsEl.append($pane);
-        });
-
-        $tabsEl.prepend($ul);
-        $body.append($tabsEl);
-
-        // ── Assemble ───────────────────────────────────────────────────────
-        $dialog.append($titlebar).append($body);
-        $overlay.append($dialog);
-        $('body').append($overlay);
-
-        // Initialise jQuery UI tabs (bundled with Node-RED)
-        $tabsEl.tabs();
-
-        // ── Close logic ───────────────────────────────────────────────────
-        var escNs = 'keydown.plugincore-dialog-' + uid;
-
-        function close() {
-            $overlay.fadeOut(150, function() { $overlay.remove(); });
-            $(document).off(escNs);
-        }
-
-        $closeBtn.on('click', close);
-        $overlay.on('click', function(e) {
-            if ($(e.target).is($overlay)) { close(); }
-        });
-        $(document).on(escNs, function(e) {
-            if (e.key === 'Escape') { close(); }
-        });
-
-        return { close: close };
-    };
-
-</script>
-
-</div>

package/build/core/webhook/node/WebhookServerConfigNode.html

@@ -1,61 +0,0 @@
-
-<script type="text/javascript" template-section="onCompose">
-    node
-        .addDefault("name", { value:"Webhook Example", required:true})
-        .addDefault("port", { value:6644, required:true})
-        .addDefault("externalHost", { value:"localhost", required:true })
-        .addDefault("externalPort", { value:6644, required:true})
-        .addDefault("name", { value:"Example Test Node", required:true})
-        .setPaletteLabel("Webhook")
-        .setLabelStyle("node_label_white")
-        .setLabel(function() {return this.name })
-        .setColor("#0050E5")
-        .setInput("testInput")
-        .addOutputs("testOutput1","testOutput2","testOutput3")
-</script>
-
-<div template-section="onIncludeOnce">
-</div>
-
-
-<script type="text/html" template-section="onIncludeEditForm">
-    <div id="WebhookServerConfig">
-        <div class="form-row">
-            <label class="towb_editorlabel" for="node-config-input-name"><i class="fa fa-font"></i> Name</label>
-            <input type="text" id="node-config-input-name" />
-        </div>
-
-        <div class="form-row">
-            <label class="towb_editorlabel" for="node-config-input-port"><i class="fa fa-plug"></i> Port</label>
-            <input type="number" id="node-config-input-port" />
-        </div>
-
-        <div class="form-row">
-            <label class="towb_editorlabel" for="node-config-input-externalHost"><i class="fa fa-globe"></i> External Host</label>
-            <input type="text" id="node-config-input-externalHost" />
-        </div>
-
-        <div class="form-row">
-            <label class="towb_editorlabel" for="node-config-input-externalPort"><i class="fa fa-plug"></i> External Port</label>
-            <input type="number" id="node-config-input-externalPort" />
-        </div>
-        <!-- add a button here to autmatically find an open port --> 
-    </div>
-
-</script>
-
-<script type="text/markdown" template-section="onIncludeDocumentation">
-Configuration node for an Express HTTP server that webhook nodes attach to. A single server instance is shared by all webhook nodes that reference it. The server is started when the flow is first deployed and stopped when it is torn down.
-
-### Inputs
-: *name*          (string) : A descriptive name for this webhook server.
-: *port*          (number) : The local port the HTTP server will listen on. Defaults to `6644`. Each server instance must use a unique port.
-
-### Reverse Proxy
-When this server sits behind a reverse proxy, configure the following fields so that webhook nodes know the externally-visible address. This is used when registering endpoints with a reverse proxy service.
-
-: *external host* (string) : The public hostname or IP of the reverse proxy (e.g. `myserver.example.com`).
-: *external port* (number) : The public port exposed by the reverse proxy.
-</script>
-
-