feat: add option to disable Bridge devices

Author: nytamin

apps/app/src/react/components/pages/homePage/deviceItem/DeviceItemContent.tsx

@@ -8,6 +8,7 @@ import { IPCServerContext } from '../../../../contexts/IPCServer'
 import { ProjectContext } from '../../../../contexts/Project'
 import { SelectEnum } from '../../../inputs/SelectEnum'
 import { BooleanInput } from '../../../inputs/BooleanInput'
+import Toggle from 'react-toggle'
 
 const MIN_PORT = 1
 const MAX_PORT = 65535
@@ -240,6 +241,18 @@ export const DeviceItemContent: React.FC<{
 			</div>
 			<div className="actions">
 				<TextBtn label="Delete" style="danger" onClick={removeDevice} />
+				<>
+					<label>Enabled&nbsp;</label>
+					<div className="sc-switch">
+						<Toggle
+							checked={!deviceSettings.disable}
+							onChange={() => {
+								deviceSettings.disable = !deviceSettings.disable
+								ipcServer.updateProject({ id: project.id, project }).catch(handleError)
+							}}
+						/>
+					</div>
+				</>
 			</div>
 		</div>
 	)

apps/app/src/react/components/pages/homePage/deviceItem/DeviceItemHeader.tsx

@@ -31,7 +31,13 @@ export const DeviceItemHeader: React.FC<{
 			<DeviceShortcut device={props.device} type={deviceSettings.type} />
 			<ScListItemLabel title={props.deviceName || props.deviceId} subtitle={deviceAddress} />
 			<div className="status">
-				{props.device.ok ? 'Connected' : props.device.message ? props.device.message : 'Not Connected'}
+				{deviceSettings.disable
+					? 'Disabled'
+					: props.device.ok
+					? 'Connected'
+					: props.device.message
+					? props.device.message
+					: 'Not Connected'}
 			</div>
 		</div>
 	)

shared/packages/tsr-bridge/src/TSR.ts

@@ -65,6 +65,8 @@ export class TSR {
 		// Added/updated:
 		for (const deviceId in newDevices) {
 			const newDevice = newDevices[deviceId]
+			if (newDevice.disable) continue
+
 			const existingDevice = this.devices[deviceId]
 
 			if (!existingDevice || !_.isEqual(existingDevice, newDevice)) {
@@ -105,7 +107,8 @@ export class TSR {
 		}
 		// Removed:
 		for (const deviceId in this.devices) {
-			if (!newDevices[deviceId]) {
+			const newDevice = newDevices[deviceId]
+			if (!newDevice || newDevice.disable) {
 				// Delete the sideloaded device, if any
 				if (deviceId in this.sideLoadedDevices) {
 					await this.sideLoadedDevices[deviceId].close()