@churchapps/apphelper 0.6.0 → 0.6.1

package/src/helpers/SocketHelper.ts

@@ -1,247 +1,247 @@
-import { ConnectionInterface, SocketActionHandlerInterface, SocketPayloadInterface, ApiHelper, ArrayHelper, CommonEnvironmentHelper } from "@churchapps/helpers";
-
-export class SocketHelper {
-	static socket: WebSocket;
-	static socketId: string;
-	static actionHandlers: SocketActionHandlerInterface[] = [];
-	private static personIdChurchId: { personId: string, churchId: string } = { personId: "", churchId: "" };
-	private static isCleanedUp: boolean = false;
-
-	static setPersonChurch = (pc: { personId: string, churchId: string }) => {
-
-		if (pc?.personId && pc.personId && pc.churchId !== this.personIdChurchId.churchId && pc.personId !== this.personIdChurchId.personId) {
-			this.personIdChurchId = pc;
-			this.createAlertConnection();
-		} else {
-		}
-	}
-
-	static createAlertConnection = () => {
-
-		if (SocketHelper.personIdChurchId.personId && SocketHelper.socketId) {
-			const connection: ConnectionInterface = {
-				conversationId: "alerts",
-				churchId: SocketHelper.personIdChurchId.churchId,
-				displayName: "Test",
-				socketId: SocketHelper.socketId,
-				personId: SocketHelper.personIdChurchId.personId
-			}
-
-
-			ApiHelper.postAnonymous("/connections", [connection], "MessagingApi").then((response: any) => {
-			}).catch((error: any) => {
-				console.error("❌ Failed to create alert connection:", error);
-				console.error("❌ Error details:", {
-					status: error.status,
-					message: error.message,
-					response: error.response
-				});
-			});
-		} else {
-			console.warn('⚠️ SocketHelper: Cannot create alert connection - missing data:', {
-				hasPersonId: !!SocketHelper.personIdChurchId.personId,
-				hasSocketId: !!SocketHelper.socketId,
-				personId: SocketHelper.personIdChurchId.personId,
-				socketId: SocketHelper.socketId
-			});
-		}
-	}
-
-	static init = async () => {
-		SocketHelper.cleanup();
-		SocketHelper.isCleanedUp = false;
-
-		if (SocketHelper.socket && SocketHelper.socket.readyState !== SocketHelper.socket.CLOSED) {
-			try {
-				SocketHelper.socket.close();
-			} catch (e) {
-				console.error("❌ Error closing existing socket:", e);
-			}
-		}
-
-
-		await new Promise((resolve, reject) => {
-			let hasReceivedSocketId = false;
-			let messageCount = 0;
-
-			try {
-				SocketHelper.socket = new WebSocket(CommonEnvironmentHelper.MessagingApiSocket);
-
-				SocketHelper.socket.onmessage = (event) => {
-					if (SocketHelper.isCleanedUp) return;
-
-					messageCount++;
-
-					try {
-						const payload = JSON.parse(event.data);
-
-						if (payload.action === 'socketId') {
-							hasReceivedSocketId = true;
-						}
-
-						// Log all message types we receive
-						switch (payload.action) {
-							case 'socketId':
-								break;
-							case 'privateMessage':
-								break;
-							case 'notification':
-								break;
-							case 'message':
-								break;
-							case 'reconnect':
-								break;
-							default:
-						}
-
-						SocketHelper.handleMessage(payload);
-					} catch (error) {
-						console.error("❌ Error parsing socket message:", error);
-						console.error("❌ Raw message was:", event.data);
-					}
-				};
-
-				SocketHelper.socket.onopen = async (e) => {
-
-					// Send the getId request
-					SocketHelper.socket.send("getId");
-
-					// Wait longer to see if we get a response
-					setTimeout(() => {
-						if (!hasReceivedSocketId) {
-							console.warn('⚠️ SocketHelper: No socket ID received after 3 seconds');
-						}
-						resolve(null);
-					}, 3000);
-				};
-
-				SocketHelper.socket.onclose = async (e) => {
-					// Socket closed
-				};
-
-				SocketHelper.socket.onerror = (error) => {
-					console.error('❌ SocketHelper: WebSocket connection error:', error);
-					console.error('❌ SocketHelper: Messages received before error:', messageCount);
-					reject(error);
-				};
-
-			} catch (error) {
-				console.error('❌ SocketHelper: Error initializing socket:', error);
-				reject(error);
-			}
-		});
-	}
-
-	static addHandler = (action: string, id: string, handleMessage: (data: any) => void) => {
-		const existing = ArrayHelper.getOne(SocketHelper.actionHandlers, "id", id);
-		if (existing !== null) {
-			existing.handleMessage = handleMessage;
-		} else {
-			SocketHelper.actionHandlers.push({ action, id, handleMessage });
-		}
-	}
-
-	static removeHandler = (id: string) => {
-		SocketHelper.actionHandlers = SocketHelper.actionHandlers.filter(handler => handler.id !== id);
-	}
-
-	static removeHandlersByAction = (action: string) => {
-		SocketHelper.actionHandlers = SocketHelper.actionHandlers.filter(handler => handler.action !== action);
-	}
-
-	static clearAllHandlers = () => {
-		SocketHelper.actionHandlers = [];
-	}
-
-	static handleMessage = (payload: SocketPayloadInterface) => {
-		if (SocketHelper.isCleanedUp) return;
-
-		try {
-
-			if (payload.action === "socketId") {
-				SocketHelper.socketId = payload.data;
-				SocketHelper.createAlertConnection();
-			}
-			else {
-				const matchingHandlers = ArrayHelper.getAll(SocketHelper.actionHandlers, "action", payload.action);
-
-				matchingHandlers.forEach((handler) => {
-					try {
-						handler.handleMessage(payload.data);
-					} catch (error) {
-						console.error(`❌ Error in handler ${handler.id}:`, error);
-					}
-				});
-			}
-		} catch (error) {
-			console.error("❌ Error handling socket message:", error);
-		}
-	}
-
-	static cleanup = () => {
-		SocketHelper.isCleanedUp = true;
-
-		// Close socket connection
-		if (SocketHelper.socket && SocketHelper.socket.readyState !== SocketHelper.socket.CLOSED) {
-			try {
-				SocketHelper.socket.close();
-			} catch (error) {
-				console.error("Error closing socket:", error);
-			}
-		}
-
-		// Clear references
-		SocketHelper.socket = null;
-		SocketHelper.socketId = null;
-		SocketHelper.actionHandlers = [];
-		SocketHelper.personIdChurchId = { personId: "", churchId: "" };
-	}
-
-	static disconnect = () => {
-		SocketHelper.cleanup();
-	}
-
-	static isConnected = (): boolean => {
-		return SocketHelper.socket && SocketHelper.socket.readyState === SocketHelper.socket.OPEN;
-	}
-
-	static getConnectionState = (): string => {
-		if (!SocketHelper.socket) return "UNINITIALIZED";
-
-		switch (SocketHelper.socket.readyState) {
-			case SocketHelper.socket.CONNECTING:
-				return "CONNECTING";
-			case SocketHelper.socket.OPEN:
-				return "OPEN";
-			case SocketHelper.socket.CLOSING:
-				return "CLOSING";
-			case SocketHelper.socket.CLOSED:
-				return "CLOSED";
-			default:
-				return "UNKNOWN";
-		}
-	}
-
-	// Global cleanup on window unload
-	static setupGlobalCleanup = () => {
-		if (typeof window !== "undefined") {
-			const cleanup = () => {
-				SocketHelper.cleanup();
-			};
-
-			window.addEventListener("beforeunload", cleanup);
-			window.addEventListener("unload", cleanup);
-
-			// Also cleanup on page visibility change (when tab is closed)
-			document.addEventListener("visibilitychange", () => {
-				if (document.visibilityState === "hidden") {
-					// Optional: cleanup when tab becomes hidden
-					// SocketHelper.cleanup();
-				}
-			});
-
-			return cleanup;
-		}
-	}
-
-}
+import { ConnectionInterface, SocketActionHandlerInterface, SocketPayloadInterface, ApiHelper, ArrayHelper, CommonEnvironmentHelper } from "@churchapps/helpers";
+
+export class SocketHelper {
+	static socket: WebSocket;
+	static socketId: string;
+	static actionHandlers: SocketActionHandlerInterface[] = [];
+	private static personIdChurchId: { personId: string, churchId: string } = { personId: "", churchId: "" };
+	private static isCleanedUp: boolean = false;
+
+	static setPersonChurch = (pc: { personId: string, churchId: string }) => {
+
+		if (pc?.personId && pc.personId && pc.churchId !== this.personIdChurchId.churchId && pc.personId !== this.personIdChurchId.personId) {
+			this.personIdChurchId = pc;
+			this.createAlertConnection();
+		} else {
+		}
+	}
+
+	static createAlertConnection = () => {
+
+		if (SocketHelper.personIdChurchId.personId && SocketHelper.socketId) {
+			const connection: ConnectionInterface = {
+				conversationId: "alerts",
+				churchId: SocketHelper.personIdChurchId.churchId,
+				displayName: "Test",
+				socketId: SocketHelper.socketId,
+				personId: SocketHelper.personIdChurchId.personId
+			}
+
+
+			ApiHelper.postAnonymous("/connections", [connection], "MessagingApi").then((response: any) => {
+			}).catch((error: any) => {
+				console.error("❌ Failed to create alert connection:", error);
+				console.error("❌ Error details:", {
+					status: error.status,
+					message: error.message,
+					response: error.response
+				});
+			});
+		} else {
+			console.warn('⚠️ SocketHelper: Cannot create alert connection - missing data:', {
+				hasPersonId: !!SocketHelper.personIdChurchId.personId,
+				hasSocketId: !!SocketHelper.socketId,
+				personId: SocketHelper.personIdChurchId.personId,
+				socketId: SocketHelper.socketId
+			});
+		}
+	}
+
+	static init = async () => {
+		SocketHelper.cleanup();
+		SocketHelper.isCleanedUp = false;
+
+		if (SocketHelper.socket && SocketHelper.socket.readyState !== SocketHelper.socket.CLOSED) {
+			try {
+				SocketHelper.socket.close();
+			} catch (e) {
+				console.error("❌ Error closing existing socket:", e);
+			}
+		}
+
+
+		await new Promise((resolve, reject) => {
+			let hasReceivedSocketId = false;
+			let messageCount = 0;
+
+			try {
+				SocketHelper.socket = new WebSocket(CommonEnvironmentHelper.MessagingApiSocket);
+
+				SocketHelper.socket.onmessage = (event) => {
+					if (SocketHelper.isCleanedUp) return;
+
+					messageCount++;
+
+					try {
+						const payload = JSON.parse(event.data);
+
+						if (payload.action === 'socketId') {
+							hasReceivedSocketId = true;
+						}
+
+						// Log all message types we receive
+						switch (payload.action) {
+							case 'socketId':
+								break;
+							case 'privateMessage':
+								break;
+							case 'notification':
+								break;
+							case 'message':
+								break;
+							case 'reconnect':
+								break;
+							default:
+						}
+
+						SocketHelper.handleMessage(payload);
+					} catch (error) {
+						console.error("❌ Error parsing socket message:", error);
+						console.error("❌ Raw message was:", event.data);
+					}
+				};
+
+				SocketHelper.socket.onopen = async (e) => {
+
+					// Send the getId request
+					SocketHelper.socket.send("getId");
+
+					// Wait longer to see if we get a response
+					setTimeout(() => {
+						if (!hasReceivedSocketId) {
+							console.warn('⚠️ SocketHelper: No socket ID received after 3 seconds');
+						}
+						resolve(null);
+					}, 3000);
+				};
+
+				SocketHelper.socket.onclose = async (e) => {
+					// Socket closed
+				};
+
+				SocketHelper.socket.onerror = (error) => {
+					console.error('❌ SocketHelper: WebSocket connection error:', error);
+					console.error('❌ SocketHelper: Messages received before error:', messageCount);
+					reject(error);
+				};
+
+			} catch (error) {
+				console.error('❌ SocketHelper: Error initializing socket:', error);
+				reject(error);
+			}
+		});
+	}
+
+	static addHandler = (action: string, id: string, handleMessage: (data: any) => void) => {
+		const existing = ArrayHelper.getOne(SocketHelper.actionHandlers, "id", id);
+		if (existing !== null) {
+			existing.handleMessage = handleMessage;
+		} else {
+			SocketHelper.actionHandlers.push({ action, id, handleMessage });
+		}
+	}
+
+	static removeHandler = (id: string) => {
+		SocketHelper.actionHandlers = SocketHelper.actionHandlers.filter(handler => handler.id !== id);
+	}
+
+	static removeHandlersByAction = (action: string) => {
+		SocketHelper.actionHandlers = SocketHelper.actionHandlers.filter(handler => handler.action !== action);
+	}
+
+	static clearAllHandlers = () => {
+		SocketHelper.actionHandlers = [];
+	}
+
+	static handleMessage = (payload: SocketPayloadInterface) => {
+		if (SocketHelper.isCleanedUp) return;
+
+		try {
+
+			if (payload.action === "socketId") {
+				SocketHelper.socketId = payload.data;
+				SocketHelper.createAlertConnection();
+			}
+			else {
+				const matchingHandlers = ArrayHelper.getAll(SocketHelper.actionHandlers, "action", payload.action);
+
+				matchingHandlers.forEach((handler) => {
+					try {
+						handler.handleMessage(payload.data);
+					} catch (error) {
+						console.error(`❌ Error in handler ${handler.id}:`, error);
+					}
+				});
+			}
+		} catch (error) {
+			console.error("❌ Error handling socket message:", error);
+		}
+	}
+
+	static cleanup = () => {
+		SocketHelper.isCleanedUp = true;
+
+		// Close socket connection
+		if (SocketHelper.socket && SocketHelper.socket.readyState !== SocketHelper.socket.CLOSED) {
+			try {
+				SocketHelper.socket.close();
+			} catch (error) {
+				console.error("Error closing socket:", error);
+			}
+		}
+
+		// Clear references
+		SocketHelper.socket = null;
+		SocketHelper.socketId = null;
+		SocketHelper.actionHandlers = [];
+		SocketHelper.personIdChurchId = { personId: "", churchId: "" };
+	}
+
+	static disconnect = () => {
+		SocketHelper.cleanup();
+	}
+
+	static isConnected = (): boolean => {
+		return SocketHelper.socket && SocketHelper.socket.readyState === SocketHelper.socket.OPEN;
+	}
+
+	static getConnectionState = (): string => {
+		if (!SocketHelper.socket) return "UNINITIALIZED";
+
+		switch (SocketHelper.socket.readyState) {
+			case SocketHelper.socket.CONNECTING:
+				return "CONNECTING";
+			case SocketHelper.socket.OPEN:
+				return "OPEN";
+			case SocketHelper.socket.CLOSING:
+				return "CLOSING";
+			case SocketHelper.socket.CLOSED:
+				return "CLOSED";
+			default:
+				return "UNKNOWN";
+		}
+	}
+
+	// Global cleanup on window unload
+	static setupGlobalCleanup = () => {
+		if (typeof window !== "undefined") {
+			const cleanup = () => {
+				SocketHelper.cleanup();
+			};
+
+			window.addEventListener("beforeunload", cleanup);
+			window.addEventListener("unload", cleanup);
+
+			// Also cleanup on page visibility change (when tab is closed)
+			document.addEventListener("visibilitychange", () => {
+				if (document.visibilityState === "hidden") {
+					// Optional: cleanup when tab becomes hidden
+					// SocketHelper.cleanup();
+				}
+			});
+
+			return cleanup;
+		}
+	}
+
+}