logos-messaging/examples.waku.org
1
0
Fork 0
mirror of https://github.com/logos-messaging/examples.waku.org.git synced 2026-01-02 21:03:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

use usePeers from the lib

Browse Source
This commit is contained in:
Sasha 2023-02-23 20:19:06 +01:00
parent 522ebb93c0
commit 2bd10b2641
No known key found for this signature in database
3 changed files with 17 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/web-chat/package-lock.json generated
View File

@ -6132,9 +6132,9 @@
}
},
"node_modules/@types/serve-static": {
"version": "1.15.0",
"resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.0.tgz",
"integrity": "sha512-z5xyF6uh8CbjAu9760KDKsH2FcDxZ2tFCsA4HIMWE6IkiYMXfVoa+4f9KX+FN0ZLsaMw1WNG2ETLA6N+/YA+cg==",
"version": "1.15.1",
"resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.1.tgz",
"integrity": "sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==",
"dev": true,
"dependencies": {
"@types/mime": "*",
@ -10021,9 +10021,9 @@
}
},
"node_modules/electron-to-chromium": {
"version": "1.4.308",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.308.tgz",
"integrity": "sha512-qyTx2aDFjEni4UnRWEME9ubd2Xc9c0zerTUl/ZinvD4QPsF0S7kJTV/Es/lPCTkNX6smyYar+z/n8Cl6pFr8yQ==",
"version": "1.4.309",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.309.tgz",
"integrity": "sha512-U7DTiKe4h+irqBG6h4EZ0XXaZuJj4md3xIXXaGSYhwiumPZ4BSc6rgf9UD0hVUMaeP/jB0q5pKWCPxvhO8fvZA==",
"dev": true
},
"node_modules/email-addresses": {

20
examples/web-chat/src/Room.tsx
View File

@ -1,7 +1,7 @@
import type { LightNode } from "@waku/interfaces";
import ChatList from "./ChatList";
import MessageInput from "./MessageInput";
import { useWaku, useContentPair, useLightPush } from "@waku/react";
import { useWaku, useContentPair, useLightPush, usePeers } from "@waku/react";
import { TitleBar } from "@livechat/ui-kit";
import { Message } from "./Message";
import { ChatMessage } from "./chat_message";
@ -17,13 +17,9 @@ export default function Room(props: Props) {
const { node } = useWaku<LightNode>();
const { encoder } = useContentPair();
const { push: onPush } = useLightPush({ node, encoder });
const {
lightPushPeers,
filterPeers,
storePeers,
bootstrapPeers,
peerExchangePeers,
} = useNodePeers(node);
const { bootstrapPeers, peerExchangePeers } = useNodePeers(node);
const { storePeers, filterPeers, lightPushPeers } = usePeers({ node });
const onSend = async (text: string) => {
if (!onPush) {
@ -52,7 +48,9 @@ export default function Room(props: Props) {
>
<TitleBar
leftIcons={[
`Peers: ${lightPushPeers} light push, ${filterPeers} filter, ${storePeers} store.`,
`Peers: ${orZero(lightPushPeers?.length)} light push, ${orZero(
filterPeers?.length
)} filter, ${orZero(storePeers?.length)} store.`,
]}
rightIcons={[
`Bootstrap (DNS Discovery): ${bootstrapPeers.size}, Peer exchange: ${peerExchangePeers.size}. `,
@ -65,3 +63,7 @@ export default function Room(props: Props) {
</div>
);
}
function orZero(value: undefined | number): number {
return value || 0;
}

16
examples/web-chat/src/hooks.ts
View File

@ -39,10 +39,6 @@ export const useMessages = (params: UseMessagesParams): Message[] => {
};
export const useNodePeers = (node: undefined | LightNode) => {
const [storePeers, setStorePeers] = useState(0);
const [filterPeers, setFilterPeers] = useState(0);
const [lightPushPeers, setLightPushPeers] = useState(0);
const [bootstrapPeers, setBootstrapPeers] = useState(new Set<string>());
const [peerExchangePeers, setPeerExchangePeers] = useState(new Set<string>());
@ -60,15 +56,6 @@ export const useNodePeers = (node: undefined | LightNode) => {
} else {
setBootstrapPeers((peers) => new Set(peers).add(peerId.toString()));
}
const storePeers = await node.store.peers();
setStorePeers(storePeers.length);
const filterPeers = await node.filter.peers();
setFilterPeers(filterPeers.length);
const lightPushPeers = await node.lightPush.peers();
setLightPushPeers(lightPushPeers.length);
});
}, [node]);
@ -81,9 +68,6 @@ export const useNodePeers = (node: undefined | LightNode) => {
}, [bootstrapPeers, peerExchangePeers]);
return {
storePeers,
filterPeers,
lightPushPeers,
bootstrapPeers,
peerExchangePeers,
};