waku-org
/
js-waku-lab
mirror of https://github.com/waku-org/js-waku-lab.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: render the peer ID

This commit is contained in:
Danish Arora 2024-12-03 17:08:57 +05:30
parent 42a45f0e8d
commit 066be09ee1
No known key found for this signature in database
GPG Key ID: 1C6EF37CDAE1426E
2 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
examples/experimental/railgun-repro/index.html
View File

@ -61,11 +61,20 @@
border-radius: 4px;
font-family: monospace;
}
#peerId {
padding: 10px;
margin-bottom: 20px;
background-color: #e3f2fd;
border-radius: 4px;
font-family: monospace;
word-break: break-all;
}
</style>
</head>
<body>
<div id="status">Status: Initializing...</div>
<div id="lastMessageTime">No messages received yet</div>
<div id="peerId">Peer ID: Initializing...</div>
<div id="messageContainer"></div>
<div class="input-container">
<input type="text" id="messageInput" placeholder="Enter message">

18
examples/experimental/railgun-repro/index.ts
View File

@ -100,7 +100,12 @@ class Railgun {
shards: [shard],
clusterId: clusterId,
}
});
});
const peerIdElement = document.getElementById('peerId');
if (peerIdElement) {
peerIdElement.textContent = `Peer ID: ${this.waku.libp2p.peerId.toString()}`;
}
updateStatus('Connecting to peer...');
await this.waku.dial(railgunMa);
@ -204,6 +209,10 @@ class Railgun {
addMessageToUI(`Sent: ${message}`);
}
}
getWaku(): LightNode | null {
return this.waku;
}
}
const railgun = new Railgun();
@ -213,10 +222,11 @@ export default railgun;
await railgun.start();
await railgun.subscribe();
// Add global function for sending messages
// Add global functions and objects
declare global {
interface Window {
sendMessage: () => Promise<void>;
waku: LightNode | null;
}
}
@ -227,4 +237,6 @@ window.sendMessage = async (): Promise<void> => {
await railgun.push(message);
input.value = '';
}
};
};
window.waku = railgun.getWaku();