@theotherwillembotha/node-red-nginxproxymanager 0.0.52

package/build/Nodes.html

@@ -0,0 +1,1386 @@
+
+<!--
+
+    This file was automatically generated using the NODERED Core utility.
+    Any modifications to his file will be overwritten the next time the code is regenerated.
+        
+    You have been warned.
+    
+-->
+
+<!-- ui-helper -->
+<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>
+<script type="text/javascript">
+    RED.nodes.registerType('NginxProxyManagerConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Nginx Proxy Manager Config',
+      defaults: {
+        name: {
+          value: 'NginX Example',
+          required: true
+        },
+        url: {
+          value: 'http://nginxproxy:81',
+          required: true
+        },
+        email: {
+          value: 'info@example.com',
+          required: true
+        },
+        password: {
+          value: '',
+          required: true
+        },
+      },
+      oneditprepare: function() {
+        // **** NginxProxyManagerConfigNode **** //
+        {
+          let node = this;
+          $("#npm-test-connection-btn").on("click", function() {
+            let $btn = $(this);
+            let $result = $("#npm-test-connection-result");
+            let url = $("#node-config-input-url").val();
+            let username = $("#node-config-input-email").val();
+            let password = $("#node-config-input-password").val();
+            $result.text("Testing...").css("color", "gray");
+            $btn.prop("disabled", true);
+            $.ajax({
+              url: "nginxproxymanagerservice/testconnection",
+              type: "POST",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                connection: {
+                  url,
+                  username,
+                  password
+                }
+              }),
+              success: function(response) {
+                $result.text("\u2714 " + response.message).css("color", "green");
+              },
+              error: function(jqXHR) {
+                let msg = "Connection failed";
+                try {
+                  let body = JSON.parse(jqXHR.responseText);
+                  if (body.error) {
+                    msg = body.error;
+                  }
+                } catch (e) {}
+                $result.text("\u2718 " + msg).css("color", "red");
+              },
+              complete: function() {
+                $btn.prop("disabled", false);
+              }
+            });
+          });
+          $("#npm-show-hosts-btn").on("click", function() {
+            let $btn = $(this);
+            let url = $("#node-config-input-url").val();
+            let username = $("#node-config-input-email").val();
+            let password = $("#node-config-input-password").val();
+            let title = $("#node-config-input-name").val() || "Nginx Proxy Manager";
+            $btn.prop("disabled", true);
+            $.ajax({
+              url: "nginxproxymanagerservice/hosts",
+              type: "POST",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                connection: {
+                  url,
+                  username,
+                  password
+                }
+              }),
+              success: function(response) {
+                PluginCore.dialog({
+                  title: title,
+                  tabs: [{
+                    label: "Proxy Hosts",
+                    render: function($container) {
+                      var $table = PluginCore.table({
+                        columns: [{
+                          key: "id",
+                          label: "ID"
+                        }, {
+                          key: "domain_names",
+                          label: "Domain Names",
+                          render: function(v) {
+                            return v.join("<br>");
+                          }
+                        }, {
+                          key: "forward_host",
+                          label: "Forward Host"
+                        }, {
+                          key: "forward_port",
+                          label: "Port"
+                        }, {
+                          key: "forward_scheme",
+                          label: "Scheme"
+                        }, {
+                          key: "enabled",
+                          label: "Enabled",
+                          render: function(v) {
+                            return $("<span>").addClass(v ? "plugincore-status-enabled" : "plugincore-status-disabled").text(v ? "\u2714 Enabled" : "\u2718 Disabled");
+                          }
+                        }],
+                        rows: response.hosts.proxyHosts
+                      });
+                      $container.append($table);
+                    }
+                  }]
+                });
+              },
+              error: function(jqXHR) {
+                let msg = "Failed to fetch hosts";
+                try {
+                  let body = JSON.parse(jqXHR.responseText);
+                  if (body.error) {
+                    msg = body.error;
+                  }
+                } catch (e) {}
+                console.error("[NPM] " + msg);
+              },
+              complete: function() {
+                $btn.prop("disabled", false);
+              }
+            });
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** NginxProxyManagerConfigNode **** //
+        {
+          let node = this;
+        }
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='NginxProxyManagerConfigNode'>
+    <div id='section_NginxProxyManagerConfigNode'>
+        <div id="NginxProxyManagerConfig">
+            <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-url"><i class="fa fa-link"></i> URL</label>
+                <input type="text" id="node-config-input-url" />
+            </div>
+
+            <div class="form-row">
+                <label class="towb_editorlabel" for="node-config-input-email"><i class="fa fa-envelope"></i> Email</label>
+                <input type="text" id="node-config-input-email" />
+            </div>
+
+            <div class="form-row">
+                <label class="towb_editorlabel" for="node-config-input-password"><i class="fa fa-key"></i> Password</label>
+                <input type="password" id="node-config-input-password" />
+            </div>
+
+            <div class="form-row">
+                <label class="towb_editorlabel"></label>
+                <button type="button" id="npm-test-connection-btn" class="red-ui-button">
+                    <i class="fa fa-plug"></i> Test Connection
+                </button>
+                <span id="npm-test-connection-result" style="margin-left: 10px; font-size: 12px;"></span>
+            </div>
+
+            <div class="form-row">
+                <label class="towb_editorlabel"></label>
+                <button type="button" id="npm-show-hosts-btn" class="red-ui-button">
+                    <i class="fa fa-list"></i> Show Hosts
+                </button>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='NginxProxyManagerConfigNode'>
+Connection configuration for an Nginx Proxy Manager instance. Referenced by all other nodes in this plugin.
+
+### Properties
+
+: *name*     (string) : A descriptive label for this connection.
+: *url*      (string) : The base URL of the Nginx Proxy Manager admin API, including port (e.g. `http://192.168.1.10:81`).
+: *email*    (string) : The email address used to authenticate with Nginx Proxy Manager.
+: *password* (string) : The password for the above account.
+
+### Actions
+
+**Test Connection** — verifies the supplied credentials against the live Nginx Proxy Manager API and shows an inline success or failure message without saving the node.
+
+**Show Hosts** — retrieves the current list of proxy hosts and displays them in a dialog with a sortable table (ID, domain names, forward host, port, scheme, enabled status).
+
+### References
+- [Nginx Proxy Manager - Project](https://nginxproxymanager.com/)
+- [Nginx Proxy Manager - GitHub](https://github.com/NginxProxyManager/nginx-proxy-manager)
+</script>
+<!-- UpdateNginxHostNode -->
+<style>
+    .node_label_white {
+      fill: white
+    }
+
+</style>
+<!-- logger -->
+<style>
+    .editorgroupborder {
+      border-width: 1px;
+      border-style: solid;
+      border-color: lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+    }
+
+    .editorsectionheading {
+      font-weight: 600;
+      margin-bottom: 1px !important;
+      margin-top: 6px !important;
+    }
+
+    .nomargin {
+      margin-bottom: 1px !important;
+      margin-top: 1px !important;
+    }
+
+    .slidecontainer {
+      width: 100%;
+    }
+
+    .slider {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 100%;
+      height: 25px;
+      background: #d3d3d3;
+      outline: none;
+      opacity: 0.7;
+      -webkit-transition: .2s;
+      transition: opacity .2s;
+    }
+
+    .slider:hover {
+      opacity: 1;
+    }
+
+    .slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .slider::-moz-range-thumb {
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .towb_editorlabel {
+      width: 120px !important;
+    }
+
+    .towb_editorfield {
+      width: 70% !important;
+    }
+
+    .towb_editorfield_short {
+      width: 30% !important;
+    }
+
+</style>
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('UpdateNginxHostNode', {
+      category: 'nginxproxymanager',
+      icon: 'nginx.png',
+      color: '#647791',
+      labelStyle: 'node_label_white',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Nginx Update Host Node',
+      inputs: 1,
+      inputLabels: (i) => 'input',
+      outputs: 1,
+      outputLabels: (i) => ['event'][i],
+      defaults: {
+        name: {
+          value: 'Update Host Node Example',
+          required: true
+        },
+        proxymanagerconfig: {
+          type: 'NginxProxyManagerConfigNode',
+          required: true
+        },
+        selectedDevices: {
+          value: []
+        },
+        logEnabled: {
+          value: false,
+          required: true
+        },
+        logger: {
+          required: false,
+          value: '',
+          type: 'DelegatedConfigReferenceNode'
+        },
+        logTemplateOverrideEnabled: {
+          value: false
+        },
+        logTemplateOverride: {
+          value: 'message:{{msg}}'
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** UpdateNginxHostNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          let node = this;
+          // controls.
+          let logEnabled = $("#node-input-logEnabled");
+          let logTemplateEnabled = $("#node-input-logTemplateOverrideEnabled");
+          let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+          let logEnabledSection = $("#section_logEnabled");
+          // functions.
+          let getLoggerTypes = async function() {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=LoggerType",
+              type: "GET",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                id: node.id
+              }),
+              success: (response) => {
+                types = response;
+              },
+              error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+              },
+            });
+            return types;
+          }
+          let getLoggers = async () => {
+            let loggers = [];
+            // get the list of types again.
+            let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+            // add all of the known loggers.
+            RED.nodes.eachConfig(cfg => {
+              if (loggerTypes.includes(cfg.type)) {
+                loggers.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return loggers;
+          };
+          let updateLoggerSelectorList = async () => {
+            loggerSelector.empty();
+            (await getLoggers()).forEach(logger => {
+              $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+            });
+            $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+          }
+          logEnabled.on('change', function() {
+            if (logEnabled.prop("checked")) {
+              logEnabledSection.show();
+              node._def.defaults.logger.required = true;
+            } else {
+              logEnabledSection.hide()
+              node._def.defaults.logger.required = false;
+            }
+          });
+          logTemplateEnabled.on('change', function() {
+            if (logTemplateEnabled.prop("checked")) {
+              logTemplateEnabledSection.show();
+              node._def.defaults.logTemplateOverride.required = true;
+            } else {
+              logTemplateEnabledSection.hide()
+              node._def.defaults.logTemplateOverride.required = false;
+            }
+          });
+          node.logTemplateOverrideEditor = RED.editor.createEditor({
+            id: 'node-input-logTemplateOverrideEditor',
+            mode: 'ace/mode/handlebars',
+            value: node.logTemplateOverride
+          });
+          let loggerSelector = $("#logger-selector");
+          let loggerEditButton = $("#logger-edit-btn");
+          let loggerAddButton = $("#logger-add-btn");
+          loggerEditButton.on('click', async function(event) {
+            event.stopPropagation();
+            if (loggerEditButton.hasClass("disabled")) {
+              return;
+            }
+            // figure out what type of logger this is.
+            let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+            RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
+          });
+          loggerAddButton.on('click', function(event) {
+            event.stopPropagation();
+            let $btn = $(event.target);
+            // Remove any existing dropdown
+            $('.loggertype-dropdown').remove();
+            getLoggerTypes().then(loggerTypes => {
+              let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+              loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>').text(loggerType.name).data('value', loggerType.id).css({
+                  padding: '4px 8px',
+                  cursor: 'pointer'
+                }).appendTo($dropdown);
+              });
+              // Append first so outerWidth() is measurable, then position so the
+              // right edge of the dropdown aligns with the right edge of the button.
+              $('body').append($dropdown);
+              $dropdown.css({
+                top: $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
+              });
+              $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                  $dropdown.remove();
+                  $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+              });
+              // Handle item selection
+              $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
+              });
+            })
+          });
+          loggerSelector.on("focus", updateLoggerSelectorList);
+          loggerSelector.on('change', function(event) {
+            if ("_ADD_" === loggerSelector.val()) {
+              loggerEditButton.addClass("disabled")
+            } else {
+              loggerEditButton.removeClass("disabled")
+            }
+          });
+          // lastly, make sure that we set the correct value on the logger selector.
+          updateLoggerSelectorList().then(() => {
+            loggerSelector.val(node.logger);
+            loggerSelector.trigger('change');
+          });
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-input-metricsEnabled");
+          let metricsEnabledSection = $("#section_metricsEnabled");
+          metricsEnabled.on('change', function() {
+            if (metricsEnabled.prop("checked")) {
+              metricsEnabledSection.show();
+              node._def.defaults.metricsReference.required = true;
+            } else {
+              metricsEnabledSection.hide()
+              node._def.defaults.metricsReference.required = false;
+            }
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** UpdateNginxHostNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          node = this;
+          var selectedLogger = $("#logger-selector").val();
+          node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
+          node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+          node.logTemplateOverrideEditor.destroy();
+          delete node.logTemplateOverrideEditor;
+        }
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='UpdateNginxHostNode'>
+    <div id='section_UpdateNginxHostNode'>
+        <div class="form-row">
+            <label class="towb_editorlabel" for="node-input-name"><i class="fa fa-font"></i> Name</label>
+            <input type="text" id="node-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label class="towb_editorlabel" for="node-input-proxymanagerconfig"><i class="fa fa-server"></i> Proxy Manager</label>
+            <input type="text" id="node-input-proxymanagerconfig" />
+        </div>
+
+    </div>
+
+    <div id='section_logger'>
+        <div id="section_loggerconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin logEnableCheck">
+                    <input type="checkbox" id="node-input-logEnabled" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="node-input-logEnabled"><span>Enable Logging</span></label>
+                </div>
+
+                <div id="section_logEnabled">
+                    <div class="form-row nomargin">
+                        <label for="logger-selector">Logger</label>
+                        <div style="width: 70%; display: inline-flex;">
+                            <select id="logger-selector" style="flex-grow: 1;" class="">
+                                <option value="_ADD_">none</option>
+                            </select>
+                            <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                                <i class="fa fa-pencil"></i>
+                            </a>
+                            <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                                <i class="fa fa-plus"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="form-row nomargin">
+                        <input type="checkbox" id="node-input-logTemplateOverrideEnabled" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                        <label style="width:auto" for="node-input-logTemplateOverrideEnabled"><span>Override Template</span></label>
+                    </div>
+
+                    <div id="section_logTemplateOverrideEnabled">
+                        <div class="form-row">
+                            <label class="towb_editorlabel" for="node-input-logTemplateOverrideEditor"><i class="fa fa-code"></i> Template</label>
+                            <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_metrics'>
+        <div id="section_metricsconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Metrics</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin metricsEnableCheck">
+                    <input type="checkbox" id="node-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-input-metricsReference">Metric Collector</label>
+                        <input id="node-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='UpdateNginxHostNode'>
+Creates or updates a proxy host entry in Nginx Proxy Manager.
+
+The operation is determined by the presence of an `id` field in `msg.payload`:
+- **No `id`** — creates a new proxy host.
+- **With `id`** — updates the existing proxy host with that ID.
+
+### Properties
+
+: *name*          (string)     : A descriptive label for the node.
+: *proxy manager* (npm config) : The Nginx Proxy Manager connection to use.
+
+### Inputs
+
+: *msg.payload* (object) : The host configuration to create or update.
+
+**Create a new host:**
+
+```javascript
+{
+    domainNames: string[],        // domain names to forward (must be unique and not yet registered)
+    scheme: "http" | "https",     // forwarding scheme
+    forwardHost: string,          // target host to forward requests to
+    forwardPort: number,          // target port
+    accessList: string,           // access list to bind to this host
+    cacheAssets: boolean,         // optional: cache static assets
+    blockCommonExploits: boolean, // optional: block common exploit patterns
+    websocketSupport: boolean,    // optional: enable WebSocket support
+}
+```
+
+**Update an existing host:**
+
+```javascript
+{
+    id: number,                   // required: ID of the proxy host to update
+    domainNames: string[],        // optional
+    scheme: "http" | "https",     // optional
+    forwardHost: string,          // optional
+    forwardPort: number,          // optional
+    accessList: string,           // optional
+    cacheAssets: boolean,         // optional
+    blockCommonExploits: boolean, // optional
+    websocketSupport: boolean,    // optional
+}
+```
+
+### Output
+
+The original message is forwarded unchanged after the operation completes.
+
+### Example
+
+```json
+{
+    "domainNames": ["myservice.example.com"],
+    "scheme": "http",
+    "forwardHost": "192.168.1.30",
+    "forwardPort": 8080,
+    "blockCommonExploits": true,
+    "websocketSupport": true
+}
+```
+
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+
+### Metrics
+: *enable metrics* (boolean) : if checked, then the node will produce metrics output to the specified metrics provider.
+: *metric collector* (metricconfig) : the collection point or grouping where this particular metric will be attached.
+</script>
+<!-- logger -->
+<style>
+    .editorgroupborder {
+      border-width: 1px;
+      border-style: solid;
+      border-color: lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+    }
+
+    .editorsectionheading {
+      font-weight: 600;
+      margin-bottom: 1px !important;
+      margin-top: 6px !important;
+    }
+
+    .nomargin {
+      margin-bottom: 1px !important;
+      margin-top: 1px !important;
+    }
+
+    .slidecontainer {
+      width: 100%;
+    }
+
+    .slider {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 100%;
+      height: 25px;
+      background: #d3d3d3;
+      outline: none;
+      opacity: 0.7;
+      -webkit-transition: .2s;
+      transition: opacity .2s;
+    }
+
+    .slider:hover {
+      opacity: 1;
+    }
+
+    .slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .slider::-moz-range-thumb {
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .towb_editorlabel {
+      width: 120px !important;
+    }
+
+    .towb_editorfield {
+      width: 70% !important;
+    }
+
+    .towb_editorfield_short {
+      width: 30% !important;
+    }
+
+</style>
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('NginxGetHostsNode', {
+      category: 'nginxproxymanager',
+      icon: 'nginx.png',
+      color: '#647791',
+      labelStyle: 'node_label_white',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Nginx Get Hosts',
+      inputs: 1,
+      inputLabels: (i) => 'input',
+      outputs: 1,
+      outputLabels: (i) => ['event'][i],
+      defaults: {
+        name: {
+          value: 'Nginx Get Hosts',
+          required: true
+        },
+        proxymanagerconfig: {
+          type: 'NginxProxyManagerConfigNode',
+          required: true
+        },
+        outputpath: {
+          value: 'payload'
+        },
+        logEnabled: {
+          value: false,
+          required: true
+        },
+        logger: {
+          required: false,
+          value: '',
+          type: 'DelegatedConfigReferenceNode'
+        },
+        logTemplateOverrideEnabled: {
+          value: false
+        },
+        logTemplateOverride: {
+          value: 'message:{{msg}}'
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** NginxGetHostsNode **** //
+        {
+          let node = this;
+          $("#node-input-outputpath").typedInput({
+            types: ["msg"]
+          });
+        }
+        // **** logger **** //
+        {
+          let node = this;
+          // controls.
+          let logEnabled = $("#node-input-logEnabled");
+          let logTemplateEnabled = $("#node-input-logTemplateOverrideEnabled");
+          let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+          let logEnabledSection = $("#section_logEnabled");
+          // functions.
+          let getLoggerTypes = async function() {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=LoggerType",
+              type: "GET",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                id: node.id
+              }),
+              success: (response) => {
+                types = response;
+              },
+              error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+              },
+            });
+            return types;
+          }
+          let getLoggers = async () => {
+            let loggers = [];
+            // get the list of types again.
+            let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+            // add all of the known loggers.
+            RED.nodes.eachConfig(cfg => {
+              if (loggerTypes.includes(cfg.type)) {
+                loggers.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return loggers;
+          };
+          let updateLoggerSelectorList = async () => {
+            loggerSelector.empty();
+            (await getLoggers()).forEach(logger => {
+              $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+            });
+            $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+          }
+          logEnabled.on('change', function() {
+            if (logEnabled.prop("checked")) {
+              logEnabledSection.show();
+              node._def.defaults.logger.required = true;
+            } else {
+              logEnabledSection.hide()
+              node._def.defaults.logger.required = false;
+            }
+          });
+          logTemplateEnabled.on('change', function() {
+            if (logTemplateEnabled.prop("checked")) {
+              logTemplateEnabledSection.show();
+              node._def.defaults.logTemplateOverride.required = true;
+            } else {
+              logTemplateEnabledSection.hide()
+              node._def.defaults.logTemplateOverride.required = false;
+            }
+          });
+          node.logTemplateOverrideEditor = RED.editor.createEditor({
+            id: 'node-input-logTemplateOverrideEditor',
+            mode: 'ace/mode/handlebars',
+            value: node.logTemplateOverride
+          });
+          let loggerSelector = $("#logger-selector");
+          let loggerEditButton = $("#logger-edit-btn");
+          let loggerAddButton = $("#logger-add-btn");
+          loggerEditButton.on('click', async function(event) {
+            event.stopPropagation();
+            if (loggerEditButton.hasClass("disabled")) {
+              return;
+            }
+            // figure out what type of logger this is.
+            let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+            RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
+          });
+          loggerAddButton.on('click', function(event) {
+            event.stopPropagation();
+            let $btn = $(event.target);
+            // Remove any existing dropdown
+            $('.loggertype-dropdown').remove();
+            getLoggerTypes().then(loggerTypes => {
+              let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+              loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>').text(loggerType.name).data('value', loggerType.id).css({
+                  padding: '4px 8px',
+                  cursor: 'pointer'
+                }).appendTo($dropdown);
+              });
+              // Append first so outerWidth() is measurable, then position so the
+              // right edge of the dropdown aligns with the right edge of the button.
+              $('body').append($dropdown);
+              $dropdown.css({
+                top: $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
+              });
+              $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                  $dropdown.remove();
+                  $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+              });
+              // Handle item selection
+              $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
+              });
+            })
+          });
+          loggerSelector.on("focus", updateLoggerSelectorList);
+          loggerSelector.on('change', function(event) {
+            if ("_ADD_" === loggerSelector.val()) {
+              loggerEditButton.addClass("disabled")
+            } else {
+              loggerEditButton.removeClass("disabled")
+            }
+          });
+          // lastly, make sure that we set the correct value on the logger selector.
+          updateLoggerSelectorList().then(() => {
+            loggerSelector.val(node.logger);
+            loggerSelector.trigger('change');
+          });
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-input-metricsEnabled");
+          let metricsEnabledSection = $("#section_metricsEnabled");
+          metricsEnabled.on('change', function() {
+            if (metricsEnabled.prop("checked")) {
+              metricsEnabledSection.show();
+              node._def.defaults.metricsReference.required = true;
+            } else {
+              metricsEnabledSection.hide()
+              node._def.defaults.metricsReference.required = false;
+            }
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** NginxGetHostsNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          node = this;
+          var selectedLogger = $("#logger-selector").val();
+          node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
+          node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+          node.logTemplateOverrideEditor.destroy();
+          delete node.logTemplateOverrideEditor;
+        }
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='NginxGetHostsNode'>
+    <div id='section_NginxGetHostsNode'>
+        <div class="form-row">
+            <label class="towb_editorlabel" for="node-input-name"><i class="fa fa-font"></i> Name</label>
+            <input type="text" id="node-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label class="towb_editorlabel" for="node-input-proxymanagerconfig"><i class="fa fa-server"></i> Proxy Manager</label>
+            <input type="text" id="node-input-proxymanagerconfig" />
+        </div>
+
+        <div class="form-row">
+            <label class="towb_editorlabel" for="node-input-outputpath"><i class="fa fa-sign-out"></i> Output</label>
+            <input type="text" id="node-input-outputpath" />
+        </div>
+
+    </div>
+
+    <div id='section_logger'>
+        <div id="section_loggerconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin logEnableCheck">
+                    <input type="checkbox" id="node-input-logEnabled" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="node-input-logEnabled"><span>Enable Logging</span></label>
+                </div>
+
+                <div id="section_logEnabled">
+                    <div class="form-row nomargin">
+                        <label for="logger-selector">Logger</label>
+                        <div style="width: 70%; display: inline-flex;">
+                            <select id="logger-selector" style="flex-grow: 1;" class="">
+                                <option value="_ADD_">none</option>
+                            </select>
+                            <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                                <i class="fa fa-pencil"></i>
+                            </a>
+                            <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                                <i class="fa fa-plus"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="form-row nomargin">
+                        <input type="checkbox" id="node-input-logTemplateOverrideEnabled" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                        <label style="width:auto" for="node-input-logTemplateOverrideEnabled"><span>Override Template</span></label>
+                    </div>
+
+                    <div id="section_logTemplateOverrideEnabled">
+                        <div class="form-row">
+                            <label class="towb_editorlabel" for="node-input-logTemplateOverrideEditor"><i class="fa fa-code"></i> Template</label>
+                            <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_metrics'>
+        <div id="section_metricsconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Metrics</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin metricsEnableCheck">
+                    <input type="checkbox" id="node-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-input-metricsReference">Metric Collector</label>
+                        <input id="node-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='NginxGetHostsNode'>
+Retrieves the list of proxy hosts from Nginx Proxy Manager and writes them to the specified output path on the message.
+
+### Properties
+
+: *name*          (string)     : A descriptive label for the node.
+: *proxy manager* (npm config) : The Nginx Proxy Manager connection to use.
+: *output*        (msg)        : The message property to write the hosts array to. Defaults to `msg.payload`.
+
+### Output
+
+The original message is forwarded with the specified property set to an array of proxy host objects:
+
+```javascript
+[
+    {
+        id:          number,    // proxy host ID
+        domainNames: string[],  // domain names served by this host
+        scheme:      string,    // forwarding scheme: "http" or "https"
+        forwardHost: string,    // target host
+        forwardPort: number,    // target port
+    }
+]
+```
+
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+
+### Metrics
+: *enable metrics* (boolean) : if checked, then the node will produce metrics output to the specified metrics provider.
+: *metric collector* (metricconfig) : the collection point or grouping where this particular metric will be attached.
+</script>
+
+