Add PING.

[plomrogue2-experiments] / new2 / rogue_chat.html
diff --git a/new2/rogue_chat.html b/new2/rogue_chat.html

index 10e5ee2f5fe0c024a871643fb475aea41ae96a12..dd0036ec7f8e47ce90c455b7be1a721bf9bc2af5 100644 (file)
--- a/new2/rogue_chat.html
+++ b/new2/rogue_chat.html
@@ -4,7 +4,8 @@
  canvas { border: 1px solid black; }
  </style>
  <body>
-<canvas id="terminal" />
+<p><canvas id="terminal" /></p>
+<p>(running against <a href="https://plomlompom.com/repos/?p=plomrogue2-experiments;a=blob;f=new2/rogue_chat.py">some plomrogue engine experiment</a>)</p>
  <script>
  "use strict";
  let websocket_location = "ws://localhost:8000"
@@ -154,11 +155,15 @@ let game = {
  
  let chat = {
    input_line:"",
-  history: [" visible ASCII char in the input prompt.",
+  history: ["",
+           " visible ASCII char in the input prompt.",
             " To write on the map, enter on a single",
+           "",
             " contain whitespace, escape them with \\.",
             " Use double quotes for strings that",
+           "",
             " Use arrow keys to move your avatar.",
+           "",
             "   QUERY USER TEXT - send TEXT to USER",
             "   ALL TEXT - send TEXT to all users",
             "   LOGIN USER - register as USER",
@@ -217,16 +222,22 @@ websocket.onmessage = function (event) {
      tui.draw_map();
    } else if (tokens[0] === 'LOG') {
       tui.log_msg(tokens[1], 1);
+  } else if (tokens[0] === 'META') {
+     tui.log_msg(tokens[1]);
    } else if (tokens[0] === 'UNHANDLED_INPUT') {
       tui.log_msg('unknown command');
    } else if (tokens[0] === 'GAME_ERROR') {
       tui.log_msg('game error: ' + tokens[1]);
    } else if (tokens[0] === 'GAME_ERROR') {
       tui.log_msg('game error: ' + tokens[1]);
+  } else if (tokens[0] === 'PONG') {
+    console.log('PONG');
    } else {
       tui.log_msg('unhandled input: ' + event.data);
    }
  }
+
+window.setInterval(function() { websocket.send('PING') }, 30000);
  </script>
  </body>
  </html>