@theotherwillembotha/node-red-plugincore 0.0.50 → 0.0.51

package/src/core/logger/node/LokiLoggerConfigNode.html

@@ -6,7 +6,7 @@
         .addDefault("level", {value:"info", required:true})
 
         .addDefault("loki_host", {})
-        .addDefault("loki_tenantID", {})
+        .addDefault("loki_tenantid", {})
         .addDefault("loki_userid", {})
         .addDefault("loki_authtoken", {})
 
@@ -51,103 +51,67 @@
 <script type="text/html" template-section="onIncludeEditForm">
 <div id="LoggerConfig">
     <div class="form-row">
-        <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+        <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 for="node-config-input-level"><i class="fa fa-tag"></i> Level</label>
+        <label class="towb_editorlabel" for="node-config-input-level"><i class="fa fa-signal"></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>
+        <label class="towb_editorlabel" for="node-config-input-loki_host"><i class="fa fa-server"></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" />
+        <label class="towb_editorlabel" for="node-config-input-loki_tenantid"><i class="fa fa-building-o"></i> Tenant ID</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>
+        <label class="towb_editorlabel" for="node-config-input-loki_userid"><i class="fa fa-user"></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>
+        <label class="towb_editorlabel" for="node-config-input-loki_authtoken"><i class="fa fa-key"></i> Auth Token</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>
+        <label class="towb_editorlabel" for="node-config-input-templateEditor"><i class="fa fa-code"></i> Template</label>
         <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-config-input-templateEditor"></div>
     </div>
 </div>
 </script>
 
 <script type="text/markdown" template-section="onIncludeDocumentation">
