node-red-contrib-knx-ultimate 7.1.4 → 8.0.2

package/nodes/matter-config.js

@@ -1,387 +0,0 @@
-/* eslint-disable max-len */
-const path = require('path')
-const LoggerClass = require('./utils/sysLogger')
-const { exportMatterStorage, importMatterStorage } = require('./utils/matterStorageBackup')
-const matterPackageVersion = require('@matter/main').version
-const { Specification } = require('@matter/model')
-
-module.exports = (RED) => {
-  function matterConfig (config) {
-    RED.nodes.createNode(this, config)
-    const node = this
-    node.nodeClients = [] // Stores the registered clients
-    node.loglevel = config.loglevel !== undefined ? config.loglevel : 'error'
-    node.sysLogger = null
-    node.matterManager = null
-    node.timerMatterConfigCheckState = null
-    node.storageOperation = null
-    node.commissioningProgress = {
-      active: false,
-      operationId: '',
-      sequence: 0,
-      percent: 0,
-      message: 'Waiting for commissioning to start.'
-    }
-    try {
-      node.sysLogger = new LoggerClass({ loglevel: node.loglevel, setPrefix: 'matter-config.js' })
-    } catch (error) { console.log(error.stack) }
-    node.name = config.name === undefined || config.name === '' ? 'Matter Controller' : config.name
-    node.fabricLabel = config.fabricLabel === undefined || config.fabricLabel === '' ? 'KNX-Ultimate' : config.fabricLabel
-    // Stable, filesystem-safe identity of the controller (fabric), bound to this config node.
-    node.matterInstanceId = `knxultimate-matter-${node.id.replace(/[^a-zA-Z0-9]/g, '')}`
-    node.matterStoragePath = path.join(RED.settings.userDir || '.', 'knxultimatestorage', 'matter')
-
-    // Expose controller connectivity without copying engine state into the config node.
-    // Consumers read the latest value lazily, including during asynchronous startup.
-    Object.defineProperty(node, 'linkStatus', {
-      get: function () {
-        return node.matterManager?.matterConnectionStatus ?? 'disconnected'
-      }
-    })
-
-    const safeClientCall = (client, fn, label) => {
-      // One faulty device node must never interrupt event delivery to the remaining
-      // Matter clients registered on this shared controller connection.
-      try {
-        if (!client || typeof fn !== 'function') return
-        const result = fn()
-        if (result && typeof result.catch === 'function') {
-          result.catch((error) => node.sysLogger?.warn(`Matter client ${label} async error: ${error.message}`))
-        }
-      } catch (error) {
-        node.sysLogger?.warn(`Matter client ${label} error: ${error.message}`)
-      }
-    }
-    const clientMatchesNode = (client, nodeId) => client?.matterNodeId === '__UNIVERSAL__' || String(client?.matterNodeId) === String(nodeId)
-    const clientOwnsNode = (client, nodeId) => client?.matterNodeId !== '__UNIVERSAL__' && String(client?.matterNodeId) === String(nodeId)
-
-    node.initMatterConnection = async () => {
-      try {
-        if (node.matterManager !== null) await node.matterManager.close()
-      } catch (error) { /* empty */ }
-      try {
-        const { classMatter: MatterControllerEngine } = await import('./utils/matterEngine.mjs')
-        node.matterManager = new MatterControllerEngine(node.matterStoragePath, node.matterInstanceId, node.fabricLabel, node.sysLogger)
-      } catch (error) {
-        node.sysLogger?.error(`Errore matter-config: node.initMatterConnection: ${error.message}`)
-        throw (error)
-      }
-
-      // Attribute changes coming from the Matter devices
-      node.matterManager.on('event', (_event) => {
-        node.nodeClients.forEach((_oClient) => {
-          try {
-            if (clientOwnsNode(_oClient, _event?.nodeId)) _oClient.clearMatterCommandBlock?.('connected')
-            if (_oClient.handleSendMatter !== undefined) _oClient.handleSendMatter(_event)
-          } catch (error) {
-            node.sysLogger?.error(`Errore node.matterManager.on(event): ${error.message}`)
-          }
-        })
-      })
-
-      // Cluster events (button presses etc.)
-      node.matterManager.on('matterEvent', (_event) => {
-        node.nodeClients.forEach((_oClient) => {
-          try {
-            if (clientOwnsNode(_oClient, _event?.nodeId)) _oClient.clearMatterCommandBlock?.('connected')
-            if (_oClient.handleMatterClusterEvent !== undefined) _oClient.handleMatterClusterEvent(_event)
-          } catch (error) {
-            node.sysLogger?.error(`Errore node.matterManager.on(matterEvent): ${error.message}`)
-          }
-        })
-      })
-
-      // A paired node completed the initial sync: let the clients do their initial read
-      node.matterManager.on('nodeInitialized', (_nodeId) => {
-        node.nodeClients.forEach((_oClient) => {
-          if (clientMatchesNode(_oClient, _nodeId)) {
-            if (clientOwnsNode(_oClient, _nodeId)) {
-              safeClientCall(_oClient, () => _oClient.clearMatterCommandBlock?.('connected'), 'clearMatterCommandBlock')
-            }
-            safeClientCall(_oClient, () => _oClient.handleMatterNodeInitialized(_nodeId), 'handleMatterNodeInitialized')
-          }
-        })
-      })
-
-      // Connection state of a single paired device changed
-      node.matterManager.on('nodeState', (_nodeId, _state) => {
-        node.nodeClients.forEach((_oClient) => {
-          if (clientMatchesNode(_oClient, _nodeId)) {
-            if (clientOwnsNode(_oClient, _nodeId)) {
-              if (_state === 'connected') {
-                safeClientCall(_oClient, () => _oClient.clearMatterCommandBlock?.('connected'), 'clearMatterCommandBlock')
-              } else {
-                safeClientCall(_oClient, () => _oClient.blockMatterCommands?.('Matter device unavailable'), 'blockMatterCommands')
-              }
-            }
-            safeClientCall(_oClient, () => _oClient.setNodeStatusMatter({
-              fill: _state === 'connected' ? 'green' : 'yellow',
-              shape: _state === 'connected' ? 'dot' : 'ring',
-              text: _state,
-              payload: ''
-            }), 'setNodeStatusMatter')
-            if (_state === 'connected') {
-              safeClientCall(_oClient, () => _oClient.handleMatterNodeInitialized(_nodeId), 'handleMatterNodeInitialized')
-            }
-          }
-        })
-      })
-
-      node.matterManager.on('commandError', ({ item, error, code } = {}) => {
-        if (!item?.nodeId) return
-        const text = code === 'MATTER_NODE_NOT_COMMISSIONED'
-          ? 'Device no longer commissioned'
-          : code === 'MATTER_NODE_UNAVAILABLE' || code === 'MATTER_COMMAND_TIMEOUT'
-            ? 'Matter device unavailable'
-            : `Matter command error: ${error || 'unknown error'}`
-        const mustBlock = ['MATTER_NODE_NOT_COMMISSIONED', 'MATTER_NODE_UNAVAILABLE', 'MATTER_COMMAND_TIMEOUT'].includes(code)
-        if (mustBlock) {
-          const queued = node.matterManager.deleteMatterQueue(item.nodeId)
-          if (queued && typeof queued.catch === 'function') queued.catch((queueError) => node.sysLogger?.warn(`Matter queue purge error: ${queueError.message}`))
-        }
-        node.nodeClients.forEach((_oClient) => {
-          if (String(_oClient?.matterNodeId) !== String(item.nodeId)) return
-          safeClientCall(_oClient, () => {
-            if (mustBlock && typeof _oClient.blockMatterCommands === 'function') {
-              _oClient.blockMatterCommands(text)
-              return
-            }
-            const status = {
-              fill: 'red',
-              shape: 'ring',
-              text,
-              payload: ''
-            }
-            if (typeof _oClient.setNodeStatusMatter === 'function') return _oClient.setNodeStatusMatter(status)
-            // The legacy light profile's setNodeStatusHue deliberately recolours normal
-            // state updates blue, so use the Node-RED status API directly for errors.
-            if (typeof _oClient.status === 'function') return _oClient.status(status)
-          }, 'Matter command error status')
-        })
-      })
-
-      node.matterManager.on('connected', () => {
-        node.nodeClients.forEach((_oClient) => {
-          safeClientCall(_oClient, () => _oClient.setNodeStatusMatter({
-            fill: 'green',
-            shape: 'ring',
-            text: 'Controller ready',
-            payload: ''
-          }), 'setNodeStatusMatter')
-        })
-      })
-
-      node.matterManager.on('disconnected', () => {
-        node.nodeClients.forEach((_oClient) => {
-          safeClientCall(_oClient, () => _oClient.setNodeStatusMatter({
-            fill: 'red',
-            shape: 'ring',
-            text: 'Matter Disconnected',
-            payload: ''
-          }), 'setNodeStatusMatter')
-        })
-      })
-
-      // EventEmitter treats an unhandled "error" event as a process exception.
-      node.matterManager.on('error', (error) => {
-        node.sysLogger?.error(`Matter controller engine error: ${error?.message || error}`)
-      })
-
-      try {
-        await node.matterManager.Connect()
-      } catch (error) {
-        node.sysLogger?.error(`Errore matter-config: Connect: ${error.message}`)
-      }
-    }
-
-    node.startWatchdogTimer = async () => {
-      if (node.timerMatterConfigCheckState !== null) clearTimeout(node.timerMatterConfigCheckState)
-      node.timerMatterConfigCheckState = setTimeout(() => {
-        (async () => {
-          if (node.linkStatus === 'disconnected') {
-            try {
-              await node.initMatterConnection()
-            } catch (error) {
-              node.sysLogger?.error(`Errore matter-config: node.startWatchdogTimer: ${error.message}`)
-            }
-          }
-          try {
-            await node.startWatchdogTimer()
-          } catch (error) {
-            node.sysLogger?.error(`matter-config: watchdog reschedule error: ${error.message}`)
-          }
-        })().catch((error) => node.sysLogger?.error(`matter-config: watchdog callback error: ${error.message}`))
-      }, 60000)
-    }
-
-    setTimeout(() => {
-      (async () => {
-        try {
-          await node.initMatterConnection()
-        } catch (error) {
-          // Never let a failed startup (missing dependency, corrupted storage...) become
-          // an unhandled rejection: the watchdog will retry the connection later.
-          node.sysLogger?.error(`matter-config: startup error: ${error.message}`)
-        }
-        try {
-          await node.startWatchdogTimer()
-        } catch (error) {
-          node.sysLogger?.error(`matter-config: watchdog start error: ${error.message}`)
-        }
-      })().catch((error) => node.sysLogger?.error(`matter-config: startup callback error: ${error.message}`))
-    }, 5000)
-
-    // Functions called from the nodes and the admin endpoints ----------------------------------------
-    node.getCommissionedNodesDetails = () => {
-      if (node.matterManager === null) return []
-      return node.matterManager.getCommissionedNodesDetails()
-    }
-
-    node.getNodeStructure = (_nodeId) => {
-      if (node.matterManager === null) throw new Error('Matter controller not started')
-      return node.matterManager.getNodeStructure(_nodeId)
-    }
-
-    node.commission = async (_pairingCode, _options = {}) => {
-      if (node.matterManager === null) throw new Error('Matter controller not started')
-      return node.matterManager.commission(_pairingCode, _options)
-    }
-
-    node.beginCommissioningProgress = (_operationId) => {
-      if (node.commissioningProgress.active === true) return false
-      node.commissioningProgress = {
-        active: true,
-        operationId: String(_operationId || ''),
-        sequence: node.commissioningProgress.sequence + 1,
-        percent: 2,
-        phase: 'starting',
-        message: 'Preparing Matter commissioning…',
-        updatedAt: Date.now()
-      }
-      return true
-    }
-
-    node.reportCommissioningProgress = (_operationId, _progress = {}) => {
-      if (node.commissioningProgress.operationId !== String(_operationId || '')) return false
-      const numericPercent = Number(_progress.percent)
-      const previousPercent = Number(node.commissioningProgress.percent) || 0
-      node.commissioningProgress = {
-        ...node.commissioningProgress,
-        ..._progress,
-        active: true,
-        operationId: node.commissioningProgress.operationId,
-        sequence: node.commissioningProgress.sequence + 1,
-        percent: Number.isFinite(numericPercent) ? Math.max(previousPercent, Math.min(100, Math.max(0, numericPercent))) : previousPercent,
-        updatedAt: Date.now()
-      }
-      return true
-    }
-
-    node.endCommissioningProgress = (_operationId, _progress = {}) => {
-      if (node.commissioningProgress.operationId !== String(_operationId || '')) return false
-      node.reportCommissioningProgress(_operationId, _progress)
-      node.commissioningProgress.active = false
-      return true
-    }
-
-    node.getCommissioningProgress = (_operationId) => {
-      if (node.commissioningProgress.operationId !== String(_operationId || '')) {
-        return { active: false, percent: 0, message: 'Waiting for commissioning to start.' }
-      }
-      return { ...node.commissioningProgress }
-    }
-
-    node.removeCommissionedNode = async (_nodeId) => {
-      if (node.matterManager === null) throw new Error('Matter controller not started')
-      return node.matterManager.removeNode(_nodeId)
-    }
-
-    node.renameCommissionedNode = async (_nodeId, _label) => {
-      if (node.matterManager === null) throw new Error('Matter controller not started')
-      return node.matterManager.renameNode(_nodeId, _label)
-    }
-
-    const withStoppedController = async (operation) => {
-      if (node.storageOperation !== null) throw new Error('Another Matter storage operation is already running')
-      node.storageOperation = (async () => {
-        if (node.matterManager !== null) await node.matterManager.close()
-        node.matterManager = null
-        try {
-          return await operation()
-        } finally {
-          await node.initMatterConnection()
-        }
-      })()
-      try { return await node.storageOperation } finally { node.storageOperation = null }
-    }
-
-    node.exportMatterStorage = () => withStoppedController(() => exportMatterStorage({
-      storagePath: node.matterStoragePath,
-      instanceId: node.matterInstanceId,
-      kind: 'controller',
-      protocolVersion: Specification.REVISION,
-      packageVersion: matterPackageVersion
-    }))
-
-    node.importMatterStorage = (backup) => withStoppedController(() => importMatterStorage({
-      storagePath: node.matterStoragePath,
-      instanceId: node.matterInstanceId,
-      kind: 'controller',
-      backup
-    }))
-    // END functions called from the nodes -------------------------------------------------------------
-
-    node.addClient = (_Node) => {
-      try {
-        if (node.nodeClients.filter((x) => x.id === _Node.id).length !== 0) return
-        node.nodeClients.push(_Node)
-        if (node.linkStatus !== 'connected') {
-          safeClientCall(_Node, () => _Node.setNodeStatusMatter({
-            fill: 'grey',
-            shape: 'ring',
-            text: 'Waiting for Matter controller'
-          }), 'setNodeStatusMatter')
-          return
-        }
-        safeClientCall(_Node, () => _Node.setNodeStatusMatter({
-          fill: 'green',
-          shape: 'ring',
-          text: 'Ready'
-        }), 'setNodeStatusMatter')
-        // If the paired node already has values in cache, do the initial read straight away
-        safeClientCall(_Node, () => _Node.handleMatterNodeInitialized(), 'handleMatterNodeInitialized')
-      } catch (error) {
-        node.sysLogger?.error(`matter-config: addClient error: ${error.message}`)
-      }
-    }
-
-    node.removeClient = (_Node) => {
-      try {
-        node.nodeClients = node.nodeClients.filter((x) => x.id !== _Node.id)
-      } catch (error) {
-        /* empty */
-      }
-    }
-
-    node.on('close', (done) => {
-      try {
-        node.nodeClients = []
-        if (node.timerMatterConfigCheckState !== null) clearTimeout(node.timerMatterConfigCheckState);
-        (async () => {
-          try {
-            if (node.matterManager !== null) await node.matterManager.close()
-            node.matterManager = null
-            node.sysLogger?.destroy()
-            node.sysLogger = null
-            done()
-          } catch (error) {
-            done()
-          }
-        })()
-      } catch (error) {
-        done()
-      }
-    })
-  }
-  RED.nodes.registerType('matter-config', matterConfig)
-}

