matterbridge 2.2.0 → 2.2.2-dev.1

package/dist/frontend.js

@@ -1,28 +1,4 @@
-/**
- * This file contains the class Frontend.
- *
- * @file frontend.ts
- * @author Luca Liguori
- * @date 2025-01-13
- * @version 1.0.2
- *
- * Copyright 2025, 2026, 2027 Luca Liguori.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License. *
- */
-// @matter
 import { EndpointServer, Logger, LogLevel as MatterLogLevel, LogFormat as MatterLogFormat, Lifecycle } from '@matter/main';
-// Node modules
 import { createServer } from 'node:http';
 import https from 'https';
 import express from 'express';
@@ -30,70 +6,21 @@ import WebSocket, { WebSocketServer } from 'ws';
 import os from 'node:os';
 import path from 'node:path';
 import { promises as fs } from 'node:fs';
-// AnsiLogger module
 import { AnsiLogger, stringify, debugStringify, CYAN, db, er, nf, rs, UNDERLINE, UNDERLINEOFF, wr, YELLOW } from './logger/export.js';
-// Matterbridge
-import { createZip, deepCopy, isValidNumber, isValidObject, isValidString } from './utils/export.js';
+import { createZip, deepCopy, isValidArray, isValidNumber, isValidObject, isValidString } from './utils/export.js';
 import { plg } from './matterbridgeTypes.js';
 import { hasParameter } from './utils/export.js';
-/**
- * Websocket message ID for logging.
- * @constant {number}
- */
+import { BridgedDeviceBasicInformation } from '@matter/main/clusters';
 export const WS_ID_LOG = 0;
-/**
- * Websocket message ID indicating a refresh is needed.
- * @constant {number}
- */
 export const WS_ID_REFRESH_NEEDED = 1;
-/**
- * Websocket message ID indicating a restart is needed.
- * @constant {number}
- */
 export const WS_ID_RESTART_NEEDED = 2;
-/**
- * Websocket message ID indicating a cpu update.
- * @constant {number}
- */
 export const WS_ID_CPU_UPDATE = 3;
-/**
- * Websocket message ID indicating a memory update.
- * @constant {number}
- */
 export const WS_ID_MEMORY_UPDATE = 4;
-/**
- * Websocket message ID indicating an uptime update.
- * @constant {number}
- */
 export const WS_ID_UPTIME_UPDATE = 5;
-/**
- * Websocket message ID indicating a memory update.
- * @constant {number}
- */
 export const WS_ID_SNACKBAR = 6;
-/**
- * Websocket message ID indicating a shelly system update.
- * check:
- * curl -k http://127.0.0.1:8101/api/updates/sys/check
- * perform:
- * curl -k http://127.0.0.1:8101/api/updates/sys/perform
- * @constant {number}
- */
+export const WS_ID_UPDATE_NEEDED = 7;
 export const WS_ID_SHELLY_SYS_UPDATE = 100;
-/**
- * Websocket message ID indicating a shelly main update.
- * check:
- * curl -k http://127.0.0.1:8101/api/updates/main/check
- * perform:
- * curl -k http://127.0.0.1:8101/api/updates/main/perform
- * @constant {number}
- */
 export const WS_ID_SHELLY_MAIN_UPDATE = 101;
