make clients of sse service observable

dist/homepage.d.ts

@@ -1,5 +1,5 @@
-import { API_HA_DeskPosition } from "./homeassistant";
+import { type API_HA_DeskPosition } from "./homeassistant";
-import { TidalGetCurrent } from "./tidal";
+import { type TidalGetCurrent } from "./tidal";
 export type FullInformation = {
     ha_desk_position: API_HA_DeskPosition | null;
     ha_temp: string | null;

dist/homepage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../src/homepage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC7B,gBAAgB,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACtC,CAAA"}
+{"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../src/homepage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC7B,gBAAgB,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACtC,CAAC"}

dist/sse.d.ts

@@ -8,8 +8,17 @@ export type SseEvent = {
     data?: unknown;
     message?: string;
 };
+export type SseClientChangeEvent = {
+    type: "add" | "remove";
+    clientId: string;
+    clientCount: number;
+};
+export type SseClientChangeCallback = (event: SseClientChangeEvent) => void;
 export declare class SseService {
     private clients;
+    private clientChangeCallbacks;
+    onClientChange(callback: SseClientChangeCallback): () => void;
+    private emitClientChange;
     addClient(client: SseClient): void;
     removeClient(clientId: string): void;
     notifyClients(event: SseEvent): void;

dist/sse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sse.d.ts","sourceRoot":"","sources":["../src/sse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,MAAM,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE,IAAI,CAAC;IACT,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/B,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,qBAAa,UAAU;IACtB,OAAO,CAAC,OAAO,CAAqC;IAEpD,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAOlC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOpC,aAAa,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAMpC,cAAc,IAAI,MAAM;CAGxB"}
+{"version":3,"file":"sse.d.ts","sourceRoot":"","sources":["../src/sse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,MAAM,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE,IAAI,CAAC;IACT,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAE5E,qBAAa,UAAU;IACtB,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,qBAAqB,CAAiC;IAE9D,cAAc,CAAC,QAAQ,EAAE,uBAAuB,GAAG,MAAM,IAAI;IAS7D,OAAO,CAAC,gBAAgB;IAMxB,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAYlC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAYpC,aAAa,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAMpC,cAAc,IAAI,MAAM;CAGxB"}

dist/sse.js

@@ -1,13 +1,35 @@
 import { logInfo } from "./logger.js";
 export class SseService {
     clients = new Map();
+    clientChangeCallbacks = [];
+    onClientChange(callback) {
+        this.clientChangeCallbacks.push(callback);
+        return () => {
+            this.clientChangeCallbacks = this.clientChangeCallbacks.filter((cb) => cb !== callback);
+        };
+    }
+    emitClientChange(event) {
+        for (const callback of this.clientChangeCallbacks) {
+            callback(event);
+        }
+    }
     addClient(client) {
         this.clients.set(client.id, client);
         logInfo(`SSE client connected: ${client.id}. Total clients: ${this.clients.size}`);
+        this.emitClientChange({
+            type: "add",
+            clientId: client.id,
+            clientCount: this.clients.size,
+        });
     }
     removeClient(clientId) {
         this.clients.delete(clientId);
         logInfo(`SSE client disconnected: ${clientId}. Total clients: ${this.clients.size}`);
+        this.emitClientChange({
+            type: "remove",
+            clientId,
+            clientCount: this.clients.size,
+        });
     }
     notifyClients(event) {
         for (const client of this.clients.values()) {

src/homepage.ts

@@ -1,8 +1,8 @@
-import { API_HA_DeskPosition } from "./homeassistant";
+import { type API_HA_DeskPosition } from "./homeassistant";
-import { TidalGetCurrent } from "./tidal";
+import { type TidalGetCurrent } from "./tidal";
 
 export type FullInformation = {
 	ha_desk_position: API_HA_DeskPosition | null;
 	ha_temp: string | null;
 	tidal_current: TidalGetCurrent | null;
-}
+};

src/sse.ts

@@ -4,22 +4,51 @@ import { logInfo } from "./logger.js";
 export type SseClient = {
 	id: UUID;
 	send: (data: SseEvent) => void;
-}
+};
 
 export type SseEvent = {
 	type: string;
 	data?: unknown;
 	message?: string;
-}
+};
+
+export type SseClientChangeEvent = {
+	type: "add" | "remove";
+	clientId: string;
+	clientCount: number;
+};
+
+export type SseClientChangeCallback = (event: SseClientChangeEvent) => void;
 
 export class SseService {
 	private clients: Map<string, SseClient> = new Map();
+	private clientChangeCallbacks: SseClientChangeCallback[] = [];
+
+	onClientChange(callback: SseClientChangeCallback): () => void {
+		this.clientChangeCallbacks.push(callback);
+		return () => {
+			this.clientChangeCallbacks = this.clientChangeCallbacks.filter(
+				(cb) => cb !== callback,
+			);
+		};
+	}
+
+	private emitClientChange(event: SseClientChangeEvent): void {
+		for (const callback of this.clientChangeCallbacks) {
+			callback(event);
+		}
+	}
 
 	addClient(client: SseClient): void {
 		this.clients.set(client.id, client);
 		logInfo(
 			`SSE client connected: ${client.id}. Total clients: ${this.clients.size}`,
 		);
+		this.emitClientChange({
+			type: "add",
+			clientId: client.id,
+			clientCount: this.clients.size,
+		});
 	}
 
 	removeClient(clientId: string): void {
@@ -27,12 +56,17 @@ export class SseService {
 		logInfo(
 			`SSE client disconnected: ${clientId}. Total clients: ${this.clients.size}`,
 		);
+		this.emitClientChange({
+			type: "remove",
+			clientId,
+			clientCount: this.clients.size,
+		});
 	}
 
 	notifyClients(event: SseEvent): void {
 		for (const client of this.clients.values()) {
-	    client.send(event);
+			client.send(event);
-	  }
+		}
 	}
 
 	getClientCount(): number {