@theotherwillembotha/node-red-plugincore 0.0.50

package/build/Nodes.html

@@ -0,0 +1,1729 @@
+
+<!--
+
+    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.
+    
+-->
+
+<script type="text/javascript">
+    RED.nodes.registerType('ConsoleLoggerConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Console Logger Config Node',
+      defaults: {
+        name: {
+          value: 'Logger Example',
+          required: true
+        },
+        platform: {
+          value: 'rest',
+          required: true
+        },
+        template: {
+          value: 'message:{{msg}}',
+          required: true
+        },
+        level: {
+          value: 'info',
+          required: true
+        },
+      },
+      oneditprepare: function() {
+        // **** ConsoleLoggerConfigNode **** //
+        {
+          let node = this;
+          let levelSelection = $("#node-config-input-level");
+          levelSelection.typedInput({
+            type: "level",
+            types: [{
+              value: "level",
+              options: [{
+                value: "DEBUG",
+                label: "debug"
+              }, {
+                value: "INFO",
+                label: "info"
+              }, {
+                value: "WARNING",
+                label: "warning"
+              }, {
+                value: "ERROR",
+                label: "error"
+              }, ]
+            }]
+          });
+          this.editor = RED.editor.createEditor({
+            id: 'node-config-input-templateEditor',
+            mode: 'ace/mode/handlebars',
+            value: this.template
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** ConsoleLoggerConfigNode **** //
+        {
+          let node = this;
+          this.template = this.editor.getValue();
+          this.editor.destroy();
+          delete this.editor;
+        }
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='ConsoleLoggerConfigNode'>
+    <div id='section_ConsoleLoggerConfigNode'>
+        <div id="LoggerConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-level"><i class="fa fa-tag"></i> Level</label>
+                <input type="text" id="node-config-input-level" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-templateEditor"><i class="fa fa-tag"></i> Template</label>
+                <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-config-input-templateEditor"></div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='ConsoleLoggerConfigNode'>
+Configuration node for the Logger Integration
+
+## Inputs
+: *name*    (string)    : The common name for the logger Configuration
+: *level*   (level)     : The logging level - debug, info, warning, error
+: *platform*(string)    : The common name for the logger Configuration
+: *template*(mustache)  : A template for the log messages.
+
+## Logger platform
+Currently supported logging platforms
+
+### Console
+The log message will be printed out to stdio
+
+### Http / Https
+Publish the message to an http endpoint using a http / https POST command.
+
+: *url*                 (url)           : The endpoint for the url where requests are to be posted to.
+: *ignore ssl errors*   (boolean)       : If enabled, the invalid ssl certificates will be ignored.
+: *authentication*      (auth method)   : what auth method should be used for the http request. (none, basic, api key)
+
+#### Authentication
+##### Basic
+Provides basic authentication using the Authorization header 
+
+: *username*    (string) : the username used for basic authentication
+: *password*    (string) : the password used for basic authentication
+
+##### APIKey
+Provides authentication using a matrix parameter, header or query parameter and an apikey
+
+: *mechanism*   (mechanism) : the mechanism that will be used for transmitting the key (header, queryparam, matrixparam)
+: *apikey name* (string)    : the name of the key used for api authentication. (path variable or query param name)
+: *apikey value*(string)    : the value of the api key that will be transmitted. (beware of special characters)
+
+### Loki
+Publish the message to a loki endpoint.
+
+: *host*        (string) : the host and port\ of the loki instance that it being logged to
+: *tenant*      (string) : the tenant id that will be used to log to
+: *username*    (string) : the username for the loki instance.
+: *authtoken*   (string) : the authtoken for the loki instance.
+
+# Mustache Templating
+Mustache / Handlebars are used for building up the logged message payloads that are sent to the logging backend.
+The resultant message will be interpreted as a string, meaning care should be taken in the event that a string representation of a json object is built.
+
+### Provided Properties
+A couple of values are provided to the logging context by default.
+
+: *msg*         (object)    : an object containing the payload or message that should be parsed through the template.
+: *currentTime* (object)    : a string containing the current time in ISO8601 format
+
+### Mustache Helpers
+In addition to the provided properties, some "helpers" have also been provided to assist in serialization.
+
+: *json*        (helper)    : converts a json object to a string using the JSON.stringify method.
+
+## Examples
+- {{{json msg}}} - serializes the the msg object to json format.
+
+# References
+- [Mustache - Wikipedia](https://en.wikipedia.org/wiki/Mustache_(template_system))
+- [Mustache - Playground](https://jgonggrijp.gitlab.io/wontache/playground.html)
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('RestLoggerConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Rest Logger Config Node',
+      defaults: {
+        name: {
+          value: 'Logger Example',
+          required: true
+        },
+        template: {
+          value: 'message:{{msg}}',
+          required: true
+        },
+        level: {
+          value: 'info',
+          required: true
+        },
+        est_url: {},
+        est_ignoresslerror: {},
+        rest_auth_type: {},
+        rest_auth_basic_username: {},
+        rest_auth_basic_password: {},
+        rest_auth_apikey_mechanism: {},
+        rest_auth_apikey_name: {},
+        rest_auth_apikey_value: {},
+      },
+      oneditprepare: function() {
+        // **** RestLoggerConfigNode **** //
+        {
+          let node = this;
+          let showSelectedRestAuthMethod = (value) => {
+            $("#LoggerConfig").find(".platform.platform-rest").first().find(".platform-rest-auth").each((i, t) => {
+              t = $(t);
+              if (t.hasClass(`auth-${value}`)) {
+                t.show();
+              } else {
+                t.hide();
+              }
+            });
+          }
+          let levelSelection = $("#node-config-input-level");
+          levelSelection.typedInput({
+            type: "level",
+            types: [{
+              value: "level",
+              options: [{
+                value: "DEBUG",
+                label: "debug"
+              }, {
+                value: "INFO",
+                label: "info"
+              }, {
+                value: "WARNING",
+                label: "warning"
+              }, {
+                value: "ERROR",
+                label: "error"
+              }, ]
+            }]
+          });
+          let platformRestAuthType = $("#node-config-input-rest_auth_type");
+          platformRestAuthType.typedInput({
+            type: "authtype",
+            types: [{
+              value: "authtype",
+              options: [{
+                value: "none",
+                label: "None"
+              }, {
+                value: "basic",
+                label: "Basic"
+              }, {
+                value: "apikey",
+                label: "ApiKey"
+              }]
+            }]
+          });
+          platformRestAuthType.on("change", () => showSelectedRestAuthMethod(platformRestAuthType.val()));
+          let apiKeyMechanism = $("#node-config-input-rest_auth_apikey_mechanism");
+          apiKeyMechanism.typedInput({
+            type: "apikeymechansim",
+            types: [{
+              value: "apikeymechansim",
+              options: [{
+                value: "header",
+                label: "Header"
+              }, {
+                value: "queryparam",
+                label: "Query Param"
+              }, {
+                value: "matrixparam",
+                label: "Matrix Param"
+              }]
+            }]
+          });
+          this.editor = RED.editor.createEditor({
+            id: 'node-config-input-templateEditor',
+            mode: 'ace/mode/handlebars',
+            value: this.template
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** RestLoggerConfigNode **** //
+        {
+          let node = this;
+          this.template = this.editor.getValue();
+          this.editor.destroy();
+          delete this.editor;
+        }
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='RestLoggerConfigNode'>
+    <div id='section_RestLoggerConfigNode'>
+        <div id="LoggerConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-level"><i class="fa fa-tag"></i> Level</label>
+                <input type="text" id="node-config-input-level" />
+            </div>
+
+            <div class="platform platform-rest">
+                <div class="form-row">
+                    <label for="node-config-input-rest_url"><i class="fa fa-tag"></i> URL</label>
+                    <input class="platform-rest-input required" type="text" id="node-config-input-rest_url" />
+                </div>
+                <div class="form-row">
+                    <label></label>
+                    <input type="checkbox" id="node-config-input-rest_ignoresslerror" style="width:20px; margin-right:5px;" />
+                    <label style="width:auto" for="node-config-input-rest_ignoresslerror"><span>Ignore Invalid SSL certificates</span></label>
+                </div>
+                <div class="form-row">
+                    <label for="node-config-input-rest_auth_type"><i class="fa fa-tag"></i> Authentication</label>
+                    <input class="platform-rest-input required" type="text" id="node-config-input-rest_auth_type" />
+                </div>
+                <div class="form-row platform-rest-auth auth-basic">
+                    <label for="node-config-input-rest_auth_basic_username"><i class="fa fa-tag"></i> Username</label>
+                    <input class="platform-rest-input" type="text" id="node-config-input-rest_auth_basic_username" />
+                </div>
+                <div class="form-row platform-rest-auth auth-basic">
+                    <label for="node-config-input-rest_auth_basic_password"><i class="fa fa-tag"></i> Password</label>
+                    <input class="platform-rest-input" type="password" id="node-config-input-rest_auth_basic_password" />
+                </div>
+                <div class="form-row platform-rest-auth auth-apikey">
+                    <label for="node-config-input-rest_auth_apikey_mechanism"><i class="fa fa-tag"></i> Mechanism</label>
+                    <input class="platform-rest-input" type="text" id="node-config-input-rest_auth_apikey_mechanism" />
+                </div>
+                <div class="form-row platform-rest-auth auth-apikey">
+                    <label for="node-config-input-rest_auth_apikey_name"><i class="fa fa-tag"></i> APIKey name</label>
+                    <input class="platform-rest-input" type="text" id="node-config-input-rest_auth_apikey_name" />
+                </div>
+                <div class="form-row platform-rest-auth auth-apikey">
+                    <label for="node-config-input-rest_auth_apikey_value"><i class="fa fa-tag"></i> APIKey value</label>
+                    <input class="platform-rest-input" type="text" id="node-config-input-rest_auth_apikey_value" />
+                </div>
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-templateEditor"><i class="fa fa-tag"></i> Template</label>
+                <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-config-input-templateEditor"></div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='RestLoggerConfigNode'>
+Configuration node for the Logger Integration
+
+## Inputs
+: *name*    (string)    : The common name for the logger Configuration
+: *level*   (level)     : The logging level - debug, info, warning, error
+: *platform*(string)    : The common name for the logger Configuration
+: *template*(mustache)  : A template for the log messages.
+
+## Logger platform
+Currently supported logging platforms
+
+### Console
+The log message will be printed out to stdio
+
+### Http / Https
+Publish the message to an http endpoint using a http / https POST command.
+
+: *url*                 (url)           : The endpoint for the url where requests are to be posted to.
+: *ignore ssl errors*   (boolean)       : If enabled, the invalid ssl certificates will be ignored.
+: *authentication*      (auth method)   : what auth method should be used for the http request. (none, basic, api key)
+
+#### Authentication
+##### Basic
+Provides basic authentication using the Authorization header 
+
+: *username*    (string) : the username used for basic authentication
+: *password*    (string) : the password used for basic authentication
+
+##### APIKey
+Provides authentication using a matrix parameter, header or query parameter and an apikey
+
+: *mechanism*   (mechanism) : the mechanism that will be used for transmitting the key (header, queryparam, matrixparam)
+: *apikey name* (string)    : the name of the key used for api authentication. (path variable or query param name)
+: *apikey value*(string)    : the value of the api key that will be transmitted. (beware of special characters)
+
+### Loki
+Publish the message to a loki endpoint.
+
+: *host*        (string) : the host and port\ of the loki instance that it being logged to
+: *tenant*      (string) : the tenant id that will be used to log to
+: *username*    (string) : the username for the loki instance.
+: *authtoken*   (string) : the authtoken for the loki instance.
+
+# Mustache Templating
+Mustache / Handlebars are used for building up the logged message payloads that are sent to the logging backend.
+The resultant message will be interpreted as a string, meaning care should be taken in the event that a string representation of a json object is built.
+
+### Provided Properties
+A couple of values are provided to the logging context by default.
+
+: *msg*         (object)    : an object containing the payload or message that should be parsed through the template.
+: *currentTime* (object)    : a string containing the current time in ISO8601 format
+
+### Mustache Helpers
+In addition to the provided properties, some "helpers" have also been provided to assist in serialization.
+
+: *json*        (helper)    : converts a json object to a string using the JSON.stringify method.
+
+## Examples
+- {{{json msg}}} - serializes the the msg object to json format.
+
+# References
+- [Mustache - Wikipedia](https://en.wikipedia.org/wiki/Mustache_(template_system))
+- [Mustache - Playground](https://jgonggrijp.gitlab.io/wontache/playground.html)
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('LokiLoggerConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Loki Logger Config Node',
+      defaults: {
+        name: {
+          value: 'Logger Example',
+          required: true
+        },
+        template: {
+          value: 'message:{{msg}}',
+          required: true
+        },
+        level: {
+          value: 'info',
+          required: true
+        },
+        loki_host: {},
+        loki_tenantID: {},
+        loki_userid: {},
+        loki_authtoken: {},
+      },
+      oneditprepare: function() {
+        // **** LokiLoggerConfigNode **** //
+        {
+          let node = this;
+          let levelSelection = $("#node-config-input-level");
+          levelSelection.typedInput({
+            type: "level",
+            types: [{
+              value: "level",
+              options: [{
+                value: "DEBUG",
+                label: "debug"
+              }, {
+                value: "INFO",
+                label: "info"
+              }, {
+                value: "WARNING",
+                label: "warning"
+              }, {
+                value: "ERROR",
+                label: "error"
+              }, ]
+            }]
+          });
+          this.editor = RED.editor.createEditor({
+            id: 'node-config-input-templateEditor',
+            mode: 'ace/mode/handlebars',
+            value: this.template
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** LokiLoggerConfigNode **** //
+        {
+          let node = this;
+          this.template = this.editor.getValue();
+          this.editor.destroy();
+          delete this.editor;
+        }
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='LokiLoggerConfigNode'>
+    <div id='section_LokiLoggerConfigNode'>
+        <div id="LoggerConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-level"><i class="fa fa-tag"></i> Level</label>
+                <input type="text" id="node-config-input-level" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-loki_host"><i class="fa fa-tag"></i> Host</label>
+                <input class="required" type="text" id="node-config-input-loki_host" />
+            </div>
+            <div class="form-row">
+                <label for="node-config-input-loki_tenantID"><i class="fa fa-tag"></i> TenantID</label>
+                <input class="" type="text" id="node-config-input-loki_tenantID" />
+            </div>
+            <div class="form-row">
+                <label for="node-config-input-loki_userid"><i class="fa fa-tag"></i> Username</label>
+                <input class="" type="text" id="node-config-input-loki_userid" />
+            </div>
+            <div class="form-row">
+                <label for="node-config-input-loki_authtoken"><i class="fa fa-tag"></i> AuthToken</label>
+                <input class="" type="password" id="node-config-input-loki_authtoken" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-templateEditor"><i class="fa fa-tag"></i> Template</label>
+                <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-config-input-templateEditor"></div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='LokiLoggerConfigNode'>
+Configuration node for the Logger Integration
+
+## Inputs
+: *name*    (string)    : The common name for the logger Configuration
+: *level*   (level)     : The logging level - debug, info, warning, error
+: *platform*(string)    : The common name for the logger Configuration
+: *template*(mustache)  : A template for the log messages.
+
+## Logger platform
+Currently supported logging platforms
+
+### Console
+The log message will be printed out to stdio
+
+### Http / Https
+Publish the message to an http endpoint using a http / https POST command.
+
+: *url*                 (url)           : The endpoint for the url where requests are to be posted to.
+: *ignore ssl errors*   (boolean)       : If enabled, the invalid ssl certificates will be ignored.
+: *authentication*      (auth method)   : what auth method should be used for the http request. (none, basic, api key)
+
+#### Authentication
+##### Basic
+Provides basic authentication using the Authorization header 
+
+: *username*    (string) : the username used for basic authentication
+: *password*    (string) : the password used for basic authentication
+
+##### APIKey
+Provides authentication using a matrix parameter, header or query parameter and an apikey
+
+: *mechanism*   (mechanism) : the mechanism that will be used for transmitting the key (header, queryparam, matrixparam)
+: *apikey name* (string)    : the name of the key used for api authentication. (path variable or query param name)
+: *apikey value*(string)    : the value of the api key that will be transmitted. (beware of special characters)
+
+### Loki
+Publish the message to a loki endpoint.
+
+: *host*        (string) : the host and port\ of the loki instance that it being logged to
+: *tenant*      (string) : the tenant id that will be used to log to
+: *username*    (string) : the username for the loki instance.
+: *authtoken*   (string) : the authtoken for the loki instance.
+
+# Mustache Templating
+Mustache / Handlebars are used for building up the logged message payloads that are sent to the logging backend.
+The resultant message will be interpreted as a string, meaning care should be taken in the event that a string representation of a json object is built.
+
+### Provided Properties
+A couple of values are provided to the logging context by default.
+
+: *msg*         (object)    : an object containing the payload or message that should be parsed through the template.
+: *currentTime* (object)    : a string containing the current time in ISO8601 format
+
+### Mustache Helpers
+In addition to the provided properties, some "helpers" have also been provided to assist in serialization.
+
+: *json*        (helper)    : converts a json object to a string using the JSON.stringify method.
+
+## Examples
+- {{{json msg}}} - serializes the the msg object to json format.
+
+# References
+- [Mustache - Wikipedia](https://en.wikipedia.org/wiki/Mustache_(template_system))
+- [Mustache - Playground](https://jgonggrijp.gitlab.io/wontache/playground.html)
+</script>
+<!-- webhook -->
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+        .proxy-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;
+        }
+        .proxy-dropdown .dropdown-item {
+            padding: 6px 12px;
+            cursor: pointer;
+        }
+        .proxy-dropdown .dropdown-item:hover {
+            background: #f0f0f0;
+        }
+        `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('MetricsConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Metrics Config',
+      defaults: {
+        name: {
+          value: 'Metrics Example',
+          required: true
+        },
+        webhook: {
+          type: 'WebhookServerConfigNode',
+          required: true
+        },
+        webhookPath: {
+          value: '/example',
+          required: true
+        },
+        webhookAuth: {
+          value: 'none',
+          required: true
+        },
+        webhookAuth_basic_username: {
+          value: 'user',
+          required: false
+        },
+        webhookAuth_basic_password: {
+          value: 'pass',
+          required: false
+        },
+        webhookAuth_apikey_mechanism: {
+          value: 'header',
+          required: false
+        },
+        webhookAuth_apikey_key: {
+          value: 'x-api-key',
+          required: false
+        },
+        webhookAuth_apikey_value: {
+          value: 'testkey',
+          required: false
+        },
+        reverseProxies_enabled: {
+          required: false
+        },
+        reverseProxies_connections: {
+          type: 'ReverseProxyType[]',
+          value: '',
+          required: true,
+          maxInstances: 10
+        },
+        _reverseProxies_connections_0: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_1: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_2: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_3: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_4: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_5: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_6: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_7: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_8: {
+          value: '',
+          required: false
+        },
+        _reverseProxies_connections_9: {
+          value: '',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** webhook **** //
+        {
+          let node = this;
+          let showSelectedAutnetication = function(value) {
+            let webhookConfig = $("#section_webhookconfig");
+            webhookConfig.find(".webhookauth").each((i, t) => {
+              t = $(t);
+              if (t.hasClass(`webhookauth-${value}`)) {
+                t.show();
+              } else {
+                t.hide();
+              }
+            });
+            webhookConfig.find(`.webhookauth-${value}`).find(`.webhookauth-${value}-input.required`).each((i, entry) => {
+              let id = entry.id.replace("node-input-", "");
+              if (node._def.defaults[id]) {
+                node._def.defaults[id].required = true;
+              } else {
+                console.log(`you forgot to define ${id} in the defaults for WebhookTemplate`);
+              }
+            });
+            Object.entries(node._def.defaults).filter(([k, v]) => k.startsWith(`webhookAuth_`)).filter(([k, v]) => !k.startsWith(`webhookAuth_${value}_`)).forEach(([k, v]) => v.required = false);
+            node.webhookAuth = value;
+          }
+          let webhookAuthSelection = $("#node-config-input-webhookAuth");
+          webhookAuthSelection.typedInput({
+            type: "authentication",
+            types: [{
+              value: "authentication",
+              options: [{
+                value: "none",
+                label: "None"
+              }, {
+                value: "basic",
+                label: "BasicAuth"
+              }, {
+                value: "apikey",
+                label: "APIKey"
+              }]
+            }]
+          });
+          webhookAuthSelection.on("change", () => showSelectedAutnetication(webhookAuthSelection.val()));
+          showSelectedAutnetication(webhookAuthSelection.val());
+          let webhookAPIKeyMechanism = $("#node-config-input-webhookAuth_apikey_mechanism");
+          webhookAPIKeyMechanism.typedInput({
+            type: "apikeymechanism",
+            types: [{
+              value: "apikeymechansim",
+              options: [{
+                value: "header",
+                label: "Header"
+              }, {
+                value: "queryparam",
+                label: "Query Param"
+              }, {
+                value: "matrixparam",
+                label: "Matrix Param"
+              }]
+            }]
+          });
+          webhookAuthSelection.on("change", () => showSelectedAutnetication(webhookAuthSelection.val()));
+          showSelectedAutnetication(webhookAuthSelection.val());
+          let enableReverseProxy = $("#node-config-input-reverseProxies_enabled");
+          let reverseProxySection = $("#section_webhookconfig_reverseproxy");
+          enableReverseProxy.on("change", () => {
+            console.log("show / hide reverse proxy table");
+            if (enableReverseProxy.prop("checked")) {
+              reverseProxySection.show();
+            } else {
+              reverseProxySection.hide();
+            }
+          });
+          if (this.reverseProxies_enabled) {
+            reverseProxySection.show();
+          } else {
+            reverseProxySection.hide();
+          }
+          let getProxyTypes = async () => {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=ReverseProxyType",
+              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 getProxies = async () => {
+            let proxies = [];
+            // get the list of types again.
+            let proxyTypes = (await getProxyTypes()).map(type => type.id);
+            // add all of the known proxies.
+            RED.nodes.eachConfig(cfg => {
+              if (proxyTypes.includes(cfg.type)) {
+                proxies.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return proxies;
+          };
+          let reverseProxyList = $("#reverseproxylist_table");
+          reverseProxyList.editableList({
+            sortable: true,
+            removable: true,
+            height: 'auto',
+            scrollOnAdd: true,
+            addButton: 'Add ProxyHost',
+            header: $('<div>').append($.parseHTML(`
+            <div style='width:30%; margin-left:5%; display:inline-grid;'>Proxy</div>
+            <div style='width:auto; margin-right:5%; display:inline-grid;'>Domain Name</div>
+            `)),
+            buttons: [{
+              label: "Add Reverse Proxy",
+              icon: "fa fa-star",
+              title: "Add a reverse proxy configuration",
+              click: () => {
+                event.stopPropagation();
+                let $btn = $(event.target);
+                // Remove any existing dropdown
+                $('.proxy-dropdown').remove();
+                // Fetch the list of reverseproxy types.
+                getProxyTypes().then(proxyTypes => {
+                  let $dropdown = $('<div class="proxy-dropdown red-ui-editor"></div>');
+                  proxyTypes.forEach(proxyType => {
+                    $('<div class="dropdown-item"></div>').text(proxyType.name).data('value', proxyType.id).css({
+                      padding: '4px 8px',
+                      cursor: 'pointer'
+                    }).appendTo($dropdown);
+                  });
+                  // Position it near the button
+                  $dropdown.css({
+                    top: $btn.offset().top + $btn.height(),
+                    left: $btn.offset().left
+                  });
+                  $('body').append($dropdown);
+                  // 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
+                    $dropdown.remove();
+                    RED.editor.editConfig("reverseproxy", selectedValue, "_ADD_");
+                  });
+                })
+              },
+            }, {
+              label: "Edit Reverse Proxy",
+              icon: "fa fa-edit",
+              title: "Edit a reverse proxy configuration",
+              click: async (event) => {
+                event.stopPropagation();
+                // Remove any existing dropdown
+                $('.proxy-dropdown').remove();
+                // Build the dropdown from the select's options
+                const $dropdown = $('<div class="proxy-dropdown red-ui-editor"></div>');
+                (await getProxies()).forEach(proxy => {
+                  $('<div class="dropdown-item"></div>').text(proxy.name).data('value', proxy.id).data('type', proxy.type).css({
+                    padding: '4px 8px',
+                    cursor: 'pointer'
+                  }).appendTo($dropdown);
+                });
+                // Position it near the button
+                let $btn = $(event.target);
+                $dropdown.css({
+                  top: $btn.offset().top + $btn.height(),
+                  left: $btn.offset().left
+                });
+                $('body').append($dropdown);
+                // Handle item selection
+                $dropdown.on('click', '.dropdown-item', function(e) {
+                  e.stopPropagation();
+                  const selectedType = $(this).data('type');
+                  const selectedValue = $(this).data('value');
+                  const selectedText = $(this).text();
+                  // Do whatever you need with the selection
+                  $dropdown.remove();
+                  RED.editor.editConfig("reverseproxy", selectedType, selectedValue);
+                });
+              }
+            }],
+            addItem: async function(container, i, proxy) {
+              let row = $('<div/>', {
+                class: 'form-row',
+                style: 'display: flex; margin-bottom: 0;'
+              }).appendTo(container);
+              let proxyColumn = $('<select/>', {
+                type: 'text',
+                name: i,
+                required: true,
+                style: 'margin-left: 5px; margin-bottom: 0;',
+                class: 'proxy-proxy'
+              }).appendTo(row);
+              (await getProxies()).forEach(proxy => {
+                $('<option value="' + proxy.id + '">' + proxy.name + '</option>').appendTo(proxyColumn);
+              });
+              proxyColumn.on("focus", async () => {
+                proxyColumn.empty();
+                (await getProxies()).forEach(proxy => {
+                  $('<option value="' + proxy.id + '">' + proxy.name + '</option>').appendTo(proxyColumn);
+                })
+              });
+              proxyColumn.val(proxy.proxy);
+              // Add the Domain Name column
+              let domainnameColumn = $('<input/>', {
+                type: 'text',
+                name: i,
+                required: true,
+                style: 'margin-left: 5px; margin-bottom: 0;',
+                class: 'proxy-domainname'
+              }).appendTo(row)
+              domainnameColumn.val(proxy.domainname);
+            },
+            removeItem: function(data) {
+              // nothing to do here.
+            },
+          });
+          // Close dropdown when clicking anywhere else
+          $(document).on('click', function() {
+            $('.proxy-dropdown').remove();
+          });
+          this.reverseProxies_connections = (this.reverseProxies_connections) ? this.reverseProxies_connections : [];
+          reverseProxyList.editableList('addItems', this.reverseProxies_connections);
+        }
+      },
+      oneditsave: function() {
+        // **** webhook **** //
+        {
+          let node = this;
+          // pulling the values from the reverseproxy table.
+          let connectionList = $("#reverseproxylist_table").editableList('items');
+          node.reverseProxies_connections = [];
+          connectionList.each(function(i) {
+            node.reverseProxies_connections.push({
+              proxy: $(this).find('.proxy-proxy').val(),
+              domainname: $(this).find('.proxy-domainname').val(),
+            });
+          });
+          console.log(node.reverseProxies_connections);
+        }
+        // **** MetricsConfigNode_shaddowDefaults **** //
+        {
+          let node = this;
+          for (let i = 0; i < 10; i++) {
+            node["_reverseProxies_connections_" + i] = (node.reverseProxies_connections[i] || {}).proxy || "";
+          }
+        }
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='MetricsConfigNode'>
+    <div id='section_MetricsConfigNode'>
+        <div id="MetricsConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_webhook'>
+        <div id="section_webhookconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Webhook</span>
+            </div>
+
+            <div class="editorgroupborder">
+                <div class="form-row nomargin">
+                    <label for="node-config-input-webhook">Server</label>
+                    <input id="node-config-input-webhook" placeholder="webhook" />
+                </div>
+
+                <div class="form-row">
+                    <label for="node-config-input-webhookPath">Path</label>
+                    <input type="text" id="node-config-input-webhookPath" placeholder="/example" />
+                </div>
+
+                <div class="form-row">
+                    <label for="node-config-input-webhookAuth">Authentication</label>
+                    <input type="text" id="node-config-input-webhookAuth" placeholder="none" />
+                </div>
+
+                <div class="webhookauth webhookauth-none">
+                </div>
+
+                <div class="webhookauth webhookauth-basic">
+                    <div class="form-row">
+                        <label for="node-config-input-webhookAuth_basic_username">Auth Username:</label>
+                        <input type="text" id="node-config-input-webhookAuth_basic_username" placeholder="testUser" />
+                    </div>
+
+                    <div class="form-row">
+                        <label for="node-config-input-webhookAuth_basic_password">Auth Password:</label>
+                        <input type="password" id="node-config-input-webhookAuth_basic_password" placeholder="password" />
+                    </div>
+                </div>
+
+                <div class="webhookauth webhookauth-apikey">
+                    <div class="form-row">
+                        <label for="node-config-input-webhookAuth_apikey_mechanism">APIKey Mechanism:</label>
+                        <input type="text" id="node-config-input-webhookAuth_apikey_mechanism" />
+                    </div>
+
+                    <div class="form-row">
+                        <label for="node-config-input-webhookAuth_apikey_key">APIKey Key:</label>
+                        <input type="text" id="node-config-input-webhookAuth_apikey_key" placeholder="x-api-key" />
+                    </div>
+
+                    <div class="form-row">
+                        <label for="node-config-input-webhookAuth_apikey_value">APIKey Value</label>
+                        <input type="text" id="node-config-input-webhookAuth_apikey_value" placeholder="testvalue" />
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <label>Reverse Proxy</label>
+                    <input type="checkbox" id="node-config-input-reverseProxies_enabled" style="width:20px; margin-right:5px;" />
+                    <label style="width:auto" for="node-config-input-reverseProxies_enabled"><span>Enable Reverse Proxy</span></label>
+                </div>
+                <div id="section_webhookconfig_reverseproxy" style="display:none">
+                    <div class="form-row">
+                        <label></label>
+                        <ol id="reverseproxylist_table" class="theotherwillembotha-compact-table"></ol>
+                    </div>
+                </div>
+
+
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='MetricsConfigNode'>
+### Inputs
+: *name*        (string) : The common name for the metrics integration.
+
+### Webhook
+: *server* (webhookserverconfig) : the web server that this webhook will be bound to.
+: *path* (string) : the url path eg '/service' that should be regeistered on the webserver for this webhook callback
+: *authentication* (auth) : the authentication mechanism that should be used on this endpoint
+: *enable reverse proxy* (boolean) : whether this webhook will be exposed using a reverse proxy or not.
+: *reverse proxies* (reverse proxies) : the list of reverse proxies thie endpoint will be exposed on.
+
+### Webhook Authentication
+Three strategies are available for securing the webhook endpoint.
+
+- None:
+The endpoint accepts all incoming requests without any credential check.
+
+- Basic Auth:
+Validates the `Authorization` header on each incoming request against a username and password pair using HTTP Basic Authentication (RFC 7617).
+: *username* (string) : the username expected in the `Authorization` header
+: *password* (string) : the password expected in the `Authorization` header
+
+- API Key:
+Validates a key/value pair carried in the request. Only the `Header` mechanism is currently supported — the key is read from a named request header and compared against the configured value. Requests that do not supply the correct key receive a `401` response.
+: *mechanism* (mechanism) : the transport mechanism for the key. Currently supported: `Header`
+: *key name*  (string)    : the name of the request header carrying the key (e.g. `x-api-key`)
+: *key value* (string)    : the expected value — requests not matching this value are rejected
+
+### Reverse Proxy
+When *enable reverse proxy* is checked, the webhook endpoint is registered with one or more reverse proxy services installed in Node-RED. Reverse proxy types are discovered automatically from any plugin that registers a service tagged `ReverseProxyType` (e.g. an Nginx Proxy Manager integration). Each row in the list maps the internal webhook server to a public-facing domain.
+
+: *proxy*       (ReverseProxyType) : the reverse proxy service to register the endpoint with
+: *domain name* (string)           : the public domain name to expose the endpoint on
+
+The *external host* and *external port* fields on the linked **Webhook Server** config node must be set correctly for the proxy registration to resolve to the right internal address.
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('CounterMetricConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Counter Metric Config',
+      defaults: {
+        name: {
+          value: 'Counter Example',
+          required: true
+        },
+        description: {
+          value: 'an example couter',
+          required: false
+        },
+        reset: {
+          value: false,
+          required: false
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** CounterMetricConfigNode **** //
+        {
+          // enable the metrics by default and hide the Enable metrics button.
+          let metricsEnabled = $("#node-config-input-metricsEnabled");
+          metricsEnabled.prop('checked', true);
+          metricsEnabled.trigger("change");
+          $("#section_metricsconfig").find(".metricsEnableCheck").hide();
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-config-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() {
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='CounterMetricConfigNode'>
+    <div id='section_CounterMetricConfigNode'>
+        <div id="MetricsConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-description"><i class="fa fa-tag"></i> Description</label>
+                <input type="text" id="node-config-input-description" />
+            </div>
+
+            <div class="form-row">
+                <label></label>
+                <input type="checkbox" id="node-config-input-reset" style="width:20px; margin-right:5px;" />
+                <label style="width:auto" for="node-config-input-reset"><span>Reset on Deploy</span></label>
+            </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-config-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-config-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-config-input-metricsReference">Metric Collector</label>
+                        <input id="node-config-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='CounterMetricConfigNode'>
+Configuration node for the Counter Metrics
+
+### Inputs
+: *name*        (string) : The common name for the counter.
+: *description* (string) : A description for the given counter
+
+
+### 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>
+<script type="text/javascript">
+    RED.nodes.registerType('GaugeMetricConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Gauge Metric Config',
+      defaults: {
+        name: {
+          value: 'Metrics Example',
+          required: true
+        },
+        description: {
+          value: 'an example gauge',
+          required: false
+        },
+        reset: {
+          value: false,
+          required: false
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** GaugeMetricConfigNode **** //
+        {
+          // enable the metrics by default and hide the Enable metrics button.
+          let metricsEnabled = $("#node-config-input-metricsEnabled");
+          metricsEnabled.prop('checked', true);
+          metricsEnabled.trigger("change");
+          $("#section_metricsconfig").find(".metricsEnableCheck").hide();
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-config-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() {
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='GaugeMetricConfigNode'>
+    <div id='section_GaugeMetricConfigNode'>
+        <div id="MetricsConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name">
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-description"><i class="fa fa-tag"></i> Description</label>
+                <input type="text" id="node-config-input-description">
+            </div>
+
+            <div class="form-row">
+                <label></label>
+                <input type="checkbox" id="node-config-input-reset" style="width:20px; margin-right:5px;">
+                <label style="width:auto" for="node-config-input-reset"><span>Reset on Deploy</span></label>
+            </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-config-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-config-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-config-input-metricsReference">Metric Collector</label>
+                        <input id="node-config-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='GaugeMetricConfigNode'>
+Configuration node for the Gauge Metrics
+
+### Inputs
+: *name*        (string) : The common name for the gauge.
+: *description* (string) : A description for the given gauge.
+
+
+### 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>
+<script type="text/javascript">
+    RED.nodes.registerType('TimerMetricConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Timer Metric Config',
+      defaults: {
+        name: {
+          value: 'Timer Example',
+          required: true
+        },
+        description: {
+          value: 'an example gauge',
+          required: false
+        },
+        metricType: {
+          required: true
+        },
+        buckettype: {
+          value: 'Default',
+          required: false
+        },
+        buckettype_manual_intervals: {
+          value: '0.001, 0.01, 0.1, 1, 2, 5',
+          required: false
+        },
+        buckettype_linear_start: {
+          value: '0',
+          required: false
+        },
+        buckettype_linear_interval: {
+          value: '5',
+          required: false
+        },
+        buckettype_linear_count: {
+          value: '10',
+          required: false
+        },
+        buckettype_exponential_start: {
+          value: '1',
+          required: false
+        },
+        buckettype_exponential_factor: {
+          value: '2',
+          required: false
+        },
+        buckettype_exponential_count: {
+          value: '10',
+          required: false
+        },
+        percentiletype: {
+          value: 'Default',
+          required: false
+        },
+        percentiletype_manual_intervals: {
+          value: '0.01, 0.1, 0.9, 0.99',
+          required: false
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** TimerMetricConfigNode **** //
+        {
+          let node = this;
+          // bucket generator selection
+          let selectBucketType = function(value) {
+            $("#TimerMetricConfig").find(".metricsconfig_buckets").hide();
+            $("#TimerMetricConfig").find(`.metricsconfig_buckets_${value}`).show();
+          };
+          let bucketTypeSelection = $("#node-config-input-buckettype");
+          bucketTypeSelection.typedInput({
+            type: "buckettype",
+            types: [{
+              value: "buckettype",
+              options: [{
+                value: "default",
+                label: "Default"
+              }, {
+                value: "manual",
+                label: "Manual"
+              }, {
+                value: "linear",
+                label: "Linear"
+              }, {
+                value: "exponential",
+                label: "Exponential"
+              }, ]
+            }]
+          });
+          bucketTypeSelection.on("change", () => selectBucketType(bucketTypeSelection.val()));
+          selectBucketType(bucketTypeSelection.val());
+          // percentile type selection.
+          let selectPercentileType = function(value) {
+            $("#TimerMetricConfig").find(".metricsconfig_percentiles").hide();
+            $("#TimerMetricConfig").find(`.metricsconfig_percentiles_${value}`).show();
+          }
+          let percentileTypeSelection = $("#node-config-input-percentiletype");
+          percentileTypeSelection.typedInput({
+            type: "percentiletype",
+            types: [{
+              value: "percentiletype",
+              options: [{
+                value: "default",
+                label: "Default"
+              }, {
+                value: "manual",
+                label: "Manual"
+              }, ]
+            }]
+          });
+          percentileTypeSelection.on("change", () => selectPercentileType(percentileTypeSelection.val()));
+          selectPercentileType(percentileTypeSelection.val());
+          // metric type selection.
+          let selectMetricType = function(value) {
+            // show/hide the relevant metric type section.
+            $("#TimerMetricConfig").find(`.metrictype`).hide();
+            $("#TimerMetricConfig").find(`.metrictype_${value}`).show();
+            bucketTypeSelection.trigger("change");
+            percentileTypeSelection.trigger("change");
+          }
+          let metricTypeSelection = $("#node-config-input-metricType");
+          metricTypeSelection.typedInput({
+            type: "metricType",
+            types: [{
+              value: "metricType",
+              options: [{
+                value: "histogram",
+                label: "Histogram"
+              }, {
+                value: "summary",
+                label: "Summary"
+              }, ]
+            }]
+          });
+          metricTypeSelection.on("change", () => selectMetricType(metricTypeSelection.val()));
+          selectMetricType(metricTypeSelection.val());
+          // enable the metrics by default and hide the Enable metrics button.
+          let metricsEnabled = $("#node-config-input-metricsEnabled");
+          metricsEnabled.prop('checked', true);
+          metricsEnabled.trigger("change");
+          $("#section_metricsconfig").find(".metricsEnableCheck").hide();
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-config-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() {
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='TimerMetricConfigNode'>
+    <div id='section_TimerMetricConfigNode'>
+        <div id="TimerMetricConfig">
+            <div class="form-row">
+                <label class="towb_editorlabel" for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+
+            <div class="form-row">
+                <label class="towb_editorlabel" for="node-config-input-description"><i class="fa fa-tag"></i> Description</label>
+                <input type="text" id="node-config-input-description" />
+            </div>
+
+            <div class="form-row">
+                <label class="towb_editorlabel" for="node-config-input-metricType"><i class="fa fa-tag"></i> Type</label>
+                <input class="towb_editorfield" type="text" id="node-config-input-metricType" />
+            </div>
+
+            <div class="metrictype metrictype_histogram">
+                <div class="form-row">
+                    <label class="towb_editorlabel" for="node-config-input-buckettype"><i class="fa fa-tag"></i> Bucket Type</label>
+                    <input class="towb_editorfield" type="text" id="node-config-input-buckettype" />
+                </div>
+
+                <div class="metricsconfig_buckets metricsconfig_buckets_default">
+                    <span>Default bucket sizes configured as 0.001, 0.01, 0.1, 1, 2, 5 seconds</span>
+                </div>
+
+                <div class="metricsconfig_buckets metricsconfig_buckets_manual">
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_manual_intervals"><i class="fa fa-tag"></i> Buckets</label>
+                        <input type="text" id="node-config-input-buckettype_manual_intervals" placeholder="0.001, 0.01, 0.1, 1, 2, 5" , value="0.001, 0.01, 0.1, 1, 2, 5" />
+                    </div>
+                </div>
+
+                <div class="metricsconfig_buckets metricsconfig_buckets_linear">
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_linear_start"><i class="fa fa-tag"></i> Start</label>
+                        <input class="towb_editorfield_short" type="text" id="node-config-input-buckettype_linear_start" placeholder="0.000" , value="0.000" />
+                    </div>
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_linear_inteval"><i class="fa fa-tag"></i> Interval</label>
+                        <input class="towb_editorfield_short" type="text" id="node-config-input-buckettype_linear_interval" placeholder="10" , value="10" />
+                    </div>
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_linear_count"><i class="fa fa-tag"></i> Count</label>
+                        <input class="towb_editorfield_short" type="text" id="node-config-input-buckettype_linear_count" placeholder="10" , value="10" />
+                    </div>
+                </div>
+
+                <div class="metricsconfig_buckets metricsconfig_buckets_exponential">
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_exponential_start"><i class="fa fa-tag"></i> Start</label>
+                        <input class="towb_editorfield_short" type="text" id="node-config-input-buckettype_exponential_start" placeholder="1" , value="1" />
+                    </div>
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_exponential_factor"><i class="fa fa-tag"></i> Factor</label>
+                        <input class="towb_editorfield_short" type="text" id="node-config-input-buckettype_exponential_factor" placeholder="2" , value="2" />
+                    </div>
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-buckettype_exponential_count"><i class="fa fa-tag"></i> Count</label>
+                        <input class="towb_editorfield_short" type="text" id="node-config-input-buckettype_exponential_count" placeholder="10" , value="10" />
+                    </div>
+                </div>
+            </div>
+
+            <div class="metrictype metrictype_summary">
+                <div class="form-row">
+                    <label class="towb_editorlabel" for="node-config-input-percentiletype"><i class="fa fa-tag"></i> Percentile Type</label>
+                    <input type="text" id="node-config-input-percentiletype" />
+                </div>
+
+                <div class="metricsconfig_percentiles metricsconfig_percentiles_default">
+                    <span>Default percentille sizes configured as [0.01, 0.1, 0.9, 0.99]</span>
+                </div>
+
+                <div class="metricsconfig_percentiles metricsconfig_percentiles_manual">
+                    <div class="form-row">
+                        <label class="towb_editorlabel" for="node-config-input-percentiletype_manual_intervals"><i class="fa fa-tag"></i> Percentiles</label>
+                        <input class="towb_editorfield" type="text" id="node-config-input-percentiletype_manual_intervals" placeholder="0.01, 0.1, 0.9, 0.99" , value="0.01, 0.1, 0.9, 0.99" />
+                    </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-config-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-config-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-config-input-metricsReference">Metric Collector</label>
+                        <input id="node-config-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='TimerMetricConfigNode'>
+Configuration node for the Timer Metrics
+
+### Inputs
+: *name*        (string) : The common name for the timer.
+: *description* (string) : A description for the timer
+: *type* (string) : the type of timer metric ie. Histogram or Summary
+
+#### Histogram
+: *type* (string) : the type of timer metric ie. Histogram or Summary
+
+#### Summary
+: *percentile type* (string) : the type of percentile strategy. currently supported are default and manual
+: *percentiles* (string) : a comma separated list of percentiles to group observations into. note that the scale goes from 0 to 1.
+
+
+### 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>
+<!-- WebhookServerConfigNode -->
+<script type="text/javascript">
+    RED.nodes.registerType('WebhookServerConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Webhook',
+      defaults: {
+        name: {
+          value: 'Example Test Node',
+          required: true
+        },
+        port: {
+          value: 6644,
+          required: true
+        },
+        externalHost: {
+          value: 'localhost',
+          required: true
+        },
+        externalPort: {
+          value: 6644,
+          required: true
+        },
+      },
+      oneditprepare: function() {},
+      oneditsave: function() {},
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='WebhookServerConfigNode'>
+    <div id='section_WebhookServerConfigNode'>\
+        <div id="WebhookServerConfig">
+            <div class="form-row">
+                <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-config-input-name" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-port"><i class="fa fa-tag"></i> Port</label>
+                <input type="number" id="node-config-input-port" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-externalHost"><i class="fa fa-tag"></i> External Host</label>
+                <input type="text" id="node-config-input-externalHost" />
+            </div>
+
+            <div class="form-row">
+                <label for="node-config-input-externalPort"><i class="fa fa-tag"></i> External Port</label>
+                <input type="number" id="node-config-input-externalPort" />
+            </div>
+            <!-- add a button here to autmatically find an open port -->
+        </div>
+
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='WebhookServerConfigNode'>
+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>
+
+