improve readability

examples/web-chat/src/hooks.ts

@@ -12,6 +12,7 @@ import type {
   UsePeersResults,
 } from "./types";
 import { OrderedSet } from "./ordered_array";
+import { getPeerIdsForProtocol } from "./utils";
 
 export const usePersistentNick = (): [
   string,
@@ -194,15 +195,9 @@ export const usePeers = (params: UsePeersParams): UsePeersResults => {
 
       setPeers({
         allConnected: peers.map((p) => p.id),
-        storePeers: peers
+        storePeers: getPeerIdsForProtocol(node.store, peers),
-          .filter((p) => p.protocols.includes(node.store?.multicodec || ""))
+        filterPeers: getPeerIdsForProtocol(node.filter, peers),
-          .map((p) => p.id),
+        lightPushPeers: getPeerIdsForProtocol(node.lightPush, peers),
-        filterPeers: peers
-          .filter((p) => p.protocols.includes(node.filter?.multicodec || ""))
-          .map((p) => p.id), // hardcoding codec since we don't export it currently
-        lightPushPeers: peers
-          .filter((p) => p.protocols.includes(node.lightPush?.multicodec || ""))
-          .map((p) => p.id),
       });
     };
 

examples/web-chat/src/utils.ts

@@ -1,4 +1,5 @@
 import type { Peer } from "@libp2p/interface-peer-store";
+import { IFilter, ILightPush, IStore } from "@waku/interfaces";
 
 export async function handleCatch(
   promise?: Promise<Peer[]>
@@ -13,3 +14,14 @@ export async function handleCatch(
     return undefined;
   }
 }
+
+export function getPeerIdsForProtocol(
+  protocol: IStore | ILightPush | IFilter | undefined,
+  peers: Peer[]
+) {
+  return protocol
+    ? peers
+        .filter((p) => p.protocols.includes(protocol.multicodec))
+        .map((p) => p.id)
+    : [];
+}