@dexteel/mesf-core 7.22.1 → 7.22.2

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "7.22.1"
+  ".": "7.22.2"
 }

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [7.22.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.22.1...@dexteel/mesf-core-v7.22.2) (2026-05-13)
+
+
+### Bug Fixes
+
+* **realtime:** share SignalR connection across subscribers ([023f7cf](https://github.com/dexteel/mesf-core-frontend/commit/023f7cf2805d1d9d1419c000a13480fd14d607f0))
+
 ## [7.22.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.22.0...@dexteel/mesf-core-v7.22.1) (2026-05-11)
 
 

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { HubConnectionBuilder, LogLevel } from '@microsoft/signalr';
+import { HubConnectionState, HubConnectionBuilder, LogLevel } from '@microsoft/signalr';
 export * from '@microsoft/signalr';
 export { LicenseManager } from 'ag-grid-enterprise';
 import { styled, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Grid2, Button, Box, MenuItem, ListItemIcon, createTheme, TextField, Alert as Alert$2, useTheme, InputAdornment, Popover, MenuList, ListItemText, alpha, Dialog as Dialog$1, Paper, List, ListItem, Chip, SvgIcon, Typography as Typography$1, Checkbox, IconButton as IconButton$1, CircularProgress, FormControl, FormHelperText, FormControlLabel, Snackbar, DialogContentText, Badge, InputLabel, Select, Input, Divider, Card, CardContent, CardActions, Collapse, Tooltip, CssBaseline, AppBar, Toolbar, Container, Menu, Switch, Autocomplete as Autocomplete$1, useMediaQuery, Drawer, Grid, Accordion, AccordionSummary, AccordionDetails, Tabs, Tab, ListSubheader, ListItemButton, StyledEngineProvider, ThemeProvider, ListItemSecondaryAction } from '@mui/material';
@@ -4341,34 +4341,63 @@ const DeleteUser = ({ userId, show, onHide, suffixTitle }) => {
         React__default.createElement(ErrorModal, { error: profileError, onHide: () => setprofileError(""), title: "Error Choosing Profile" })));
 };
 
+const receiveMessageHandlers = new Set();
+let connection = null;
+let startPromise = null;
+const getConnection = () => {
+    if (connection)
+        return connection;
+    connection = new HubConnectionBuilder()
+        .withUrl("/ws")
+        .withAutomaticReconnect()
+        .configureLogging(LogLevel.Information)
+        .build();
+    connection.on("ReceiveMessage", (author, message) => {
+        receiveMessageHandlers.forEach((handler) => {
+            handler(author, message);
+        });
+    });
+    connection.onclose((error) => {
+        if (error)
+            console.log("SignalR connection closed", error);
+    });
+    return connection;
+};
+const startConnection = () => {
+    const currentConnection = getConnection();
+    if (currentConnection.state !== HubConnectionState.Disconnected) {
+        return Promise.resolve();
+    }
+    if (startPromise)
+        return startPromise;
+    startPromise = currentConnection
+        .start()
+        .then(() => {
+        console.log("SignalR connection started");
+    })
+        .catch((err) => {
+        console.log("Error while starting SignalR connection: " + err);
+    })
+        .finally(() => {
+        startPromise = null;
+    });
+    return startPromise;
+};
+const subscribeMesfRealtime = (handler) => {
+    receiveMessageHandlers.add(handler);
+    void startConnection();
+    return () => {
+        receiveMessageHandlers.delete(handler);
+    };
+};
+
 const useMesfRealtime = ({ onReceiveMessage }) => {
+    const onReceiveMessageRef = useRef(onReceiveMessage);
+    onReceiveMessageRef.current = onReceiveMessage;
     useEffect(() => {
-        const connection = new HubConnectionBuilder()
-            .withUrl("/ws")
-            .withAutomaticReconnect()
-            .configureLogging(LogLevel.Information)
-            .build();
-        connection
-            .start()
-            .then(() => {
-            console.log("Connection started");
-        })
-            .catch((err) => {
-            console.log("Error while starting connection: " + err);
-        });
-        connection.on("ReceiveMessage", (author, message) => {
-            onReceiveMessage(author, message);
+        return subscribeMesfRealtime((author, message) => {
+            onReceiveMessageRef.current(author, message);
         });
-        return () => {
-            connection
-                .stop()
-                .then(() => {
-                console.log("Connection stopped");
-            })
-                .catch((err) => {
-                console.log("Error while stopping connection: " + err);
-            });
-        };
     }, []);
 };
 
@@ -10265,6 +10294,7 @@ const ChatComponent = () => {
     const [user, setUser] = useState("");
     const [message, setMessage] = useState("");
     const messageEndRef = useRef(null);
+    const connectionRef = useRef(null);
     const latestMessages = useRef([]);
     latestMessages.current = messages;
     const scrollToBottom = () => {
@@ -10281,6 +10311,7 @@ const ChatComponent = () => {
                 .withAutomaticReconnect()
                 .configureLogging(LogLevel.Information)
                 .build();
+            connectionRef.current = newConnection;
             newConnection.on("ReceiveMessage", (user, message) => {
                 const newMessage = {
                     user,
@@ -10311,7 +10342,9 @@ const ChatComponent = () => {
     useEffect(() => {
         startConnection();
         return () => {
-            connection === null || connection === void 0 ? void 0 : connection.stop();
+            var _a;
+            void ((_a = connectionRef.current) === null || _a === void 0 ? void 0 : _a.stop());
+            connectionRef.current = null;
         };
     }, [startConnection]);
     const sendMessage = (e) => __awaiter(void 0, void 0, void 0, function* () {