blob: 283121e3251b4de5a4a67ab5a903efcfe4bb627b (
plain)
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
(function() {
'use strict';
document.addEventListener('DOMContentLoaded', event => {
let connectButton = document.querySelector("#connect");
let statusDisplay = document.querySelector('#status');
let port;
function addLine(linesId, text) {
var senderLine = document.createElement("div");
senderLine.className = 'line';
var textnode = document.createTextNode(text);
senderLine.appendChild(textnode);
document.getElementById(linesId).appendChild(senderLine);
return senderLine;
}
let currentReceiverLine;
function appendLine(linesId, text) {
if (currentReceiverLine) {
currentReceiverLine.innerHTML = currentReceiverLine.innerHTML + text;
} else {
currentReceiverLine = addLine(linesId, text);
}
}
function connect() {
port.connect().then(() => {
statusDisplay.textContent = '';
connectButton.textContent = 'Disconnect';
port.onReceive = data => {
let textDecoder = new TextDecoder();
console.log(textDecoder.decode(data));
if (data.getInt8() === 13) {
currentReceiverLine = null;
} else {
appendLine('receiver_lines', textDecoder.decode(data));
}
};
port.onReceiveError = error => {
console.error(error);
};
}, error => {
statusDisplay.textContent = error;
});
}
connectButton.addEventListener('click', function() {
if (port) {
port.disconnect();
connectButton.textContent = 'Connect';
statusDisplay.textContent = '';
port = null;
} else {
serial.requestPort().then(selectedPort => {
port = selectedPort;
connect();
}).catch(error => {
statusDisplay.textContent = error;
});
}
});
serial.getPorts().then(ports => {
if (ports.length === 0) {
statusDisplay.textContent = 'No device found.';
} else {
statusDisplay.textContent = 'Connecting...';
port = ports[0];
connect();
}
});
let commandLine = document.getElementById("command_line");
commandLine.addEventListener("keypress", function(event) {
if (event.keyCode === 13) {
if (commandLine.value.length > 0) {
addLine('sender_lines', commandLine.value);
commandLine.value = '';
}
}
port.send(new TextEncoder('utf-8').encode(String.fromCharCode(event.which || event.keyCode)));
});
});
})();
|