-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)
+Pushes log messages to a Grafana Loki instance using the Loki HTTP API.
+
+### Properties
+: *name*        (string)    : A descriptive name for this logger configuration.
+: *level*       (level)     : The minimum log level. Messages below this threshold are suppressed. Options: DEBUG, INFO, WARNING, ERROR.
+: *host*        (string)    : The base URL of the Loki instance, including port (e.g. `http://localhost:3100`).
+: *tenant ID*   (string)    : The tenant identifier for multi-tenant Loki deployments (`X-Scope-OrgID` header). Leave blank for single-tenant deployments.
+: *username*    (string)    : Username for Loki authentication.
+: *auth token*  (string)    : Authentication token or password for Loki.
+: *template*    (mustache)  : A Mustache/Handlebars template that formats the log message body.
+
+### Mustache Templating
+Mustache/Handlebars templates build the message string pushed to Loki.
+
+#### Provided Properties
+: *msg*         (object)    : The Node-RED message object passed through the node.
+: *currentTime* (string)    : The current time in ISO 8601 format.
+
+#### Helpers
+: *json*        (helper)    : Serialises an object to a JSON string using `JSON.stringify`.
+
+#### Examples
+- `{{{json msg}}}` — serialises the full message object as JSON.
+
+#### References
+- [Grafana Loki — HTTP API](https://grafana.com/docs/loki/latest/reference/loki-http-api/)
+- [Mustache — Wikipedia](https://en.wikipedia.org/wiki/Mustache_(template_system))
+- [Mustache — Playground](https://jgonggrijp.gitlab.io/wontache/playground.html)
 </script>
 

package/src/core/logger/node/LokiLoggerConfigNode.ts

@@ -15,7 +15,7 @@ interface LokiLoggerConfigNodeConfig extends ConfigNodeConfig {
     loki_host:string,
     loki_userid?:string,
     loki_authtoken?:string,
-    loki_tenantID?:string
+    loki_tenantid?:string
 }
 
 @NodeDescription({
@@ -46,7 +46,7 @@ export class LokiLoggerConfigNode extends ConfigNode<LokiLoggerConfigNodeConfig>
             host:config.loki_host,
             userid:config.loki_userid,
             authtoken:config.loki_authtoken,
-            tenantID:config.loki_tenantID,
+            tenantID:config.loki_tenantid,
         }
 
         this._logger = LoggerService.get(loggerConfig);

package/src/core/logger/node/RestLoggerConfigNode.html

@@ -6,8 +6,8 @@
         .addDefault("level", {value:"info", required:true})
 
         // platform rest:
-        .addDefault("est_url", {})
-        .addDefault("est_ignoresslerror", {})
+        .addDefault("rest_url", {})
+        .addDefault("rest_ignoresslerror", {})
         .addDefault("rest_auth_type", {})
         .addDefault("rest_auth_basic_username", {})
         .addDefault("rest_auth_basic_password", {})
@@ -88,122 +88,96 @@
 <script type="text/html" template-section="onIncludeEditForm">
 <div id="LoggerConfig">
     <div class="form-row">
-        <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+        <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 for="node-config-input-level"><i class="fa fa-tag"></i> Level</label>
+        <label class="towb_editorlabel" for="node-config-input-level"><i class="fa fa-signal"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_url"><i class="fa fa-link"></i> URL</label>
             <input class="platform-rest-input required" type="text" id="node-config-input-rest_url" />
         </div>
         <div class="form-row">
-            <label></label>
+            <label class="towb_editorlabel"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_auth_type"><i class="fa fa-lock"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_auth_basic_username"><i class="fa fa-user"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_auth_basic_password"><i class="fa fa-key"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_auth_apikey_mechanism"><i class="fa fa-exchange"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_auth_apikey_name"><i class="fa fa-id-badge"></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>
+            <label class="towb_editorlabel" for="node-config-input-rest_auth_apikey_value"><i class="fa fa-lock"></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>
+        <label class="towb_editorlabel" for="node-config-input-templateEditor"><i class="fa fa-code"></i> Template</label>
         <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-config-input-templateEditor"></div>
     </div>
 </div>
 </script>
 
 <script type="text/markdown" template-section="onIncludeDocumentation">
-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)
+Posts log messages to an HTTP or HTTPS endpoint as a JSON payload.
+
+### Properties
+: *name*        (string)    : A descriptive name for this logger configuration.
+: *level*       (level)     : The minimum log level. Messages below this threshold are suppressed. Options: DEBUG, INFO, WARNING, ERROR.
+: *url*         (url)       : The endpoint that log messages will be POSTed to.
+: *ignore SSL errors* (boolean) : When enabled, invalid SSL certificates are accepted.
+: *authentication* (select) : The authentication strategy applied to each request. Options: None, Basic, ApiKey.
+: *template*    (mustache)  : A Mustache/Handlebars template that formats the log message body.
+
+### Authentication
+#### Basic
+Authenticates using the HTTP `Authorization` header (RFC 7617).
+: *username*    (string)    : The username credential.
+: *password*    (string)    : The password credential.
+
+#### ApiKey
+Authenticates by injecting a key/value pair into the request.
+: *mechanism*   (select)    : Where the key is injected — Header, Query Param, or Matrix Param.
+: *APIKey name* (string)    : The name of the key (e.g. `x-api-key`).
+: *APIKey value* (string)   : The value of the key.
+
+### Mustache Templating
+Mustache/Handlebars templates build the message string POSTed to the endpoint.
+
+#### Provided Properties
+: *msg*         (object)    : The Node-RED message object passed through the node.
+: *currentTime* (string)    : The current time in ISO 8601 format.
+
+#### Helpers
+: *json*        (helper)    : Serialises an object to a JSON string using `JSON.stringify`.
+
+#### Examples
+- `{{{json msg}}}` — serialises the full message object as JSON.
+
+#### References
+- [Mustache — Wikipedia](https://en.wikipedia.org/wiki/Mustache_(template_system))
+- [Mustache — Playground](https://jgonggrijp.gitlab.io/wontache/playground.html)
 </script>
 

package/src/core/logger/node/RestLoggerConfigNode.ts

@@ -24,7 +24,7 @@ interface RestLoggerConfigNodeConfig extends ConfigNodeConfig {
 
 @NodeDescription({
     id:"RestLoggerConfigNode",
-    name:"Console Logger",
+    name:"Rest Endpoint Logger",
     group:"config",
     sourceFile:SourceUtility.getSourcePath("/build/", "/src/") + "RestLoggerConfigNode.html",
     package: "@theotherwillembotha/node-red-plugincore",

package/src/core/logger/service/LoggerService.ts

@@ -5,7 +5,6 @@ import Handlebars from "handlebars";
 import { createLogger, format, transports } from "winston";
 import LokiTransport from "winston-loki";
 import { URLRecord, parseURL } from 'whatwg-url';
-import { LoggerConfigNode } from "../node/LoggerConfigNode";
 import { LoggerTemplate } from "../template/LoggerTemplate";
 var network = require('network');
 import deepEqual from "deep-equal";
@@ -137,7 +136,7 @@ export interface LokiLoggerConfig extends BaseLoggerConfig{
     host:string;
     userid?:string;
     authtoken?:string;
-    tenantID?:string;
+    tenantid?:string;
 }
 
 class LokiLogger extends NewLogger<LokiLoggerConfig>{
@@ -151,7 +150,7 @@ class LokiLogger extends NewLogger<LokiLoggerConfig>{
             json: true,
             format: format.json(),
             headers: {
-                "X-Scope-OrgID": (config.tenantID) ? config.tenantID : undefined
+                "X-Scope-OrgID": (config.tenantid) ? config.tenantid : undefined
             },
             replaceTimestamp: true,
             onConnectionError: (err:unknown) => console.error(err),
@@ -301,7 +300,7 @@ export class LoggerService extends BaseService {
             "services-plugin",
             "@theotherwillembotha/node-red-plugincore",
             LoggerService,
-            [LoggerConfigNode, LoggerTemplate]
+            [LoggerTemplate]
         );
     }
 }

package/src/core/logger/template/LoggerTemplate.html

@@ -102,7 +102,7 @@
 <script type="text/javascript" template-section="onCompose">
     node
         .addDefault("logEnabled", { value:false, required:true})
-        .addDefault("logger", { required:false})
+        .addDefault("logger", { required:false, value:'', type:"DelegatedConfigReferenceNode"})
         .addDefault("logTemplateOverrideEnabled",  {value:false})
         .addDefault("logTemplateOverride", {value:"message:{{msg}}"})
 </script>
@@ -186,7 +186,7 @@
         value: node.logTemplateOverride
     });
 
-    let loggerSelector = $("#{{defaults.logger}}");
+    let loggerSelector = $("#logger-selector");
     let loggerEditButton = $("#logger-edit-btn");
     let loggerAddButton = $("#logger-add-btn");
 
@@ -199,7 +199,7 @@
 
         // figure out what type of logger this is.
         let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
-        RED.editor.editConfig("#{{defaults.logger}}", selectedLogger.type, selectedLogger.id);
+        RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
     });
 
     loggerAddButton.on('click', function(event) {
@@ -223,14 +223,14 @@
                 .appendTo($dropdown);
             });
 
-            // Position it near the button
+            // 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.height(),
-                left: $btn.offset().left
+                top:  $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
             });
 
-            $('body').append($dropdown);
-
             $(document).on('mousedown.dropdown', function(e) {
                 if (!$(e.target).closest('.loggertype-dropdown').length) {
                     $dropdown.remove();
@@ -247,7 +247,7 @@
                 // Do whatever you need with the selection
                 console.log('Selected:', selectedValue, selectedText);
                 $dropdown.remove();
-                RED.editor.editConfig("#{{defaults.logger}}", selectedValue, "_ADD_");
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
             });
         })
     });
