meows 0.1.0

A simple pattern for async service messaging over WebSockets
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
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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>Meows</title>
    </head>
<body>
    <center>
        <h1>Meows</h1>

        <div style="width: 50%">
            <input type="button" value="Send ping" onclick="return sendPing();"/>
            <form onsubmit="return sendMessage();">
                <input placeholder="Enter a message to send" type="text" width="100" id="input"/>
            </form>
            <div id="messages">
            </div>
        </div>

    </center>

    <script type="text/javascript">
        <!--
        function sendPing() {
            let ping = {
                type: "ping",
                value: {
                    msg: "this is a ping"
                }
            };
            window.sock.send(JSON.stringify(ping));
        }

        function sendMessage() {
            let msg = document.getElementById('input').value;
            console.log(`Invoking send message for ${msg}`);
            window.sock.send(msg);
            document.getElementById('input').value = '';
            return false;
        }
        window.wsDelay = 1000;
        function connectSocket() {

            const sock = new WebSocket("ws://127.0.0.1:8105/");
            sock.onopen = (event) => {
                // Reset our timeout interval
                window.wsDelay = 10000;
                console.log('WebSocket connected');
            };

            sock.onerror = (err) => {
                console.error('WebSocket error, reconnecting..');

                sock.close();
            };

            sock.onclose = (event) => {
                console.log('WebSocket connection lost, reconnecting..');
                setTimeout(() => {
                    window.wsDelay = window.wsDelay * 2;
                    console.log(`reconnection delay: ${window.wsDelay}`);
                    connectSocket();
                }, window.wsDelay);
            }

            sock.onmessage = (event) => {
                console.log(`Received response: ${event.data}`);
                const buffer = document.getElementById('messages');
                buffer.insertBefore(document.createElement('br'), buffer.firstChild);
                buffer.insertBefore(document.createTextNode(event.data), buffer.firstChild);
            };
            window.sock = sock;
        }
        connectSocket();
        -->
    </script>
</body>
</html>