touche 0.0.15

Synchronous HTTP library
Documentation 
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

<!DOCTYPE html>
<html>
  <head>
    <script>
      const evtSource = new EventSource("/sse");

      const messages = document.createElement("ul");

      evtSource.addEventListener("userconnect", evt => {
        const { name } = JSON.parse(evt.data);
        messages.insertAdjacentHTML("beforeend", `<li>User ${name} connected`);
      });

      evtSource.addEventListener("usermessage", evt => {
        const { name, message } = JSON.parse(evt.data);
        messages.insertAdjacentHTML("beforeend", `<li>${name}: ${message}`);
      });

      evtSource.addEventListener("userdisconnect", evt => {
        const { name } = JSON.parse(evt.data);
        messages.insertAdjacentHTML("beforeend", `<li>User ${name} disconnected`);
      });

      document.addEventListener("DOMContentLoaded", () => {
        document.body.appendChild(messages);
      });
    </script>
  </head>

  <body></body>
</html>