Jędrzej Stuczyński
c50e9a9ed7
* Split text and binary client apis * Very initial attempt at new serialization * Defined ser+de for Recipient and ReplySURB * Response errors * builds with changes * Working WS API + moved to separate crate * updated python examples * Fixed parsing bug * Updated go examples * Updated rust examples * formatting * Removed unused imports * dependency updates * Further dependency changes * nymsphinx exposingn framing only if not in wasm32 * Cargo lock changes before develop merge * Pending work * Actually sending and receiving websocket from rust! * more WIP * Initial wasm client + establishing shared key with gateway! * Splitting and sending a message! * WIP * WIP * Initial wasm-ification of the gateway client * Passing reconstruction result to js callback! * Initial WASM cleaning pass * Dependency pruning * Moved processing loop to received_processor + at least ack unwrappingn * Post merge fix * Kinda updated react example * Old print statement removed * Removed yarn.lock * Fixed building issue for other clients * Fixed travis test command
114 lines
3.8 KiB
JavaScript
114 lines
3.8 KiB
JavaScript
// Copyright 2020 Nym Technologies SA
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import {
|
|
NymClient,
|
|
set_panic_hook
|
|
} from "@nymproject/nym-client-wasm"
|
|
|
|
// current limitation of rust-wasm for async stuff : (
|
|
let client = null
|
|
|
|
async function main() {
|
|
// sets up better stack traces in case of in-rust panics
|
|
set_panic_hook();
|
|
|
|
// directory server we will use to get topology from
|
|
const directory = "https://qa-directory.nymtech.net"; //"http://localhost:8080";
|
|
|
|
client = new NymClient(directory);
|
|
|
|
const on_message = (msg) => displayReceived(msg);
|
|
const on_connect = () => console.log("Established (and authenticated) gateway connection!");
|
|
|
|
client.set_on_message(on_message);
|
|
client.set_on_gateway_connect(on_connect);
|
|
|
|
// this is current limitation of wasm in rust - for async methods you can't take self my reference...
|
|
// I'm trying to figure out if I can somehow hack my way around it, but for time being you have to re-assign
|
|
// the object (it's the same one)
|
|
client = await client.initial_setup();
|
|
|
|
const self_address = client.self_address();
|
|
displaySenderAddress(self_address);
|
|
|
|
const sendButton = document.querySelector('#send-button');
|
|
sendButton.onclick = function () {
|
|
sendMessageTo();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Create a Sphinx packet and send it to the mixnet through the gateway node.
|
|
*
|
|
* Message and recipient are taken from the values in the user interface.
|
|
*
|
|
* @param {Client} nymClient the nym client to use for message sending
|
|
*/
|
|
async function sendMessageTo() {
|
|
const message = document.getElementById("message").value;
|
|
const recipient = document.getElementById("recipient").value;
|
|
client = await client.send_message(message, recipient);
|
|
displaySend(message);
|
|
}
|
|
|
|
/**
|
|
* Display messages that have been sent up the websocket. Colours them blue.
|
|
*
|
|
* @param {string} message
|
|
*/
|
|
function displaySend(message) {
|
|
let timestamp = new Date().toISOString().substr(11, 12);
|
|
|
|
let sendDiv = document.createElement("div")
|
|
let paragraph = document.createElement("p")
|
|
paragraph.setAttribute('style', 'color: blue')
|
|
let paragraphContent = document.createTextNode(timestamp + " sent >>> " + message)
|
|
paragraph.appendChild(paragraphContent)
|
|
|
|
sendDiv.appendChild(paragraph)
|
|
document.getElementById("output").appendChild(sendDiv)
|
|
}
|
|
|
|
/**
|
|
* Display received text messages in the browser. Colour them green.
|
|
*
|
|
* @param {string} message
|
|
*/
|
|
function displayReceived(message) {
|
|
const content = message.message
|
|
const replySurb = message.replySurb
|
|
|
|
let timestamp = new Date().toISOString().substr(11, 12);
|
|
let receivedDiv = document.createElement("div")
|
|
let paragraph = document.createElement("p")
|
|
paragraph.setAttribute('style', 'color: green')
|
|
let paragraphContent = document.createTextNode(timestamp + " received >>> " + content + ((replySurb != null) ? "Reply SURB was attached here (but we can't do anything with it yet" : " (NO REPLY-SURB AVAILABLE)"))
|
|
paragraph.appendChild(paragraphContent)
|
|
receivedDiv.appendChild(paragraph)
|
|
document.getElementById("output").appendChild(receivedDiv)
|
|
}
|
|
|
|
|
|
/**
|
|
* Display the nymClient's sender address in the user interface
|
|
*
|
|
* @param {Client} nymClient
|
|
*/
|
|
function displaySenderAddress(address) {
|
|
document.getElementById("sender").value = address;
|
|
}
|
|
|
|
// Let's get started!
|
|
main(); |