@emeryld/rrroutes-client 2.2.12 → 2.2.13

package/README.md

@@ -392,21 +392,24 @@ const listRooms = client.build(registry.byKey['GET /v1/rooms'], { staleTime: 120
 
 const useSocketedRooms = buildSocketedRoute({
   built: listRooms,
-  event: 'chat:message',
-  toRooms: (page) => page.items.map((r) => r.id), // derive rooms from data (feeds supported)
-  joinMeta: { source: 'rooms:list' },
-  leaveMeta: { source: 'rooms:list' },
+  toRooms: (page) => ({
+    rooms: page.items.map((r) => r.id), // derive rooms from data (feeds supported)
+    joinMeta: { source: 'rooms:list' },
+    leaveMeta: { source: 'rooms:list' },
+  }),
   useSocketClient,
-  applyMessage: (prev, payload) => {
-    if (!prev) return prev;
-    // Example: bump unread count in cache
-    const apply = (items: any[]) =>
-      items.map((room) =>
-        room.id === payload.roomId ? { ...room, unread: (room.unread ?? 0) + 1 } : room,
-      );
-    return 'pages' in prev
-      ? { ...prev, pages: prev.pages.map((p) => ({ ...p, items: apply(p.items) })) }
-      : { ...prev, items: apply(prev.items) };
+  applyMessage: {
+    'chat:message': (prev, payload) => {
+      if (!prev) return prev;
+      // Example: bump unread count in cache
+      const apply = (items: any[]) =>
+        items.map((room) =>
+          room.id === payload.roomId ? { ...room, unread: (room.unread ?? 0) + 1 } : room,
+        );
+      return 'pages' in prev
+        ? { ...prev, pages: prev.pages.map((p) => ({ ...p, items: apply(p.items) })) }
+        : { ...prev, items: apply(prev.items) };
+    },
   },
 });
 

package/dist/index.cjs

@@ -786,72 +786,84 @@ function normalizeRooms(rooms) {
   }
   return normalized;
 }
+function mergeRoomState(prev, toRoomsResult) {
+  const merged = new Set(prev.rooms);
+  for (const r of normalizeRooms(toRoomsResult.rooms)) merged.add(r);
+  return {
+    rooms: Array.from(merged),
+    joinMeta: toRoomsResult.joinMeta ?? prev.joinMeta,
+    leaveMeta: toRoomsResult.leaveMeta ?? prev.leaveMeta
+  };
+}
 function roomsFromData(data, toRooms) {
-  if (data == null) return [];
-  const merge = /* @__PURE__ */ new Set();
+  if (data == null) return { rooms: [] };
+  let state = { rooms: [] };
   const add = (input) => {
-    for (const r of normalizeRooms(input)) merge.add(r);
+    state = mergeRoomState(state, toRooms(input));
   };
   const maybePages = data?.pages;
   if (Array.isArray(maybePages)) {
-    for (const page of maybePages) add(toRooms(page));
-    return Array.from(merge);
+    for (const page of maybePages) add(page);
+    return state;
   }
-  add(toRooms(data));
-  return Array.from(merge);
+  add(data);
+  return state;
 }
 function buildSocketedRoute(options) {
-  const { built, event, toRooms, applyMessage, joinMeta, leaveMeta, useSocketClient: useSocketClient2 } = options;
+  const { built, toRooms, applyMessage, useSocketClient: useSocketClient2 } = options;
   return (...useArgs) => {
     const client = useSocketClient2();
     const endpointResult = built.useEndpoint(...useArgs);
     const argsKey = (0, import_react2.useMemo)(() => JSON.stringify(useArgs[0] ?? null), [useArgs]);
-    const [rooms, setRooms] = (0, import_react2.useState)(
+    const [roomState, setRoomState] = (0, import_react2.useState)(
       () => roomsFromData(endpointResult.data, toRooms)
     );
-    const roomsKey = (0, import_react2.useMemo)(() => rooms.join("|"), [rooms]);
+    const roomsKey = (0, import_react2.useMemo)(() => roomState.rooms.join("|"), [roomState.rooms]);
+    const joinMetaKey = (0, import_react2.useMemo)(() => JSON.stringify(roomState.joinMeta ?? null), [roomState.joinMeta]);
+    const leaveMetaKey = (0, import_react2.useMemo)(() => JSON.stringify(roomState.leaveMeta ?? null), [roomState.leaveMeta]);
     (0, import_react2.useEffect)(() => {
       const unsubscribe = endpointResult.onReceive((data) => {
-        setRooms((prev) => {
-          const next = normalizeRooms(toRooms(data));
-          if (next.length === 0) return prev;
-          const merged = new Set(prev);
-          next.forEach((r) => merged.add(r));
-          return Array.from(merged);
-        });
+        setRoomState((prev) => mergeRoomState(prev, toRooms(data)));
       });
       return unsubscribe;
     }, [endpointResult, toRooms]);
     (0, import_react2.useEffect)(() => {
-      setRooms(roomsFromData(endpointResult.data, toRooms));
+      setRoomState(roomsFromData(endpointResult.data, toRooms));
     }, [endpointResult.data, toRooms]);
     (0, import_react2.useEffect)(() => {
-      if (rooms.length === 0) return;
+      if (roomState.rooms.length === 0) return;
+      const { joinMeta, leaveMeta } = roomState;
+      if (!joinMeta || !leaveMeta) return;
       let active = true;
       (async () => {
         try {
-          await client.joinRooms(rooms, joinMeta);
+          await client.joinRooms(roomState.rooms, joinMeta);
         } catch {
         }
       })();
       return () => {
-        if (!active || rooms.length === 0) return;
+        if (!active || roomState.rooms.length === 0) return;
         active = false;
-        void client.leaveRooms(rooms, leaveMeta).catch(() => {
+        void client.leaveRooms(roomState.rooms, leaveMeta).catch(() => {
         });
       };
-    }, [client, joinMeta, leaveMeta, roomsKey]);
+    }, [client, roomsKey, roomState.joinMeta, roomState.leaveMeta, joinMetaKey, leaveMetaKey]);
     (0, import_react2.useEffect)(() => {
-      const unsubscribe = client.on(event, (payload, meta) => {
-        built.setData((prev) => {
-          const next = applyMessage(prev, payload, meta);
-          setRooms(roomsFromData(next, toRooms));
-          return next;
-        }, ...useArgs);
-      });
-      return unsubscribe;
-    }, [client, event, applyMessage, built, argsKey]);
-    return { ...endpointResult, rooms };
+      const entries = Object.entries(applyMessage).filter(
+        ([_event, fn]) => typeof fn === "function"
+      );
+      const unsubscribes = entries.map(
+        ([ev, fn]) => client.on(ev, (payload, meta) => {
+          built.setData((prev) => {
+            const next = fn(prev, payload, meta);
+            setRoomState(roomsFromData(next, toRooms));
+            return next;
+          }, ...useArgs);
+        })
+      );
+      return () => unsubscribes.forEach((u) => u?.());
+    }, [client, applyMessage, built, argsKey, toRooms]);
+    return { ...endpointResult, rooms: roomState.rooms };
   };
 }