package/nodes/matterbridge-config.html

@@ -1,198 +0,0 @@
-<script type="text/javascript" src="resources/node-red-contrib-knx-ultimate/htmlUtils.js"></script>
-
-<script type="text/javascript">
-    RED.nodes.registerType('matterbridge-config', {
-        category: 'config',
-        icon: 'node-matter-bridge-icon.svg',
-        defaults: {
-            name: { value: '' },
-            bridgeDeviceName: { value: '' },
-            bridgePort: { value: 5540, required: true, validate: RED.validators.number() }
-        },
-        oneditprepare: function () {
-            try { RED.sidebar.show('help'); } catch (error) { }
-
-            var node = this;
-            var $pairingBody = $('#mbc-pairing-body');
-            var $refreshPairing = $('#mbc-refresh-pairing');
-            var $resetButton = $('#mbc-factory-reset');
-            var $storageFile = $('#mbc-storage-file');
-
-            function storageExportUrl() {
-                var adminRoot = (RED.settings && typeof RED.settings.httpAdminRoot === 'string') ? RED.settings.httpAdminRoot : '/';
-                adminRoot = String(adminRoot || '/').trim();
-                adminRoot = adminRoot === '/' ? '' : '/' + adminRoot.replace(/^\/+|\/+$/g, '');
-                var params = new URLSearchParams();
-                params.set('configId', node.id);
-                params.set('_', String(Date.now()));
-                try {
-                    var tokens = (RED.settings && typeof RED.settings.get === 'function') ? RED.settings.get('auth-tokens') : null;
-                    if (tokens && typeof tokens.access_token === 'string' && tokens.access_token.trim() !== '') params.set('access_token', tokens.access_token.trim());
-                } catch (error) { }
-                return adminRoot + '/KNXUltimateMatterBridgeStorageExport?' + params.toString();
-            }
-
-            var t = function (key) {
-                return RED._('node-red-contrib-knx-ultimate/matterbridge-config:matterbridge-config.properties.' + key);
-            };
-
-            function loadPairingInfo() {
-                $pairingBody.html('<i class="fa fa-circle-notch fa-spin"></i>');
-                $.getJSON('KNXUltimateMatterBridgeInfo?configId=' + node.id + '&_=' + Date.now(), function (info) {
-                    $pairingBody.empty();
-                    if (info.error) {
-                        $pairingBody.append($('<p style="color:#999;"></p>').text(info.error));
-                        return;
-                    }
-                    if (!info.running) {
-                        $pairingBody.append($('<p style="color:#999;"></p>').text(t('not_running')));
-                        return;
-                    }
-                    if (info.commissioned) {
-                        $pairingBody.append($('<p style="color:#1b7d33;"></p>').text(t('commissioned') + ' (' + info.fabrics.length + ')'));
-                        info.fabrics.forEach(function (f) {
-                            $pairingBody.append($('<div style="margin-left:10px;"></div>').text('• ' + (f.label || 'Controller') + ' (vendor ' + f.vendorId + ')'));
-                        });
-                        $resetButton.show();
-                        return;
-                    }
-                    $pairingBody.append($('<p style="color:#b8860b;"></p>').text(t('awaiting')));
-                    if (info.manualPairingCode) {
-                        $pairingBody.append($('<p></p>').append($('<b style="font-size:18px; letter-spacing:2px;"></b>').text(info.manualPairingCode)));
-                    }
-                    if (info.qrAscii) {
-                        $pairingBody.append($('<pre style="font-family:monospace; line-height:1.05; font-size:7px; display:inline-block; padding:6px; background:#fff; color:#000;"></pre>').text(info.qrAscii));
-                    }
-                    if (info.qrPairingCode) {
-                        var url = 'https://project-chip.github.io/connectedhomeip/qrcode.html?data=' + encodeURIComponent(info.qrPairingCode);
-                        $pairingBody.append($('<p></p>').append($('<a target="_blank"></a>').attr('href', url).text(t('qr_link'))));
-                    }
-                    $resetButton.hide();
-                }).fail(function () {
-                    $pairingBody.empty();
-                    $pairingBody.append($('<p style="color:#999;"></p>').text(t('deploy_first')));
-                });
-            }
-
-            $refreshPairing.on('click', function () { loadPairingInfo(); });
-            $resetButton.on('click', function () {
-                if (!window.confirm(t('reset_confirm'))) return;
-                $resetButton.prop('disabled', true);
-                $.getJSON('KNXUltimateMatterBridgeReset?configId=' + node.id, function (data) {
-                    if (data && data.error) RED.notify(data.error, { type: 'error' });
-                    else RED.notify(t('reset_ok'), { type: 'success' });
-                    loadPairingInfo();
-                }).always(function () { $resetButton.prop('disabled', false); });
-            });
-            $('#mbc-storage-export').on('click', function () {
-                window.location = storageExportUrl();
-            });
-            $('#mbc-storage-import').on('click', function () { $storageFile.trigger('click'); });
-            $storageFile.on('change', function () {
-                var file = this.files && this.files[0];
-                this.value = '';
-                if (!file || !window.confirm(t('storage_import_confirm'))) return;
-                var reader = new FileReader();
-                reader.onload = function () {
-                    var backup;
-                    try { backup = JSON.parse(reader.result); } catch (error) { RED.notify(error.message, { type: 'error' }); return; }
-                    $('#mbc-storage-import').prop('disabled', true);
-                    $.ajax({ url: 'KNXUltimateMatterBridgeStorageImport?configId=' + encodeURIComponent(node.id), method: 'POST', contentType: 'application/json', data: JSON.stringify(backup) })
-                        .done(function () { RED.notify(t('storage_import_ok'), { type: 'success' }); loadPairingInfo(); })
-                        .fail(function (xhr) { RED.notify((xhr.responseJSON && xhr.responseJSON.error) || xhr.statusText, { type: 'error', fixed: true }); })
-                        .always(function () { $('#mbc-storage-import').prop('disabled', false); });
-                };
-                reader.readAsText(file);
-            });
-
-            loadPairingInfo();
-        },
-        oneditsave: function () {
-            try { RED.sidebar.show('info'); } catch (error) { }
-        },
-        label: function () {
-            return this.name || this.bridgeDeviceName || 'Matter Bridge';
-        }
-    });
-</script>
-
-<script type="text/html" data-template-name="matterbridge-config">
-    <div class="form-row knx-ultimate-v8-upgrade-row">
-        <button type="button" class="red-ui-button knx-ultimate-v8-upgrade-button" data-i18n="[title]node-red-contrib-knx-ultimate/knxUltimateUtility:knxUltimateUtility.v8_upgrade.button_title">
-            <i class="fa fa-arrow-circle-up" aria-hidden="true"></i>
-            <span data-i18n="node-red-contrib-knx-ultimate/knxUltimateUtility:knxUltimateUtility.v8_upgrade.button"></span>
-        </button>
-    </div>
-  <div class="form-row" style="margin-bottom:10px;">
-    <span style="color:#ff0000"><i class="fa fa-youtube"></i></span>&nbsp;<a target="_blank" href="https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>
-  </div>
-
-  <div class="form-row">
-    <p align="center" style="margin:8px 0;">
-      <svg width="70" height="77" viewBox="0 8 40 44" xmlns="http://www.w3.org/2000/svg" aria-label="Matter" style="vertical-align:middle;">
-        <g fill="currentColor" stroke="none">
-          <circle cx="20" cy="30" r="4.5"/>
-          <g>
-            <rect x="18.4" y="9" width="3.2" height="11"/>
-            <path d="M 14.5 18.5 L 25.5 18.5 L 20 25.5 Z"/>
-          </g>
-          <g transform="rotate(120 20 30)">
-            <rect x="18.4" y="9" width="3.2" height="11"/>
-            <path d="M 14.5 18.5 L 25.5 18.5 L 20 25.5 Z"/>
-          </g>
-          <g transform="rotate(240 20 30)">
-            <rect x="18.4" y="9" width="3.2" height="11"/>
-            <path d="M 14.5 18.5 L 25.5 18.5 L 20 25.5 Z"/>
-          </g>
-        </g>
-      </svg>
-      <br/>
-      <span style="font-size:18px; font-weight:600; letter-spacing:1px;" data-i18n="matterbridge-config.properties.title"></span>
-    </p>
-  </div>
-
-  <div class="form-row">
-    <label for="node-config-input-name">
-      <i class="fa fa-tag"></i> <span data-i18n="matterbridge-config.properties.node-config-input-name"></span>
-    </label>
-    <input type="text" id="node-config-input-name">
-  </div>
-
-  <div class="form-row">
-    <label for="node-config-input-bridgeDeviceName" style="width:180px;">
-      <i class="fa fa-share-alt"></i> <span data-i18n="matterbridge-config.properties.bridge_name"></span>
-    </label>
-    <input type="text" id="node-config-input-bridgeDeviceName" style="width:220px;" data-i18n="[placeholder]matterbridge-config.properties.bridge_name_ph">
-    <label for="node-config-input-bridgePort" style="width:60px; text-align:right;"><span data-i18n="matterbridge-config.properties.port"></span></label>
-    <input type="number" id="node-config-input-bridgePort" style="width:90px;">
-  </div>
-
-  <hr/>
-
-  <div class="form-row">
-    <b><i class="fa fa-database"></i>&nbsp;<span data-i18n="matterbridge-config.properties.storage_title"></span></b>
-    <button type="button" id="mbc-storage-export" class="red-ui-button" style="margin-left:8px;"><i class="fa fa-download"></i>&nbsp;<span data-i18n="matterbridge-config.properties.storage_export"></span></button>
-    <button type="button" id="mbc-storage-import" class="red-ui-button"><i class="fa fa-upload"></i>&nbsp;<span data-i18n="matterbridge-config.properties.storage_import"></span></button>
-    <input type="file" id="mbc-storage-file" accept="application/json,.json" style="display:none;">
-  </div>
-
-  <hr/>
-
-  <div class="form-row">
-    <b><i class="fa fa-qrcode"></i>&nbsp;<span data-i18n="matterbridge-config.properties.pairing_title"></span></b>
-    <button type="button" id="mbc-refresh-pairing" class="red-ui-button" style="margin-left:6px; color:#1b7d33; border-color:#1b7d33;">
-      <i class="fa fa-refresh"></i>
-    </button>
-    <button type="button" id="mbc-factory-reset" class="red-ui-button" style="margin-left:6px; color:#c00; border-color:#c00; display:none;">
-      <i class="fa fa-trash"></i>&nbsp;<span data-i18n="matterbridge-config.properties.reset_button"></span>
-    </button>
-  </div>
-  <div class="form-row" id="mbc-pairing-body" style="text-align:center;"></div>
-
-  <br/>
-  <br/>
-  <br/>
-  <br/>
-  <br/>
-  <br/>
-</script>