-/**
- * Initializes the frontend of Matterbridge.
- *
- * @param port The port number to run the frontend server on. Default is 8283.
- */
 export class Frontend {
     matterbridge;
     log;
@@ -110,7 +37,7 @@ export class Frontend {
     memoryTimeout;
     constructor(matterbridge) {
         this.matterbridge = matterbridge;
-        this.log = new AnsiLogger({ logName: 'Frontend', logTimestampFormat: 4 /* TimestampFormat.TIME_MILLIS */, logLevel: hasParameter('debug') ? "debug" /* LogLevel.DEBUG */ : "info" /* LogLevel.INFO */ });
+        this.log = new AnsiLogger({ logName: 'Frontend', logTimestampFormat: 4, logLevel: hasParameter('debug') ? "debug" : "info" });
     }
     set logLevel(logLevel) {
         this.log.logLevel = logLevel;
@@ -118,21 +45,10 @@ export class Frontend {
     async start(port = 8283) {
         this.port = port;
         this.log.debug(`Initializing the frontend ${hasParameter('ssl') ? 'https' : 'http'} server on port ${YELLOW}${this.port}${db}`);
-        // Create the express app that serves the frontend
         this.expressApp = express();
-        // Log all requests to the server for debugging
-        /*
-        this.expressApp.use((req, res, next) => {
-          this.log.debug(`Received request on expressApp: ${req.method} ${req.url}`);
-          next();
-        });
-        */
-        // Serve static files from '/static' endpoint
         this.expressApp.use(express.static(path.join(this.matterbridge.rootDirectory, 'frontend/build')));
         if (!hasParameter('ssl')) {
-            // Create an HTTP server and attach the express app
             this.httpServer = createServer(this.expressApp);
-            // Listen on the specified port
             if (hasParameter('ingress')) {
                 this.httpServer.listen(this.port, '0.0.0.0', () => {
                     this.log.info(`The frontend http server is listening on ${UNDERLINE}http://0.0.0.0:${this.port}${UNDERLINEOFF}${rs}`);
@@ -146,7 +62,6 @@ export class Frontend {
                         this.log.info(`The frontend http server is listening on ${UNDERLINE}http://[${this.matterbridge.systemInformation.ipv6Address}]:${this.port}${UNDERLINEOFF}${rs}`);
                 });
             }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.httpServer.on('error', (error) => {
                 this.log.error(`Frontend http server error listening on ${this.port}`);
                 switch (error.code) {
@@ -162,7 +77,6 @@ export class Frontend {
             });
         }
         else {
-            // Load the SSL certificate, the private key and optionally the CA certificate
             let cert;
             try {
                 cert = await fs.readFile(path.join(this.matterbridge.matterbridgeDirectory, 'certs/cert.pem'), 'utf8');
@@ -190,9 +104,7 @@ export class Frontend {
                 this.log.info(`CA certificate file ${path.join(this.matterbridge.matterbridgeDirectory, 'certs/ca.pem')} not loaded: ${error}`);
             }
             const serverOptions = { cert, key, ca };
-            // Create an HTTPS server with the SSL certificate and private key (ca is optional) and attach the express app
             this.httpsServer = https.createServer(serverOptions, this.expressApp);
-            // Listen on the specified port
             if (hasParameter('ingress')) {
                 this.httpsServer.listen(this.port, '0.0.0.0', () => {
                     this.log.info(`The frontend https server is listening on ${UNDERLINE}https://0.0.0.0:${this.port}${UNDERLINEOFF}${rs}`);
@@ -206,7 +118,6 @@ export class Frontend {
                         this.log.info(`The frontend https server is listening on ${UNDERLINE}https://[${this.matterbridge.systemInformation.ipv6Address}]:${this.port}${UNDERLINEOFF}${rs}`);
                 });
             }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.httpsServer.on('error', (error) => {
                 this.log.error(`Frontend https server error listening on ${this.port}`);
                 switch (error.code) {
@@ -223,18 +134,16 @@ export class Frontend {
         }
         if (this.initializeError)
             return;
-        // Create a WebSocket server and attach it to the http or https server
         const wssPort = this.port;
         const wssHost = hasParameter('ssl') ? `wss://${this.matterbridge.systemInformation.ipv4Address}:${wssPort}` : `ws://${this.matterbridge.systemInformation.ipv4Address}:${wssPort}`;
         this.webSocketServer = new WebSocketServer(hasParameter('ssl') ? { server: this.httpsServer } : { server: this.httpServer });
         this.webSocketServer.on('connection', (ws, request) => {
             const clientIp = request.socket.remoteAddress;
-            // Set the global logger callback for the WebSocketServer
-            let callbackLogLevel = "notice" /* LogLevel.NOTICE */;
-            if (this.matterbridge.matterbridgeInformation.loggerLevel === "info" /* LogLevel.INFO */ || this.matterbridge.matterbridgeInformation.matterLoggerLevel === MatterLogLevel.INFO)
-                callbackLogLevel = "info" /* LogLevel.INFO */;
-            if (this.matterbridge.matterbridgeInformation.loggerLevel === "debug" /* LogLevel.DEBUG */ || this.matterbridge.matterbridgeInformation.matterLoggerLevel === MatterLogLevel.DEBUG)
-                callbackLogLevel = "debug" /* LogLevel.DEBUG */;
+            let callbackLogLevel = "notice";
+            if (this.matterbridge.matterbridgeInformation.loggerLevel === "info" || this.matterbridge.matterbridgeInformation.matterLoggerLevel === MatterLogLevel.INFO)
+                callbackLogLevel = "info";
+            if (this.matterbridge.matterbridgeInformation.loggerLevel === "debug" || this.matterbridge.matterbridgeInformation.matterLoggerLevel === MatterLogLevel.DEBUG)
+                callbackLogLevel = "debug";
             AnsiLogger.setGlobalCallback(this.wssSendMessage.bind(this), callbackLogLevel);
             this.log.debug(`WebSocketServer logger global callback set to ${callbackLogLevel}`);
             this.log.info(`WebSocketServer client "${clientIp}" connected to Matterbridge`);
@@ -268,7 +177,6 @@ export class Frontend {
         this.webSocketServer.on('error', (ws, error) => {
             this.log.error(`WebSocketServer error: ${error}`);
         });
-        // Subscribe to cli events
         const { cliEmitter } = await import('./cli.js');
         cliEmitter.on('uptime', (systemUptime, processUptime) => {
             this.wssSendUptimeUpdate(systemUptime, processUptime);
@@ -279,7 +187,6 @@ export class Frontend {
         cliEmitter.on('cpu', (cpuUsage) => {
             this.wssSendCpuUpdate(cpuUsage);
         });
-        // Endpoint to validate login code
         this.expressApp.post('/api/login', express.json(), async (req, res) => {
             const { password } = req.body;
             this.log.debug('The frontend sent /api/login', password);
@@ -298,27 +205,23 @@ export class Frontend {
                     this.log.warn('/api/login error wrong password');
                     res.json({ valid: false });
                 }
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (error) {
                 this.log.error('/api/login error getting password');
                 res.json({ valid: false });
             }
         });
-        // Endpoint to provide health check
         this.expressApp.get('/health', (req, res) => {
             this.log.debug('Express received /health');
             const healthStatus = {
-                status: 'ok', // Indicate service is healthy
-                uptime: process.uptime(), // Server uptime in seconds
-                timestamp: new Date().toISOString(), // Current timestamp
+                status: 'ok',
+                uptime: process.uptime(),
+                timestamp: new Date().toISOString(),
             };
             res.status(200).json(healthStatus);
         });
-        // Endpoint to provide memory usage details
         this.expressApp.get('/memory', async (req, res) => {
             this.log.debug('Express received /memory');
-            // Memory usage from process
             const memoryUsageRaw = process.memoryUsage();
             const memoryUsage = {
                 rss: this.formatMemoryUsage(memoryUsageRaw.rss),
@@ -327,13 +230,10 @@ export class Frontend {
                 external: this.formatMemoryUsage(memoryUsageRaw.external),
                 arrayBuffers: this.formatMemoryUsage(memoryUsageRaw.arrayBuffers),
             };
-            // V8 heap statistics
             const { default: v8 } = await import('node:v8');
             const heapStatsRaw = v8.getHeapStatistics();
             const heapSpacesRaw = v8.getHeapSpaceStatistics();
-            // Format heapStats
             const heapStats = Object.fromEntries(Object.entries(heapStatsRaw).map(([key, value]) => [key, this.formatMemoryUsage(value)]));
-            // Format heapSpaces
             const heapSpaces = heapSpacesRaw.map((space) => ({
                 ...space,
                 space_size: this.formatMemoryUsage(space.space_size),
@@ -351,7 +251,6 @@ export class Frontend {
             };
             res.status(200).json(memoryReport);
         });
-        // Endpoint to start advertising the server node
         this.expressApp.get('/api/advertise', express.json(), async (req, res) => {
             const pairingCodes = await this.matterbridge.advertiseServerNode(this.matterbridge.serverNode);
             if (pairingCodes) {
@@ -362,22 +261,18 @@ export class Frontend {
                 res.status(500).json({ error: 'Failed to generate pairing codes' });
             }
         });
-        // Endpoint to provide settings
         this.expressApp.get('/api/settings', express.json(), async (req, res) => {
             this.log.debug('The frontend sent /api/settings');
             res.json(await this.getApiSettings());
         });
-        // Endpoint to provide plugins
         this.expressApp.get('/api/plugins', async (req, res) => {
             this.log.debug('The frontend sent /api/plugins');
             res.json(this.getBaseRegisteredPlugins());
         });
-        // Endpoint to provide devices
         this.expressApp.get('/api/devices', (req, res) => {
             this.log.debug('The frontend sent /api/devices');
             const devices = [];
             this.matterbridge.devices.forEach(async (device) => {
-                // Check if the device has the required properties
                 if (!device.plugin || !device.name || !device.deviceName || !device.serialNumber || !device.uniqueId || !device.lifecycle.isReady)
                     return;
                 const cluster = this.getClusterTextFromDevice(device);
@@ -390,12 +285,12 @@ export class Frontend {
                     productUrl: device.productUrl,
                     configUrl: device.configUrl,
                     uniqueId: device.uniqueId,
+                    reachable: this.getReachability(device),
                     cluster: cluster,
                 });
             });
             res.json(devices);
         });
-        // Endpoint to provide the cluster servers of the devices
         this.expressApp.get('/api/devices_clusters/:selectedPluginName/:selectedDeviceEndpoint', (req, res) => {
             const selectedPluginName = req.params.selectedPluginName;
             const selectedDeviceEndpoint = parseInt(req.params.selectedDeviceEndpoint, 10);
@@ -468,7 +363,6 @@ export class Frontend {
             });
             res.json(data);
         });
-        // Endpoint to view the log
         this.expressApp.get('/api/view-log', async (req, res) => {
             this.log.debug('The frontend sent /api/log');
             try {
@@ -481,12 +375,10 @@ export class Frontend {
                 res.status(500).send('Error reading log file');
             }
         });
-        // Endpoint to download the matterbridge log
         this.expressApp.get('/api/download-mblog', async (req, res) => {
             this.log.debug('The frontend sent /api/download-mblog');
             try {
                 await fs.access(path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterbrideLoggerFile), fs.constants.F_OK);
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (error) {
                 fs.appendFile(path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterbrideLoggerFile), 'Enable the log on file in the settings to enable the file logger');
@@ -498,12 +390,10 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matter log
         this.expressApp.get('/api/download-mjlog', async (req, res) => {
             this.log.debug('The frontend sent /api/download-mjlog');
             try {
                 await fs.access(path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterLoggerFile), fs.constants.F_OK);
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (error) {
                 fs.appendFile(path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterLoggerFile), 'Enable the log on file in the settings to enable the file logger');
@@ -515,12 +405,10 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matter log
         this.expressApp.get('/api/shellydownloadsystemlog', async (req, res) => {
             this.log.debug('The frontend sent /api/shellydownloadsystemlog');
             try {
                 await fs.access(path.join(this.matterbridge.matterbridgeDirectory, 'shelly.log'), fs.constants.F_OK);
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (error) {
                 fs.appendFile(path.join(this.matterbridge.matterbridgeDirectory, 'shelly.log'), 'Create the Shelly system log before downloading it.');
@@ -532,7 +420,6 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matter storage file
         this.expressApp.get('/api/download-mjstorage', async (req, res) => {
             this.log.debug('The frontend sent /api/download-mjstorage');
             await createZip(path.join(os.tmpdir(), `matterbridge.${this.matterbridge.matterStorageName}.zip`), path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterStorageName));
@@ -543,7 +430,6 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matterbridge storage directory
         this.expressApp.get('/api/download-mbstorage', async (req, res) => {
             this.log.debug('The frontend sent /api/download-mbstorage');
             await createZip(path.join(os.tmpdir(), `matterbridge.${this.matterbridge.nodeStorageName}.zip`), path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.nodeStorageName));
@@ -554,7 +440,6 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matterbridge plugin directory
         this.expressApp.get('/api/download-pluginstorage', async (req, res) => {
             this.log.debug('The frontend sent /api/download-pluginstorage');
             await createZip(path.join(os.tmpdir(), `matterbridge.pluginstorage.zip`), this.matterbridge.matterbridgePluginDirectory);
@@ -565,11 +450,9 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matterbridge plugin config files
         this.expressApp.get('/api/download-pluginconfig', async (req, res) => {
             this.log.debug('The frontend sent /api/download-pluginconfig');
             await createZip(path.join(os.tmpdir(), `matterbridge.pluginconfig.zip`), path.relative(process.cwd(), path.join(this.matterbridge.matterbridgeDirectory, '*.config.json')));
-            // await createZip(path.join(os.tmpdir(), `matterbridge.pluginconfig.zip`), path.relative(process.cwd(), path.join(this.matterbridge.matterbridgeDirectory, 'certs', '*.*')), path.relative(process.cwd(), path.join(this.matterbridge.matterbridgeDirectory, '*.config.json')));
             res.download(path.join(os.tmpdir(), `matterbridge.pluginconfig.zip`), `matterbridge.pluginconfig.zip`, (error) => {
                 if (error) {
                     this.log.error(`Error downloading file matterbridge.pluginstorage.zip: ${error instanceof Error ? error.message : error}`);
@@ -577,7 +460,6 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to download the matterbridge plugin config files
         this.expressApp.get('/api/download-backup', async (req, res) => {
             this.log.debug('The frontend sent /api/download-backup');
             res.download(path.join(os.tmpdir(), `matterbridge.backup.zip`), `matterbridge.backup.zip`, (error) => {
@@ -587,7 +469,6 @@ export class Frontend {
                 }
             });
         });
-        // Endpoint to receive commands
         this.expressApp.post('/api/command/:command/:param', express.json(), async (req, res) => {
             const command = req.params.command;
             let param = req.params.param;
@@ -597,15 +478,13 @@ export class Frontend {
                 return;
             }
             this.log.debug(`Received frontend command: ${command}:${param}`);
-            // Handle the command setpassword from Settings
             if (command === 'setpassword') {
-                const password = param.slice(1, -1); // Remove the first and last characters
+                const password = param.slice(1, -1);
                 this.log.debug('setpassword', param, password);
                 await this.matterbridge.nodeContext?.set('password', password);
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setbridgemode from Settings
             if (command === 'setbridgemode') {
                 this.log.debug(`setbridgemode: ${param}`);
                 this.wssSendRestartRequired();
@@ -613,7 +492,6 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command backup from Settings
             if (command === 'backup') {
                 this.log.notice(`Prepairing the backup...`);
                 await createZip(path.join(os.tmpdir(), `matterbridge.backup.zip`), path.join(this.matterbridge.matterbridgeDirectory), path.join(this.matterbridge.matterbridgePluginDirectory));
@@ -622,33 +500,31 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmbloglevel from Settings
             if (command === 'setmbloglevel') {
                 this.log.debug('Matterbridge log level:', param);
                 if (param === 'Debug') {
-                    this.log.logLevel = "debug" /* LogLevel.DEBUG */;
+                    this.log.logLevel = "debug";
                 }
                 else if (param === 'Info') {
-                    this.log.logLevel = "info" /* LogLevel.INFO */;
+                    this.log.logLevel = "info";
                 }
                 else if (param === 'Notice') {
-                    this.log.logLevel = "notice" /* LogLevel.NOTICE */;
+                    this.log.logLevel = "notice";
                 }
                 else if (param === 'Warn') {
-                    this.log.logLevel = "warn" /* LogLevel.WARN */;
+                    this.log.logLevel = "warn";
                 }
                 else if (param === 'Error') {
-                    this.log.logLevel = "error" /* LogLevel.ERROR */;
+                    this.log.logLevel = "error";
                 }
                 else if (param === 'Fatal') {
-                    this.log.logLevel = "fatal" /* LogLevel.FATAL */;
+                    this.log.logLevel = "fatal";
                 }
                 await this.matterbridge.nodeContext?.set('matterbridgeLogLevel', this.log.logLevel);
                 await this.matterbridge.setLogLevel(this.log.logLevel);
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmbloglevel from Settings
             if (command === 'setmjloglevel') {
                 this.log.debug('Matter.js log level:', param);
                 if (param === 'Debug') {
@@ -673,34 +549,30 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmdnsinterface from Settings
             if (command === 'setmdnsinterface') {
-                param = param.slice(1, -1); // Remove the first and last characters *mdns*
+                param = param.slice(1, -1);
                 this.matterbridge.matterbridgeInformation.mattermdnsinterface = param;
                 this.log.debug('Matter.js mdns interface:', param === '' ? 'All interfaces' : param);
                 await this.matterbridge.nodeContext?.set('mattermdnsinterface', param);
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setipv4address from Settings
             if (command === 'setipv4address') {
-                param = param.slice(1, -1); // Remove the first and last characters *ip*
+                param = param.slice(1, -1);
                 this.matterbridge.matterbridgeInformation.matteripv4address = param;
                 this.log.debug('Matter.js ipv4 address:', param === '' ? 'All ipv4 addresses' : param);
                 await this.matterbridge.nodeContext?.set('matteripv4address', param);
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setipv6address from Settings
             if (command === 'setipv6address') {
-                param = param.slice(1, -1); // Remove the first and last characters *ip*
+                param = param.slice(1, -1);
                 this.matterbridge.matterbridgeInformation.matteripv6address = param;
                 this.log.debug('Matter.js ipv6 address:', param === '' ? 'All ipv6 addresses' : param);
                 await this.matterbridge.nodeContext?.set('matteripv6address', param);
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmatterport from Settings
             if (command === 'setmatterport') {
                 const port = Math.min(Math.max(parseInt(param), 5540), 5560);
                 this.matterbridge.matterbridgeInformation.matterPort = port;
@@ -709,7 +581,6 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmatterdiscriminator from Settings
             if (command === 'setmatterdiscriminator') {
                 const discriminator = Math.min(Math.max(parseInt(param), 1000), 4095);
                 this.matterbridge.matterbridgeInformation.matterDiscriminator = discriminator;
@@ -718,7 +589,6 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmatterpasscode from Settings
             if (command === 'setmatterpasscode') {
                 const passcode = Math.min(Math.max(parseInt(param), 10000000), 90000000);
                 this.matterbridge.matterbridgeInformation.matterPasscode = passcode;
@@ -727,20 +597,17 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmbloglevel from Settings
             if (command === 'setmblogfile') {
                 this.log.debug('Matterbridge file log:', param);
                 this.matterbridge.matterbridgeInformation.fileLogger = param === 'true';
                 await this.matterbridge.nodeContext?.set('matterbridgeFileLog', param === 'true');
-                // Create the file logger for matterbridge
                 if (param === 'true')
-                    AnsiLogger.setGlobalLogfile(path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterbrideLoggerFile), "debug" /* LogLevel.DEBUG */, true);
+                    AnsiLogger.setGlobalLogfile(path.join(this.matterbridge.matterbridgeDirectory, this.matterbridge.matterbrideLoggerFile), "debug", true);
                 else
                     AnsiLogger.setGlobalLogfile(undefined);
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command setmbloglevel from Settings
             if (command === 'setmjlogfile') {
                 this.log.debug('Matter file log:', param);
                 this.matterbridge.matterbridgeInformation.matterFileLogger = param === 'true';
@@ -767,48 +634,40 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command unregister from Settings
             if (command === 'unregister') {
                 await this.matterbridge.unregisterAndShutdownProcess();
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command reset from Settings
             if (command === 'reset') {
                 await this.matterbridge.shutdownProcessAndReset();
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command factoryreset from Settings
             if (command === 'factoryreset') {
                 await this.matterbridge.shutdownProcessAndFactoryReset();
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command shutdown from Header
             if (command === 'shutdown') {
                 await this.matterbridge.shutdownProcess();
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command restart from Header
             if (command === 'restart') {
                 await this.matterbridge.restartProcess();
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command update from Header
             if (command === 'update') {
                 await this.matterbridge.updateProcess();
                 this.wssSendRestartRequired();
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command saveconfig from Home
             if (command === 'saveconfig') {
                 param = param.replace(/\*/g, '\\');
                 this.log.info(`Saving config for plugin ${plg}${param}${nf}...`);
-                // console.log('Req.body:', JSON.stringify(req.body, null, 2));
                 if (!this.matterbridge.plugins.has(param)) {
                     this.log.warn(`Plugin ${plg}${param}${wr} not found in matterbridge`);
                 }
@@ -823,7 +682,6 @@ export class Frontend {
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command installplugin from Home
             if (command === 'installplugin') {
                 param = param.replace(/\*/g, '\\');
                 this.log.info(`Installing plugin ${plg}${param}${nf}...`);
@@ -832,54 +690,47 @@ export class Frontend {
                     await this.matterbridge.spawnCommand('npm', ['install', '-g', param, '--omit=dev', '--verbose']);
                     this.log.info(`Plugin ${plg}${param}${nf} installed. Full restart required.`);
                     this.wssSendSnackbarMessage(`Installed package ${param}`);
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 }
                 catch (error) {
                     this.log.error(`Error installing plugin ${plg}${param}${er}`);
                     this.wssSendSnackbarMessage(`Package ${param} not installed`);
                 }
-                this.wssSendSnackbarMessage(`Restart required`, 0);
                 this.wssSendRestartRequired();
                 param = param.split('@')[0];
-                // Also add the plugin to matterbridge so no return!
                 if (param === 'matterbridge') {
-                    // If we used the command installplugin to install a dev or a specific version of matterbridge we don't want to add it to matterbridge
                     res.json({ message: 'Command received' });
                     return;
                 }
             }
-            // Handle the command addplugin from Home
             if (command === 'addplugin' || command === 'installplugin') {
                 param = param.replace(/\*/g, '\\');
                 const plugin = await this.matterbridge.plugins.add(param);
                 if (plugin) {
+                    this.wssSendSnackbarMessage(`Added plugin ${param}`);
                     if (this.matterbridge.bridgeMode === 'childbridge') {
-                        // We don't know now if the plugin is a dynamic platform or an accessory platform so we create the server node and the aggregator node
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         this.matterbridge.createDynamicPlugin(plugin, true);
                     }
                     this.matterbridge.plugins.load(plugin, true, 'The plugin has been added', true).then(() => {
-                        this.wssSendRefreshRequired();
+                        this.wssSendRefreshRequired('plugins');
                     });
                 }
                 res.json({ message: 'Command received' });
                 return;
             }
-            // Handle the command removeplugin from Home
             if (command === 'removeplugin') {
                 if (!this.matterbridge.plugins.has(param)) {
                     this.log.warn(`Plugin ${plg}${param}${wr} not found in matterbridge`);
                 }
                 else {
                     const plugin = this.matterbridge.plugins.get(param);
-                    await this.matterbridge.plugins.shutdown(plugin, 'The plugin has been removed.', true); // This will also close the server node in childbridge mode
+                    await this.matterbridge.plugins.shutdown(plugin, 'The plugin has been removed.', true);
                     await this.matterbridge.plugins.remove(param);
+                    this.wssSendSnackbarMessage(`Removed plugin ${param}`);
+                    this.wssSendRefreshRequired('plugins');
                 }
                 res.json({ message: 'Command received' });
-                this.wssSendRefreshRequired();
                 return;
             }
-            // Handle the command enableplugin from Home
             if (command === 'enableplugin') {
                 if (!this.matterbridge.plugins.has(param)) {
                     this.log.warn(`Plugin ${plg}${param}${wr} not found in matterbridge`);
@@ -896,20 +747,18 @@ export class Frontend {
                         plugin.registeredDevices = undefined;
                         plugin.addedDevices = undefined;
                         await this.matterbridge.plugins.enable(param);
+                        this.wssSendSnackbarMessage(`Enabled plugin ${param}`);
                         if (this.matterbridge.bridgeMode === 'childbridge' && plugin.type === 'DynamicPlatform') {
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             this.matterbridge.createDynamicPlugin(plugin, true);
                         }
                         this.matterbridge.plugins.load(plugin, true, 'The plugin has been enabled', true).then(() => {
-                            this.wssSendRefreshRequired();
+                            this.wssSendRefreshRequired('plugins');
                         });
                     }
                 }
                 res.json({ message: 'Command received' });
-                this.wssSendRefreshRequired();
                 return;
             }
-            // Handle the command disableplugin from Home
             if (command === 'disableplugin') {
                 if (!this.matterbridge.plugins.has(param)) {
                     this.log.warn(`Plugin ${plg}${param}${wr} not found in matterbridge`);
@@ -917,16 +766,16 @@ export class Frontend {
                 else {
                     const plugin = this.matterbridge.plugins.get(param);
                     if (plugin && plugin.enabled) {
-                        await this.matterbridge.plugins.shutdown(plugin, 'The plugin has been disabled.', true); // This will also close the server node in childbridge mode
+                        await this.matterbridge.plugins.shutdown(plugin, 'The plugin has been disabled.', true);
                         await this.matterbridge.plugins.disable(param);
+                        this.wssSendSnackbarMessage(`Disabled plugin ${param}`);
+                        this.wssSendRefreshRequired('plugins');
                     }
                 }
                 res.json({ message: 'Command received' });
-                this.wssSendRefreshRequired();
                 return;
             }
         });
-        // Fallback for routing (must be the last route)
         this.expressApp.get('*', (req, res) => {
             this.log.debug('The frontend sent:', req.url);
             this.log.debug('Response send file:', path.join(this.matterbridge.rootDirectory, 'frontend/build/index.html'));
@@ -935,29 +784,24 @@ export class Frontend {
         this.log.debug(`Frontend initialized on port ${YELLOW}${this.port}${db} static ${UNDERLINE}${path.join(this.matterbridge.rootDirectory, 'frontend/build')}${UNDERLINEOFF}${rs}`);
     }
     async stop() {
-        // Close the http server
         if (this.httpServer) {
             this.httpServer.close();
             this.httpServer.removeAllListeners();
             this.httpServer = undefined;
             this.log.debug('Frontend http server closed successfully');
         }
-        // Close the https server
         if (this.httpsServer) {
             this.httpsServer.close();
             this.httpsServer.removeAllListeners();
             this.httpsServer = undefined;
             this.log.debug('Frontend https server closed successfully');
         }
-        // Remove listeners from the express app
         if (this.expressApp) {
             this.expressApp.removeAllListeners();
             this.expressApp = undefined;
             this.log.debug('Frontend app closed successfully');
         }
-        // Close the WebSocket server
         if (this.webSocketServer) {
-            // Close all active connections
             this.webSocketServer.clients.forEach((client) => {
                 if (client.readyState === WebSocket.OPEN) {
                     client.close();
@@ -974,7 +818,6 @@ export class Frontend {
             this.webSocketServer = undefined;
         }
     }
-    // Function to format bytes to KB, MB, or GB
     formatMemoryUsage = (bytes) => {
         if (bytes >= 1024 ** 3) {
             return `${(bytes / 1024 ** 3).toFixed(2)} GB`;
@@ -986,7 +829,6 @@ export class Frontend {
             return `${(bytes / 1024).toFixed(2)} KB`;
         }
     };
-    // Function to format system uptime with only the most significant unit
     formatOsUpTime = (seconds) => {
         if (seconds >= 86400) {
             const days = Math.floor(seconds / 86400);
@@ -1002,13 +844,8 @@ export class Frontend {
         }
         return `${seconds} second${seconds !== 1 ? 's' : ''}`;
     };
-    /**
-     * Retrieves the api settings data.
-     * @returns {Promise<object>} A promise that resolve in the api settings object.
-     */
     async getApiSettings() {
         const { lastCpuUsage } = await import('./cli.js');
-        // Update the system information
         this.matterbridge.systemInformation.totalMemory = this.formatMemoryUsage(os.totalmem());
         this.matterbridge.systemInformation.freeMemory = this.formatMemoryUsage(os.freemem());
         this.matterbridge.systemInformation.systemUptime = this.formatOsUpTime(os.uptime());
@@ -1017,7 +854,6 @@ export class Frontend {
         this.matterbridge.systemInformation.rss = this.formatMemoryUsage(process.memoryUsage().rss);
         this.matterbridge.systemInformation.heapTotal = this.formatMemoryUsage(process.memoryUsage().heapTotal);
         this.matterbridge.systemInformation.heapUsed = this.formatMemoryUsage(process.memoryUsage().heapUsed);
-        // Update the matterbridge information
         this.matterbridge.matterbridgeInformation.bridgeMode = this.matterbridge.bridgeMode;
         this.matterbridge.matterbridgeInformation.restartMode = this.matterbridge.restartMode;
         this.matterbridge.matterbridgeInformation.loggerLevel = this.matterbridge.log.logLevel;
@@ -1036,11 +872,15 @@ export class Frontend {
         this.matterbridge.matterbridgeInformation.profile = this.matterbridge.profile;
         return { systemInformation: this.matterbridge.systemInformation, matterbridgeInformation: this.matterbridge.matterbridgeInformation };
     }
-    /**
-     * Retrieves the cluster text description from a given device.
-     * @param {MatterbridgeDevice} device - The MatterbridgeDevice object.
-     * @returns {string} The attributes description of the cluster servers in the device.
-     */
+    getReachability(device) {
+        if (!device.lifecycle.isReady || device.construction.status !== Lifecycle.Status.Active)
+            return false;
+        if (device.hasClusterServer(BridgedDeviceBasicInformation.Cluster.id))
+            return device.getAttribute(BridgedDeviceBasicInformation.Cluster.id, 'reachable');
+        if (this.matterbridge.bridgeMode === 'childbridge')
+            return true;
+        return false;
+    }
     getClusterTextFromDevice(device) {
         if (!device.lifecycle.isReady || device.construction.status !== Lifecycle.Status.Active)
             return '';
@@ -1081,7 +921,6 @@ export class Frontend {
         };
         let attributes = '';
         device.forEachAttribute((clusterName, clusterId, attributeName, attributeId, attributeValue) => {
-            // console.log(`${device.deviceName} => Cluster: ${clusterName}-${clusterId} Attribute: ${attributeName}-${attributeId} Value(${typeof attributeValue}): ${attributeValue}`);
             if (typeof attributeValue === 'undefined')
                 return;
             if (clusterName === 'onOff' && attributeName === 'onOff')
@@ -1159,13 +998,8 @@ export class Frontend {
             if (clusterName === 'userLabel' && attributeName === 'labelList')
                 attributes += `${getUserLabel(device)} `;
         });
-        // console.log(`${device.deviceName}.forEachAttribute: ${attributes}`);
         return attributes.trimStart().trimEnd();
     }
-    /**
-     * Retrieves the base registered plugins sanitized for res.json().
-     * @returns {BaseRegisteredPlugin[]} An array of BaseRegisteredPlugin.
-     */
     getBaseRegisteredPlugins() {
         const baseRegisteredPlugins = [];
         for (const plugin of this.matterbridge.plugins) {
@@ -1192,17 +1026,12 @@ export class Frontend {
                 manualPairingCode: plugin.manualPairingCode,
                 configJson: plugin.configJson,
                 schemaJson: plugin.schemaJson,
+                hasWhiteList: plugin.configJson?.whiteList !== undefined,
+                hasBlackList: plugin.configJson?.blackList !== undefined,
             });
         }
         return baseRegisteredPlugins;
     }
-    /**
-     * Handles incoming websocket messages for the Matterbridge frontend.
-     *
-     * @param {WebSocket} client - The websocket client that sent the message.
-     * @param {WebSocket.RawData} message - The raw data of the message received from the client.
-     * @returns {Promise<void>} A promise that resolves when the message has been handled.
-     */
     async wsMessageHandler(client, message) {
         let data;
         try {
@@ -1323,7 +1152,7 @@ export class Frontend {
                 this.matterbridge.matterbridgeInformation.matterbridgeAdvertise = true;
                 this.matterbridge.matterbridgeQrPairingCode = pairingCodes?.qrPairingCode;
                 this.matterbridge.matterbridgeManualPairingCode = pairingCodes?.manualPairingCode;
-                this.wssSendRefreshRequired();
+                this.wssSendRefreshRequired('matterbridgeAdvertise');
                 this.wssSendSnackbarMessage(`Started fabrics share`, 0);
                 client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, response: pairingCodes }));
                 return;
@@ -1331,7 +1160,7 @@ export class Frontend {
             else if (data.method === '/api/stopadvertise') {
                 await this.matterbridge.stopAdvertiseServerNode(this.matterbridge.serverNode);
                 this.matterbridge.matterbridgeInformation.matterbridgeAdvertise = false;
-                this.wssSendRefreshRequired();
+                this.wssSendRefreshRequired('matterbridgeAdvertise');
                 this.wssSendSnackbarMessage(`Stopped fabrics share`, 0);
                 client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src }));
                 return;
@@ -1348,10 +1177,8 @@ export class Frontend {
             else if (data.method === '/api/devices') {
                 const devices = [];
                 this.matterbridge.devices.forEach(async (device) => {
-                    // Filter by pluginName if provided
                     if (data.params.pluginName && data.params.pluginName !== device.plugin)
                         return;
-                    // Check if the device has the required properties
                     if (!device.plugin || !device.name || !device.deviceName || !device.serialNumber || !device.uniqueId || !device.lifecycle.isReady)
                         return;
                     const cluster = this.getClusterTextFromDevice(device);
@@ -1364,6 +1191,7 @@ export class Frontend {
                         productUrl: device.productUrl,
                         configUrl: device.configUrl,
                         uniqueId: device.uniqueId,
+                        reachable: this.getReachability(device),
                         cluster: cluster,
                     });
                 });
@@ -1434,7 +1262,6 @@ export class Frontend {
                     });
                     endpointServer.getChildEndpoints().forEach((childEndpoint) => {
                         deviceTypes = [];
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         const name = childEndpoint.endpoint?.id;
                         const clusterServers = childEndpoint.getAllClusterServers();
                         clusterServers.forEach((clusterServer) => {
@@ -1488,7 +1315,7 @@ export class Frontend {
                     client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, error: 'Plugin not found in /api/select' }));
                     return;
                 }
-                const selectDeviceValues = plugin.platform?.selectDevice ? Array.from(plugin.platform.selectDevice.values()).sort((keyA, keyB) => keyA.name.localeCompare(keyB.name)) : [];
+                const selectDeviceValues = plugin.platform?.getSelectDevices().sort((keyA, keyB) => keyA.name.localeCompare(keyB.name));
                 client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, plugin: data.params.plugin, response: selectDeviceValues }));
                 return;
             }
@@ -1502,10 +1329,70 @@ export class Frontend {
                     client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, error: 'Plugin not found in /api/select/entities' }));
                     return;
                 }
-                const selectEntityValues = plugin.platform?.selectDevice ? Array.from(plugin.platform.selectEntity.values()).sort((keyA, keyB) => keyA.name.localeCompare(keyB.name)) : [];
+                const selectEntityValues = plugin.platform?.getSelectEntities().sort((keyA, keyB) => keyA.name.localeCompare(keyB.name));
                 client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, plugin: data.params.plugin, response: selectEntityValues }));
                 return;
             }
+            else if (data.method === '/api/command') {
+                if (!isValidString(data.params.command, 5)) {
+                    client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, error: 'Wrong parameter command in /api/command' }));
+                    return;
+                }
+                if (data.params.command === 'selectdevice' && isValidString(data.params.plugin, 10) && isValidString(data.params.serial, 1)) {
+                    const plugin = this.matterbridge.plugins.get(data.params.plugin);
+                    if (!plugin) {
+                        client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, error: 'Plugin not found in /api/command' }));
+                        return;
+                    }
+                    const config = plugin.configJson;
+                    if (config) {
+                        if (config.postfix) {
+                            data.params.serial = data.params.serial.replace('-' + config.postfix, '');
+                        }
+                        if (isValidArray(config.whiteList, 1)) {
+                            if (!config.whiteList.includes(data.params.serial)) {
+                                config.whiteList.push(data.params.serial);
+                            }
+                        }
+                        if (isValidArray(config.blackList, 1)) {
+                            if (config.blackList.includes(data.params.serial)) {
+                                config.blackList = config.blackList.filter((serial) => serial !== data.params.serial);
+                            }
+                        }
+                        if (plugin.platform)
+                            plugin.platform.config = config;
+                        await this.matterbridge.plugins.saveConfigFromPlugin(plugin);
+                        this.wssSendRestartRequired(false);
+                    }
+                }
+                else if (data.params.command === 'unselectdevice' && isValidString(data.params.plugin, 10) && isValidString(data.params.serial, 1)) {
+                    const plugin = this.matterbridge.plugins.get(data.params.plugin);
+                    if (!plugin) {
+                        client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, error: 'Plugin not found in /api/command' }));
+                        return;
+                    }
+                    const config = plugin.configJson;
+                    if (config) {
+                        if (config.postfix) {
+                            data.params.serial = data.params.serial.replace('-' + config.postfix, '');
+                        }
+                        if (isValidArray(config.whiteList, 1)) {
+                            if (config.whiteList.includes(data.params.serial)) {
+                                config.whiteList = config.whiteList.filter((serial) => serial !== data.params.serial);
+                            }
+                        }
+                        if (isValidArray(config.blackList)) {
+                            if (!config.blackList.includes(data.params.serial)) {
+                                config.blackList.push(data.params.serial);
+                            }
+                        }
+                        if (plugin.platform)
+                            plugin.platform.config = config;
+                        await this.matterbridge.plugins.saveConfigFromPlugin(plugin);
+                        this.wssSendRestartRequired(false);
+                    }
+                }
+            }
             else {
                 this.log.error(`Invalid method from websocket client: ${debugStringify(data)}`);
                 client.send(JSON.stringify({ id: data.id, method: data.method, src: 'Matterbridge', dst: data.src, error: 'Invalid method' }));
@@ -1517,139 +1404,94 @@ export class Frontend {
             return;
         }
     }
-    /**
-     * Sends a WebSocket message to all connected clients. The function is called by AnsiLogger.setGlobalCallback.
-     *
-     * @param {string} level - The logger level of the message: debug info notice warn error fatal...
-     * @param {string} time - The time string of the message
-     * @param {string} name - The logger name of the message
-     * @param {string} message - The content of the message.
-     */
     wssSendMessage(level, time, name, message) {
         if (!level || !time || !name || !message)
             return;
-        // Remove ANSI escape codes from the message
-        // eslint-disable-next-line no-control-regex
         message = message.replace(/\x1B\[[0-9;]*[m|s|u|K]/g, '');
-        // Remove leading asterisks from the message
         message = message.replace(/^\*+/, '');
-        // Replace all occurrences of \t and \n
         message = message.replace(/[\t\n]/g, '');
-        // Remove non-printable characters
-        // eslint-disable-next-line no-control-regex
         message = message.replace(/[\x00-\x1F\x7F]/g, '');
-        // Replace all occurrences of \" with "
         message = message.replace(/\\"/g, '"');
-        // Define the maximum allowed length for continuous characters without a space
         const maxContinuousLength = 100;
         const keepStartLength = 20;
         const keepEndLength = 20;
-        // Split the message into words
         message = message
             .split(' ')
             .map((word) => {
-            // If the word length exceeds the max continuous length, insert spaces and truncate
             if (word.length > maxContinuousLength) {
                 return word.slice(0, keepStartLength) + ' ... ' + word.slice(-keepEndLength);
             }
             return word;
         })
             .join(' ');
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id: WS_ID_LOG, src: 'Matterbridge', level, time, name, message }));
             }
         });
     }
-    /**
-     * Sends a need to refresh WebSocket message to all connected clients.
-     *
-     */
-    wssSendRefreshRequired() {
+    wssSendRefreshRequired(changed = null) {
         this.log.debug('Sending a refresh required message to all connected clients');
-        this.matterbridge.matterbridgeInformation.refreshRequired = true;
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
-                client.send(JSON.stringify({ id: WS_ID_REFRESH_NEEDED, src: 'Matterbridge', dst: 'Frontend', method: 'refresh_required', params: {} }));
+                client.send(JSON.stringify({ id: WS_ID_REFRESH_NEEDED, src: 'Matterbridge', dst: 'Frontend', method: 'refresh_required', params: { changed: changed } }));
             }
         });
     }
-    /**
-     * Sends a need to restart WebSocket message to all connected clients.
-     *
-     */
-    wssSendRestartRequired() {
+    wssSendRestartRequired(snackbar = true) {
         this.log.debug('Sending a restart required message to all connected clients');
         this.matterbridge.matterbridgeInformation.restartRequired = true;
-        this.wssSendSnackbarMessage(`Restart required`, 0);
-        // Send the message to all connected clients
+        if (snackbar === true)
+            this.wssSendSnackbarMessage(`Restart required`, 0);
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id: WS_ID_RESTART_NEEDED, src: 'Matterbridge', dst: 'Frontend', method: 'restart_required', params: {} }));
             }
         });
     }
-    /**
-     * Sends a memory update message to all connected clients.
-     *
-     */
+    wssSendUpdateRequired() {
+        this.log.debug('Sending an update required message to all connected clients');
+        this.matterbridge.matterbridgeInformation.updateRequired = true;
+        this.webSocketServer?.clients.forEach((client) => {
+            if (client.readyState === WebSocket.OPEN) {
+                client.send(JSON.stringify({ id: WS_ID_UPDATE_NEEDED, src: 'Matterbridge', dst: 'Frontend', method: 'update_required', params: {} }));
+            }
+        });
+    }
     wssSendCpuUpdate(cpuUsage) {
         this.log.debug('Sending a cpu update message to all connected clients');
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id: WS_ID_CPU_UPDATE, src: 'Matterbridge', dst: 'Frontend', method: 'cpu_update', params: { cpuUsage } }));
             }
         });
     }
-    /**
-     * Sends a cpu update message to all connected clients.
-     *
-     */
     wssSendMemoryUpdate(totalMemory, freeMemory, rss, heapTotal, heapUsed, external, arrayBuffers) {
         this.log.debug('Sending a memory update message to all connected clients');
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id: WS_ID_MEMORY_UPDATE, src: 'Matterbridge', dst: 'Frontend', method: 'memory_update', params: { totalMemory, freeMemory, rss, heapTotal, heapUsed, external, arrayBuffers } }));
             }
         });
     }
-    /**
-     * Sends a memory update message to all connected clients.
-     *
-     */
     wssSendUptimeUpdate(systemUptime, processUptime) {
         this.log.debug('Sending a uptime update message to all connected clients');
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id: WS_ID_UPTIME_UPDATE, src: 'Matterbridge', dst: 'Frontend', method: 'uptime_update', params: { systemUptime, processUptime } }));
             }
         });
     }
-    /**
-     * Sends a cpu update message to all connected clients.
-     *
-     */
     wssSendSnackbarMessage(message, timeout = 5) {
         this.log.debug('Sending a snackbar message to all connected clients');
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id: WS_ID_SNACKBAR, src: 'Matterbridge', dst: 'Frontend', method: 'memory_update', params: { message, timeout } }));
             }
         });
     }
-    /**
-     * Sends a message to all connected clients.
-     *
-     */
     wssBroadcastMessage(id, method, params) {
         this.log.debug(`Sending a broadcast message id ${id} method ${method} params ${debugStringify(params ?? {})} to all connected clients`);
-        // Send the message to all connected clients
         this.webSocketServer?.clients.forEach((client) => {
             if (client.readyState === WebSocket.OPEN) {
                 client.send(JSON.stringify({ id, src: 'Matterbridge', dst: 'Frontend', method, params }));
@@ -1657,4 +1499,3 @@ export class Frontend {
         });
     }
 }
-//# sourceMappingURL=frontend.js.map