djsundog/circuitpython
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Support ping & close. Refine html and js for serial

Browse Source
This commit is contained in:
Scott Shawcroft 2022-07-07 16:55:04 -07:00
parent a4035aa1f7
commit 8d9c995298
No known key found for this signature in database
GPG Key ID: 0DFD512649C052DA
3 changed files with 89 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
supervisor/shared/web_workflow/static/serial.html
View File

@ -7,10 +7,8 @@
</head>
<body>
<pre id="log"></pre>
<form onsubmit="onSubmit(); return false;">
<input type="text" id="input">
<input type="submit" value="Send">
<button onclick="onCloseClick(); return false;">close</button>
</form>
<textarea id="input" rows="1" spellcheck="false" wrap="off" style="resize: none;"></textarea>
<button onclick="onSubmit(); return false;">Send</button>
<button onclick="onCloseClick(); return false;">close</button>
</body>
</html>

36
supervisor/shared/web_workflow/static/serial.js
View File

@ -1,8 +1,20 @@
var ws;
var input = document.getElementById("input");
var title = document.querySelector("title");
function set_enabled(enabled) {
input.disabled = !enabled;
var buttons = document.querySelectorAll("button");
for (button of buttons) {
button.disabled = !enabled;
}
}
set_enabled(false);
function onSubmit() {
var input = document.getElementById("input");
console.log("submit");
// You can send message to the Web Socket using ws.send.
ws.send(input.value);
// output("send: " + input.value);
@ -11,6 +23,7 @@ function onSubmit() {
}
function onCloseClick() {
console.log("close clicked");
ws.close();
}
@ -26,18 +39,35 @@ ws = new WebSocket("ws://cpy-f57ce8.local/cp/serial/");
// Set event handlers.
ws.onopen = function() {
console.log("onopen");
set_enabled(true);
};
var setting_title = false;
ws.onmessage = function(e) {
// e.data contains received string.
output(e.data);
if (e.data == "\x1b]0;") {
setting_title = true;
title.textContent = "";
} else if (e.data == "\x1b\\") {
setting_title = false;
} else if (setting_title) {
title.textContent += e.data;
} else {
output(e.data);
}
};
ws.onclose = function() {
console.log("onclose");
set_enabled(false);
};
ws.onerror = function(e) {
// output("onerror");
console.log(e)
console.log(e);
set_enabled(false);
};
input.onbeforeinput = function(e) {
console.log(e);
}

68
supervisor/shared/web_workflow/websocket.c
View File

@ -32,6 +32,7 @@ typedef struct {
uint8_t frame_len;
uint8_t payload_len_size;
bool masked;
bool closed;
uint8_t mask[4];
int frame_index;
size_t payload_remaining;
@ -49,6 +50,10 @@ void websocket_init(void) {
void websocket_handoff(socketpool_socket_obj_t *socket) {
ESP_LOGI(TAG, "socket handed off");
cp_serial.socket = *socket;
cp_serial.closed = false;
cp_serial.opcode = 0;
cp_serial.frame_index = 0;
cp_serial.frame_len = 2;
// Mark the original socket object as closed without telling the lower level.
socket->connected = false;
socket->num = -1;
@ -56,7 +61,7 @@ void websocket_handoff(socketpool_socket_obj_t *socket) {
}
bool websocket_connected(void) {
return common_hal_socketpool_socket_get_connected(&cp_serial.socket);
return !cp_serial.closed && common_hal_socketpool_socket_get_connected(&cp_serial.socket);
}
static bool _read_byte(uint8_t *c) {
@ -70,6 +75,16 @@ static bool _read_byte(uint8_t *c) {
return true;
}
static void _send_raw(socketpool_socket_obj_t *socket, const uint8_t *buf, int len) {
int sent = -EAGAIN;
while (sent == -EAGAIN) {
sent = socketpool_socket_send(socket, buf, len);
}
if (sent < len) {
ESP_LOGE(TAG, "short send on %d err %d len %d", socket->num, sent, len);
}
}
static void _read_next_frame_header(void) {
uint8_t h;
if (cp_serial.frame_index == 0 && _read_byte(&h)) {
@ -111,20 +126,53 @@ static void _read_next_frame_header(void) {
cp_serial.frame_index++;
ESP_LOGI(TAG, "mask %08x", (uint32_t)*cp_serial.mask);
}
// Reply to PINGs and CLOSE.
while ((cp_serial.opcode == 0x8 ||
cp_serial.opcode == 0x9) &&
cp_serial.frame_index >= cp_serial.frame_len) {
if (cp_serial.frame_index == cp_serial.frame_len) {
uint8_t opcode = 0x8; // CLOSE
if (cp_serial.opcode == 0x9) {
ESP_LOGI(TAG, "websocket ping");
opcode = 0xA; // PONG
}
uint8_t frame_header[2];
frame_header[0] = 1 << 7 | opcode;
if (cp_serial.payload_remaining > 125) {
ESP_LOGE(TAG, "CLOSE or PING has long payload");
}
frame_header[1] = cp_serial.payload_remaining;
_send_raw(&cp_serial.socket, (const uint8_t *)frame_header, 2);
}
if (cp_serial.payload_remaining > 0 && _read_byte(&h)) {
// Send the payload back to the client.
cp_serial.frame_index++;
cp_serial.payload_remaining--;
_send_raw(&cp_serial.socket, &h, 1);
}
if (cp_serial.payload_remaining == 0) {
cp_serial.frame_index = 0;
if (cp_serial.opcode == 0x8) {
ESP_LOGI(TAG, "websocket closed");
cp_serial.closed = true;
}
}
}
}
static bool _read_next_payload_byte(uint8_t *c) {
_read_next_frame_header();
if (cp_serial.frame_index >= cp_serial.frame_len &&
if (cp_serial.opcode == 0x1 &&
cp_serial.frame_index >= cp_serial.frame_len &&
cp_serial.payload_remaining > 0) {
if (_read_byte(c)) {
uint8_t mask_offset = (cp_serial.frame_index - cp_serial.frame_len) % 4;
ESP_LOGI(TAG, "payload byte read %02x mask offset %d", *c, mask_offset);
*c ^= cp_serial.mask[mask_offset];
ESP_LOGI(TAG, "byte unmasked %02x", *c);
cp_serial.frame_index++;
cp_serial.payload_remaining--;
ESP_LOGI(TAG, "payload remaining %d", cp_serial.payload_remaining);
if (cp_serial.payload_remaining == 0) {
cp_serial.frame_index = 0;
}
@ -148,16 +196,6 @@ char websocket_read_char(void) {
return c;
}
static void _send_raw(socketpool_socket_obj_t *socket, const uint8_t *buf, int len) {
int sent = -EAGAIN;
while (sent == -EAGAIN) {
sent = socketpool_socket_send(socket, buf, len);
}
if (sent < len) {
ESP_LOGE(TAG, "short send %d %d", sent, len);
}
}
static void _websocket_send(_websocket *ws, const char *text, size_t len) {
if (!websocket_connected()) {
return;