@@ -265,12 +265,15 @@
     // lastly, make sure that we set the correct value on the logger selector.
     updateLoggerSelectorList().then(() => {
         loggerSelector.val(node.logger);
+        loggerSelector.trigger('change');
     });
 
 </script>
 
 <script type="text/javascript" template-section="onIncludeEditSave">
     node = this;
+    var selectedLogger = $("#logger-selector").val();
+    node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
     node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
     node.logTemplateOverrideEditor.destroy();
     delete node.logTemplateOverrideEditor;
@@ -289,9 +292,9 @@
 
             <div id="section_logEnabled">
                 <div class="form-row nomargin">
-                    <label for="{{defaults.logger}}">Logger</label>
+                    <label for="logger-selector">Logger</label>
                     <div style="width: 70%; display: inline-flex;">
-                        <select id="{{defaults.logger}}" style="flex-grow: 1;" class="">
+                        <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;">
@@ -310,7 +313,7 @@
 
                 <div id="section_logTemplateOverrideEnabled">
                     <div class="form-row">
-                        <label for="node-input-logTemplateOverrideEditor"><i class="fa fa-tag"></i> Template</label>
+                        <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>

package/src/core/logger/template/LoggerTemplate.ts

@@ -1,6 +1,5 @@
 import { SourceUtility } from "../../NodeGenerator";
 import { BaseNodeConfig, Template, TemplateDescriptor } from "../../NodeConstructor"
