Add line breaks and indentation logic.

[plomrogue2-experiments] / new2 / rogue_chat.html

diff --git a/new2/rogue_chat.html b/new2/rogue_chat.html
index cefc451dabcbfbbeca91cdc0ed533926ae9ab52a..10e5ee2f5fe0c024a871643fb475aea41ae96a12 100644 (file)
--- a/new2/rogue_chat.html
+++ b/new2/rogue_chat.html
@@ -78,7 +78,7 @@ let parser = {
     }
     return tokens;
   },
-  parse_position(position_string) {
+  parse_yx(position_string) {
     let coordinate_strings = position_string.split(',')
     let position = [0, 0];
     position[0] = coordinate_strings[0].slice(2);
@@ -101,6 +101,18 @@ let tui = {
   },
   draw_map: function() {
     terminal.drawBox(0, 0, terminal.rows, terminal.cols / 2);
+    let map_line = "";
+    let y = 0;
+    for (let i = 0, x = 0; i < game.map.length; i++, x++) {
+      if (x >= game.map_size[1]) {
+       terminal.write(y, 0, map_line);
+       map_line = "";
+        x = 0;
+       y += 1;
+      };
+      map_line += game.map[i];
+    }
+    terminal.write(y, 0, map_line);
     for (const t in game.things) {
       terminal.write(game.things[t][0], game.things[t][1], '@');
     }
@@ -113,9 +125,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();
@@ -124,18 +147,22 @@ let tui = {
 
 let game = {
   things: {},
-  tick: 0
+  tick: 0,
+  map: "",
+  map_size: [1,1]
 }
 
 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()
@@ -155,8 +182,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');
@@ -167,7 +198,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);
@@ -177,13 +207,16 @@ websocket.onmessage = function (event) {
     game.things = {}
     game.tick = parseInt(tokens[1]);
   } else if (tokens[0] === 'THING_POS') {
-    game.things[tokens[1]] = parser.parse_position(tokens[2]); 
+    game.things[tokens[1]] = parser.parse_yx(tokens[2]);
+  } else if (tokens[0] === 'MAP') {
+    game.map_size = parser.parse_yx(tokens[1]);
+    game.map = tokens[2]
   } else if (tokens[0] === 'GAME_STATE_COMPLETE') {
     tui.draw_tick_line();
     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] === 'UNHANDLED_INPUT') {
      tui.log_msg('unknown command');
   } else if (tokens[0] === 'GAME_ERROR') {