-
Notifications
You must be signed in to change notification settings - Fork 55
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2264 from mickvandijke/wasm-test-improvement
test(wasm): improve wasm test index.html
- Loading branch information
Showing
1 changed file
with
38 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,67 +1,72 @@ | ||
| <html> | ||
| <head> | ||
| <head> | ||
| <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/> | ||
| </head> | ||
| <body> | ||
| <!-- credits: https://rustwasm.github.io/docs/wasm-bindgen/examples/without-a-bundler.html --> | ||
| <script type="module"> | ||
| import init, * as aut from './pkg/autonomi.js'; | ||
| </head> | ||
| <body> | ||
| <!-- credits: https://rustwasm.github.io/docs/wasm-bindgen/examples/without-a-bundler.html --> | ||
| <script type="module"> | ||
| import init, * as aut from './pkg/autonomi.js'; | ||
|
|
||
| async function run() { | ||
| async function run() { | ||
| document.getElementById("btn-run").disabled = true; | ||
| const peer_addr = document.getElementById('peer_id').value; | ||
|
|
||
| await init(); | ||
|
|
||
| aut.logInit("sn_networking=warn,autonomi=trace"); | ||
|
|
||
| console.log("connecting..."); | ||
| updateProgress("Connecting..."); | ||
| const client = await new aut.Client([peer_addr]); | ||
| console.log("connected"); | ||
| updateProgress("Connected"); | ||
|
|
||
| console.log("getting wallet..."); | ||
| updateProgress("Getting wallet..."); | ||
| const wallet = aut.getFundedWallet(); | ||
| console.log("wallet retrieved"); | ||
| updateProgress("Wallet retrieved"); | ||
|
|
||
| // Random 32 byte data | ||
| const data = [...Array(16)].map(() => Math.floor(Math.random() * 9)); | ||
| console.log("our data: ", data); | ||
| updateProgress("Our data: " + data); | ||
|
|
||
| console.log("calculating cost..."); | ||
| updateProgress("Calculating cost..."); | ||
| let result = await client.dataCost(data, wallet); | ||
| console.log("calculated cost: ", result.toString()); | ||
| updateProgress("Calculated cost: " + result.toString()); | ||
|
|
||
| console.log("putting..."); | ||
| updateProgress("Putting data..."); | ||
| const dataAddr = await client.dataPut(data, wallet); | ||
| console.log("put done: ", dataAddr.toString()); | ||
| updateProgress("Put done: " + dataAddr.toString()); | ||
|
|
||
| let archive = new Map([["README.md", dataAddr]]); | ||
| console.log("putting data as archive... ", archive); | ||
| updateProgress("Putting data as archive... " + archive); | ||
| let archiveAddr = await client.archivePut(archive, wallet); | ||
| console.log("archive put done: ", archiveAddr); | ||
| updateProgress("Archive put done: " + archiveAddr); | ||
|
|
||
| console.log("fetching archive..."); | ||
| updateProgress("Fetching archive..."); | ||
| let archiveFetched = await client.archiveGet(archiveAddr); | ||
| console.log("archive fetched: ", archiveFetched); | ||
| updateProgress("Archive fetched: " + archiveFetched); | ||
|
|
||
| for (const [path, addr] of archiveFetched) { | ||
| console.log("fetching data: ", path, ", addr: ", addr); | ||
| const dataFetched = await client.dataGet(addr); | ||
| console.log("data fetched: ", dataFetched); | ||
| updateProgress("Fetching data: " + path + ", addr: " + addr); | ||
| const dataFetched = await client.dataGet(addr); | ||
| updateProgress("Data fetched: " + dataFetched); | ||
| } | ||
|
|
||
| // Generate random secret key | ||
| const secretKey = [...Array(32)].map(() => Math.floor(Math.random() * 9)); | ||
|
|
||
| await client.writeBytesToVault(data, wallet, secretKey); | ||
|
|
||
| const vault = await client.fetchAndDecryptVault(secretKey); | ||
| console.log("vault: ", vault); | ||
| } | ||
| updateProgress("Vault: " + vault); | ||
| } | ||
|
|
||
| function updateProgress(message) { | ||
| document.getElementById('progress').textContent = message; | ||
| } | ||
|
|
||
| document.getElementById ("btn-run").addEventListener("click", run, false); | ||
| </script> | ||
| document.getElementById("btn-run").addEventListener("click", run, false); | ||
| </script> | ||
|
|
||
| <label for="peer_id">Peer ID: <input type="text" id="peer_id" /></label> | ||
| <button id="btn-run">Run</button> | ||
| </body> | ||
| </html> | ||
| <label for="peer_id">Peer MultiAddr: <input type="text" id="peer_id"/></label> | ||
| <button id="btn-run">Run</button> | ||
| <span id="progress"></span> | ||
| </body> | ||
| </html> |