13 terminal rows: <input id="n_rows" type="number" step=4 min=24 value=24 />
14 / terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 />
15 / <a href="https://plomlompom.com/repos/?p=plomrogue2;a=summary">source code</a> (includes proper terminal/ncurses client)
17 <pre id="terminal"></pre>
18 <textarea id="input" style="opacity: 0; width: 0px;"></textarea>
20 keyboard input/control: <span id="keyboard_control"></span>
22 <h3>button controls for hard-to-remember keybindings</h3>
23 <table id="move_table" style="float: left">
25 <td style="text-align: right"><button id="hex_move_upleft"></button></td>
26 <td style="text-align: center"><button id="square_move_up"></button></td>
27 <td><button id="hex_move_upright"></button></td>
30 <td style="text-align: right;"><button id="square_move_left"></button><button id="hex_move_left">left</button></td>
31 <td stlye="text-align: center;">move</td>
32 <td><button id="square_move_right"></button><button id="hex_move_right"></button></td>
35 <td><button id="hex_move_downleft"></button></td>
36 <td style="text-align: center"><button id="square_move_down"></button></td>
37 <td><button id="hex_move_downright"></button></td>
42 <td><button id="help"></button></td>
45 <td><button id="switch_to_chat"></button><br /></td>
48 <td><button id="switch_to_study"></button></td>
49 <td><button id="toggle_map_mode"></button>
52 <td><button id="switch_to_play"></button></td>
54 <button id="switch_to_take_thing"></button>
55 <button id="switch_to_drop_thing"></button>
56 <button id="door"></button>
57 <button id="consume"></button>
58 <button id="switch_to_command_thing"></button>
59 <button id="teleport"></button>
60 <button id="wear"></button>
61 <button id="spin"></button>
65 <td><button id="switch_to_edit"></button></td>
67 <button id="switch_to_write"></button>
68 <button id="flatten"></button>
69 <button id="install"></button>
70 <button id="switch_to_annotate"></button>
71 <button id="switch_to_portal"></button>
72 <button id="switch_to_name_thing"></button>
73 <button id="switch_to_password"></button>
74 <button id="switch_to_enter_face"></button>
78 <td><button id="switch_to_admin_enter"></button></td>
80 <button id="switch_to_control_pw_type"></button>
81 <button id="switch_to_control_tile_type"></button>
82 <button id="switch_to_admin_thing_protect"></button>
83 <button id="toggle_tile_draw"></button>
88 <h3>edit keybindings</h3> (see <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values">here</a> for non-obvious available values):<br />
90 <li>move up (square grid): <input id="key_square_move_up" type="text" value="w" /> (hint: ArrowUp)
91 <li>move left (square grid): <input id="key_square_move_left" type="text" value="a" /> (hint: ArrowLeft)
92 <li>move down (square grid): <input id="key_square_move_down" type="text" value="s" /> (hint: ArrowDown)
93 <li>move right (square grid): <input id="key_square_move_right" type="text" value="d" /> (hint: ArrowRight)
94 <li>move up-left (hex grid): <input id="key_hex_move_upleft" type="text" value="w" />
95 <li>move up-right (hex grid): <input id="key_hex_move_upright" type="text" value="e" />
96 <li>move right (hex grid): <input id="key_hex_move_right" type="text" value="d" />
97 <li>move down-right (hex grid): <input id="key_hex_move_downright" type="text" value="x" />
98 <li>move down-left (hex grid): <input id="key_hex_move_downleft" type="text" value="y" />
99 <li>move left (hex grid): <input id="key_hex_move_left" type="text" value="a" />
100 <li>help: <input id="key_help" type="text" value="h" />
101 <li>flatten surroundings: <input id="key_flatten" type="text" value="F" />
102 <li>teleport: <input id="key_teleport" type="text" value="p" />
103 <li>spin: <input id="key_spin" type="text" value="S" />
104 <li>open/close: <input id="key_door" type="text" value="D" />
105 <li>consume: <input id="key_consume" type="text" value="C" />
106 <li>install: <input id="key_install" type="text" value="I" />
107 <li>(un-)wear: <input id="key_wear" type="text" value="W" />
108 <li><input id="key_switch_to_drop_thing" type="text" value="u" />
109 <li><input id="key_switch_to_enter_face" type="text" value="f" />
110 <li><input id="key_switch_to_take_thing" type="text" value="z" />
111 <li><input id="key_switch_to_chat" type="text" value="t" />
112 <li><input id="key_switch_to_play" type="text" value="p" />
113 <li><input id="key_switch_to_study" type="text" value="?" />
114 <li><input id="key_switch_to_edit" type="text" value="E" />
115 <li><input id="key_switch_to_write" type="text" value="m" />
116 <li><input id="key_switch_to_name_thing" type="text" value="N" />
117 <li><input id="key_switch_to_command_thing" type="text" value="O" />
118 <li><input id="key_switch_to_password" type="text" value="P" />
119 <li><input id="key_switch_to_admin_enter" type="text" value="A" />
120 <li><input id="key_switch_to_control_pw_type" type="text" value="C" />
121 <li><input id="key_switch_to_control_tile_type" type="text" value="Q" />
122 <li><input id="key_switch_to_admin_thing_protect" type="text" value="T" />
123 <li><input id="key_switch_to_annotate" type="text" value="M" />
124 <li><input id="key_switch_to_portal" type="text" value="T" />
125 <li>toggle map view: <input id="key_toggle_map_mode" type="text" value="L" />
126 <li>toggle protection character drawing: <input id="key_toggle_tile_draw" type="text" value="m" />
131 let websocket_location = "wss://plomlompom.com/rogue_chat/";
132 //let websocket_location = "ws://localhost:8000/";
138 'long': 'This mode allows you to interact with the map in various ways.'
143 'long': 'This mode allows you to study the map and its tiles in detail. Move the question mark over a tile, and the right half of the screen will show detailed information on it. Toggle the map view to show or hide different information layers.'},
145 'short': 'world edit',
147 'long': 'This mode allows you to change the game world in various ways. Individual map tiles can be protected by "protection characters", which you can see by toggling into the protections map view. You can edit a tile if you set the world edit password that matches its protection character. The character "." marks the absence of protection: Such tiles can always be edited.'
150 'short': 'name thing',
152 'long': 'Give name to/change name of thing here.'
155 'short': 'command thing',
157 'long': 'Enter a command to the thing you carry. Enter nothing to return to play mode.'
160 'short': 'take thing',
161 'intro': 'Pick up a thing in reach by entering its index number. Enter nothing to abort.',
162 'long': 'You see a list of things which you could pick up. Enter the target thing\'s index, or, to leave, nothing.'
165 'short': 'drop thing',
166 'intro': 'Enter number of direction to which you want to drop thing.',
167 'long': 'Drop currently carried thing by entering the target direction index. Enter nothing to return to play mode..'
169 'admin_thing_protect': {
170 'short': 'change thing protection',
171 'intro': '@ enter thing protection character:',
172 'long': 'Change protection character for thing here.'
175 'short': 'enter your face',
176 'intro': '@ enter face line (enter nothing to abort):',
177 'long': 'Draw your face as ASCII art. The string you enter must be 18 characters long, and will be divided on display into 3 lines of 6 characters each, from top to bottom..'
180 'short': 'change terrain',
182 'long': 'This mode allows you to change the map tile you currently stand on (if your world editing password authorizes you so). Just enter any printable ASCII character to imprint it on the ground below you.'
185 'short': 'change protection character password',
186 'intro': '@ enter protection character for which you want to change the password:',
187 'long': 'This mode is the first of two steps to change the password for a protection character. First enter the protection character for which you want to change the password.'
190 'short': 'change protection character password',
192 'long': 'This mode is the second of two steps to change the password for a protection character. Enter the new password for the protection character you chose.'
194 'control_tile_type': {
195 'short': 'change tiles protection',
196 'intro': '@ enter protection character which you want to draw:',
197 'long': 'This mode is the first of two steps to change tile protection areas on the map. First enter the tile protection character you want to write.'
199 'control_tile_draw': {
200 'short': 'change tiles protection',
202 'long': 'This mode is the second of two steps to change tile protection areas on the map. Toggle tile protection drawing on/off and move the ?? cursor around the map to draw the selected protection character.'
205 'short': 'annotate tile',
207 'long': 'This mode allows you to add/edit a comment on the tile you are currently standing on (provided your world editing password authorizes you so). Hit Return to leave.'
210 'short': 'edit portal',
212 'long': 'This mode allows you to imprint/edit/remove a teleportation target on the ground you are currently standing on (provided your world editing password authorizes you so). Enter or edit a URL to imprint a teleportation target; enter emptiness to remove a pre-existing teleportation target. Hit Return to leave.'
217 'long': 'This mode allows you to engage in chit-chat with other users. Any line you enter into the input prompt that does not start with a "/" will be sent out to nearby players – but barriers and distance will reduce what they can read, so stand close to them to ensure they get your message. Lines that start with a "/" are used for commands like:\n\n/nick NAME – re-name yourself to NAME'
222 'long': 'Enter your player name.'
224 'waiting_for_server': {
225 'short': 'waiting for server response',
226 'intro': '@ waiting for server …',
227 'long': 'Waiting for a server response.'
230 'short': 'waiting for server response',
232 'long': 'Waiting for a server response.'
235 'short': 'set world edit password',
237 'long': 'This mode allows you to change the password that you send to authorize yourself for editing password-protected elements of the world. Hit return to confirm and leave.'
240 'short': 'become admin',
241 'intro': '@ enter admin password:',
242 'long': 'This mode allows you to become admin if you know an admin password.'
247 'long': 'This mode allows you access to actions limited to administrators.'
250 let key_descriptions = {
252 'flatten': 'flatten surroundings',
253 'teleport': 'teleport',
254 'door': 'open/close',
255 'consume': 'consume',
256 'install': '(un-)install',
259 'toggle_map_mode': 'toggle map view',
260 'toggle_tile_draw': 'toggle protection character drawing',
261 'hex_move_upleft': 'up-left',
262 'hex_move_upright': 'up-right',
263 'hex_move_right': 'right',
264 'hex_move_left': 'left',
265 'hex_move_downleft': 'down-left',
266 'hex_move_downright': 'down-right',
267 'square_move_up': 'up',
268 'square_move_left': 'left',
269 'square_move_down': 'down',
270 'square_move_right': 'right',
272 for (const mode_name of Object.keys(mode_helps)) {
273 key_descriptions['switch_to_' + mode_name] = mode_helps[mode_name].short;
276 let rows_selector = document.getElementById("n_rows");
277 let cols_selector = document.getElementById("n_cols");
278 let key_selectors = document.querySelectorAll('[id^="key_"]');
280 for (const key_switch_selector of document.querySelectorAll('[id^="key_switch_to_"]')) {
281 const action = key_switch_selector.id.slice("key_switch_to_".length);
282 key_switch_selector.parentNode.prepend(mode_helps[action].short + ': ');
285 function restore_selector_value(selector) {
286 let stored_selection = window.localStorage.getItem(selector.id);
287 if (stored_selection) {
288 selector.value = stored_selection;
291 restore_selector_value(rows_selector);
292 restore_selector_value(cols_selector);
293 for (let key_selector of key_selectors) {
294 restore_selector_value(key_selector);
297 function escapeHTML(str) {
299 replace(/&/g, '&').
300 replace(/</g, '<').
301 replace(/>/g, '>').
302 replace(/'/g, ''').
303 replace(/"/g, '"');
307 initialize: function() {
308 this.rows = rows_selector.value;
309 this.cols = cols_selector.value;
310 this.pre_el = document.getElementById("terminal");
311 this.set_default_colors();
315 for (let y = 0, x = 0; y <= this.rows; x++) {
316 if (x == this.cols) {
319 this.content.push(line);
321 if (y == this.rows) {
328 apply_colors: function() {
329 this.pre_el.style.color = this.foreground;
330 this.pre_el.style.backgroundColor = this.background;
332 set_default_colors: function() {
333 this.foreground = 'white';
334 this.background = 'black';
337 set_random_colors: function() {
338 function rand(offset) {
339 return Math.floor(offset + Math.random() * 96).toString(16).padStart(2, '0');
341 this.foreground = '#' + rand(159) + rand(159) + rand(159);
342 this.background = '#' + rand(0) + rand(0) + rand(0);
345 blink_screen: function() {
346 this.pre_el.style.color = this.background;
347 this.pre_el.style.backgroundColor = this.foreground;
349 this.pre_el.style.color = this.foreground;
350 this.pre_el.style.backgroundColor = this.background;
353 refresh: function() {
354 let pre_content = '';
355 for (let y = 0; y < this.rows; y++) {
356 let line = this.content[y].join('');
358 if (y in tui.links) {
360 for (let span of tui.links[y]) {
361 chunks.push(escapeHTML(line.slice(start_x, span[0])));
362 chunks.push('<a target="_blank" href="');
363 chunks.push(escapeHTML(span[2]));
365 chunks.push(escapeHTML(line.slice(span[0], span[1])));
369 chunks.push(escapeHTML(line.slice(start_x)));
371 chunks = [escapeHTML(line)];
373 for (const chunk of chunks) {
374 pre_content += chunk;
378 this.pre_el.innerHTML = pre_content;
380 write: function(start_y, start_x, msg) {
381 for (let x = start_x, i = 0; x < this.cols && i < msg.length; x++, i++) {
382 this.content[start_y][x] = msg[i];
385 drawBox: function(start_y, start_x, height, width) {
386 let end_y = start_y + height;
387 let end_x = start_x + width;
388 for (let y = start_y, x = start_x; y < this.rows; x++) {
396 this.content[y][x] = ' ';
400 terminal.initialize();
403 tokenize: function(str) {
408 for (let i = 0; i < str.length; i++) {
414 } else if (c == '\\') {
416 } else if (c == '"') {
421 } else if (c == '"') {
423 } else if (c === ' ') {
424 if (token.length > 0) {
432 if (token.length > 0) {
437 parse_yx: function(position_string) {
438 let coordinate_strings = position_string.split(',')
439 let position = [0, 0];
440 position[0] = parseInt(coordinate_strings[0].slice(2));
441 position[1] = parseInt(coordinate_strings[1].slice(2));
453 init: function(url) {
455 this.websocket = new WebSocket(this.url);
456 this.websocket.onopen = function(event) {
457 game.thing_types = {};
459 server.send(['TASKS']);
460 server.send(['TERRAINS']);
461 server.send(['THING_TYPES']);
462 tui.log_msg("@ server connected! :)");
463 tui.switch_mode('login');
465 this.websocket.onclose = function(event) {
466 tui.switch_mode('waiting_for_server');
467 tui.log_msg("@ server disconnected :(");
469 this.websocket.onmessage = this.handle_event;
471 reconnect_to: function(url) {
472 this.websocket.close();
475 send: function(tokens) {
476 this.websocket.send(unparser.untokenize(tokens));
478 handle_event: function(event) {
479 let tokens = parser.tokenize(event.data);
480 if (tokens[0] === 'TURN') {
481 game.turn_complete = false;
482 explorer.empty_annotations();
486 game.turn = parseInt(tokens[1]);
487 } else if (tokens[0] === 'THING') {
488 let t = game.get_thing(tokens[4], true);
489 t.position = parser.parse_yx(tokens[1]);
491 t.protection = tokens[3];
492 t.portable = parseInt(tokens[5]);
493 t.commandable = parseInt(tokens[6]);
494 } else if (tokens[0] === 'THING_NAME') {
495 let t = game.get_thing(tokens[1], false);
497 } else if (tokens[0] === 'THING_FACE') {
498 let t = game.get_thing(tokens[1], false);
500 } else if (tokens[0] === 'THING_HAT') {
501 let t = game.get_thing(tokens[1], false);
503 } else if (tokens[0] === 'THING_CHAR') {
504 let t = game.get_thing(tokens[1], false);
505 t.thing_char = tokens[2];
506 } else if (tokens[0] === 'TASKS') {
507 game.tasks = tokens[1].split(',');
508 tui.mode_write.legal = game.tasks.includes('WRITE');
509 tui.mode_command_thing.legal = game.tasks.includes('WRITE');
510 tui.mode_take_thing.legal = game.tasks.includes('PICK_UP');
511 tui.mode_drop_thing.legal = game.tasks.includes('DROP');
512 } else if (tokens[0] === 'THING_TYPE') {
513 game.thing_types[tokens[1]] = tokens[2]
514 } else if (tokens[0] === 'THING_CARRYING') {
515 let t = game.get_thing(tokens[1], false);
516 t.carrying = game.get_thing(tokens[2], false);
517 } else if (tokens[0] === 'THING_INSTALLED') {
518 let t = game.get_thing(tokens[1], false);
520 } else if (tokens[0] === 'TERRAIN') {
521 game.terrains[tokens[1]] = tokens[2]
522 } else if (tokens[0] === 'MAP') {
523 game.map_geometry = tokens[1];
525 game.map_size = parser.parse_yx(tokens[2]);
527 } else if (tokens[0] === 'FOV') {
529 } else if (tokens[0] === 'MAP_CONTROL') {
530 game.map_control = tokens[1]
531 } else if (tokens[0] === 'GAME_STATE_COMPLETE') {
532 game.turn_complete = true;
533 game.player = game.things[game.player_id];
534 explorer.info_cached = false;
535 if (tui.mode.name == 'post_login_wait') {
536 tui.switch_mode('play');
540 } else if (tokens[0] === 'CHAT') {
541 tui.log_msg('# ' + tokens[1], 1);
542 } else if (tokens[0] === 'CHATFACE') {
543 tui.draw_face = tokens[1];
545 } else if (tokens[0] === 'REPLY') {
546 tui.log_msg('#MUSICPLAYER: ' + tokens[1], 1);
547 } else if (tokens[0] === 'PLAYER_ID') {
548 game.player_id = parseInt(tokens[1]);
549 } else if (tokens[0] === 'LOGIN_OK') {
550 this.send(['GET_GAMESTATE']);
551 tui.switch_mode('post_login_wait');
552 } else if (tokens[0] === 'DEFAULT_COLORS') {
553 terminal.set_default_colors();
554 } else if (tokens[0] === 'RANDOM_COLORS') {
555 terminal.set_random_colors();
556 } else if (tokens[0] === 'ADMIN_OK') {
558 tui.log_msg('@ you now have admin rights');
559 tui.switch_mode('admin');
560 } else if (tokens[0] === 'PORTAL') {
561 let position = parser.parse_yx(tokens[1]);
562 game.portals[position] = tokens[2];
563 } else if (tokens[0] === 'ANNOTATION') {
564 let position = parser.parse_yx(tokens[1]);
565 explorer.update_annotations(position, tokens[2]);
567 } else if (tokens[0] === 'UNHANDLED_INPUT') {
568 tui.log_msg('? unknown command');
569 } else if (tokens[0] === 'PLAY_ERROR') {
570 tui.log_msg('? ' + tokens[1]);
571 terminal.blink_screen();
572 } else if (tokens[0] === 'ARGUMENT_ERROR') {
573 tui.log_msg('? syntax error: ' + tokens[1]);
574 } else if (tokens[0] === 'GAME_ERROR') {
575 tui.log_msg('? game error: ' + tokens[1]);
576 } else if (tokens[0] === 'PONG') {
579 tui.log_msg('? unhandled input: ' + event.data);
585 quote: function(str) {
587 for (let i = 0; i < str.length; i++) {
589 if (['"', '\\'].includes(c)) {
595 return quoted.join('');
597 to_yx: function(yx_coordinate) {
598 return "Y:" + yx_coordinate[0] + ",X:" + yx_coordinate[1];
600 untokenize: function(tokens) {
601 let quoted_tokens = [];
602 for (let token of tokens) {
603 quoted_tokens.push(this.quote(token));
605 return quoted_tokens.join(" ");
610 constructor(name, has_input_prompt=false, shows_info=false,
611 is_intro=false, is_single_char_entry=false) {
613 this.short_desc = mode_helps[name].short;
614 this.available_modes = [];
615 this.available_actions = [];
616 this.has_input_prompt = has_input_prompt;
617 this.shows_info= shows_info;
618 this.is_intro = is_intro;
619 this.help_intro = mode_helps[name].long;
620 this.intro_msg = mode_helps[name].intro;
621 this.is_single_char_entry = is_single_char_entry;
624 *iter_available_modes() {
625 for (let mode_name of this.available_modes) {
626 let mode = tui['mode_' + mode_name];
630 let key = tui.keys['switch_to_' + mode.name];
634 list_available_modes() {
636 if (this.available_modes.length > 0) {
637 msg += 'Other modes available from here:\n';
638 for (let [mode, key] of this.iter_available_modes()) {
639 msg += '[' + key + '] – ' + mode.short_desc + '\n';
644 mode_switch_on_key(key_event) {
645 for (let [mode, key] of this.iter_available_modes()) {
646 if (key_event.key == key) {
647 event.preventDefault();
648 tui.switch_mode(mode.name);
660 window_width: terminal.cols / 2,
668 mode_waiting_for_server: new Mode('waiting_for_server',
670 mode_login: new Mode('login', true, false, true),
671 mode_post_login_wait: new Mode('post_login_wait'),
672 mode_chat: new Mode('chat', true),
673 mode_annotate: new Mode('annotate', true, true),
674 mode_play: new Mode('play'),
675 mode_study: new Mode('study', false, true),
676 mode_write: new Mode('write', false, false, false, true),
677 mode_edit: new Mode('edit'),
678 mode_control_pw_type: new Mode('control_pw_type', true),
679 mode_admin_thing_protect: new Mode('admin_thing_protect', true),
680 mode_portal: new Mode('portal', true, true),
681 mode_password: new Mode('password', true),
682 mode_name_thing: new Mode('name_thing', true, true),
683 mode_command_thing: new Mode('command_thing', true),
684 mode_take_thing: new Mode('take_thing', true),
685 mode_drop_thing: new Mode('drop_thing', true),
686 mode_enter_face: new Mode('enter_face', true),
687 mode_admin_enter: new Mode('admin_enter', true),
688 mode_admin: new Mode('admin'),
689 mode_control_pw_pw: new Mode('control_pw_pw', true),
690 mode_control_tile_type: new Mode('control_tile_type', true),
691 mode_control_tile_draw: new Mode('control_tile_draw'),
693 'flatten': 'FLATTEN_SURROUNDINGS',
694 'take_thing': 'PICK_UP',
695 'drop_thing': 'DROP',
698 'install': 'INSTALL',
700 'command': 'COMMAND',
701 'consume': 'INTOXICATE',
709 this.mode_play.available_modes = ["chat", "study", "edit", "admin_enter",
710 "command_thing", "take_thing", "drop_thing"]
711 this.mode_play.available_actions = ["move", "teleport", "door", "consume",
713 this.mode_study.available_modes = ["chat", "play", "admin_enter", "edit"]
714 this.mode_study.available_actions = ["toggle_map_mode", "move_explorer"];
715 this.mode_admin.available_modes = ["admin_thing_protect", "control_pw_type",
716 "control_tile_type", "chat",
717 "study", "play", "edit"]
718 this.mode_admin.available_actions = ["move"];
719 this.mode_control_tile_draw.available_modes = ["admin_enter"]
720 this.mode_control_tile_draw.available_actions = ["toggle_tile_draw"];
721 this.mode_edit.available_modes = ["write", "annotate", "portal", "name_thing",
722 "password", "chat", "study", "play",
723 "admin_enter", "enter_face"]
724 this.mode_edit.available_actions = ["move", "flatten", "install",
726 this.inputEl = document.getElementById("input");
727 this.inputEl.focus();
728 this.switch_mode('waiting_for_server');
729 this.recalc_input_lines();
730 this.height_header = this.height_turn_line + this.height_mode_line;
733 init_keys: function() {
734 document.getElementById("move_table").hidden = true;
736 for (let key_selector of key_selectors) {
737 this.keys[key_selector.id.slice(4)] = key_selector.value;
739 this.movement_keys = {};
740 let geometry_prefix = 'undefinedMapGeometry_';
741 if (game.map_geometry) {
742 geometry_prefix = game.map_geometry.toLowerCase() + '_';
744 for (const key_name of Object.keys(key_descriptions)) {
745 if (key_name.startsWith(geometry_prefix)) {
746 let direction = key_name.split('_')[2].toUpperCase();
747 let key = this.keys[key_name];
748 this.movement_keys[key] = direction;
751 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
752 if (move_button.id.startsWith('key_')) {
755 move_button.hidden = true;
757 for (const move_button of document.querySelectorAll('[id^="' + geometry_prefix + 'move_"]')) {
758 document.getElementById("move_table").hidden = false;
759 move_button.hidden = false;
761 for (let el of document.getElementsByTagName("button")) {
762 let action_desc = key_descriptions[el.id];
763 let action_key = '[' + this.keys[el.id] + ']';
764 el.innerHTML = escapeHTML(action_desc) + '<br /><span class="keyboard_controlled">' + escapeHTML(action_key) + '</span>';
767 task_action_on: function(action) {
768 return game.tasks.includes(this.action_tasks[action]);
770 switch_mode: function(mode_name) {
772 function fail(msg, return_mode) {
773 tui.log_msg('? ' + msg);
774 terminal.blink_screen();
775 this.switch_mode(return_mode);
778 if (this.mode && this.mode.name == 'control_tile_draw') {
779 tui.log_msg('@ finished tile protection drawing.')
781 this.draw_face = false;
782 this.tile_draw = false;
783 if (mode_name == 'command_thing' && (!game.player.carrying
784 || !game.player.carrying.commandable)) {
785 return fail('not carrying anything commandable', 'play');
787 if (mode_name == 'take_thing' && game.player.carrying) {
788 return fail('already carrying something', 'play');
790 if (mode_name == 'drop_thing' && !game.player.carrying) {
791 return fail('not carrying anything droppable', 'play');
793 if (mode_name == 'admin_enter' && this.is_admin) {
795 } else if (['name_thing', 'admin_thing_protect'].includes(mode_name)) {
797 for (let t_id in game.things) {
798 if (t_id == game.player_id) {
801 let t = game.things[t_id];
802 if (game.player.position[0] == t.position[0]
803 && game.player.position[1] == t.position[1]) {
809 return fail('not standing over thing', 'fail');
811 this.selected_thing_id = thing_id;
814 this.mode = this['mode_' + mode_name];
815 if (["control_tile_draw", "control_tile_type", "control_pw_type"].includes(this.mode.name)) {
816 this.map_mode = 'protections';
817 } else if (this.mode.name != "edit") {
818 this.map_mode = 'terrain + things';
820 if (this.mode.has_input_prompt || this.mode.is_single_char_entry) {
821 this.inputEl.focus();
823 if (game.player_id in game.things && (this.mode.shows_info || this.mode.name == 'control_tile_draw')) {
824 explorer.position = game.player.position;
826 this.inputEl.value = "";
827 this.restore_input_values();
828 for (let el of document.getElementsByTagName("button")) {
831 document.getElementById("help").disabled = false;
832 for (const action of this.mode.available_actions) {
833 if (["move", "move_explorer"].includes(action)) {
834 for (const move_key of document.querySelectorAll('[id*="_move_"]')) {
835 move_key.disabled = false;
837 } else if (Object.keys(this.action_tasks).includes(action)) {
838 if (this.task_action_on(action)) {
839 document.getElementById(action).disabled = false;
842 document.getElementById(action).disabled = false;
845 for (const mode_name of this.mode.available_modes) {
846 document.getElementById('switch_to_' + mode_name).disabled = false;
848 if (this.mode.intro_msg.length > 0) {
849 this.log_msg(this.mode.intro_msg);
851 if (this.mode.name == 'login') {
852 if (this.login_name) {
853 server.send(['LOGIN', this.login_name]);
855 this.log_msg("? need login name");
857 } else if (this.mode.is_single_char_entry) {
858 this.show_help = true;
859 } else if (this.mode.name == 'take_thing') {
860 this.log_msg("Portable things in reach for pick-up:");
861 const y = game.player.position[0]
862 const x = game.player.position[1]
863 let select_range = [y.toString() + ':' + x.toString(),
864 (y + 0).toString() + ':' + (x - 1).toString(),
865 (y + 0).toString() + ':' + (x + 1).toString(),
866 (y - 1).toString() + ':' + (x).toString(),
867 (y + 1).toString() + ':' + (x).toString()];
868 if (game.map_geometry == 'Hex') {
870 select_range.push((y - 1).toString() + ':' + (x + 1).toString());
871 select_range.push((y + 1).toString() + ':' + (x + 1).toString());
873 select_range.push((y - 1).toString() + ':' + (x - 1).toString());
874 select_range.push((y + 1).toString() + ':' + (x - 1).toString());
877 this.selectables = [];
878 for (const t_id in game.things) {
879 const t = game.things[t_id];
880 if (select_range.includes(t.position[0].toString()
881 + ':' + t.position[1].toString())
883 this.selectables.push(t_id);
886 if (this.selectables.length == 0) {
887 this.log_msg('none');
888 terminal.blink_screen();
889 this.switch_mode('play');
892 for (let [i, t_id] of this.selectables.entries()) {
893 const t = game.things[t_id];
894 this.log_msg(i + ': ' + explorer.get_thing_info(t));
897 } else if (this.mode.name == 'drop_thing') {
898 this.log_msg('Direction to drop thing to:');
899 this.selectables = ['HERE'].concat(Object.values(this.movement_keys));
900 for (let [i, direction] of this.selectables.entries()) {
901 this.log_msg(i + ': ' + direction);
903 } else if (this.mode.name == 'command_thing') {
904 server.send(['TASK:COMMAND', 'HELP']);
905 } else if (this.mode.name == 'control_pw_pw') {
906 this.log_msg('@ enter protection password for "' + this.tile_control_char + '":');
907 } else if (this.mode.name == 'control_tile_draw') {
908 this.log_msg('@ can draw protection character "' + this.tile_control_char + '", turn drawing on/off with [' + this.keys.toggle_tile_draw + '], finish with [' + this.keys.switch_to_admin_enter + '].')
912 offset_links: function(offset, links) {
913 for (let y in links) {
914 let real_y = offset[0] + parseInt(y);
915 if (!this.links[real_y]) {
916 this.links[real_y] = [];
918 for (let link of links[y]) {
919 const offset_link = [link[0] + offset[1], link[1] + offset[1], link[2]];
920 this.links[real_y].push(offset_link);
924 restore_input_values: function() {
925 if (this.mode.name == 'annotate' && explorer.position in explorer.annotations) {
926 let info = explorer.annotations[explorer.position];
927 if (info != "(none)") {
928 this.inputEl.value = info;
930 } else if (this.mode.name == 'portal' && explorer.position in game.portals) {
931 let portal = game.portals[explorer.position]
932 this.inputEl.value = portal;
933 } else if (this.mode.name == 'password') {
934 this.inputEl.value = this.password;
935 } else if (this.mode.name == 'name_thing') {
936 let t = game.get_thing(this.selected_thing_id);
938 this.inputEl.value = t.name_;
940 } else if (this.mode.name == 'admin_thing_protect') {
941 let t = game.get_thing(this.selected_thing_id);
942 if (t && t.protection) {
943 this.inputEl.value = t.protection;
947 recalc_input_lines: function() {
948 if (this.mode.has_input_prompt) {
950 [this.input_lines, _] = this.msg_into_lines_of_width(this.input_prompt + this.inputEl.value, this.window_width);
952 this.input_lines = [];
954 this.height_input = this.input_lines.length;
956 msg_into_lines_of_width: function(msg, width) {
957 function push_inner_link(y, end_x) {
958 if (!inner_links[y]) {
961 inner_links[y].push([url_start_x, end_x, url]);
963 const matches = msg.matchAll(/https?:\/\/[^\s]+/g)
966 for (const match of matches) {
967 const url = match[0];
968 const url_start = match.index;
969 const url_end = match.index + match[0].length;
970 link_data[url_start] = url;
971 url_ends.push(url_end);
975 let inner_links = {};
979 for (let i = 0, x = 0, y = 0; i < msg.length; i++, x++) {
980 if (x >= width || msg[i] == "\n") {
982 push_inner_link(y, chunk.length);
984 if (url_ends[0] == i) {
992 if (msg[i] == "\n") {
997 if (msg[i] != "\n") {
1000 if (i in link_data) {
1004 } else if (url_ends[0] == i) {
1006 push_inner_link(y, x);
1012 push_inner_link(lines.length - 1, chunk.length);
1014 return [lines, inner_links];
1016 log_msg: function(msg) {
1018 while (this.log.length > 100) {
1021 this.full_refresh();
1023 pick_selectable: function(task_name) {
1024 const i = parseInt(this.inputEl.value);
1025 if (isNaN(i) || i < 0 || i >= this.selectables.length) {
1026 tui.log_msg('? invalid index, aborted');
1028 server.send(['TASK:' + task_name, tui.selectables[i]]);
1030 this.inputEl.value = "";
1031 this.switch_mode('play');
1033 draw_map: function() {
1034 if (!game.turn_complete && this.map_lines.length == 0) {
1037 if (game.turn_complete) {
1038 let map_lines_split = [];
1040 for (let i = 0, j = 0; i < game.map.length; i++, j++) {
1041 if (j == game.map_size[1]) {
1042 map_lines_split.push(line);
1046 if (this.map_mode == 'protections') {
1047 line.push(game.map_control[i] + ' ');
1049 line.push(game.map[i] + ' ');
1052 map_lines_split.push(line);
1053 if (this.map_mode == 'terrain + annotations') {
1054 for (const [coordinate, _] of Object.entries(explorer.annotations)) {
1055 const yx = coordinate.split(',')
1056 map_lines_split[yx[0]][yx[1]] = 'A ';
1058 } else if (this.map_mode == 'terrain + things') {
1059 for (const p in game.portals) {
1060 let coordinate = p.split(',')
1061 let original = map_lines_split[coordinate[0]][coordinate[1]];
1062 map_lines_split[coordinate[0]][coordinate[1]] = original[0] + 'P';
1064 let used_positions = [];
1065 function draw_thing(t, used_positions) {
1066 let symbol = game.thing_types[t.type_];
1067 let meta_char = ' ';
1069 meta_char = t.thing_char;
1071 if (used_positions.includes(t.position.toString())) {
1077 map_lines_split[t.position[0]][t.position[1]] = symbol + meta_char;
1078 used_positions.push(t.position.toString());
1080 for (const thing_id in game.things) {
1081 let t = game.things[thing_id];
1082 if (t.type_ != 'Player') {
1083 draw_thing(t, used_positions);
1086 for (const thing_id in game.things) {
1087 let t = game.things[thing_id];
1088 if (t.type_ == 'Player') {
1089 draw_thing(t, used_positions);
1093 if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') {
1094 map_lines_split[explorer.position[0]][explorer.position[1]] = '??';
1095 } else if (tui.map_mode != 'terrain + things') {
1096 map_lines_split[game.player.position[0]][game.player.position[1]] = '??';
1099 if (game.map_geometry == 'Square') {
1100 for (let line_split of map_lines_split) {
1101 this.map_lines.push(line_split.join(''));
1103 } else if (game.map_geometry == 'Hex') {
1105 for (let line_split of map_lines_split) {
1106 this.map_lines.push(' '.repeat(indent) + line_split.join(''));
1114 let window_center = [terminal.rows / 2, this.window_width / 2];
1115 let center_position = [game.player.position[0], game.player.position[1]];
1116 if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') {
1117 center_position = [explorer.position[0], explorer.position[1]];
1119 center_position[1] = center_position[1] * 2;
1120 this.offset = [center_position[0] - window_center[0],
1121 center_position[1] - window_center[1]]
1122 if (game.map_geometry == 'Hex' && this.offset[0] % 2) {
1123 this.offset[1] += 1;
1126 let term_y = Math.max(0, -this.offset[0]);
1127 let term_x = Math.max(0, -this.offset[1]);
1128 let map_y = Math.max(0, this.offset[0]);
1129 let map_x = Math.max(0, this.offset[1]);
1130 for (; term_y < terminal.rows && map_y < this.map_lines.length; term_y++, map_y++) {
1131 let to_draw = this.map_lines[map_y].slice(map_x, this.window_width + this.offset[1]);
1132 terminal.write(term_y, term_x, to_draw);
1135 draw_face_popup: function() {
1136 const t = game.things[this.draw_face];
1138 this.draw_face = false;
1141 const start_x = tui.window_width - 10;
1142 function draw_body_part(body_part, end_y) {
1143 terminal.write(end_y - 4, start_x, ' ________ ');
1144 terminal.write(end_y - 3, start_x, '| |');
1145 terminal.write(end_y - 2, start_x, '| ' + body_part.slice(0, 6) + ' |');
1146 terminal.write(end_y - 1, start_x, '| ' + body_part.slice(6, 12) + ' |');
1147 terminal.write(end_y, start_x, '| ' + body_part.slice(12, 18) + ' |');
1150 draw_body_part(t.face, terminal.rows - 2);
1153 draw_body_part(t.hat, terminal.rows - 5);
1155 terminal.write(terminal.rows - 1, start_x, '| |');
1157 draw_mode_line: function() {
1158 let help = 'hit [' + this.keys.help + '] for help';
1159 if (this.mode.has_input_prompt) {
1160 help = 'enter /help for help';
1162 terminal.write(0, this.window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help);
1164 draw_turn_line: function(n) {
1165 if (game.turn_complete) {
1166 terminal.write(1, this.window_width, 'TURN: ' + game.turn);
1169 draw_history: function() {
1170 let log_display_lines = [];
1172 let y_offset_in_log = 0;
1173 for (let line of this.log) {
1174 let [new_lines, link_data] = this.msg_into_lines_of_width(line,
1176 log_display_lines = log_display_lines.concat(new_lines);
1177 for (const y in link_data) {
1178 const rel_y = y_offset_in_log + parseInt(y);
1179 log_links[rel_y] = [];
1180 for (let link of link_data[y]) {
1181 log_links[rel_y].push(link);
1184 y_offset_in_log += new_lines.length;
1186 let i = log_display_lines.length - 1;
1187 for (let y = terminal.rows - 1 - this.height_input;
1188 y >= this.height_header && i >= 0;
1190 terminal.write(y, this.window_width, log_display_lines[i]);
1192 for (const key of Object.keys(log_links)) {
1193 if (parseInt(key) <= i) {
1194 delete log_links[key];
1197 let offset = [terminal.rows - this.height_input - log_display_lines.length,
1199 this.offset_links(offset, log_links);
1201 draw_info: function() {
1202 const info = "MAP VIEW: " + tui.map_mode + "\n" + explorer.get_info();
1203 let [lines, link_data] = this.msg_into_lines_of_width(info, this.window_width);
1204 let offset = [this.height_header, this.window_width];
1205 for (let y = offset[0], i = 0; y < terminal.rows && i < lines.length; y++, i++) {
1206 terminal.write(y, offset[1], lines[i]);
1208 this.offset_links(offset, link_data);
1210 draw_input: function() {
1211 if (this.mode.has_input_prompt) {
1212 for (let y = terminal.rows - this.height_input, i = 0; i < this.input_lines.length; y++, i++) {
1213 terminal.write(y, this.window_width, this.input_lines[i]);
1217 draw_help: function() {
1218 let movement_keys_desc = '';
1219 if (!this.mode.is_intro) {
1220 movement_keys_desc = Object.keys(this.movement_keys).join(',');
1222 let content = this.mode.short_desc + " help\n\n" + this.mode.help_intro + "\n\n";
1223 if (this.mode.available_actions.length > 0) {
1224 content += "Available actions:\n";
1225 for (let action of this.mode.available_actions) {
1226 if (Object.keys(this.action_tasks).includes(action)) {
1227 if (!this.task_action_on(action)) {
1231 if (action == 'move_explorer') {
1234 if (action == 'move') {
1235 content += "[" + movement_keys_desc + "] – move\n"
1237 content += "[" + this.keys[action] + "] – " + key_descriptions[action] + "\n";
1242 content += this.mode.list_available_modes();
1244 if (!this.mode.has_input_prompt) {
1245 start_x = this.window_width;
1246 this.draw_links = false;
1248 terminal.drawBox(0, start_x, terminal.rows, this.window_width);
1249 let [lines, _] = this.msg_into_lines_of_width(content, this.window_width);
1250 for (let y = 0, i = 0; y < terminal.rows && i < lines.length; y++, i++) {
1251 terminal.write(y, start_x, lines[i]);
1254 toggle_tile_draw: function() {
1255 if (tui.tile_draw) {
1256 tui.tile_draw = false;
1258 tui.tile_draw = true;
1261 toggle_map_mode: function() {
1262 if (tui.map_mode == 'terrain only') {
1263 tui.map_mode = 'terrain + annotations';
1264 } else if (tui.map_mode == 'terrain + annotations') {
1265 tui.map_mode = 'terrain + things';
1266 } else if (tui.map_mode == 'terrain + things') {
1267 tui.map_mode = 'protections';
1268 } else if (tui.map_mode == 'protections') {
1269 tui.map_mode = 'terrain only';
1272 full_refresh: function() {
1273 this.draw_links = true;
1275 terminal.drawBox(0, 0, terminal.rows, terminal.cols);
1276 this.recalc_input_lines();
1277 if (this.mode.is_intro) {
1278 this.draw_history();
1282 this.draw_turn_line();
1283 this.draw_mode_line();
1284 if (this.mode.shows_info) {
1287 this.draw_history();
1291 if (this.show_help) {
1294 if (this.draw_face && ['chat', 'play'].includes(this.mode.name)) {
1295 this.draw_face_popup();
1297 if (!this.draw_links) {
1309 this.map_control = "";
1310 this.map_size = [0,0];
1311 this.player_id = -1;
1315 get_thing: function(id_, create_if_not_found=false) {
1316 if (id_ in game.things) {
1317 return game.things[id_];
1318 } else if (create_if_not_found) {
1319 let t = new Thing([0,0]);
1320 game.things[id_] = t;
1324 move: function(start_position, direction) {
1325 let target = [start_position[0], start_position[1]];
1326 if (direction == 'LEFT') {
1328 } else if (direction == 'RIGHT') {
1330 } else if (game.map_geometry == 'Square') {
1331 if (direction == 'UP') {
1333 } else if (direction == 'DOWN') {
1336 } else if (game.map_geometry == 'Hex') {
1337 let start_indented = start_position[0] % 2;
1338 if (direction == 'UPLEFT') {
1340 if (!start_indented) {
1343 } else if (direction == 'UPRIGHT') {
1345 if (start_indented) {
1348 } else if (direction == 'DOWNLEFT') {
1350 if (!start_indented) {
1353 } else if (direction == 'DOWNRIGHT') {
1355 if (start_indented) {
1360 if (target[0] < 0 || target[1] < 0 ||
1361 target[0] >= this.map_size[0] || target[1] >= this.map_size[1]) {
1366 teleport: function() {
1367 if (game.player.position in this.portals) {
1368 server.reconnect_to(this.portals[game.player.position]);
1370 terminal.blink_screen();
1371 tui.log_msg('? not standing on portal')
1379 server.init(websocket_location);
1385 move: function(direction) {
1386 let target = game.move(this.position, direction);
1388 this.position = target
1389 this.info_cached = false;
1390 if (tui.tile_draw) {
1391 this.send_tile_control_command();
1394 terminal.blink_screen();
1397 update_annotations: function(yx, str) {
1398 this.annotations[yx] = str;
1399 if (tui.mode.name == 'study') {
1403 empty_annotations: function() {
1404 this.annotations = {};
1405 if (tui.mode.name == 'study') {
1409 get_info: function() {
1410 if (this.info_cached) {
1411 return this.info_cached;
1413 let info_to_cache = '';
1414 let position_i = this.position[0] * game.map_size[1] + this.position[1];
1415 if (game.fov[position_i] != '.') {
1416 info_to_cache += 'outside field of view';
1418 for (let t_id in game.things) {
1419 let t = game.things[t_id];
1420 if (t.position[0] == this.position[0] && t.position[1] == this.position[1]) {
1421 info_to_cache += "THING: " + this.get_thing_info(t);
1422 let protection = t.protection;
1423 if (protection == '.') {
1424 protection = 'none';
1426 info_to_cache += " / protection: " + protection + "\n";
1428 info_to_cache += t.hat.slice(0, 6) + '\n';
1429 info_to_cache += t.hat.slice(6, 12) + '\n';
1430 info_to_cache += t.hat.slice(12, 18) + '\n';
1433 info_to_cache += t.face.slice(0, 6) + '\n';
1434 info_to_cache += t.face.slice(6, 12) + '\n';
1435 info_to_cache += t.face.slice(12, 18) + '\n';
1439 let terrain_char = game.map[position_i]
1440 let terrain_desc = '?'
1441 if (game.terrains[terrain_char]) {
1442 terrain_desc = game.terrains[terrain_char];
1444 info_to_cache += 'TERRAIN: "' + terrain_char + '" / ' + terrain_desc + "\n";
1445 let protection = game.map_control[position_i];
1446 if (protection == '.') {
1447 protection = 'unprotected';
1449 info_to_cache += 'PROTECTION: ' + protection + '\n';
1450 if (this.position in game.portals) {
1451 info_to_cache += "PORTAL: " + game.portals[this.position] + "\n";
1453 if (this.position in this.annotations) {
1454 info_to_cache += "ANNOTATION: " + this.annotations[this.position];
1457 this.info_cached = info_to_cache;
1458 return this.info_cached;
1460 get_thing_info: function(t) {
1461 const symbol = game.thing_types[t.type_];
1462 let info = t.type_ + " / " + symbol;
1464 info += t.thing_char;
1467 info += " (" + t.name_ + ")";
1470 info += " / installed";
1474 annotate: function(msg) {
1475 if (msg.length == 0) {
1476 msg = " "; // triggers annotation deletion
1478 server.send(["ANNOTATE", unparser.to_yx(explorer.position), msg, tui.password]);
1480 set_portal: function(msg) {
1481 if (msg.length == 0) {
1482 msg = " "; // triggers portal deletion
1484 server.send(["PORTAL", unparser.to_yx(explorer.position), msg, tui.password]);
1486 send_tile_control_command: function() {
1487 server.send(["SET_TILE_CONTROL", unparser.to_yx(this.position), tui.tile_control_char]);
1491 tui.inputEl.addEventListener('input', (event) => {
1492 if (tui.mode.has_input_prompt) {
1493 let max_length = tui.window_width * terminal.rows - tui.input_prompt.length;
1494 if (tui.inputEl.value.length > max_length) {
1495 tui.inputEl.value = tui.inputEl.value.slice(0, max_length);
1497 } else if (tui.mode.name == 'write' && tui.inputEl.value.length > 0) {
1498 server.send(["TASK:WRITE", tui.inputEl.value[0], tui.password]);
1499 tui.switch_mode('edit');
1503 document.onclick = function() {
1504 tui.show_help = false;
1506 tui.inputEl.addEventListener('keydown', (event) => {
1507 tui.show_help = false;
1508 if (event.key == 'Enter') {
1509 event.preventDefault();
1511 if ((!tui.mode.is_intro && event.key == 'Escape')
1512 || (tui.mode.has_input_prompt && event.key == 'Enter'
1513 && tui.inputEl.value.length == 0
1514 && ['chat', 'command_thing', 'take_thing', 'drop_thing',
1515 'admin_enter'].includes(tui.mode.name))) {
1516 if (!['chat', 'play', 'study', 'edit'].includes(tui.mode.name)) {
1517 tui.log_msg('@ aborted');
1519 tui.switch_mode('play');
1520 } else if (tui.mode.has_input_prompt && event.key == 'Enter' && tui.inputEl.value == '/help') {
1521 tui.show_help = true;
1522 tui.inputEl.value = "";
1523 tui.restore_input_values();
1524 } else if (!tui.mode.has_input_prompt && event.key == tui.keys.help
1525 && !tui.mode.is_single_char_entry) {
1526 tui.show_help = true;
1527 } else if (tui.mode.name == 'login' && event.key == 'Enter') {
1528 tui.login_name = tui.inputEl.value;
1529 server.send(['LOGIN', tui.inputEl.value]);
1530 tui.inputEl.value = "";
1531 } else if (tui.mode.name == 'enter_face' && event.key == 'Enter') {
1532 if (tui.inputEl.value.length != 18) {
1533 tui.log_msg('? wrong input length, aborting');
1535 server.send(['PLAYER_FACE', tui.inputEl.value]);
1537 tui.inputEl.value = "";
1538 tui.switch_mode('edit');
1539 } else if (tui.mode.name == 'command_thing' && event.key == 'Enter') {
1540 server.send(['TASK:COMMAND', tui.inputEl.value]);
1541 tui.inputEl.value = "";
1542 } else if (tui.mode.name == 'take_thing' && event.key == 'Enter') {
1543 tui.pick_selectable('PICK_UP');
1544 } else if (tui.mode.name == 'drop_thing' && event.key == 'Enter') {
1545 tui.pick_selectable('DROP');
1546 } else if (tui.mode.name == 'control_pw_pw' && event.key == 'Enter') {
1547 if (tui.inputEl.value.length == 0) {
1548 tui.log_msg('@ aborted');
1550 server.send(['SET_MAP_CONTROL_PASSWORD',
1551 tui.tile_control_char, tui.inputEl.value]);
1552 tui.log_msg('@ sent new password for protection character "' + tui.tile_control_char + '".');
1554 tui.switch_mode('admin');
1555 } else if (tui.mode.name == 'portal' && event.key == 'Enter') {
1556 explorer.set_portal(tui.inputEl.value);
1557 tui.switch_mode('edit');
1558 } else if (tui.mode.name == 'name_thing' && event.key == 'Enter') {
1559 if (tui.inputEl.value.length == 0) {
1560 tui.inputEl.value = " ";
1562 server.send(["THING_NAME", tui.selected_thing_id, tui.inputEl.value,
1564 tui.switch_mode('edit');
1565 } else if (tui.mode.name == 'annotate' && event.key == 'Enter') {
1566 explorer.annotate(tui.inputEl.value);
1567 tui.switch_mode('edit');
1568 } else if (tui.mode.name == 'password' && event.key == 'Enter') {
1569 if (tui.inputEl.value.length == 0) {
1570 tui.inputEl.value = " ";
1572 tui.password = tui.inputEl.value
1573 tui.switch_mode('edit');
1574 } else if (tui.mode.name == 'admin_enter' && event.key == 'Enter') {
1575 server.send(['BECOME_ADMIN', tui.inputEl.value]);
1576 tui.switch_mode('play');
1577 } else if (tui.mode.name == 'control_pw_type' && event.key == 'Enter') {
1578 if (tui.inputEl.value.length != 1) {
1579 tui.log_msg('@ entered non-single-char, therefore aborted');
1580 tui.switch_mode('admin');
1582 tui.tile_control_char = tui.inputEl.value[0];
1583 tui.switch_mode('control_pw_pw');
1585 } else if (tui.mode.name == 'control_tile_type' && event.key == 'Enter') {
1586 if (tui.inputEl.value.length != 1) {
1587 tui.log_msg('@ entered non-single-char, therefore aborted');
1588 tui.switch_mode('admin');
1590 tui.tile_control_char = tui.inputEl.value[0];
1591 tui.switch_mode('control_tile_draw');
1593 } else if (tui.mode.name == 'admin_thing_protect' && event.key == 'Enter') {
1594 if (tui.inputEl.value.length != 1) {
1595 tui.log_msg('@ entered non-single-char, therefore aborted');
1597 server.send(['THING_PROTECTION', tui.selected_thing_id, tui.inputEl.value])
1598 tui.log_msg('@ sent new protection character for thing');
1600 tui.switch_mode('admin');
1601 } else if (tui.mode.name == 'chat' && event.key == 'Enter') {
1602 let tokens = parser.tokenize(tui.inputEl.value);
1603 if (tokens.length > 0 && tokens[0].length > 0) {
1604 if (tui.inputEl.value[0][0] == '/') {
1605 if (tokens[0].slice(1) == 'nick') {
1606 if (tokens.length > 1) {
1607 server.send(['NICK', tokens[1]]);
1609 tui.log_msg('? need new name');
1612 tui.log_msg('? unknown command');
1615 server.send(['ALL', tui.inputEl.value]);
1617 } else if (tui.inputEl.valuelength > 0) {
1618 server.send(['ALL', tui.inputEl.value]);
1620 tui.inputEl.value = "";
1621 } else if (tui.mode.name == 'play') {
1622 if (tui.mode.mode_switch_on_key(event)) {
1624 } else if (event.key === tui.keys.consume && tui.task_action_on('consume')) {
1625 server.send(["TASK:INTOXICATE"]);
1626 } else if (event.key === tui.keys.door && tui.task_action_on('door')) {
1627 server.send(["TASK:DOOR"]);
1628 } else if (event.key === tui.keys.wear && tui.task_action_on('wear')) {
1629 server.send(["TASK:WEAR"]);
1630 } else if (event.key === tui.keys.spin && tui.task_action_on('spin')) {
1631 server.send(["TASK:SPIN"]);
1632 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1633 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1634 } else if (event.key === tui.keys.teleport) {
1637 } else if (tui.mode.name == 'study') {
1638 if (tui.mode.mode_switch_on_key(event)) {
1640 } else if (event.key in tui.movement_keys) {
1641 explorer.move(tui.movement_keys[event.key]);
1642 } else if (event.key == tui.keys.toggle_map_mode) {
1643 tui.toggle_map_mode();
1645 } else if (tui.mode.name == 'control_tile_draw') {
1646 if (tui.mode.mode_switch_on_key(event)) {
1648 } else if (event.key in tui.movement_keys) {
1649 explorer.move(tui.movement_keys[event.key]);
1650 } else if (event.key === tui.keys.toggle_tile_draw) {
1651 tui.toggle_tile_draw();
1653 } else if (tui.mode.name == 'admin') {
1654 if (tui.mode.mode_switch_on_key(event)) {
1656 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1657 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1659 } else if (tui.mode.name == 'edit') {
1660 if (tui.mode.mode_switch_on_key(event)) {
1662 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1663 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1664 } else if (event.key === tui.keys.flatten && tui.task_action_on('flatten')) {
1665 server.send(["TASK:FLATTEN_SURROUNDINGS", tui.password]);
1666 } else if (event.key === tui.keys.install && tui.task_action_on('install')) {
1667 server.send(["TASK:INSTALL", tui.password]);
1668 } else if (event.key == tui.keys.toggle_map_mode) {
1669 tui.toggle_map_mode();
1675 rows_selector.addEventListener('input', function() {
1676 if (rows_selector.value % 4 != 0 || rows_selector.value < 24) {
1679 window.localStorage.setItem(rows_selector.id, rows_selector.value);
1680 terminal.initialize();
1683 cols_selector.addEventListener('input', function() {
1684 if (cols_selector.value % 4 != 0 || cols_selector.value < 80) {
1687 window.localStorage.setItem(cols_selector.id, cols_selector.value);
1688 terminal.initialize();
1689 tui.window_width = terminal.cols / 2,
1692 for (let key_selector of key_selectors) {
1693 key_selector.addEventListener('input', function() {
1694 window.localStorage.setItem(key_selector.id, key_selector.value);
1698 window.setInterval(function() {
1699 if (server.websocket.readyState == 1) {
1700 server.send(['PING']);
1701 } else if (server.websocket.readyState != 0) {
1702 server.reconnect_to(server.url);
1703 tui.log_msg('@ attempting reconnect …')
1706 window.setInterval(function() {
1708 let span_decoration = "none";
1709 if (document.activeElement == tui.inputEl) {
1710 val = "on (click outside terminal to change)";
1712 val = "off (click into terminal to change)";
1713 span_decoration = "line-through";
1715 document.getElementById("keyboard_control").textContent = val;
1716 for (const span of document.querySelectorAll('.keyboard_controlled')) {
1717 span.style.textDecoration = span_decoration;
1720 document.getElementById("terminal").onclick = function() {
1721 tui.inputEl.focus();
1723 document.getElementById("help").onclick = function() {
1724 tui.show_help = true;
1727 for (const switchEl of document.querySelectorAll('[id^="switch_to_"]')) {
1728 const mode = switchEl.id.slice("switch_to_".length);
1729 switchEl.onclick = function() {
1730 tui.switch_mode(mode);
1734 document.getElementById("toggle_tile_draw").onclick = function() {
1735 tui.toggle_tile_draw();
1737 document.getElementById("toggle_map_mode").onclick = function() {
1738 tui.toggle_map_mode();
1741 document.getElementById("flatten").onclick = function() {
1742 server.send(['TASK:FLATTEN_SURROUNDINGS', tui.password]);
1744 document.getElementById("door").onclick = function() {
1745 server.send(['TASK:DOOR']);
1747 document.getElementById("consume").onclick = function() {
1748 server.send(['TASK:INTOXICATE']);
1750 document.getElementById("install").onclick = function() {
1751 server.send(['TASK:INSTALL']);
1753 document.getElementById("wear").onclick = function() {
1754 server.send(['TASK:WEAR']);
1756 document.getElementById("spin").onclick = function() {
1757 server.send(['TASK:SPIN']);
1759 document.getElementById("teleport").onclick = function() {
1762 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
1763 if (move_button.id.startsWith('key_')) { // not a move button
1766 let direction = move_button.id.split('_')[2].toUpperCase();
1767 move_button.onclick = function() {
1768 if (tui.mode.available_actions.includes("move")) {
1769 server.send(['TASK:MOVE', direction]);
1770 } else if (tui.mode.available_actions.includes("move_explorer")) {
1771 explorer.move(direction);