feat: Add option for Autostart in TSR Bridge

apps/tsr-bridge/src/electron/storageHandler.ts

@@ -149,6 +149,7 @@ export class StorageHandler extends EventEmitter {
 
 					superConductorHost: 'ws://127.0.0.1:5400',
 					bridgeId: protectString<BridgeId>(`${os.hostname()}_${shortID()}`),
+					autostart: false,
 				},
 			},
 		}

apps/tsr-bridge/src/main.ts

@@ -6,11 +6,13 @@ import { CURRENT_VERSION, TSRBridgeServer } from './electron/server'
 import { IPCClient } from './electron/IPCClient'
 import { StorageHandler } from './electron/storageHandler'
 import { IPCServer } from './electron/IPCServer'
-import { AppSystem } from './models/AppData'
+import { AppData, AppSettings, AppSystem } from './models/AppData'
 import os from 'os'
 
 let isQuitting = false
 
+const APP_NAME = 'SuperConductor TSR-Bridge'
+
 // Keep a global reference to prevent garbage collection.
 let tray: Tray
 
@@ -73,9 +75,10 @@ const createWindow = async (): Promise<void> => {
 
 	await win.loadURL(isDev ? 'http://localhost:9125' : `file://${app.getAppPath()}/dist/index.html`)
 
-	storage.on('appData', (appData) => {
+	storage.on('appData', (appData: AppData) => {
 		ipcClient.settings(appData.settings)
 		updateSystem()
+		onUpdatedSettings(appData.settings)
 	})
 
 	const assetsPath = app.isPackaged
@@ -104,7 +107,7 @@ const createWindow = async (): Promise<void> => {
 		},
 	])
 	tray.setContextMenu(trayContextMenu)
-	tray.setToolTip('TSR-Bridge')
+	tray.setToolTip(APP_NAME)
 
 	// Listen to and update the size and position of the app, so that it starts in the same place next time:
 	const updateSizeAndPosition = () => {
@@ -174,6 +177,23 @@ const createWindow = async (): Promise<void> => {
 		updateSystem()
 	}, 10000)
 
+	const prevSettings: Partial<AppSettings> = {}
+	function onUpdatedSettings(settings: AppSettings) {
+		const autostart = Boolean(settings.autostart)
+		if (prevSettings.autostart !== autostart) {
+			prevSettings.autostart = autostart
+
+			const loginItemSettings = app.getLoginItemSettings()
+
+			if (loginItemSettings.openAtLogin !== autostart) {
+				log.info(`Setting open at login to ${autostart}`)
+				app.setLoginItemSettings({
+					openAtLogin: autostart,
+				})
+			}
+		}
+	}
+
 	log.info('TSR-Bridge current version:', CURRENT_VERSION)
 
 	if (!server) {

apps/tsr-bridge/src/models/AppData.ts

@@ -17,6 +17,11 @@ export interface AppSettings {
 
 	superConductorHost: string
 	bridgeId: BridgeId
+
+	/**
+	 * True if the app should start automatically upon system startup
+	 */
+	autostart: boolean
 }
 export type WindowPosition =
 	| {

apps/tsr-bridge/src/react/components/Settings.tsx

@@ -50,6 +50,21 @@ export const Settings: React.FC<{
 				{settings.guiSettingsOpen ? <MdKeyboardArrowUp /> : <MdKeyboardArrowDown />}
 			</a>
 			<div className="content">
+				<div className="setting">
+					<div className="label">Autostart on system startup</div>
+					<div className="value">
+						<div className="sc-switch">
+							<Toggle
+								defaultChecked={settings.autostart}
+								onChange={() =>
+									updateSettings({
+										autostart: !settings.autostart,
+									})
+								}
+							/>
+						</div>
+					</div>
+				</div>
 				<div className="setting">
 					<div className="label">Mode select: Client / Server</div>
 					<div className="value">