@theotherwillembotha/node-red-circuitbreaker 0.0.53

package/build/Nodes.html

@@ -0,0 +1,2190 @@
+
+<!--
+
+    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.
+    
+-->
+
+<!-- CircuitBreakerConfigNode -->
+<style>
+    .theotherwillembotha-compact-table li {
+      padding-top: 4px;
+      padding-bottom: 4px;
+    }
+
+</style>
+<script type="text/javascript">
+    RED.nodes.registerType('CircuitBreakerConfigNode', {
+      category: 'config',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Circuit Breaker Config',
+      defaults: {
+        name: {
+          value: 'Circuit Breaker Config Example',
+          required: true
+        },
+        defaultState: {
+          value: 'Closed',
+          required: true
+        },
+      },
+      oneditprepare: function() {
+        // **** CircuitBreakerConfigNode **** //
+        {
+          let node = this;
+          $("#node-config-input-defaultState").typedInput({
+            type: "defaultState",
+            types: [{
+              value: "defaultState",
+              options: [{
+                value: "Closed",
+                label: "Closed"
+              }, {
+                value: "Open",
+                label: "Open"
+              }]
+            }]
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** CircuitBreakerConfigNode **** //
+        {
+          let node = this;
+        }
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='CircuitBreakerConfigNode'>
+    <div id='section_CircuitBreakerConfigNode'>
+        <div class="form-row">
+            <label for="node-config-input-name" class="towb_editorlabel"><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-defaultState" class="towb_editorlabel"><i class="fa fa-power-off"></i> Default State</label>
+            <input type="text" id="node-config-input-defaultState" />
+        </div>
+
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='CircuitBreakerConfigNode'>
+Shared state node for a circuit breaker instance. All Circuit Breaker nodes that should operate on the same breaker must reference the same config node.
+
+### Properties
+
+: *name*          (string) : A descriptive label for this circuit breaker instance.
+: *default state* (select) : The state the breaker starts in when Node-RED deploys. **Closed** (default) - messages flow normally. **Open** - the breaker starts tripped.
+
+### Breaker context
+
+Each config node holds a key/value context store (`BreakerContext`) that is accessible from Fault Detector and State scripts. Use `breaker.context().get(key, default)` and `breaker.context().set(key, value)` to store state between messages - for example to maintain a rolling failure window.
+</script>
+<!-- CircuitBreakerNode -->
+<style>
+    .node_label_white {
+      fill: white
+    }
+
+</style>
+<!-- logger -->
+<style>
+    .editorgroupborder {
+      border-width: 1px;
+      border-style: solid;
+      border-color: lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+    }
+
+    .editorsectionheading {
+      font-weight: 600;
+      margin-bottom: 1px !important;
+      margin-top: 6px !important;
+    }
+
+    .nomargin {
+      margin-bottom: 1px !important;
+      margin-top: 1px !important;
+    }
+
+    .slidecontainer {
+      width: 100%;
+    }
+
+    .slider {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 100%;
+      height: 25px;
+      background: #d3d3d3;
+      outline: none;
+      opacity: 0.7;
+      -webkit-transition: .2s;
+      transition: opacity .2s;
+    }
+
+    .slider:hover {
+      opacity: 1;
+    }
+
+    .slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .slider::-moz-range-thumb {
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .towb_editorlabel {
+      width: 120px !important;
+    }
+
+    .towb_editorfield {
+      width: 70% !important;
+    }
+
+    .towb_editorfield_short {
+      width: 30% !important;
+    }
+
+</style>
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('CircuitBreakerNode', {
+      category: 'circuitbreaker',
+      icon: 'circuitrbreaker.png',
+      color: '#1D7874',
+      labelStyle: 'node_label_white',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Circuit Breaker',
+      inputs: 1,
+      inputLabels: (i) => 'input',
+      outputs: 2,
+      outputLabels: (i) => ['closed', 'open'][i],
+      defaults: {
+        name: {
+          value: 'CircuitBreaker Example',
+          required: true
+        },
+        circuitbreakerconfig: {
+          type: 'CircuitBreakerConfigNode',
+          required: true
+        },
+        logEnabled: {
+          value: false,
+          required: true
+        },
+        logger: {
+          required: false,
+          value: '',
+          type: 'DelegatedConfigReferenceNode'
+        },
+        logTemplateOverrideEnabled: {
+          value: false
+        },
+        logTemplateOverride: {
+          value: 'message:{{msg}}'
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** CircuitBreakerNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          let node = this;
+          // controls.
+          let logEnabled = $("#node-input-logEnabled");
+          let logTemplateEnabled = $("#node-input-logTemplateOverrideEnabled");
+          let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+          let logEnabledSection = $("#section_logEnabled");
+          // functions.
+          let getLoggerTypes = async function() {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=LoggerType",
+              type: "GET",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                id: node.id
+              }),
+              success: (response) => {
+                types = response;
+              },
+              error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+              },
+            });
+            return types;
+          }
+          let getLoggers = async () => {
+            let loggers = [];
+            // get the list of types again.
+            let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+            // add all of the known loggers.
+            RED.nodes.eachConfig(cfg => {
+              if (loggerTypes.includes(cfg.type)) {
+                loggers.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return loggers;
+          };
+          let updateLoggerSelectorList = async () => {
+            loggerSelector.empty();
+            (await getLoggers()).forEach(logger => {
+              $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+            });
+            $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+          }
+          logEnabled.on('change', function() {
+            if (logEnabled.prop("checked")) {
+              logEnabledSection.show();
+              node._def.defaults.logger.required = true;
+            } else {
+              logEnabledSection.hide()
+              node._def.defaults.logger.required = false;
+            }
+          });
+          logTemplateEnabled.on('change', function() {
+            if (logTemplateEnabled.prop("checked")) {
+              logTemplateEnabledSection.show();
+              node._def.defaults.logTemplateOverride.required = true;
+            } else {
+              logTemplateEnabledSection.hide()
+              node._def.defaults.logTemplateOverride.required = false;
+            }
+          });
+          node.logTemplateOverrideEditor = RED.editor.createEditor({
+            id: 'node-input-logTemplateOverrideEditor',
+            mode: 'ace/mode/handlebars',
+            value: node.logTemplateOverride
+          });
+          let loggerSelector = $("#logger-selector");
+          let loggerEditButton = $("#logger-edit-btn");
+          let loggerAddButton = $("#logger-add-btn");
+          loggerEditButton.on('click', async function(event) {
+            event.stopPropagation();
+            if (loggerEditButton.hasClass("disabled")) {
+              return;
+            }
+            // figure out what type of logger this is.
+            let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+            RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
+          });
+          loggerAddButton.on('click', function(event) {
+            event.stopPropagation();
+            let $btn = $(event.target);
+            // Remove any existing dropdown
+            $('.loggertype-dropdown').remove();
+            getLoggerTypes().then(loggerTypes => {
+              let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+              loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>').text(loggerType.name).data('value', loggerType.id).css({
+                  padding: '4px 8px',
+                  cursor: 'pointer'
+                }).appendTo($dropdown);
+              });
+              // Append first so outerWidth() is measurable, then position so the
+              // right edge of the dropdown aligns with the right edge of the button.
+              $('body').append($dropdown);
+              $dropdown.css({
+                top: $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
+              });
+              $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                  $dropdown.remove();
+                  $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+              });
+              // Handle item selection
+              $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
+              });
+            })
+          });
+          loggerSelector.on("focus", updateLoggerSelectorList);
+          loggerSelector.on('change', function(event) {
+            if ("_ADD_" === loggerSelector.val()) {
+              loggerEditButton.addClass("disabled")
+            } else {
+              loggerEditButton.removeClass("disabled")
+            }
+          });
+          // lastly, make sure that we set the correct value on the logger selector.
+          updateLoggerSelectorList().then(() => {
+            loggerSelector.val(node.logger);
+            loggerSelector.trigger('change');
+          });
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-input-metricsEnabled");
+          let metricsEnabledSection = $("#section_metricsEnabled");
+          metricsEnabled.on('change', function() {
+            if (metricsEnabled.prop("checked")) {
+              metricsEnabledSection.show();
+              node._def.defaults.metricsReference.required = true;
+            } else {
+              metricsEnabledSection.hide()
+              node._def.defaults.metricsReference.required = false;
+            }
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** CircuitBreakerNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          node = this;
+          var selectedLogger = $("#logger-selector").val();
+          node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
+          node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+          node.logTemplateOverrideEditor.destroy();
+          delete node.logTemplateOverrideEditor;
+        }
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='CircuitBreakerNode'>
+    <div id='section_CircuitBreakerNode'>
+        <div class="form-row">
+            <label for="node-input-name" class="towb_editorlabel"><i class="fa fa-font"></i> Name</label>
+            <input type="text" id="node-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-circuitbreakerconfig" class="towb_editorlabel"><i class="fa fa-bolt"></i> Circuit Breaker</label>
+            <input type="text" id="node-input-circuitbreakerconfig" />
+        </div>
+
+    </div>
+
+    <div id='section_logger'>
+        <div id="section_loggerconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin logEnableCheck">
+                    <input type="checkbox" id="node-input-logEnabled" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="node-input-logEnabled"><span>Enable Logging</span></label>
+                </div>
+
+                <div id="section_logEnabled">
+                    <div class="form-row nomargin">
+                        <label for="logger-selector">Logger</label>
+                        <div style="width: 70%; display: inline-flex;">
+                            <select id="logger-selector" style="flex-grow: 1;" class="">
+                                <option value="_ADD_">none</option>
+                            </select>
+                            <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                                <i class="fa fa-pencil"></i>
+                            </a>
+                            <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                                <i class="fa fa-plus"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="form-row nomargin">
+                        <input type="checkbox" id="node-input-logTemplateOverrideEnabled" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                        <label style="width:auto" for="node-input-logTemplateOverrideEnabled"><span>Override Template</span></label>
+                    </div>
+
+                    <div id="section_logTemplateOverrideEnabled">
+                        <div class="form-row">
+                            <label class="towb_editorlabel" for="node-input-logTemplateOverrideEditor"><i class="fa fa-code"></i> Template</label>
+                            <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_metrics'>
+        <div id="section_metricsconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Metrics</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin metricsEnableCheck">
+                    <input type="checkbox" id="node-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-input-metricsReference">Metric Collector</label>
+                        <input id="node-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='CircuitBreakerNode'>
+Routes incoming messages based on the current state of the linked circuit breaker. Place this node before any integration that may fail.
+
+### Properties
+
+: *name*            (string)               : A descriptive label for this node.
+: *circuit breaker* (Circuit Breaker Config) : The circuit breaker instance to check on each message.
+
+### Inputs
+
+: *msg* (object) : Any message. The content is not inspected - only the breaker state determines routing.
+
+### Outputs
+
+1. **Closed** - the breaker is closed (healthy). The message is forwarded normally for processing.
+2. **Open** - the breaker is tripped. The message is redirected so it can be buffered, dropped, or handled gracefully.
+
+### Status indicator
+
+The node displays a green dot when the breaker is closed and a red dot when it is open. The status updates automatically whenever the breaker state changes.
+
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+
+### Metrics
+: *enable metrics* (boolean) : if checked, then the node will produce metrics output to the specified metrics provider.
+: *metric collector* (metricconfig) : the collection point or grouping where this particular metric will be attached.
+</script>
+<!-- CircuitBreakerFaultDetectorNode -->
+<style>
+    .node_label_white {
+      fill: white
+    }
+
+</style>
+<!-- logger -->
+<style>
+    .editorgroupborder {
+      border-width: 1px;
+      border-style: solid;
+      border-color: lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+    }
+
+    .editorsectionheading {
+      font-weight: 600;
+      margin-bottom: 1px !important;
+      margin-top: 6px !important;
+    }
+
+    .nomargin {
+      margin-bottom: 1px !important;
+      margin-top: 1px !important;
+    }
+
+    .slidecontainer {
+      width: 100%;
+    }
+
+    .slider {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 100%;
+      height: 25px;
+      background: #d3d3d3;
+      outline: none;
+      opacity: 0.7;
+      -webkit-transition: .2s;
+      transition: opacity .2s;
+    }
+
+    .slider:hover {
+      opacity: 1;
+    }
+
+    .slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .slider::-moz-range-thumb {
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .towb_editorlabel {
+      width: 120px !important;
+    }
+
+    .towb_editorfield {
+      width: 70% !important;
+    }
+
+    .towb_editorfield_short {
+      width: 30% !important;
+    }
+
+</style>
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<!-- script-editor -->
+<script src="resources/@theotherwillembotha/node-red-plugincore/editorLanguageExtension.js"></script>
+<script type="text/javascript">
+    window.PluginCore = window.PluginCore || {};
+    /**
+     * PluginCore.createScriptEditor(elementId, template, initialValue)
+     *
+     * Creates a Monaco editor instance with TypeScript-aware diagnostics,
+     * completions, and hover info scoped to the provided type template.
+     *
+     * @param {string} elementId   - DOM id of the container element.
+     * @param {string} template    - TypeScript template string. Use `${script}`
+     *                               as the placeholder for the user's code.
+     * @param {string} initialValue - The starting content of the editor.
+     * @returns {{ getValue(): string, dispose(): void \}}
+     */
+    PluginCore.createScriptEditor = function(elementId, template, initialValue) {
+      var editorInstance = null;
+      var currentValue = initialValue || '';
+      ScriptEditorLanguageManager.createLanguage(monaco, template).then(function(language) {
+        editorInstance = monaco.editor.create(document.getElementById(elementId), {
+          value: currentValue,
+          language: language.getName(),
+          automaticLayout: true,
+          wordBasedSuggestions: 'currentDocument',
+        });
+      });
+      return {
+        getValue: function() {
+          return editorInstance ? editorInstance.getValue() : currentValue;
+        },
+        dispose: function() {
+          if (editorInstance) {
+            editorInstance.dispose();
+            editorInstance = null;
+          }
+        }
+      };
+    };
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('CircuitBreakerFaultDetectorNode', {
+      category: 'circuitbreaker',
+      icon: 'circuitrbreaker.png',
+      color: '#1D7874',
+      labelStyle: 'node_label_white',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Circuit Breaker Fault Detector',
+      inputs: 1,
+      inputLabels: (i) => 'input',
+      outputs: 2,
+      outputLabels: (i) => ['output', 'fault'][i],
+      defaults: {
+        name: {
+          value: 'CircuitBreaker Fault Detector Example',
+          required: true
+        },
+        circuitbreakerconfig: {
+          type: 'CircuitBreakerConfigNode',
+          required: true
+        },
+        faultFunction: {
+          required: true
+        },
+        tripFunction: {
+          required: true
+        },
+        logEnabled: {
+          value: false,
+          required: true
+        },
+        logger: {
+          required: false,
+          value: '',
+          type: 'DelegatedConfigReferenceNode'
+        },
+        logTemplateOverrideEnabled: {
+          value: false
+        },
+        logTemplateOverride: {
+          value: 'message:{{msg}}'
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** CircuitBreakerFaultDetectorNode **** //
+        {
+          let node = this;
+          let faultTemplate = `
+        /**
+         * Represents a message object received by this node.
+         */
+        class Message {
+            [key: string]: any;
+        }
+
+        async function(msg: Message) {
+        \${script}
+        }
+    `;
+          let faultSample = normalizeIndentation(`
+        return
+            msg.errorCode &&
+            msg.errorCode >= 400;
+    `);
+          node.faultEditor = PluginCore.createScriptEditor('node-input-faultFunction-editor', faultTemplate, node.faultFunction !== undefined ? node.faultFunction : faultSample);
+          let tripTemplate = `
+        /**
+         * Represents the breaker object that this fault is linked to.
+         */
+        interface Breaker {
+            context():BreakerContext;
+        }
+
+        /**
+         * Represents a context on the breaker where properties can be set or removed.
+         */
+        interface BreakerContext {
+            /**
+             * Gets a particular context value from the BreakerContext.
+             * @param id - The id of the property to retrieve.
+             * @param defaultValue - The optional default for the context property if it does not exist.
+             * @returns a value if it exists, or undefined otherwise.
+             */
+            get<T>(id:string, defaultValue?:T): T;
+
+            /**
+             * Sets a particular context value in the BreakerContext.
+             * @param id - The id of the property to set.
+             * @param value - The value to assign to the context property.
+             * @returns the value that has just been set.
+             */
+            set<T>(id:string, value:T): T;
+        }
+
+        async function(breaker:Breaker) {
+        \${script}
+        }
+    `;
+          let tripSample = normalizeIndentation(`
+        /** @type {number[]} */
+        let buffer = breaker.context().get("buffer", []);
+        let interval = 10*1000;     // 10 seconds.
+        let capacity = 5;           // maximum number of failures.
+        let time = new Date().getTime();
+        buffer.push(time);
+        buffer = buffer.filter(item => item + interval >= time);
+        breaker.context().set("buffer", buffer);
+        return (buffer.length >= capacity);
+    `);
+          node.tripEditor = PluginCore.createScriptEditor('node-input-tripFunction-editor', tripTemplate, node.tripFunction !== undefined ? node.tripFunction : tripSample);
+
+          function normalizeIndentation(code) {
+            const lines = code.split('\n');
+            const nonEmptyLines = lines.filter(line => line.trim().length > 0);
+            if (nonEmptyLines.length === 0) return code;
+            const minIndent = Math.min(...nonEmptyLines.map(line => line.match(/^\s*/)[0].length));
+            return lines.map(line => line.slice(minIndent)).join('\n');
+          }
+        }
+        // **** logger **** //
+        {
+          let node = this;
+          // controls.
+          let logEnabled = $("#node-input-logEnabled");
+          let logTemplateEnabled = $("#node-input-logTemplateOverrideEnabled");
+          let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+          let logEnabledSection = $("#section_logEnabled");
+          // functions.
+          let getLoggerTypes = async function() {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=LoggerType",
+              type: "GET",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                id: node.id
+              }),
+              success: (response) => {
+                types = response;
+              },
+              error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+              },
+            });
+            return types;
+          }
+          let getLoggers = async () => {
+            let loggers = [];
+            // get the list of types again.
+            let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+            // add all of the known loggers.
+            RED.nodes.eachConfig(cfg => {
+              if (loggerTypes.includes(cfg.type)) {
+                loggers.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return loggers;
+          };
+          let updateLoggerSelectorList = async () => {
+            loggerSelector.empty();
+            (await getLoggers()).forEach(logger => {
+              $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+            });
+            $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+          }
+          logEnabled.on('change', function() {
+            if (logEnabled.prop("checked")) {
+              logEnabledSection.show();
+              node._def.defaults.logger.required = true;
+            } else {
+              logEnabledSection.hide()
+              node._def.defaults.logger.required = false;
+            }
+          });
+          logTemplateEnabled.on('change', function() {
+            if (logTemplateEnabled.prop("checked")) {
+              logTemplateEnabledSection.show();
+              node._def.defaults.logTemplateOverride.required = true;
+            } else {
+              logTemplateEnabledSection.hide()
+              node._def.defaults.logTemplateOverride.required = false;
+            }
+          });
+          node.logTemplateOverrideEditor = RED.editor.createEditor({
+            id: 'node-input-logTemplateOverrideEditor',
+            mode: 'ace/mode/handlebars',
+            value: node.logTemplateOverride
+          });
+          let loggerSelector = $("#logger-selector");
+          let loggerEditButton = $("#logger-edit-btn");
+          let loggerAddButton = $("#logger-add-btn");
+          loggerEditButton.on('click', async function(event) {
+            event.stopPropagation();
+            if (loggerEditButton.hasClass("disabled")) {
+              return;
+            }
+            // figure out what type of logger this is.
+            let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+            RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
+          });
+          loggerAddButton.on('click', function(event) {
+            event.stopPropagation();
+            let $btn = $(event.target);
+            // Remove any existing dropdown
+            $('.loggertype-dropdown').remove();
+            getLoggerTypes().then(loggerTypes => {
+              let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+              loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>').text(loggerType.name).data('value', loggerType.id).css({
+                  padding: '4px 8px',
+                  cursor: 'pointer'
+                }).appendTo($dropdown);
+              });
+              // Append first so outerWidth() is measurable, then position so the
+              // right edge of the dropdown aligns with the right edge of the button.
+              $('body').append($dropdown);
+              $dropdown.css({
+                top: $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
+              });
+              $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                  $dropdown.remove();
+                  $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+              });
+              // Handle item selection
+              $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
+              });
+            })
+          });
+          loggerSelector.on("focus", updateLoggerSelectorList);
+          loggerSelector.on('change', function(event) {
+            if ("_ADD_" === loggerSelector.val()) {
+              loggerEditButton.addClass("disabled")
+            } else {
+              loggerEditButton.removeClass("disabled")
+            }
+          });
+          // lastly, make sure that we set the correct value on the logger selector.
+          updateLoggerSelectorList().then(() => {
+            loggerSelector.val(node.logger);
+            loggerSelector.trigger('change');
+          });
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-input-metricsEnabled");
+          let metricsEnabledSection = $("#section_metricsEnabled");
+          metricsEnabled.on('change', function() {
+            if (metricsEnabled.prop("checked")) {
+              metricsEnabledSection.show();
+              node._def.defaults.metricsReference.required = true;
+            } else {
+              metricsEnabledSection.hide()
+              node._def.defaults.metricsReference.required = false;
+            }
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** CircuitBreakerFaultDetectorNode **** //
+        {
+          let node = this;
+          node.faultFunction = node.faultEditor.getValue();
+          delete node.faultEditor;
+          node.tripFunction = node.tripEditor.getValue();
+          delete node.tripEditor;
+        }
+        // **** logger **** //
+        {
+          node = this;
+          var selectedLogger = $("#logger-selector").val();
+          node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
+          node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+          node.logTemplateOverrideEditor.destroy();
+          delete node.logTemplateOverrideEditor;
+        }
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='CircuitBreakerFaultDetectorNode'>
+    <div id='section_CircuitBreakerFaultDetectorNode'>
+        <div class="form-row">
+            <label for="node-input-name" class="towb_editorlabel"><i class="fa fa-font"></i> Name</label>
+            <input type="text" id="node-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-circuitbreakerconfig" class="towb_editorlabel"><i class="fa fa-bolt"></i> Circuit Breaker</label>
+            <input type="text" id="node-input-circuitbreakerconfig" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-faultFunction-editor" class="towb_editorlabel"><i class="fa fa-bug"></i> Fault Function</label>
+            <div style="height: 200px; min-height: 80px; resize: vertical; overflow: auto;" class="node-text-editor" id="node-input-faultFunction-editor"></div>
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-tripFunction-editor" class="towb_editorlabel"><i class="fa fa-toggle-off"></i> Trip Function</label>
+            <div style="height: 200px; min-height: 80px; resize: vertical; overflow: auto;" class="node-text-editor" id="node-input-tripFunction-editor"></div>
+        </div>
+
+        <div id="myMonacoContainer">
+        </div>
+
+    </div>
+
+    <div id='section_logger'>
+        <div id="section_loggerconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin logEnableCheck">
+                    <input type="checkbox" id="node-input-logEnabled" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="node-input-logEnabled"><span>Enable Logging</span></label>
+                </div>
+
+                <div id="section_logEnabled">
+                    <div class="form-row nomargin">
+                        <label for="logger-selector">Logger</label>
+                        <div style="width: 70%; display: inline-flex;">
+                            <select id="logger-selector" style="flex-grow: 1;" class="">
+                                <option value="_ADD_">none</option>
+                            </select>
+                            <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                                <i class="fa fa-pencil"></i>
+                            </a>
+                            <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                                <i class="fa fa-plus"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="form-row nomargin">
+                        <input type="checkbox" id="node-input-logTemplateOverrideEnabled" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                        <label style="width:auto" for="node-input-logTemplateOverrideEnabled"><span>Override Template</span></label>
+                    </div>
+
+                    <div id="section_logTemplateOverrideEnabled">
+                        <div class="form-row">
+                            <label class="towb_editorlabel" for="node-input-logTemplateOverrideEditor"><i class="fa fa-code"></i> Template</label>
+                            <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_metrics'>
+        <div id="section_metricsconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Metrics</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin metricsEnableCheck">
+                    <input type="checkbox" id="node-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-input-metricsReference">Metric Collector</label>
+                        <input id="node-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='CircuitBreakerFaultDetectorNode'>
+Inspects each message for faults and decides whether the linked circuit breaker should be tripped. Place this node after the integration you are protecting - typically after an HTTP request node.
+
+### Properties
+
+: *name*            (string)               : A descriptive label for this node.
+: *circuit breaker* (Circuit Breaker Config) : The circuit breaker to trip when the threshold is reached.
+: *fault function*  (script)               : A function that receives the message and returns `true` if a fault is detected.
+: *trip function*   (script)               : A function that receives the breaker and returns `true` if the breaker should be tripped.
+
+### Fault function
+
+Called on **every message** that passes through this node. It receives `msg` and must return `true` if the message represents a failure, or `false` if it is healthy. This is where you define what "failure" means for your integration - for example a bad HTTP status code, a missing property, or an error flag set by an upstream node.
+
+When the fault function returns `true`, the message is routed to the **fault** output and the trip function is evaluated. When it returns `false`, the message is considered successful and routed to the normal **output**.
+
+```javascript
+// Route to fault output if the HTTP response was an error
+return msg.statusCode !== undefined && msg.statusCode >= 400;
+```
+
+### Trip function
+
+Called only when the fault function returns `true`. It receives the `breaker` object and must return `true` if the breaker should be tripped immediately, or `false` to record the fault but leave the breaker closed.
+
+This is where you implement your **threshold or windowing strategy**. You rarely want to trip on a single fault - instead you accumulate faults over a rolling time window and trip only when enough failures occur within that window. The breaker's context store persists between messages, making it ideal for tracking this state.
+
+The example below trips the breaker once 5 faults occur within a 10-second window. Each call adds the current timestamp to a buffer, removes entries older than the window, saves the buffer back to the context, and then checks whether the count has reached the threshold:
+
+```javascript
+let buffer = breaker.context().get("buffer", []);
+let interval = 10 * 1000; // sliding window of 10 seconds
+let capacity = 5;         // trip after 5 faults within the window
+let now = new Date().getTime();
+
+buffer.push(now);
+buffer = buffer.filter(t => t + interval >= now); // discard entries outside the window
+breaker.context().set("buffer", buffer);
+
+return buffer.length >= capacity; // true = trip the breaker
+```
+
+### Outputs
+
+1. **Output** - no fault detected. The message is forwarded normally.
+2. **Fault** - a fault was detected. The message is forwarded on the fault output for error handling.
+
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+
+### Metrics
+: *enable metrics* (boolean) : if checked, then the node will produce metrics output to the specified metrics provider.
+: *metric collector* (metricconfig) : the collection point or grouping where this particular metric will be attached.
+</script>
+<!-- CircuitBreakerEventNode -->
+<style>
+    .node_label_white {
+      fill: white
+    }
+
+</style>
+<!-- logger -->
+<style>
+    .editorgroupborder {
+      border-width: 1px;
+      border-style: solid;
+      border-color: lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+    }
+
+    .editorsectionheading {
+      font-weight: 600;
+      margin-bottom: 1px !important;
+      margin-top: 6px !important;
+    }
+
+    .nomargin {
+      margin-bottom: 1px !important;
+      margin-top: 1px !important;
+    }
+
+    .slidecontainer {
+      width: 100%;
+    }
+
+    .slider {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 100%;
+      height: 25px;
+      background: #d3d3d3;
+      outline: none;
+      opacity: 0.7;
+      -webkit-transition: .2s;
+      transition: opacity .2s;
+    }
+
+    .slider:hover {
+      opacity: 1;
+    }
+
+    .slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .slider::-moz-range-thumb {
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .towb_editorlabel {
+      width: 120px !important;
+    }
+
+    .towb_editorfield {
+      width: 70% !important;
+    }
+
+    .towb_editorfield_short {
+      width: 30% !important;
+    }
+
+</style>
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('CircuitBreakerEventNode', {
+      category: 'circuitbreaker',
+      icon: 'circuitrbreaker.png',
+      color: '#1D7874',
+      labelStyle: 'node_label_white',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Circuit Breaker Event',
+      inputs: 0,
+      inputLabels: (i) => 'undefined',
+      outputs: 2,
+      outputLabels: (i) => ['trip', 'reset'][i],
+      defaults: {
+        name: {
+          value: 'CircuitBreakerEvent Example',
+          required: true
+        },
+        circuitbreakerconfig: {
+          type: 'CircuitBreakerConfigNode',
+          required: true
+        },
+        logEnabled: {
+          value: false,
+          required: true
+        },
+        logger: {
+          required: false,
+          value: '',
+          type: 'DelegatedConfigReferenceNode'
+        },
+        logTemplateOverrideEnabled: {
+          value: false
+        },
+        logTemplateOverride: {
+          value: 'message:{{msg}}'
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** CircuitBreakerEventNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          let node = this;
+          // controls.
+          let logEnabled = $("#node-input-logEnabled");
+          let logTemplateEnabled = $("#node-input-logTemplateOverrideEnabled");
+          let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+          let logEnabledSection = $("#section_logEnabled");
+          // functions.
+          let getLoggerTypes = async function() {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=LoggerType",
+              type: "GET",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                id: node.id
+              }),
+              success: (response) => {
+                types = response;
+              },
+              error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+              },
+            });
+            return types;
+          }
+          let getLoggers = async () => {
+            let loggers = [];
+            // get the list of types again.
+            let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+            // add all of the known loggers.
+            RED.nodes.eachConfig(cfg => {
+              if (loggerTypes.includes(cfg.type)) {
+                loggers.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return loggers;
+          };
+          let updateLoggerSelectorList = async () => {
+            loggerSelector.empty();
+            (await getLoggers()).forEach(logger => {
+              $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+            });
+            $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+          }
+          logEnabled.on('change', function() {
+            if (logEnabled.prop("checked")) {
+              logEnabledSection.show();
+              node._def.defaults.logger.required = true;
+            } else {
+              logEnabledSection.hide()
+              node._def.defaults.logger.required = false;
+            }
+          });
+          logTemplateEnabled.on('change', function() {
+            if (logTemplateEnabled.prop("checked")) {
+              logTemplateEnabledSection.show();
+              node._def.defaults.logTemplateOverride.required = true;
+            } else {
+              logTemplateEnabledSection.hide()
+              node._def.defaults.logTemplateOverride.required = false;
+            }
+          });
+          node.logTemplateOverrideEditor = RED.editor.createEditor({
+            id: 'node-input-logTemplateOverrideEditor',
+            mode: 'ace/mode/handlebars',
+            value: node.logTemplateOverride
+          });
+          let loggerSelector = $("#logger-selector");
+          let loggerEditButton = $("#logger-edit-btn");
+          let loggerAddButton = $("#logger-add-btn");
+          loggerEditButton.on('click', async function(event) {
+            event.stopPropagation();
+            if (loggerEditButton.hasClass("disabled")) {
+              return;
+            }
+            // figure out what type of logger this is.
+            let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+            RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
+          });
+          loggerAddButton.on('click', function(event) {
+            event.stopPropagation();
+            let $btn = $(event.target);
+            // Remove any existing dropdown
+            $('.loggertype-dropdown').remove();
+            getLoggerTypes().then(loggerTypes => {
+              let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+              loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>').text(loggerType.name).data('value', loggerType.id).css({
+                  padding: '4px 8px',
+                  cursor: 'pointer'
+                }).appendTo($dropdown);
+              });
+              // Append first so outerWidth() is measurable, then position so the
+              // right edge of the dropdown aligns with the right edge of the button.
+              $('body').append($dropdown);
+              $dropdown.css({
+                top: $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
+              });
+              $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                  $dropdown.remove();
+                  $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+              });
+              // Handle item selection
+              $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
+              });
+            })
+          });
+          loggerSelector.on("focus", updateLoggerSelectorList);
+          loggerSelector.on('change', function(event) {
+            if ("_ADD_" === loggerSelector.val()) {
+              loggerEditButton.addClass("disabled")
+            } else {
+              loggerEditButton.removeClass("disabled")
+            }
+          });
+          // lastly, make sure that we set the correct value on the logger selector.
+          updateLoggerSelectorList().then(() => {
+            loggerSelector.val(node.logger);
+            loggerSelector.trigger('change');
+          });
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-input-metricsEnabled");
+          let metricsEnabledSection = $("#section_metricsEnabled");
+          metricsEnabled.on('change', function() {
+            if (metricsEnabled.prop("checked")) {
+              metricsEnabledSection.show();
+              node._def.defaults.metricsReference.required = true;
+            } else {
+              metricsEnabledSection.hide()
+              node._def.defaults.metricsReference.required = false;
+            }
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** CircuitBreakerEventNode **** //
+        {
+          let node = this;
+        }
+        // **** logger **** //
+        {
+          node = this;
+          var selectedLogger = $("#logger-selector").val();
+          node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
+          node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+          node.logTemplateOverrideEditor.destroy();
+          delete node.logTemplateOverrideEditor;
+        }
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='CircuitBreakerEventNode'>
+    <div id='section_CircuitBreakerEventNode'>
+        <div class="form-row">
+            <label for="node-input-name" class="towb_editorlabel"><i class="fa fa-font"></i> Name</label>
+            <input type="text" id="node-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-circuitbreakerconfig" class="towb_editorlabel"><i class="fa fa-bolt"></i> Circuit Breaker</label>
+            <input type="text" id="node-input-circuitbreakerconfig" />
+        </div>
+
+    </div>
+
+    <div id='section_logger'>
+        <div id="section_loggerconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin logEnableCheck">
+                    <input type="checkbox" id="node-input-logEnabled" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="node-input-logEnabled"><span>Enable Logging</span></label>
+                </div>
+
+                <div id="section_logEnabled">
+                    <div class="form-row nomargin">
+                        <label for="logger-selector">Logger</label>
+                        <div style="width: 70%; display: inline-flex;">
+                            <select id="logger-selector" style="flex-grow: 1;" class="">
+                                <option value="_ADD_">none</option>
+                            </select>
+                            <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                                <i class="fa fa-pencil"></i>
+                            </a>
+                            <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                                <i class="fa fa-plus"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="form-row nomargin">
+                        <input type="checkbox" id="node-input-logTemplateOverrideEnabled" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                        <label style="width:auto" for="node-input-logTemplateOverrideEnabled"><span>Override Template</span></label>
+                    </div>
+
+                    <div id="section_logTemplateOverrideEnabled">
+                        <div class="form-row">
+                            <label class="towb_editorlabel" for="node-input-logTemplateOverrideEditor"><i class="fa fa-code"></i> Template</label>
+                            <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_metrics'>
+        <div id="section_metricsconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Metrics</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin metricsEnableCheck">
+                    <input type="checkbox" id="node-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-input-metricsReference">Metric Collector</label>
+                        <input id="node-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='CircuitBreakerEventNode'>
+Fires a message whenever the linked circuit breaker changes state. Use this node to trigger notifications, update dashboards, or kick off recovery flows.
+
+### Properties
+
+: *name*            (string)               : A descriptive label for this node.
+: *circuit breaker* (Circuit Breaker Config) : The circuit breaker instance to listen to.
+
+### Inputs
+
+This node has no input; it fires automatically in response to breaker state changes.
+
+### Outputs
+
+1. **Trip** - fires when the breaker is tripped (opened). The message is `{ state: "Trip" }`.
+2. **Reset** - fires when the breaker is reset (closed). The message is `{ state: "Reset" }`.
+
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+
+### Metrics
+: *enable metrics* (boolean) : if checked, then the node will produce metrics output to the specified metrics provider.
+: *metric collector* (metricconfig) : the collection point or grouping where this particular metric will be attached.
+</script>
+<!-- CircuitBreakerStateNode -->
+<style>
+    .node_label_white {
+      fill: white
+    }
+
+</style>
+<!-- logger -->
+<style>
+    .editorgroupborder {
+      border-width: 1px;
+      border-style: solid;
+      border-color: lightgray;
+      padding: 3px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+    }
+
+    .editorsectionheading {
+      font-weight: 600;
+      margin-bottom: 1px !important;
+      margin-top: 6px !important;
+    }
+
+    .nomargin {
+      margin-bottom: 1px !important;
+      margin-top: 1px !important;
+    }
+
+    .slidecontainer {
+      width: 100%;
+    }
+
+    .slider {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 100%;
+      height: 25px;
+      background: #d3d3d3;
+      outline: none;
+      opacity: 0.7;
+      -webkit-transition: .2s;
+      transition: opacity .2s;
+    }
+
+    .slider:hover {
+      opacity: 1;
+    }
+
+    .slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .slider::-moz-range-thumb {
+      width: 25px;
+      height: 25px;
+      background: #04AA6D;
+      cursor: pointer;
+    }
+
+    .towb_editorlabel {
+      width: 120px !important;
+    }
+
+    .towb_editorfield {
+      width: 70% !important;
+    }
+
+    .towb_editorfield_short {
+      width: 30% !important;
+    }
+
+</style>
+<script type="text/javascript">
+    // CSS
+    dropdownStyles = `
+    .loggertype-dropdown {
+        position: absolute;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        max-height: 150px;
+        overflow-y: auto;
+        z-index: 1000;
+        min-width: 150px;
+    }
+    .loggertype-dropdown .dropdown-item {
+        padding: 6px 12px;
+        cursor: pointer;
+    }
+    .loggertype-dropdown .dropdown-item:hover {
+        background: #f0f0f0;
+    }
+    `;
+    $('<style>').text(dropdownStyles).appendTo('head');
+
+</script>
+<!-- script-editor -->
+<script src="resources/@theotherwillembotha/node-red-plugincore/editorLanguageExtension.js"></script>
+<script type="text/javascript">
+    window.PluginCore = window.PluginCore || {};
+    /**
+     * PluginCore.createScriptEditor(elementId, template, initialValue)
+     *
+     * Creates a Monaco editor instance with TypeScript-aware diagnostics,
+     * completions, and hover info scoped to the provided type template.
+     *
+     * @param {string} elementId   - DOM id of the container element.
+     * @param {string} template    - TypeScript template string. Use `${script}`
+     *                               as the placeholder for the user's code.
+     * @param {string} initialValue - The starting content of the editor.
+     * @returns {{ getValue(): string, dispose(): void \}}
+     */
+    PluginCore.createScriptEditor = function(elementId, template, initialValue) {
+      var editorInstance = null;
+      var currentValue = initialValue || '';
+      ScriptEditorLanguageManager.createLanguage(monaco, template).then(function(language) {
+        editorInstance = monaco.editor.create(document.getElementById(elementId), {
+          value: currentValue,
+          language: language.getName(),
+          automaticLayout: true,
+          wordBasedSuggestions: 'currentDocument',
+        });
+      });
+      return {
+        getValue: function() {
+          return editorInstance ? editorInstance.getValue() : currentValue;
+        },
+        dispose: function() {
+          if (editorInstance) {
+            editorInstance.dispose();
+            editorInstance = null;
+          }
+        }
+      };
+    };
+
+</script>
+<script type="text/javascript">
+    RED.nodes.registerType('CircuitBreakerStateNode', {
+      category: 'circuitbreaker',
+      icon: 'circuitrbreaker.png',
+      color: '#1D7874',
+      labelStyle: 'node_label_white',
+      label: function() {
+        return this.name
+      },
+      paletteLabel: 'Circuit Breaker State',
+      inputs: 1,
+      inputLabels: (i) => 'input',
+      outputs: 1,
+      outputLabels: (i) => ['output'][i],
+      defaults: {
+        name: {
+          value: 'CircuitBreakerState Example',
+          required: true
+        },
+        circuitbreakerconfig: {
+          type: 'CircuitBreakerConfigNode',
+          required: true
+        },
+        action: {
+          value: 'Reset',
+          required: true
+        },
+        script: {
+          value: 'console.log(message, breaker)'
+        },
+        logEnabled: {
+          value: false,
+          required: true
+        },
+        logger: {
+          required: false,
+          value: '',
+          type: 'DelegatedConfigReferenceNode'
+        },
+        logTemplateOverrideEnabled: {
+          value: false
+        },
+        logTemplateOverride: {
+          value: 'message:{{msg}}'
+        },
+        metricsEnabled: {
+          value: false,
+          required: true
+        },
+        metricsReference: {
+          type: 'MetricsConfigNode',
+          required: false
+        },
+      },
+      oneditprepare: function() {
+        // **** CircuitBreakerStateNode **** //
+        {
+          let node = this;
+          let selectActionType = function(action) {
+            if (action === "Script") {
+              $("#CircuitBreakerStateScript").show();
+            } else {
+              $("#CircuitBreakerStateScript").hide();
+            }
+          }
+          let nodeAction = $("#node-input-action");
+          nodeAction.typedInput({
+            type: "action",
+            types: [{
+              value: "action",
+              options: [{
+                value: "Reset",
+                label: "Reset"
+              }, {
+                value: "Trip",
+                label: "Trip"
+              }, {
+                value: "Script",
+                label: "Script"
+              }]
+            }]
+          });
+          nodeAction.on('change', () => selectActionType(nodeAction.val()));
+          selectActionType(nodeAction.val());
+          let scriptTemplate = `
+        /**
+         * Represents the message object that is passed into this node.
+         */
+        interface Message {
+            [key:string]:any;
+        }
+
+        enum BreakerState {
+            Open = "Open",
+            Closed = "Closed"
+        }
+
+        /**
+         * Represents the breaker object that this fault is linked to.
+         */
+        interface Breaker {
+            /**
+             * Get the context that is attached to the breaker.
+             * @returns the attached breaker context.
+             */
+            context():BreakerContext;
+
+            /**
+             * Returns the state of the breaker.
+             * @returns the state of the breaker.
+             */
+            state():BreakerState;
+            isOpen():boolean;
+            isClosed():boolean;
+            reset():boolean;
+            trip():boolean;
+        }
+
+        /**
+         * Represents a context on the breaker where properties can be set or removed.
+         */
+        interface BreakerContext {
+            /**
+             * Gets a particular context value from the BreakerContext.
+             * @param id - The id of the property to retrieve.
+             * @param defaultValue - The optional default for the context property if it does not exist.
+             * @returns a value if it exists, or undefined otherwise.
+             */
+            get<T>(id:string, defaultValue?:T): T;
+
+            /**
+             * Sets a particular context value in the BreakerContext.
+             * @param id - The id of the property to set.
+             * @param value - The value to assign to the context property.
+             * @returns the value that has just been set.
+             */
+            set<T>(id:string, value:T): T;
+        }
+
+        async function(breaker:Breaker, message:Message) {
+        \${script}
+        }
+    `;
+          node.scriptEditor = PluginCore.createScriptEditor('node-input-script-editor', scriptTemplate, node.script !== undefined ? node.script : 'console.log(message, breaker)');
+        }
+        // **** logger **** //
+        {
+          let node = this;
+          // controls.
+          let logEnabled = $("#node-input-logEnabled");
+          let logTemplateEnabled = $("#node-input-logTemplateOverrideEnabled");
+          let logTemplateEnabledSection = $("#section_logTemplateOverrideEnabled");
+          let logEnabledSection = $("#section_logEnabled");
+          // functions.
+          let getLoggerTypes = async function() {
+            let types = [];
+            await $.ajax({
+              url: "nodetypeservice/find?tag=LoggerType",
+              type: "GET",
+              contentType: "application/json; charset=utf-8",
+              data: JSON.stringify({
+                id: node.id
+              }),
+              success: (response) => {
+                types = response;
+              },
+              error: (jqXHR, textStatus, errorThrown) => {
+                console.log(jqXHR, textStatus, errorThrown);
+              },
+            });
+            return types;
+          }
+          let getLoggers = async () => {
+            let loggers = [];
+            // get the list of types again.
+            let loggerTypes = (await getLoggerTypes()).map(type => type.id);
+            // add all of the known loggers.
+            RED.nodes.eachConfig(cfg => {
+              if (loggerTypes.includes(cfg.type)) {
+                loggers.push({
+                  id: cfg.id,
+                  name: cfg.label(),
+                  type: cfg.type
+                });
+              }
+            });
+            return loggers;
+          };
+          let updateLoggerSelectorList = async () => {
+            loggerSelector.empty();
+            (await getLoggers()).forEach(logger => {
+              $('<option value="' + logger.id + '">' + logger.name + '</option>').appendTo(loggerSelector);
+            });
+            $('<option value="_ADD_">none</option>').appendTo(loggerSelector);
+          }
+          logEnabled.on('change', function() {
+            if (logEnabled.prop("checked")) {
+              logEnabledSection.show();
+              node._def.defaults.logger.required = true;
+            } else {
+              logEnabledSection.hide()
+              node._def.defaults.logger.required = false;
+            }
+          });
+          logTemplateEnabled.on('change', function() {
+            if (logTemplateEnabled.prop("checked")) {
+              logTemplateEnabledSection.show();
+              node._def.defaults.logTemplateOverride.required = true;
+            } else {
+              logTemplateEnabledSection.hide()
+              node._def.defaults.logTemplateOverride.required = false;
+            }
+          });
+          node.logTemplateOverrideEditor = RED.editor.createEditor({
+            id: 'node-input-logTemplateOverrideEditor',
+            mode: 'ace/mode/handlebars',
+            value: node.logTemplateOverride
+          });
+          let loggerSelector = $("#logger-selector");
+          let loggerEditButton = $("#logger-edit-btn");
+          let loggerAddButton = $("#logger-add-btn");
+          loggerEditButton.on('click', async function(event) {
+            event.stopPropagation();
+            if (loggerEditButton.hasClass("disabled")) {
+              return;
+            }
+            // figure out what type of logger this is.
+            let selectedLogger = (await getLoggers()).find(logger => logger.id === loggerSelector.val());
+            RED.editor.editConfig("#logger-selector", selectedLogger.type, selectedLogger.id);
+          });
+          loggerAddButton.on('click', function(event) {
+            event.stopPropagation();
+            let $btn = $(event.target);
+            // Remove any existing dropdown
+            $('.loggertype-dropdown').remove();
+            getLoggerTypes().then(loggerTypes => {
+              let $dropdown = $('<div class="loggertype-dropdown red-ui-editor"></div>');
+              loggerTypes.forEach(loggerType => {
+                $('<div class="dropdown-item"></div>').text(loggerType.name).data('value', loggerType.id).css({
+                  padding: '4px 8px',
+                  cursor: 'pointer'
+                }).appendTo($dropdown);
+              });
+              // Append first so outerWidth() is measurable, then position so the
+              // right edge of the dropdown aligns with the right edge of the button.
+              $('body').append($dropdown);
+              $dropdown.css({
+                top: $btn.offset().top + $btn.outerHeight(),
+                left: $btn.offset().left + $btn.outerWidth() - $dropdown.outerWidth()
+              });
+              $(document).on('mousedown.dropdown', function(e) {
+                if (!$(e.target).closest('.loggertype-dropdown').length) {
+                  $dropdown.remove();
+                  $(document).off('mousedown.dropdown'); // Clean up the listener
+                }
+              });
+              // Handle item selection
+              $dropdown.on('click', '.dropdown-item', function(e) {
+                e.stopPropagation();
+                const selectedValue = $(this).data('value');
+                const selectedText = $(this).text();
+                // Do whatever you need with the selection
+                console.log('Selected:', selectedValue, selectedText);
+                $dropdown.remove();
+                RED.editor.editConfig("#logger-selector", selectedValue, "_ADD_");
+              });
+            })
+          });
+          loggerSelector.on("focus", updateLoggerSelectorList);
+          loggerSelector.on('change', function(event) {
+            if ("_ADD_" === loggerSelector.val()) {
+              loggerEditButton.addClass("disabled")
+            } else {
+              loggerEditButton.removeClass("disabled")
+            }
+          });
+          // lastly, make sure that we set the correct value on the logger selector.
+          updateLoggerSelectorList().then(() => {
+            loggerSelector.val(node.logger);
+            loggerSelector.trigger('change');
+          });
+        }
+        // **** metrics **** //
+        {
+          let node = this;
+          let metricsEnabled = $("#node-input-metricsEnabled");
+          let metricsEnabledSection = $("#section_metricsEnabled");
+          metricsEnabled.on('change', function() {
+            if (metricsEnabled.prop("checked")) {
+              metricsEnabledSection.show();
+              node._def.defaults.metricsReference.required = true;
+            } else {
+              metricsEnabledSection.hide()
+              node._def.defaults.metricsReference.required = false;
+            }
+          });
+        }
+      },
+      oneditsave: function() {
+        // **** CircuitBreakerStateNode **** //
+        {
+          let node = this;
+          node.script = node.scriptEditor.getValue();
+          delete node.scriptEditor;
+        }
+        // **** logger **** //
+        {
+          node = this;
+          var selectedLogger = $("#logger-selector").val();
+          node.logger = (selectedLogger && selectedLogger !== "_ADD_") ? selectedLogger : '';
+          node.logTemplateOverride = node.logTemplateOverrideEditor.getValue();
+          node.logTemplateOverrideEditor.destroy();
+          delete node.logTemplateOverrideEditor;
+        }
+        // **** metrics **** //
+        {}
+      },
+      oneditcancel: function() {},
+      oneditdelete: function() {},
+    });
+
+</script>
+
+
+<script type="text/html" data-template-name='CircuitBreakerStateNode'>
+    <div id='section_CircuitBreakerStateNode'>
+        <div class="form-row">
+            <label for="node-input-name" class="towb_editorlabel"><i class="fa fa-font"></i> Name</label>
+            <input type="text" id="node-input-name" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-circuitbreakerconfig" class="towb_editorlabel"><i class="fa fa-bolt"></i> Circuit Breaker</label>
+            <input type="text" id="node-input-circuitbreakerconfig" />
+        </div>
+
+        <div class="form-row">
+            <label for="node-input-action" class="towb_editorlabel"><i class="fa fa-play"></i> On Message</label>
+            <input type="text" id="node-input-action" />
+        </div>
+
+        <div id="CircuitBreakerStateScript">
+            <div class="form-row">
+                <label for="node-input-script-editor" class="towb_editorlabel"><i class="fa fa-code"></i> Script Action</label>
+                <div style="height: 200px; min-height: 80px; resize: vertical; overflow: auto;" class="node-text-editor" id="node-input-script-editor"></div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_logger'>
+        <div id="section_loggerconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Logging</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin logEnableCheck">
+                    <input type="checkbox" id="node-input-logEnabled" placeholder="logEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                    <label style="width:auto" for="node-input-logEnabled"><span>Enable Logging</span></label>
+                </div>
+
+                <div id="section_logEnabled">
+                    <div class="form-row nomargin">
+                        <label for="logger-selector">Logger</label>
+                        <div style="width: 70%; display: inline-flex;">
+                            <select id="logger-selector" style="flex-grow: 1;" class="">
+                                <option value="_ADD_">none</option>
+                            </select>
+                            <a id="logger-edit-btn" class="red-ui-button disabled" style="margin-left: 10px;">
+                                <i class="fa fa-pencil"></i>
+                            </a>
+                            <a id="logger-add-btn" class="red-ui-button" style="margin-left: 10px;">
+                                <i class="fa fa-plus"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="form-row nomargin">
+                        <input type="checkbox" id="node-input-logTemplateOverrideEnabled" placeholder="" value="false" style="margin:8px 0 10px 102px; width:20px;">
+                        <label style="width:auto" for="node-input-logTemplateOverrideEnabled"><span>Override Template</span></label>
+                    </div>
+
+                    <div id="section_logTemplateOverrideEnabled">
+                        <div class="form-row">
+                            <label class="towb_editorlabel" for="node-input-logTemplateOverrideEditor"><i class="fa fa-code"></i> Template</label>
+                            <div style="height: 250px; min-height:150px;" class="node-text-editor" id="node-input-logTemplateOverrideEditor"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div id='section_metrics'>
+        <div id="section_metricsconfig">
+            <div class="form-row editorsectionheading">
+                <i class="w-16 fa fa-eye"></i> <span>Metrics</span>
+            </div>
+            <div class="editorgroupborder">
+                <div class="form-row nomargin metricsEnableCheck">
+                    <input type="checkbox" id="node-input-metricsEnabled" value="false" style="margin:8px 0 10px 102px; width:20px;" />
+                    <label style="width:auto" for="node-input-metricsEnabled"><span>Enable Metrics</span></label>
+                </div>
+
+                <div id="section_metricsEnabled">
+                    <div class="form-row nomargin">
+                        <label class="towb_editorlabel" for="node-input-metricsReference">Metric Collector</label>
+                        <input id="node-input-metricsReference" placeholder="metrics" />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</script>
+
+<script type="text/markdown" data-help-name='CircuitBreakerStateNode'>
+Manually controls the state of a circuit breaker when a message arrives. Use this to build recovery flows, health-check driven resets, or manual override controls.
+
+### Properties
+
+: *name*            (string)               : A descriptive label for this node.
+: *circuit breaker* (Circuit Breaker Config) : The circuit breaker instance to control.
+: *on message*      (action)               : The action to perform when a message is received: **Reset**, **Trip**, or **Script**.
+
+### Actions
+
+**Reset** - closes the breaker, allowing messages to flow through Circuit Breaker nodes again.
+
+**Trip** - opens the breaker, diverting messages to the open output of Circuit Breaker nodes.
+
+**Script** - runs a custom script that receives the full breaker API and the incoming message. Use this for conditional or gradual recovery logic.
+
+```javascript
+// Example: reset only if the breaker has been open for at least 30 seconds
+let trippedAt = breaker.context().get("trippedAt", 0);
+if (new Date().getTime() - trippedAt > 30000) {
+    breaker.reset();
+}
+```
+
+### Inputs
+
+: *msg* (object) : Any message. Triggers the configured action on the linked breaker.
+
+### Outputs
+
+: *msg* (object) : The original message, forwarded after the action has been applied.
+
+### Logging
+: *enable logging* (boolean)        : if checked, then the node will produce logging output to the specified logger.
+: *logger* (logconfig)              : the endppoint that the node will log events to.
+: *override template* (logconfig)   : if checked, a custom logging template can be provided for the log message.
+: *logger template* (mustache)      : a template in mustache format to generate a message for logging purposes (see LoggerConfig node for more information)
+
+### Metrics
+: *enable metrics* (boolean) : if checked, then the node will produce metrics output to the specified metrics provider.
+: *metric collector* (metricconfig) : the collection point or grouping where this particular metric will be attached.
+</script>
+
+