Parse ARGUMENT_ERROR.

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

index f1146cb7c9cd70646656c85c80ef67a4882a4973..dd9cc8d9c4a3c46db9328721912a1959f404f124 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"
@@ -125,9 +126,20 @@ let tui = {
      terminal.drawBox(terminal.rows - 1, terminal.cols / 2, 1, terminal.cols / 2, 'black');
      terminal.write(terminal.rows - 1, terminal.cols / 2, chat.input_line);
    },
-  log_msg: function(msg) {
-    chat.history.unshift(msg);
+  log_msg: function(msg, indent=0) {
+    let line_length = (terminal.cols / 2) - indent;
+    let chunk = "";
+    for (let i = 0, x = 0; i < msg.length; i++, x++) {
+      if (x >= line_length) {
+       chat.history.unshift(' '.repeat(indent) + chunk);
+       chunk = "";
+        x = 0;
+      };
+      chunk += msg[i];
+    }
+    chat.history.unshift(' '.repeat(indent) + chunk);
      if (chat.history.length > terminal.rows - 2) {
+
        chat.history.pop();
      };
      this.draw_history();
@@ -143,13 +155,19 @@ let game = {
  
  let chat = {
    input_line:"",
-  history: ["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",
-           "commands:"]
+  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",
+           " commands:"]
  }
  
  terminal.initialize()
@@ -169,8 +187,12 @@ document.addEventListener('keydown', (event) => {
      chat.input_line = chat.input_line.slice(0, -1);
      tui.draw_input_line();
    } else if (event.key === 'Enter') {
-    websocket.send(chat.input_line);
-    chat.input_line = ''
+    if (chat.input_line.length === 1) {
+      websocket.send("TASK:WRITE " + chat.input_line);
+    } else {
+      websocket.send(chat.input_line);
+    }
+    chat.input_line = '';
      tui.draw_input_line();
    } else if (event.key === 'ArrowLeft') {
      websocket.send('TASK:MOVE LEFT');
@@ -181,7 +203,6 @@ document.addEventListener('keydown', (event) => {
    } else if (event.key === 'ArrowDown') {
      websocket.send('TASK:MOVE DOWN');
    };
-  console.log(event.key);
  }, false);
  
  let websocket = new WebSocket(websocket_location);
@@ -200,17 +221,23 @@ websocket.onmessage = function (event) {
      tui.draw_map();
      tui.draw_map();
    } else if (tokens[0] === 'LOG') {
-     tui.log_msg(' ' + tokens[1]);
+     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] === 'ARGUMENT_ERROR') {
+     tui.log_msg('syntax error: ' + tokens[1]);
    } 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>