esp-idf-svc 0.52.1

Implementation of the embedded-svc traits for ESP-IDF (Espressif's IoT Development Framework)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ESP-RS WebSocket Guessing Game</title>
<style type="text/css">
body {
	max-width: 50em;
	margin: auto;
	padding: 1em;
	font: 1em/1.65 sans-serif;
}
input {
    width: 100%;
    height: 3em;
    margin-bottom: 1em;
}
</style>
</head>
<body onload="loadWebSocket()">
<form id="the-form" action="/post" accept-charset="utf-8">
<label for="user-text">Make a guess:</label>
<input type="text" id="user-text" name="user_text"><br>
<input type="submit" id="user-submit" value="Submit" disabled>
</form>
<p id="server-resp">Connecting...</p>
<script type="text/javascript">

const submitButton = document.getElementById("user-submit");
const theForm = document.getElementById("the-form");
const userText = document.getElementById("user-text");
const serverResp = document.getElementById("server-resp");

let ws;

function loadWebSocket() {
    ws = new WebSocket(`ws://${window.location.host}/ws/guess`);
    ws.onopen = function(e) {
        submitButton.disabled = false;
    };
    ws.onclose = ws.onerror = function(e) {
        submitButton.disabled = true;
    };
    ws.onmessage = function(e) {
        console.log(e.data);
        serverResp.innerText = e.data;
    };
}

theForm.addEventListener("submit", async (e) => {
    e.preventDefault();

    let form = e.currentTarget;
    let url = form.action;

    ws.send(userText.value);
});

</script>
</body>
</html>