@emeryld/rrroutes-client 2.7.11 → 2.7.12

package/dist/index.cjs

@@ -1581,10 +1581,7 @@ var React = __toESM(require("react"), 1);
 var SocketCtx = React.createContext(void 0);
 function useSocketClient() {
   const ctx = React.useContext(SocketCtx);
-  if (typeof ctx === "undefined") {
-    throw new Error("SocketClient not found. Wrap with <SocketProvider>.");
-  }
-  if (!ctx) {
+  if (typeof ctx === "undefined" || !ctx) {
     return null;
   }
   return ctx;
@@ -1620,11 +1617,32 @@ function useSocketConnection(args) {
     [args.leaveMeta]
   );
   const missingClientWarnedRef = React2.useRef(false);
+  const onMessageRef = React2.useRef(onMessage);
+  const onCleanupRef = React2.useRef(onCleanup);
+  const joinMetaRef = React2.useRef(args.joinMeta);
+  const leaveMetaRef = React2.useRef(args.leaveMeta);
+  const debugRef = React2.useRef(debug);
+  React2.useEffect(() => {
+    onMessageRef.current = onMessage;
+  }, [onMessage]);
+  React2.useEffect(() => {
+    onCleanupRef.current = onCleanup;
+  }, [onCleanup]);
+  React2.useEffect(() => {
+    joinMetaRef.current = args.joinMeta;
+  }, [args.joinMeta]);
+  React2.useEffect(() => {
+    leaveMetaRef.current = args.leaveMeta;
+  }, [args.leaveMeta]);
+  React2.useEffect(() => {
+    debugRef.current = debug;
+  }, [debug]);
   const emitDebug = React2.useCallback(
     (event2) => {
-      if (!debug?.enabled) return;
-      if (debug[event2.type] === false) return;
-      const logger = debug.logger;
+      const dbg3 = debugRef.current;
+      if (!dbg3?.enabled) return;
+      if (dbg3[event2.type] === false) return;
+      const logger = dbg3.logger;
       if (logger) {
         try {
           logger(event2);
@@ -1639,7 +1657,7 @@ function useSocketConnection(args) {
         console.log("[socket] useSocketConnection", event2);
       }
     },
-    [debug]
+    []
   );
   const reportAsyncError = React2.useCallback(
     (phase, error) => {
@@ -1667,12 +1685,12 @@ function useSocketConnection(args) {
         autoJoin,
         autoLeave
       });
-      if (debug?.throwIfClientMissing) {
+      if (debugRef.current?.throwIfClientMissing) {
         throw new Error(
           `useSocketConnection("${event}") missing SocketClient. Wrap with <SocketProvider>.`
         );
       }
-      if (debug?.warnIfClientMissing && !missingClientWarnedRef.current && typeof console !== "undefined" && typeof console.warn === "function") {
+      if (debugRef.current?.warnIfClientMissing && !missingClientWarnedRef.current && typeof console !== "undefined" && typeof console.warn === "function") {
         missingClientWarnedRef.current = true;
         console.warn(
           `[socket] useSocketConnection("${event}") skipped because SocketClient is null.`
@@ -1688,7 +1706,7 @@ function useSocketConnection(args) {
         phase: "join_attempt",
         rooms: normalizedRooms
       });
-      void client.joinRooms(normalizedRooms, args.joinMeta).then(() => {
+      void client.joinRooms(normalizedRooms, joinMetaRef.current).then(() => {
         emitDebug({ type: "room", phase: "join_ok", rooms: normalizedRooms });
       }).catch((error) => {
         emitDebug({
@@ -1709,7 +1727,7 @@ function useSocketConnection(args) {
     }
     const unsubscribe = client.on(event, (payload, meta) => {
       emitDebug({ type: "subscription", phase: "message", event });
-      onMessage(payload, meta);
+      onMessageRef.current(payload, meta);
     });
     return () => {
       emitDebug({ type: "subscription", phase: "unregister", event });
@@ -1720,7 +1738,7 @@ function useSocketConnection(args) {
           phase: "leave_attempt",
           rooms: normalizedRooms
         });
-        void client.leaveRooms(normalizedRooms, args.leaveMeta).then(() => {
+        void client.leaveRooms(normalizedRooms, leaveMetaRef.current).then(() => {
           emitDebug({ type: "room", phase: "leave_ok", rooms: normalizedRooms });
         }).catch((error) => {
           emitDebug({
@@ -1739,7 +1757,7 @@ function useSocketConnection(args) {
           reason: autoLeave ? "no_rooms" : "auto_disabled"
         });
       }
-      if (onCleanup) onCleanup();
+      if (onCleanupRef.current) onCleanupRef.current();
       emitDebug({
         type: "lifecycle",
         phase: "effect_cleanup",
@@ -1752,11 +1770,8 @@ function useSocketConnection(args) {
   }, [
     client,
     event,
-    onMessage,
-    onCleanup,
     autoJoin,
     autoLeave,
-    debug,
     emitDebug,
     reportAsyncError,
     normalizedRoomsKey,