@emeryld/rrroutes-client 2.1.1 → 2.1.3

package/dist/index.cjs

@@ -475,7 +475,6 @@ var buildRoomPayloadSchema = (metaSchema) => import_zod.z.object({
 
 // src/sockets/socket.client.context.tsx
 var React = __toESM(require("react"), 1);
-var import_socket = require("socket.io-client");
 var import_jsx_runtime = require("react/jsx-runtime");
 var SocketCtx = React.createContext(null);
 function dbg(dbgOpts, e) {
@@ -483,16 +482,31 @@ function dbg(dbgOpts, e) {
   if (!dbgOpts[e.type]) return;
   dbgOpts.logger(e);
 }
+function isProbablySocket(value) {
+  if (!value || typeof value !== "object") return false;
+  const anyVal = value;
+  const ctorName = anyVal.constructor?.name;
+  if (ctorName === "Socket") return true;
+  return ("connected" in anyVal || "recovered" in anyVal) && typeof anyVal.on === "function" && typeof anyVal.emit === "function";
+}
+function describeSocketLike(value) {
+  if (!value) return null;
+  const id = value.id ?? "unknown";
+  const connected = value.connected ?? false;
+  const recovered = typeof value.recovered === "boolean" ? ` recovered=${value.recovered}` : "";
+  return `[Socket id=${id} connected=${connected}${recovered}]`;
+}
 function safeDescribeHookValue(value) {
   if (value == null) return value;
   const valueType = typeof value;
-  if (valueType === "string" || valueType === "number" || valueType === "boolean") return value;
+  if (valueType === "string" || valueType === "number" || valueType === "boolean") {
+    return value;
+  }
   if (valueType === "bigint" || valueType === "symbol") return String(value);
   if (valueType === "function") return `[function ${value.name || "anonymous"}]`;
   if (Array.isArray(value)) return `[array length=${value.length}]`;
-  if (value instanceof import_socket.Socket) {
-    const socket = value;
-    return `[Socket id=${socket.id ?? "unknown"} connected=${socket.connected ?? false}]`;
+  if (isProbablySocket(value)) {
+    return describeSocketLike(value);
   }
   const ctorName = value.constructor?.name ?? "object";
   const keys = Object.keys(value);
@@ -500,20 +514,56 @@ function safeDescribeHookValue(value) {
   const suffix = keys.length > 4 ? ",\u2026" : "";
   return `[${ctorName} keys=${keyPreview}${suffix}]`;
 }
+function summarizeEvents(events) {
+  if (!events || typeof events !== "object") return safeDescribeHookValue(events);
+  const keys = Object.keys(events);
+  if (!keys.length) return "[events empty]";
+  const preview = keys.slice(0, 4).join(",");
+  const suffix = keys.length > 4 ? ",\u2026" : "";
+  return `[events count=${keys.length} keys=${preview}${suffix}]`;
+}
+function summarizeBaseOptions(options) {
+  if (!options || typeof options !== "object") return safeDescribeHookValue(options);
+  const obj = options;
+  const keys = Object.keys(obj);
+  if (!keys.length) return "[baseOptions empty]";
+  const preview = keys.slice(0, 4).join(",");
+  const suffix = keys.length > 4 ? ",\u2026" : "";
+  const hasDebug = "debug" in obj;
+  return `[baseOptions keys=${preview}${suffix} debug=${hasDebug}]`;
+}
+function summarizeMeta(meta, label) {
+  if (meta == null) return null;
+  if (typeof meta !== "object") return safeDescribeHookValue(meta);
+  const keys = Object.keys(meta);
+  if (!keys.length) return `[${label} empty]`;
+  const preview = keys.slice(0, 4).join(",");
+  const suffix = keys.length > 4 ? ",\u2026" : "";
+  return `[${label} keys=${preview}${suffix}]`;
+}
 function createHookDebugEvent(prev, next, hook) {
   const reason = prev ? "change" : "init";
   const changed = Object.keys(next).reduce((acc, dependency) => {
     const prevValue = prev ? prev[dependency] : void 0;
     const nextValue = next[dependency];
     if (!prev || !Object.is(prevValue, nextValue)) {
-      acc.push({ dependency, previous: safeDescribeHookValue(prevValue), next: safeDescribeHookValue(nextValue) });
+      acc.push({
+        dependency,
+        previous: safeDescribeHookValue(prevValue),
+        next: safeDescribeHookValue(nextValue)
+      });
     }
     return acc;
   }, []);
   if (!changed.length) return null;
-  return { type: "hook", hook, reason, changes: changed };
+  return { type: "hook", phase: hook, reason, changes: changed };
 }
-function trackHookTrigger({ ref, hook, providerDebug, snapshot }) {
+function trackHookTrigger({
+  ref,
+  hook,
+  providerDebug,
+  snapshot
+}) {
   const prev = ref.current;
   ref.current = snapshot;
   if (!providerDebug?.logger || !providerDebug?.hook) return;
@@ -550,7 +600,9 @@ function SocketProvider(props) {
       ref: resolveEffectDebugRef,
       hook: "resolve_effect",
       providerDebug: providerDebugRef.current,
-      snapshot: { resolvedSocket }
+      snapshot: {
+        resolvedSocket: describeSocketLike(resolvedSocket)
+      }
     });
     if (!("getSocket" in props)) return;
     let cancelled = false;
@@ -580,7 +632,11 @@ function SocketProvider(props) {
     ref: clientMemoDebugRef,
     hook: "client_memo",
     providerDebug: providerDebugRef.current,
-    snapshot: { events, baseOptions, socket }
+    snapshot: {
+      events: summarizeEvents(events),
+      baseOptions: summarizeBaseOptions(baseOptions),
+      socket: describeSocketLike(socket)
+    }
   });
   const client = React.useMemo(() => {
     if (!socket) {
@@ -591,20 +647,27 @@ function SocketProvider(props) {
     dbg(providerDebugRef.current, { type: "client", phase: "init", missing: false });
     return c;
   }, [events, baseOptions, socket]);
+  const destroyLeaveMetaRef = React.useRef(destroyLeaveMeta);
+  React.useEffect(() => {
+    destroyLeaveMetaRef.current = destroyLeaveMeta;
+  }, [destroyLeaveMeta]);
   React.useEffect(() => {
     trackHookTrigger({
       ref: destroyEffectDebugRef,
       hook: "destroy_effect",
       providerDebug: providerDebugRef.current,
-      snapshot: { client, destroyLeaveMeta }
+      snapshot: {
+        hasClient: !!client,
+        destroyLeaveMeta: summarizeMeta(destroyLeaveMetaRef.current, "destroyLeaveMeta")
+      }
     });
     return () => {
       if (client) {
-        client.destroy(destroyLeaveMeta);
+        client.destroy(destroyLeaveMetaRef.current);
         dbg(providerDebugRef.current, { type: "client", phase: "destroy" });
       }
     };
-  }, [client, destroyLeaveMeta]);
+  }, [client]);
   dbg(providerDebugRef.current, { type: "render", hasClient: !!client });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SocketCtx.Provider, { value: client, children: client == null ? fallback ?? children : children });
 }
@@ -991,7 +1054,12 @@ var SocketClient = class {
       socket: this.socket,
       client: this
     })) {
-      this.dbg({ type: "room", phase: "join", rooms: this.toArray(rooms), err: "sys:room_join handler aborted join" });
+      this.dbg({
+        type: "room",
+        phase: "join",
+        rooms: this.toArray(rooms),
+        err: "sys:room_join handler aborted join"
+      });
       return;
     }
     const list = this.toArray(rooms);
@@ -1034,7 +1102,12 @@ var SocketClient = class {
       socket: this.socket,
       client: this
     })) {
-      this.dbg({ type: "room", phase: "leave", rooms: this.toArray(rooms), err: "sys:room_leave handler aborted leave" });
+      this.dbg({
+        type: "room",
+        phase: "leave",
+        rooms: this.toArray(rooms),
+        err: "sys:room_leave handler aborted leave"
+      });
       return;
     }
     const list = this.toArray(rooms);