status-im/js-waku-examples
2
0
Fork 0
mirror of https://github.com/status-im/js-waku-examples.git synced 2025-02-02 10:15:40 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #134 from waku-org/fix/chore

Browse Source
This commit is contained in:
fryorcraken.eth 2022-10-11 01:30:24 +11:00 committed by GitHub
commit 1f14a5aca9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 91 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
rln-js/index.html
View File

@ -5,8 +5,8 @@
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title>JS-Waku light node example</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
@ -23,7 +23,7 @@
<div class="row rcenter">
<h4>Address</h4>
<code id="address" class="value"></code>
<code class="value" id="address"></code>
</div>
<div class="row mu1 rcenter">
@ -35,7 +35,7 @@
<div class="row rcenter">
<h4>Latest membership id on contract</h4>
<code id="latest-membership-id" class="value">Not loaded yet</code>
<code class="value" id="latest-membership-id">Not loaded yet</code>
</div>
@ -63,15 +63,15 @@
</div>
<div class="row rcenter mu1">
<h4>Membership id</h4>
<code id="id" class="value">none</code>
<code class="value" id="id">none</code>
</div>
<div class="row rcenter">
<h4>Key</h4>
<code id="key" class="value">none</code>
<code class="value" id="key">none</code>
</div>
<div class="row rcenter">
<h4>Commitment</h4>
<code id="commitment" class="value">none</code>
<code class="value" id="commitment">none</code>
</div>
@ -89,12 +89,12 @@
<div class="row rcenter mf">
<label for='nick-input'>Your nickname</label>
<input id='nick-input' placeholder='Choose a nickname' type='text' class="p100">
<input class="p100" id='nick-input' placeholder='Choose a nickname' type='text'>
</div>
<div class="row rcenter mf">
<label for='textInput'>Message text</label>
<input disabled id='textInput' placeholder='Type your message here' type='text' class="p100">
<input class="p100" disabled id='textInput' placeholder='Type your message here' type='text'>
<button disabled id='sendButton' type='button'>Send message using Light Push</button>
</div>
<span id='sending-status'></span>
@ -118,7 +118,7 @@
MembershipKey,
RLNDecoder,
RLNEncoder
} from "https://unpkg.com/@waku/rln@0.0.12/bundle/index.js";
} from "https://unpkg.com/@waku/rln@0.0.12-ccac829/bundle/index.js";
import {ethers} from "https://unpkg.com/ethers@5.0.7/dist/ethers-all.esm.min.js"
@ -357,7 +357,7 @@
console.log("Verifying proof")
console.time("proof_verify_timer")
const res = msg.verify()
console.time("proof_verify_timer")
console.timeEnd("proof_verify_timer")
console.log("proof verified!", res)
if (res === undefined) {
msg.proofState = "no proof attached"
@ -432,7 +432,11 @@
sendButton.onclick = async () => {
const text = utils.utf8ToBytes(textInput.value);
const timestamp = new Date();
const msg = ProtoChatMessage.create({text, nick: nicknameInput.value, timestamp: Math.floor(timestamp.valueOf() / 1000)});
const msg = ProtoChatMessage.create({
text,
nick: nicknameInput.value,
timestamp: Math.floor(timestamp.valueOf() / 1000)
});
const payload = ProtoChatMessage.encode(msg).finish();
console.log("Sending message with proof...")
sendingStatusSpan.innerText = 'sending...'