Skip to content

Commit df96b38

Browse files
committed
Remove as dependency + add jsdoc blocks
1 parent b559eea commit df96b38

File tree

6 files changed

+153
-708
lines changed

6 files changed

+153
-708
lines changed

client/index.html

-5
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,8 @@
22
<html>
33
<head>
44
<link rel="stylesheet" href="css/client.css">
5-
6-
<script src="js/jquery.min.js"></script>
7-
<script src="js/json2.js"></script>
85
<script src="js/client.js"></script>
9-
106
<meta charset=utf-8 />
11-
127
<title>Shiny WSS Demo Application</title>
138
</head>
149
<body>

client/js/client.js

+31-9
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,21 @@
11
(function() {
2-
document.addEventListener("DOMContentLoaded", function() {
2+
document.addEventListener("DOMContentLoaded", () => {
33

44
const elLog = document.getElementById('log');
55
const elStatus = document.getElementById('status');
66
const elSend = document.getElementById('send');
77
const elAction = document.getElementById('action');
88
const elData = document.getElementById('data');
99

10+
/**
11+
* Add a new log message.
12+
* @param {string} msg - The message to add.
13+
*/
1014
const log = (msg) => {
11-
return elLog.insertAdjacentHTML('afterbegin', `${msg}<br />`);
15+
elLog.insertAdjacentHTML('afterbegin', `${msg}<br />`);
1216
};
1317

18+
// Connect to server
1419
let socket = null;
1520
let serverUrl = 'ws://127.0.0.1:8000/demo';
1621
if (window.MozWebSocket) {
@@ -19,36 +24,53 @@
1924
socket = new WebSocket(serverUrl);
2025
}
2126
socket.binaryType = 'blob';
27+
28+
/**
29+
* Callen when connected to websocket server.
30+
* @param {Object} msg
31+
*/
2232
socket.onopen = (msg) => {
2333
elStatus.classList.remove('offline');
2434
elStatus.classList.add('online');
25-
return elStatus.innerText = 'connected';
35+
elStatus.innerText = 'connected';
2636
};
2737

38+
/**
39+
* Called when receiving a message from websocket server.
40+
* @param {Object} msg
41+
*/
2842
socket.onmessage = (msg) => {
2943
let response = JSON.parse(msg.data);
3044
log(`Action: ${response.action}`);
31-
return log(`Data: ${response.data}`);
45+
log(`Data: ${response.data}`);
3246
};
3347

48+
/**
49+
* Called when disconnected from websocket server.
50+
* @param {Object} msg
51+
*/
3452
socket.onclose = (msg) => {
3553
elStatus.classList.remove('online');
3654
elStatus.classList.add('offline');
37-
return elStatus.innerText = 'disconnected';
55+
elStatus.innerText = 'disconnected';
3856
};
3957

58+
/**
59+
* Adds event listener to the status indicator.
60+
*/
4061
elStatus.addEventListener('click', () => {
41-
return socket.close();
62+
socket.close();
4263
});
4364

65+
/**
66+
* Adds event listener to the send button.
67+
*/
4468
elSend.addEventListener('click', () => {
4569
let payload = {
4670
action: elAction.value,
4771
data: elData.value
4872
};
49-
return socket.send(JSON.stringify(payload));
73+
socket.send(JSON.stringify(payload));
5074
});
51-
5275
});
53-
5476
}).call();

0 commit comments

Comments
 (0)