-import { LoggerConfigNode } from "../node/LoggerConfigNode";
 
 export interface LoggerTemplateConfig extends BaseNodeConfig{
     logEnabled:boolean,
@@ -17,7 +16,7 @@ export class LoggerTemplate extends Template {
             "logger", 
             LoggerTemplate, 
             SourceUtility.getSourcePath("/build/", "/src/") + "LoggerTemplate.html",
-            [LoggerConfigNode], 
+            [], 
         )
     }
 }

package/src/core/metrics/MetricsDecorator.ts

@@ -100,7 +100,7 @@ export function Metrics(metricsConfig: MetricsConfig):Function {
                 metricdescription:metricsConfig.description,
                 node:nde
               };
-              this[valueSymbol] = _metrics.guage(gaugeConfig);
+              this[valueSymbol] = _metrics.gauge(gaugeConfig);
               return this[valueSymbol];
             }
 
@@ -183,7 +183,7 @@ export function Metrics(metricsConfig: MetricsConfig):Function {
                   metricdescription:metricsConfig.description,
                   node:nde
                 };
-                this[valueSymbol] = _metrics.guage(gaugeConfig);
+                this[valueSymbol] = _metrics.gauge(gaugeConfig);
                 return this[valueSymbol];
               }
 

package/src/core/metrics/node/CounterMetricConfigNode.html

@@ -20,12 +20,12 @@
 <script type="text/html" template-section="onIncludeEditForm">
     <div id="MetricsConfig">
         <div class="form-row">
-            <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+            <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 for="node-config-input-description"><i class="fa fa-tag"></i> Description</label>
+            <label class="towb_editorlabel" for="node-config-input-description"><i class="fa fa-info-circle"></i> Description</label>
             <input type="text" id="node-config-input-description" />
         </div>
 

package/src/core/metrics/node/GaugeMetricConfigNode.html

@@ -20,12 +20,12 @@
 <script type="text/html" template-section="onIncludeEditForm">
     <div id="MetricsConfig">
         <div class="form-row">
-            <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+            <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 for="node-config-input-description"><i class="fa fa-tag"></i> Description</label>
+            <label class="towb_editorlabel" for="node-config-input-description"><i class="fa fa-info-circle"></i> Description</label>
             <input type="text" id="node-config-input-description">
         </div>
 

package/src/core/metrics/node/GaugeMetricConfigNode.ts

@@ -14,7 +14,7 @@ interface GaugeMetricConfigNodeConfig extends ConfigNodeConfig, GaugeMetricConfi
 
 @NodeDescription({
     id:"GaugeMetricConfigNode",
-    name:"Guage Metric Config Node",
+    name:"Gauge Metric Config Node",
     group:"config",
     sourceFile:SourceUtility.getSourcePath("/build/", "/src/") + "GaugeMetricConfigNode.html",
     package: "@theotherwillembotha/node-red-plugincore",
@@ -45,7 +45,7 @@ export class GaugeMetricConfigNode extends ConfigNode<GaugeMetricConfigNodeConfi
             }
         };
         
-        this._gauge = this._metrics.guage(gaugeConfig);
+        this._gauge = this._metrics.gauge(gaugeConfig);
         
         if(config.reset){
             _this._gauge.reset();

package/src/core/metrics/node/MetricsConfigNode.html

@@ -8,7 +8,7 @@
 <script type="text/html" template-section="onIncludeEditForm">
     <div id="MetricsConfig">
         <div class="form-row">
-            <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
+            <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>

package/src/core/metrics/node/MetricsConfigNode.ts

@@ -16,7 +16,7 @@ The metrics / repositories are menanaged by the plugin and triggered when the fl
 
 The reasoning for this is that the Metrics exist outside of the flow, but is configured using the flow.
 Basically, if the metrics arent changed, we dont have to redeploy the metrics, which means that
-stuff like coutners, guages and timers are not reset.
+stuff like coutners, gauges and timers are not reset.
 */
 interface MetricsConfigNodeConfig extends ConfigNodeConfig, WebhookTemplateConfig {
 }