option to autodisconnect

Author: nidorx

examples/socket-chat/public/app.js

@@ -1,39 +1,37 @@
-(function () {
+import * as chain from '/chain.js'
 
-    const socket = chain.Socket('/socket')
-    socket.connect()
+const socket = new chain.Socket('/socket')
+socket.connect()
 
-    const channel = socket.channel("chat:lobby", {param1: 'foo'})
-    channel.join()
-        .on('ok', () => chain.log('Join', "success"))
-        .on('error', err => chain.log('Join', "errored", err))
-        .on('timeout', () => chain.log('Join', "timed out "))
+const channel = socket.channel("chat:lobby", { param1: 'foo' })
+channel.join()
+    .on('ok', () => chain.log('Join', "success"))
+    .on('error', err => chain.log('Join', "errored", err))
+    .on('timeout', () => chain.log('Join', "timed out "))
 
+const $form = document.getElementById('chat-form')
+const $chatBox = document.getElementById('chat-box')
+const $inputName = document.getElementById('user-name')
+const $inputMessage = document.getElementById('user-msg')
 
-    const $form = document.getElementById('chat-form')
-    const $chatBox = document.getElementById('chat-box')
-    const $inputName = document.getElementById('user-name')
-    const $inputMessage = document.getElementById('user-msg')
+$form.addEventListener('submit', function (e) {
+    e.preventDefault()
 
-    $form.addEventListener('submit', function (e) {
-        e.preventDefault()
+    if ($inputName.value === '') {
+        return
+    }
 
-        if ($inputName.value === '') {
-            return
-        }
-
-        channel.push('shout', {
-            name: $inputName.value,
-            body: $inputMessage.value
-        })
-
-        $inputMessage.value = ''
+    channel.push('shout', {
+        name: $inputName.value,
+        body: $inputMessage.value
     })
 
-    channel.on('shout', (message, ref, joinRef) => {
-        let $p = document.createElement('p')
-        $p.classList.add('c1')
-        $p.insertAdjacentHTML('beforeend', `<b class="c2">${message.name}:</b> ${message.body}`)
-        $chatBox.appendChild($p)
-    })
-})()
+    $inputMessage.value = ''
+})
+
+channel.on('shout', (message, ref, joinRef) => {
+    let $p = document.createElement('p')
+    $p.classList.add('c1')
+    $p.insertAdjacentHTML('beforeend', `<b class="c2">${message.name}:</b> ${message.body}`)
+    $chatBox.appendChild($p)
+})

examples/socket-chat/public/index.html

@@ -22,7 +22,6 @@ <h2 class="c1">&lt;<span class="c2">!{S}</span>yntax&gt; <em>Chain Chat</em>!</h
     </main>
 </div>
 
-<script src="/chain.js"></script>
-<script src="/app.js"></script>
+<script src="/app.js" type="module"></script>
 </body>
 </html>

socket/client/README.md

@@ -4,5 +4,5 @@
 
 ```
 npm install -g typescript
-tsc chain.ts
+npx tsc
 ```