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 mouse players</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="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="install"></button>
64 <td><button id="switch_to_edit"></button></td>
66 <button id="switch_to_write"></button>
67 <button id="flatten"></button>
68 <button id="switch_to_annotate"></button>
69 <button id="switch_to_portal"></button>
70 <button id="switch_to_name_thing"></button>
71 <button id="switch_to_password"></button>
75 <td><button id="switch_to_admin_enter"></button></td>
77 <button id="switch_to_control_pw_type"></button>
78 <button id="switch_to_control_tile_type"></button>
79 <button id="switch_to_admin_thing_protect"></button>
80 <button id="toggle_tile_draw"></button>
85 <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 />
87 <li>move up (square grid): <input id="key_square_move_up" type="text" value="w" /> (hint: ArrowUp)
88 <li>move left (square grid): <input id="key_square_move_left" type="text" value="a" /> (hint: ArrowLeft)
89 <li>move down (square grid): <input id="key_square_move_down" type="text" value="s" /> (hint: ArrowDown)
90 <li>move right (square grid): <input id="key_square_move_right" type="text" value="d" /> (hint: ArrowRight)
91 <li>move up-left (hex grid): <input id="key_hex_move_upleft" type="text" value="w" />
92 <li>move up-right (hex grid): <input id="key_hex_move_upright" type="text" value="e" />
93 <li>move right (hex grid): <input id="key_hex_move_right" type="text" value="d" />
94 <li>move down-right (hex grid): <input id="key_hex_move_downright" type="text" value="x" />
95 <li>move down-left (hex grid): <input id="key_hex_move_downleft" type="text" value="y" />
96 <li>move left (hex grid): <input id="key_hex_move_left" type="text" value="a" />
97 <li>help: <input id="key_help" type="text" value="h" />
98 <li>flatten surroundings: <input id="key_flatten" type="text" value="F" />
99 <li>teleport: <input id="key_teleport" type="text" value="p" />
100 <li>drop thing: <input id="key_drop_thing" type="text" value="u" />
101 <li>open/close: <input id="key_door" type="text" value="D" />
102 <li>consume: <input id="key_consume" type="text" value="C" />
103 <li>install: <input id="key_install" type="text" value="I" />
104 <li><input id="key_switch_to_take_thing" type="text" value="z" />
105 <li><input id="key_switch_to_chat" type="text" value="t" />
106 <li><input id="key_switch_to_play" type="text" value="p" />
107 <li><input id="key_switch_to_study" type="text" value="?" />
108 <li><input id="key_switch_to_edit" type="text" value="E" />
109 <li><input id="key_switch_to_write" type="text" value="m" />
110 <li><input id="key_switch_to_name_thing" type="text" value="N" />
111 <li><input id="key_switch_to_command_thing" type="text" value="O" />
112 <li><input id="key_switch_to_password" type="text" value="P" />
113 <li><input id="key_switch_to_admin_enter" type="text" value="A" />
114 <li><input id="key_switch_to_control_pw_type" type="text" value="C" />
115 <li><input id="key_switch_to_control_tile_type" type="text" value="Q" />
116 <li><input id="key_switch_to_admin_thing_protect" type="text" value="T" />
117 <li><input id="key_switch_to_annotate" type="text" value="M" />
118 <li><input id="key_switch_to_portal" type="text" value="T" />
119 <li>toggle map view: <input id="key_toggle_map_mode" type="text" value="L" />
120 <li>toggle protection character drawing: <input id="key_toggle_tile_draw" type="text" value="m" />
125 let websocket_location = "wss://plomlompom.com/rogue_chat/";
126 //let websocket_location = "ws://localhost:8001/";
132 'long': 'This mode allows you to interact with the map in various ways.'
137 '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.'},
139 'short': 'world edit',
141 '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.'
144 'short': 'name thing',
146 'long': 'Give name to/change name of thing here.'
149 'short': 'command thing',
151 'long': 'Enter a command to the thing you carry. Enter nothing to return to play mode.'
154 'short': 'take thing',
155 'intro': 'Pick up a thing in reach by entering its index number. Enter nothing to abort.',
156 'long': 'You see a list of things which you could pick up. Enter the target thing\'s index, or, to leave, nothing.'
158 'admin_thing_protect': {
159 'short': 'change thing protection',
160 'intro': '@ enter thing protection character:',
161 'long': 'Change protection character for thing here.'
164 'short': 'change terrain',
166 '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.'
169 'short': 'change protection character password',
170 'intro': '@ enter protection character for which you want to change the password:',
171 '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.'
174 'short': 'change protection character password',
176 '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.'
178 'control_tile_type': {
179 'short': 'change tiles protection',
180 'intro': '@ enter protection character which you want to draw:',
181 '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.'
183 'control_tile_draw': {
184 'short': 'change tiles protection',
186 '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.'
189 'short': 'annotate tile',
191 '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.'
194 'short': 'edit portal',
196 '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.'
201 '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'
206 'long': 'Enter your player name.'
208 'waiting_for_server': {
209 'short': 'waiting for server response',
210 'intro': '@ waiting for server …',
211 'long': 'Waiting for a server response.'
214 'short': 'waiting for server response',
216 'long': 'Waiting for a server response.'
219 'short': 'set world edit password',
221 '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.'
224 'short': 'become admin',
225 'intro': '@ enter admin password:',
226 'long': 'This mode allows you to become admin if you know an admin password.'
231 'long': 'This mode allows you access to actions limited to administrators.'
234 let key_descriptions = {
236 'flatten': 'flatten surroundings',
237 'teleport': 'teleport',
238 'drop_thing': 'drop thing',
239 'door': 'open/close',
240 'consume': 'consume',
241 'install': '(un-)install',
242 'toggle_map_mode': 'toggle map view',
243 'toggle_tile_draw': 'toggle protection character drawing',
244 'hex_move_upleft': 'up-left',
245 'hex_move_upright': 'up-right',
246 'hex_move_right': 'right',
247 'hex_move_left': 'left',
248 'hex_move_downleft': 'down-left',
249 'hex_move_downright': 'down-right',
250 'square_move_up': 'up',
251 'square_move_left': 'left',
252 'square_move_down': 'down',
253 'square_move_right': 'right',
255 for (const mode_name of Object.keys(mode_helps)) {
256 key_descriptions['switch_to_' + mode_name] = mode_helps[mode_name].short;
259 let rows_selector = document.getElementById("n_rows");
260 let cols_selector = document.getElementById("n_cols");
261 let key_selectors = document.querySelectorAll('[id^="key_"]');
263 for (const key_switch_selector of document.querySelectorAll('[id^="key_switch_to_"]')) {
264 const action = key_switch_selector.id.slice("key_switch_to_".length);
265 key_switch_selector.parentNode.prepend(mode_helps[action].short + ': ');
268 function restore_selector_value(selector) {
269 let stored_selection = window.localStorage.getItem(selector.id);
270 if (stored_selection) {
271 selector.value = stored_selection;
274 restore_selector_value(rows_selector);
275 restore_selector_value(cols_selector);
276 for (let key_selector of key_selectors) {
277 restore_selector_value(key_selector);
280 function escapeHTML(str) {
282 replace(/&/g, '&').
283 replace(/</g, '<').
284 replace(/>/g, '>').
285 replace(/'/g, ''').
286 replace(/"/g, '"');
290 initialize: function() {
291 this.rows = rows_selector.value;
292 this.cols = cols_selector.value;
293 this.pre_el = document.getElementById("terminal");
294 this.set_default_colors();
298 for (let y = 0, x = 0; y <= this.rows; x++) {
299 if (x == this.cols) {
302 this.content.push(line);
304 if (y == this.rows) {
311 apply_colors: function() {
312 this.pre_el.style.color = this.foreground;
313 this.pre_el.style.backgroundColor = this.background;
315 set_default_colors: function() {
316 this.foreground = 'white';
317 this.background = 'black';
320 set_random_colors: function() {
321 function rand(offset) {
322 return Math.floor(offset + Math.random() * 96).toString(16).padStart(2, '0');
324 this.foreground = '#' + rand(159) + rand(159) + rand(159);
325 this.background = '#' + rand(0) + rand(0) + rand(0);
328 blink_screen: function() {
329 this.pre_el.style.color = this.background;
330 this.pre_el.style.backgroundColor = this.foreground;
332 this.pre_el.style.color = this.foreground;
333 this.pre_el.style.backgroundColor = this.background;
336 refresh: function() {
337 let pre_content = '';
338 for (let y = 0; y < this.rows; y++) {
339 let line = this.content[y].join('');
341 if (y in tui.links) {
343 for (let span of tui.links[y]) {
344 chunks.push(escapeHTML(line.slice(start_x, span[0])));
345 chunks.push('<a target="_blank" href="');
346 chunks.push(escapeHTML(span[2]));
348 chunks.push(escapeHTML(line.slice(span[0], span[1])));
352 chunks.push(escapeHTML(line.slice(start_x)));
354 chunks = [escapeHTML(line)];
356 for (const chunk of chunks) {
357 pre_content += chunk;
361 this.pre_el.innerHTML = pre_content;
363 write: function(start_y, start_x, msg) {
364 for (let x = start_x, i = 0; x < this.cols && i < msg.length; x++, i++) {
365 this.content[start_y][x] = msg[i];
368 drawBox: function(start_y, start_x, height, width) {
369 let end_y = start_y + height;
370 let end_x = start_x + width;
371 for (let y = start_y, x = start_x; y < this.rows; x++) {
379 this.content[y][x] = ' ';
383 terminal.initialize();
386 tokenize: function(str) {
391 for (let i = 0; i < str.length; i++) {
397 } else if (c == '\\') {
399 } else if (c == '"') {
404 } else if (c == '"') {
406 } else if (c === ' ') {
407 if (token.length > 0) {
415 if (token.length > 0) {
420 parse_yx: function(position_string) {
421 let coordinate_strings = position_string.split(',')
422 let position = [0, 0];
423 position[0] = parseInt(coordinate_strings[0].slice(2));
424 position[1] = parseInt(coordinate_strings[1].slice(2));
436 init: function(url) {
438 this.websocket = new WebSocket(this.url);
439 this.websocket.onopen = function(event) {
440 server.connected = true;
441 game.thing_types = {};
443 server.send(['TASKS']);
444 server.send(['TERRAINS']);
445 server.send(['THING_TYPES']);
446 tui.log_msg("@ server connected! :)");
447 tui.switch_mode('login');
449 this.websocket.onclose = function(event) {
450 server.connected = false;
451 tui.switch_mode('waiting_for_server');
452 tui.log_msg("@ server disconnected :(");
454 this.websocket.onmessage = this.handle_event;
456 reconnect_to: function(url) {
457 this.websocket.close();
460 send: function(tokens) {
461 this.websocket.send(unparser.untokenize(tokens));
463 handle_event: function(event) {
464 let tokens = parser.tokenize(event.data);
465 if (tokens[0] === 'TURN') {
466 game.turn_complete = false;
467 explorer.empty_annotations();
471 game.turn = parseInt(tokens[1]);
472 } else if (tokens[0] === 'THING') {
473 let t = game.get_thing(tokens[4], true);
474 t.position = parser.parse_yx(tokens[1]);
476 t.protection = tokens[3];
477 t.portable = parseInt(tokens[5]);
478 } else if (tokens[0] === 'THING_NAME') {
479 let t = game.get_thing(tokens[1], false);
483 } else if (tokens[0] === 'THING_CHAR') {
484 let t = game.get_thing(tokens[1], false);
486 t.thing_char = tokens[2];
488 } else if (tokens[0] === 'TASKS') {
489 game.tasks = tokens[1].split(',');
490 tui.mode_write.legal = game.tasks.includes('WRITE');
491 tui.mode_command_thing.legal = game.tasks.includes('WRITE');
492 tui.mode_take_thing.legal = game.tasks.includes('PICK_UP');
493 } else if (tokens[0] === 'THING_TYPE') {
494 game.thing_types[tokens[1]] = tokens[2]
495 } else if (tokens[0] === 'THING_CARRYING') {
496 let t = game.get_thing(tokens[1], false);
500 } else if (tokens[0] === 'THING_INSTALLED') {
501 let t = game.get_thing(tokens[1], false);
505 } else if (tokens[0] === 'TERRAIN') {
506 game.terrains[tokens[1]] = tokens[2]
507 } else if (tokens[0] === 'MAP') {
508 game.map_geometry = tokens[1];
510 game.map_size = parser.parse_yx(tokens[2]);
512 } else if (tokens[0] === 'FOV') {
514 } else if (tokens[0] === 'MAP_CONTROL') {
515 game.map_control = tokens[1]
516 } else if (tokens[0] === 'GAME_STATE_COMPLETE') {
517 game.turn_complete = true;
518 if (tui.mode.name == 'post_login_wait') {
519 tui.switch_mode('play');
521 explorer.info_cached = false;
523 } else if (tokens[0] === 'CHAT') {
524 tui.log_msg('# ' + tokens[1], 1);
525 } else if (tokens[0] === 'REPLY') {
526 tui.log_msg('#MUSICPLAYER: ' + tokens[1], 1);
527 } else if (tokens[0] === 'PLAYER_ID') {
528 game.player_id = parseInt(tokens[1]);
529 } else if (tokens[0] === 'LOGIN_OK') {
530 this.send(['GET_GAMESTATE']);
531 tui.switch_mode('post_login_wait');
532 } else if (tokens[0] === 'DEFAULT_COLORS') {
533 terminal.set_default_colors();
534 } else if (tokens[0] === 'RANDOM_COLORS') {
535 terminal.set_random_colors();
536 } else if (tokens[0] === 'ADMIN_OK') {
538 tui.log_msg('@ you now have admin rights');
539 tui.switch_mode('admin');
540 } else if (tokens[0] === 'PORTAL') {
541 let position = parser.parse_yx(tokens[1]);
542 game.portals[position] = tokens[2];
543 } else if (tokens[0] === 'ANNOTATION') {
544 let position = parser.parse_yx(tokens[1]);
545 explorer.update_annotations(position, tokens[2]);
547 } else if (tokens[0] === 'UNHANDLED_INPUT') {
548 tui.log_msg('? unknown command');
549 } else if (tokens[0] === 'PLAY_ERROR') {
550 tui.log_msg('? ' + tokens[1]);
551 terminal.blink_screen();
552 } else if (tokens[0] === 'ARGUMENT_ERROR') {
553 tui.log_msg('? syntax error: ' + tokens[1]);
554 } else if (tokens[0] === 'GAME_ERROR') {
555 tui.log_msg('? game error: ' + tokens[1]);
556 } else if (tokens[0] === 'PONG') {
559 tui.log_msg('? unhandled input: ' + event.data);
565 quote: function(str) {
567 for (let i = 0; i < str.length; i++) {
569 if (['"', '\\'].includes(c)) {
575 return quoted.join('');
577 to_yx: function(yx_coordinate) {
578 return "Y:" + yx_coordinate[0] + ",X:" + yx_coordinate[1];
580 untokenize: function(tokens) {
581 let quoted_tokens = [];
582 for (let token of tokens) {
583 quoted_tokens.push(this.quote(token));
585 return quoted_tokens.join(" ");
590 constructor(name, has_input_prompt=false, shows_info=false,
591 is_intro=false, is_single_char_entry=false) {
593 this.short_desc = mode_helps[name].short;
594 this.available_modes = [];
595 this.available_actions = [];
596 this.has_input_prompt = has_input_prompt;
597 this.shows_info= shows_info;
598 this.is_intro = is_intro;
599 this.help_intro = mode_helps[name].long;
600 this.intro_msg = mode_helps[name].intro;
601 this.is_single_char_entry = is_single_char_entry;
604 *iter_available_modes() {
605 for (let mode_name of this.available_modes) {
606 let mode = tui['mode_' + mode_name];
610 let key = tui.keys['switch_to_' + mode.name];
614 list_available_modes() {
616 if (this.available_modes.length > 0) {
617 msg += 'Other modes available from here:\n';
618 for (let [mode, key] of this.iter_available_modes()) {
619 msg += '[' + key + '] – ' + mode.short_desc + '\n';
624 mode_switch_on_key(key_event) {
625 for (let [mode, key] of this.iter_available_modes()) {
626 if (key_event.key == key) {
627 event.preventDefault();
628 tui.switch_mode(mode.name);
640 window_width: terminal.cols / 2,
648 mode_waiting_for_server: new Mode('waiting_for_server',
650 mode_login: new Mode('login', true, false, true),
651 mode_post_login_wait: new Mode('post_login_wait'),
652 mode_chat: new Mode('chat', true),
653 mode_annotate: new Mode('annotate', true, true),
654 mode_play: new Mode('play'),
655 mode_study: new Mode('study', false, true),
656 mode_write: new Mode('write', false, false, false, true),
657 mode_edit: new Mode('edit'),
658 mode_control_pw_type: new Mode('control_pw_type', true),
659 mode_admin_thing_protect: new Mode('admin_thing_protect', true),
660 mode_portal: new Mode('portal', true, true),
661 mode_password: new Mode('password', true),
662 mode_name_thing: new Mode('name_thing', true, true),
663 mode_command_thing: new Mode('command_thing', true),
664 mode_take_thing: new Mode('take_thing', true),
665 mode_admin_enter: new Mode('admin_enter', true),
666 mode_admin: new Mode('admin'),
667 mode_control_pw_pw: new Mode('control_pw_pw', true),
668 mode_control_tile_type: new Mode('control_tile_type', true),
669 mode_control_tile_draw: new Mode('control_tile_draw'),
671 'flatten': 'FLATTEN_SURROUNDINGS',
672 'take_thing': 'PICK_UP',
673 'drop_thing': 'DROP',
676 'install': 'INSTALL',
677 'command': 'COMMAND',
678 'consume': 'INTOXICATE',
684 this.mode_play.available_modes = ["chat", "study", "edit", "admin_enter",
685 "command_thing", "take_thing"]
686 this.mode_play.available_actions = ["move", "drop_thing",
687 "teleport", "door", "consume", "install"];
688 this.mode_study.available_modes = ["chat", "play", "admin_enter", "edit"]
689 this.mode_study.available_actions = ["toggle_map_mode", "move_explorer"];
690 this.mode_admin.available_modes = ["admin_thing_protect", "control_pw_type",
691 "control_tile_type", "chat",
692 "study", "play", "edit"]
693 this.mode_admin.available_actions = ["move"];
694 this.mode_control_tile_draw.available_modes = ["admin_enter"]
695 this.mode_control_tile_draw.available_actions = ["toggle_tile_draw"];
696 this.mode_edit.available_modes = ["write", "annotate", "portal", "name_thing",
697 "password", "chat", "study", "play",
699 this.mode_edit.available_actions = ["move", "flatten", "toggle_map_mode"]
700 this.inputEl = document.getElementById("input");
701 this.inputEl.focus();
702 this.switch_mode('waiting_for_server');
703 this.recalc_input_lines();
704 this.height_header = this.height_turn_line + this.height_mode_line;
707 init_keys: function() {
708 document.getElementById("move_table").hidden = true;
710 for (let key_selector of key_selectors) {
711 this.keys[key_selector.id.slice(4)] = key_selector.value;
713 this.movement_keys = {};
714 let geometry_prefix = 'undefinedMapGeometry_';
715 if (game.map_geometry) {
716 geometry_prefix = game.map_geometry.toLowerCase() + '_';
718 for (const key_name of Object.keys(key_descriptions)) {
719 if (key_name.startsWith(geometry_prefix)) {
720 let direction = key_name.split('_')[2].toUpperCase();
721 let key = this.keys[key_name];
722 this.movement_keys[key] = direction;
725 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
726 if (move_button.id.startsWith('key_')) {
729 move_button.hidden = true;
731 for (const move_button of document.querySelectorAll('[id^="' + geometry_prefix + 'move_"]')) {
732 document.getElementById("move_table").hidden = false;
733 move_button.hidden = false;
735 for (let el of document.getElementsByTagName("button")) {
736 let action_desc = key_descriptions[el.id];
737 let action_key = '[' + this.keys[el.id] + ']';
738 el.innerHTML = escapeHTML(action_desc) + '<br /><span class="keyboard_controlled">' + escapeHTML(action_key) + '</span>';
741 task_action_on: function(action) {
742 return game.tasks.includes(this.action_tasks[action]);
744 switch_mode: function(mode_name) {
745 if (this.mode && this.mode.name == 'control_tile_draw') {
746 tui.log_msg('@ finished tile protection drawing.')
748 this.tile_draw = false;
749 if (mode_name == 'admin_enter' && this.is_admin) {
751 } else if (['name_thing', 'admin_thing_protect'].includes(mode_name)) {
752 let player_position = game.things[game.player_id].position;
754 for (let t_id in game.things) {
755 if (t_id == game.player_id) {
758 let t = game.things[t_id];
759 if (player_position[0] == t.position[0] && player_position[1] == t.position[1]) {
765 terminal.blink_screen();
766 this.log_msg('? not standing over thing');
769 this.selected_thing_id = thing_id;
772 this.mode = this['mode_' + mode_name];
773 if (["control_tile_draw", "control_tile_type", "control_pw_type"].includes(this.mode.name)) {
774 this.map_mode = 'protections';
775 } else if (this.mode.name != "edit") {
776 this.map_mode = 'terrain + things';
778 if (this.mode.has_input_prompt || this.mode.is_single_char_entry) {
779 this.inputEl.focus();
781 if (game.player_id in game.things && (this.mode.shows_info || this.mode.name == 'control_tile_draw')) {
782 explorer.position = game.things[game.player_id].position;
784 this.inputEl.value = "";
785 this.restore_input_values();
786 for (let el of document.getElementsByTagName("button")) {
789 document.getElementById("help").disabled = false;
790 for (const action of this.mode.available_actions) {
791 if (["move", "move_explorer"].includes(action)) {
792 for (const move_key of document.querySelectorAll('[id*="_move_"]')) {
793 move_key.disabled = false;
795 } else if (Object.keys(this.action_tasks).includes(action)) {
796 if (this.task_action_on(action)) {
797 document.getElementById(action).disabled = false;
800 document.getElementById(action).disabled = false;
803 for (const mode_name of this.mode.available_modes) {
804 document.getElementById('switch_to_' + mode_name).disabled = false;
806 if (this.mode.intro_msg.length > 0) {
807 this.log_msg(this.mode.intro_msg);
809 if (this.mode.name == 'login') {
810 if (this.login_name) {
811 server.send(['LOGIN', this.login_name]);
813 this.log_msg("? need login name");
815 } else if (this.mode.is_single_char_entry) {
816 this.show_help = true;
817 } else if (this.mode.name == 'take_thing') {
818 this.log_msg("Portable things in reach for pick-up:");
819 const player = game.things[game.player_id];
820 const y = player.position[0]
821 const x = player.position[1]
822 let select_range = [y.toString() + ':' + x.toString(),
823 (y + 0).toString() + ':' + (x - 1).toString(),
824 (y + 0).toString() + ':' + (x + 1).toString(),
825 (y - 1).toString() + ':' + (x).toString(),
826 (y + 1).toString() + ':' + (x).toString()];
827 if (game.map_geometry == 'Hex') {
829 select_range.push((y - 1).toString() + ':' + (x + 1).toString());
830 select_range.push((y + 1).toString() + ':' + (x + 1).toString());
832 select_range.push((y - 1).toString() + ':' + (x - 1).toString());
833 select_range.push((y + 1).toString() + ':' + (x - 1).toString());
836 this.selectables = [];
837 for (const t_id in game.things) {
838 const t = game.things[t_id];
839 if (select_range.includes(t.position[0].toString()
840 + ':' + t.position[1].toString())
842 this.selectables.push([t_id, t]);
845 if (this.selectables.length == 0) {
848 for (let [i, t] of this.selectables.entries()) {
849 this.log_msg(i + ': ' + explorer.get_thing_info(t[1]));
852 } else if (this.mode.name == 'command_thing') {
853 server.send(['TASK:COMMAND', 'HELP']);
854 } else if (this.mode.name == 'control_pw_pw') {
855 this.log_msg('@ enter protection password for "' + this.tile_control_char + '":');
856 } else if (this.mode.name == 'control_tile_draw') {
857 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 + '].')
861 offset_links: function(offset, links) {
862 for (let y in links) {
863 let real_y = offset[0] + parseInt(y);
864 if (!this.links[real_y]) {
865 this.links[real_y] = [];
867 for (let link of links[y]) {
868 const offset_link = [link[0] + offset[1], link[1] + offset[1], link[2]];
869 this.links[real_y].push(offset_link);
873 restore_input_values: function() {
874 if (this.mode.name == 'annotate' && explorer.position in explorer.annotations) {
875 let info = explorer.annotations[explorer.position];
876 if (info != "(none)") {
877 this.inputEl.value = info;
879 } else if (this.mode.name == 'portal' && explorer.position in game.portals) {
880 let portal = game.portals[explorer.position]
881 this.inputEl.value = portal;
882 } else if (this.mode.name == 'password') {
883 this.inputEl.value = this.password;
884 } else if (this.mode.name == 'name_thing') {
885 let t = game.get_thing(this.selected_thing_id);
887 this.inputEl.value = t.name_;
889 } else if (this.mode.name == 'admin_thing_protect') {
890 let t = game.get_thing(this.selected_thing_id);
891 if (t && t.protection) {
892 this.inputEl.value = t.protection;
896 recalc_input_lines: function() {
897 if (this.mode.has_input_prompt) {
899 [this.input_lines, _] = this.msg_into_lines_of_width(this.input_prompt + this.inputEl.value, this.window_width);
901 this.input_lines = [];
903 this.height_input = this.input_lines.length;
905 msg_into_lines_of_width: function(msg, width) {
906 function push_inner_link(y, end_x) {
907 if (!inner_links[y]) {
910 inner_links[y].push([url_start_x, end_x, url]);
912 const matches = msg.matchAll(/https?:\/\/[^\s]+/g)
915 for (const match of matches) {
916 const url = match[0];
917 const url_start = match.index;
918 const url_end = match.index + match[0].length;
919 link_data[url_start] = url;
920 url_ends.push(url_end);
924 let inner_links = {};
928 for (let i = 0, x = 0, y = 0; i < msg.length; i++, x++) {
929 if (x >= width || msg[i] == "\n") {
931 push_inner_link(y, chunk.length);
933 if (url_ends[0] == i) {
941 if (msg[i] == "\n") {
946 if (msg[i] != "\n") {
949 if (i in link_data) {
953 } else if (url_ends[0] == i) {
955 push_inner_link(y, x);
961 push_inner_link(lines.length - 1, chunk.length);
963 return [lines, inner_links];
965 log_msg: function(msg) {
967 while (this.log.length > 100) {
972 draw_map: function() {
973 if (!game.turn_complete && this.map_lines.length == 0) {
976 if (game.turn_complete) {
977 let map_lines_split = [];
979 for (let i = 0, j = 0; i < game.map.length; i++, j++) {
980 if (j == game.map_size[1]) {
981 map_lines_split.push(line);
985 if (this.map_mode == 'protections') {
986 line.push(game.map_control[i] + ' ');
988 line.push(game.map[i] + ' ');
991 map_lines_split.push(line);
992 if (this.map_mode == 'terrain + annotations') {
993 for (const coordinate of explorer.info_hints) {
994 map_lines_split[coordinate[0]][coordinate[1]] = 'A ';
996 } else if (this.map_mode == 'terrain + things') {
997 for (const p in game.portals) {
998 let coordinate = p.split(',')
999 let original = map_lines_split[coordinate[0]][coordinate[1]];
1000 map_lines_split[coordinate[0]][coordinate[1]] = original[0] + 'P';
1002 let used_positions = [];
1003 function draw_thing(t, used_positions) {
1004 let symbol = game.thing_types[t.type_];
1005 let meta_char = ' ';
1007 meta_char = t.thing_char;
1009 if (used_positions.includes(t.position.toString())) {
1015 map_lines_split[t.position[0]][t.position[1]] = symbol + meta_char;
1016 used_positions.push(t.position.toString());
1018 for (const thing_id in game.things) {
1019 let t = game.things[thing_id];
1020 if (t.type_ != 'Player') {
1021 draw_thing(t, used_positions);
1024 for (const thing_id in game.things) {
1025 let t = game.things[thing_id];
1026 if (t.type_ == 'Player') {
1027 draw_thing(t, used_positions);
1031 let player = game.things[game.player_id];
1032 if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') {
1033 map_lines_split[explorer.position[0]][explorer.position[1]] = '??';
1034 } else if (tui.map_mode != 'terrain + things') {
1035 map_lines_split[player.position[0]][player.position[1]] = '??';
1038 if (game.map_geometry == 'Square') {
1039 for (let line_split of map_lines_split) {
1040 this.map_lines.push(line_split.join(''));
1042 } else if (game.map_geometry == 'Hex') {
1044 for (let line_split of map_lines_split) {
1045 this.map_lines.push(' '.repeat(indent) + line_split.join(''));
1053 let window_center = [terminal.rows / 2, this.window_width / 2];
1054 let center_position = [player.position[0], player.position[1]];
1055 if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') {
1056 center_position = [explorer.position[0], explorer.position[1]];
1058 center_position[1] = center_position[1] * 2;
1059 this.offset = [center_position[0] - window_center[0],
1060 center_position[1] - window_center[1]]
1061 if (game.map_geometry == 'Hex' && this.offset[0] % 2) {
1062 this.offset[1] += 1;
1065 let term_y = Math.max(0, -this.offset[0]);
1066 let term_x = Math.max(0, -this.offset[1]);
1067 let map_y = Math.max(0, this.offset[0]);
1068 let map_x = Math.max(0, this.offset[1]);
1069 for (; term_y < terminal.rows && map_y < game.map_size[0]; term_y++, map_y++) {
1070 let to_draw = this.map_lines[map_y].slice(map_x, this.window_width + this.offset[1]);
1071 terminal.write(term_y, term_x, to_draw);
1074 draw_mode_line: function() {
1075 let help = 'hit [' + this.keys.help + '] for help';
1076 if (this.mode.has_input_prompt) {
1077 help = 'enter /help for help';
1079 terminal.write(0, this.window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help);
1081 draw_turn_line: function(n) {
1082 if (game.turn_complete) {
1083 terminal.write(1, this.window_width, 'TURN: ' + game.turn);
1086 draw_history: function() {
1087 let log_display_lines = [];
1089 let y_offset_in_log = 0;
1090 for (let line of this.log) {
1091 let [new_lines, link_data] = this.msg_into_lines_of_width(line,
1093 log_display_lines = log_display_lines.concat(new_lines);
1094 for (const y in link_data) {
1095 const rel_y = y_offset_in_log + parseInt(y);
1096 log_links[rel_y] = [];
1097 for (let link of link_data[y]) {
1098 log_links[rel_y].push(link);
1101 y_offset_in_log += new_lines.length;
1103 let i = log_display_lines.length - 1;
1104 for (let y = terminal.rows - 1 - this.height_input;
1105 y >= this.height_header && i >= 0;
1107 terminal.write(y, this.window_width, log_display_lines[i]);
1109 for (const key of Object.keys(log_links)) {
1110 if (parseInt(key) <= i) {
1111 delete log_links[key];
1114 let offset = [terminal.rows - this.height_input - log_display_lines.length,
1116 this.offset_links(offset, log_links);
1118 draw_info: function() {
1119 const info = "MAP VIEW: " + tui.map_mode + "\n" + explorer.get_info();
1120 let [lines, link_data] = this.msg_into_lines_of_width(info, this.window_width);
1121 let offset = [this.height_header, this.window_width];
1122 for (let y = offset[0], i = 0; y < terminal.rows && i < lines.length; y++, i++) {
1123 terminal.write(y, offset[1], lines[i]);
1125 this.offset_links(offset, link_data);
1127 draw_input: function() {
1128 if (this.mode.has_input_prompt) {
1129 for (let y = terminal.rows - this.height_input, i = 0; i < this.input_lines.length; y++, i++) {
1130 terminal.write(y, this.window_width, this.input_lines[i]);
1134 draw_help: function() {
1135 let movement_keys_desc = '';
1136 if (!this.mode.is_intro) {
1137 movement_keys_desc = Object.keys(this.movement_keys).join(',');
1139 let content = this.mode.short_desc + " help\n\n" + this.mode.help_intro + "\n\n";
1140 if (this.mode.available_actions.length > 0) {
1141 content += "Available actions:\n";
1142 for (let action of this.mode.available_actions) {
1143 if (Object.keys(this.action_tasks).includes(action)) {
1144 if (!this.task_action_on(action)) {
1148 if (action == 'move_explorer') {
1151 if (action == 'move') {
1152 content += "[" + movement_keys_desc + "] – move\n"
1154 content += "[" + this.keys[action] + "] – " + key_descriptions[action] + "\n";
1159 content += this.mode.list_available_modes();
1161 if (!this.mode.has_input_prompt) {
1162 start_x = this.window_width
1164 terminal.drawBox(0, start_x, terminal.rows, this.window_width);
1165 let [lines, _] = this.msg_into_lines_of_width(content, this.window_width);
1166 for (let y = 0, i = 0; y < terminal.rows && i < lines.length; y++, i++) {
1167 terminal.write(y, start_x, lines[i]);
1170 toggle_tile_draw: function() {
1171 if (tui.tile_draw) {
1172 tui.tile_draw = false;
1174 tui.tile_draw = true;
1177 toggle_map_mode: function() {
1178 if (tui.map_mode == 'terrain only') {
1179 tui.map_mode = 'terrain + annotations';
1180 } else if (tui.map_mode == 'terrain + annotations') {
1181 tui.map_mode = 'terrain + things';
1182 } else if (tui.map_mode == 'terrain + things') {
1183 tui.map_mode = 'protections';
1184 } else if (tui.map_mode == 'protections') {
1185 tui.map_mode = 'terrain only';
1188 full_refresh: function() {
1190 terminal.drawBox(0, 0, terminal.rows, terminal.cols);
1191 this.recalc_input_lines();
1192 if (this.mode.is_intro) {
1193 this.draw_history();
1197 this.draw_turn_line();
1198 this.draw_mode_line();
1199 if (this.mode.shows_info) {
1202 this.draw_history();
1206 if (this.show_help) {
1218 this.map_control = "";
1219 this.map_size = [0,0];
1220 this.player_id = -1;
1224 get_thing: function(id_, create_if_not_found=false) {
1225 if (id_ in game.things) {
1226 return game.things[id_];
1227 } else if (create_if_not_found) {
1228 let t = new Thing([0,0]);
1229 game.things[id_] = t;
1233 move: function(start_position, direction) {
1234 let target = [start_position[0], start_position[1]];
1235 if (direction == 'LEFT') {
1237 } else if (direction == 'RIGHT') {
1239 } else if (game.map_geometry == 'Square') {
1240 if (direction == 'UP') {
1242 } else if (direction == 'DOWN') {
1245 } else if (game.map_geometry == 'Hex') {
1246 let start_indented = start_position[0] % 2;
1247 if (direction == 'UPLEFT') {
1249 if (!start_indented) {
1252 } else if (direction == 'UPRIGHT') {
1254 if (start_indented) {
1257 } else if (direction == 'DOWNLEFT') {
1259 if (!start_indented) {
1262 } else if (direction == 'DOWNRIGHT') {
1264 if (start_indented) {
1269 if (target[0] < 0 || target[1] < 0 ||
1270 target[0] >= this.map_size[0] || target[1] >= this.map_size[1]) {
1275 teleport: function() {
1276 let player = this.get_thing(game.player_id);
1277 if (player.position in this.portals) {
1278 server.reconnect_to(this.portals[player.position]);
1280 terminal.blink_screen();
1281 tui.log_msg('? not standing on portal')
1289 server.init(websocket_location);
1295 move: function(direction) {
1296 let target = game.move(this.position, direction);
1298 this.position = target
1299 this.info_cached = false;
1300 if (tui.tile_draw) {
1301 this.send_tile_control_command();
1304 terminal.blink_screen();
1307 update_annotations: function(yx, str) {
1308 this.annotations[yx] = str;
1309 if (tui.mode.name == 'study') {
1313 empty_annotations: function() {
1314 this.annotations = {};
1315 if (tui.mode.name == 'study') {
1319 get_info: function() {
1320 if (this.info_cached) {
1321 return this.info_cached;
1323 let info_to_cache = '';
1324 let position_i = this.position[0] * game.map_size[1] + this.position[1];
1325 if (game.fov[position_i] != '.') {
1326 info_to_cache += 'outside field of view';
1328 let terrain_char = game.map[position_i]
1329 let terrain_desc = '?'
1330 if (game.terrains[terrain_char]) {
1331 terrain_desc = game.terrains[terrain_char];
1333 info_to_cache += 'TERRAIN: "' + terrain_char + '" / ' + terrain_desc + "\n";
1334 let protection = game.map_control[position_i];
1335 if (protection == '.') {
1336 protection = 'unprotected';
1338 info_to_cache += 'PROTECTION: ' + protection + '\n';
1339 for (let t_id in game.things) {
1340 let t = game.things[t_id];
1341 if (t.position[0] == this.position[0] && t.position[1] == this.position[1]) {
1342 info_to_cache += "THING: " + this.get_thing_info(t);
1343 let protection = t.protection;
1344 if (protection == '.') {
1345 protection = 'none';
1347 info_to_cache += " / protection: " + protection + "\n";
1350 if (this.position in game.portals) {
1351 info_to_cache += "PORTAL: " + game.portals[this.position] + "\n";
1353 if (this.position in this.annotations) {
1354 info_to_cache += "ANNOTATION: " + this.annotations[this.position];
1357 this.info_cached = info_to_cache;
1358 return this.info_cached;
1360 get_thing_info: function(t) {
1361 const symbol = game.thing_types[t.type_];
1362 let info = t.type_ + " / " + symbol;
1364 info += t.thing_char;
1367 info += " (" + t.name_ + ")";
1370 info += " / installed";
1374 annotate: function(msg) {
1375 if (msg.length == 0) {
1376 msg = " "; // triggers annotation deletion
1378 server.send(["ANNOTATE", unparser.to_yx(explorer.position), msg, tui.password]);
1380 set_portal: function(msg) {
1381 if (msg.length == 0) {
1382 msg = " "; // triggers portal deletion
1384 server.send(["PORTAL", unparser.to_yx(explorer.position), msg, tui.password]);
1386 send_tile_control_command: function() {
1387 server.send(["SET_TILE_CONTROL", unparser.to_yx(this.position), tui.tile_control_char]);
1391 tui.inputEl.addEventListener('input', (event) => {
1392 if (tui.mode.has_input_prompt) {
1393 let max_length = tui.window_width * terminal.rows - tui.input_prompt.length;
1394 if (tui.inputEl.value.length > max_length) {
1395 tui.inputEl.value = tui.inputEl.value.slice(0, max_length);
1397 } else if (tui.mode.name == 'write' && tui.inputEl.value.length > 0) {
1398 server.send(["TASK:WRITE", tui.inputEl.value[0], tui.password]);
1399 tui.switch_mode('edit');
1403 document.onclick = function() {
1404 tui.show_help = false;
1406 tui.inputEl.addEventListener('keydown', (event) => {
1407 tui.show_help = false;
1408 if (event.key == 'Enter') {
1409 event.preventDefault();
1411 if (tui.mode.has_input_prompt && event.key == 'Enter'
1412 && tui.inputEl.value.length == 0
1413 && ['chat', 'command_thing', 'take_thing',
1414 'admin_enter'].includes(tui.mode.name)) {
1415 if (tui.mode.name != 'chat') {
1416 tui.log_msg('@ aborted');
1418 tui.switch_mode('play');
1419 } else if (tui.mode.has_input_prompt && event.key == 'Enter' && tui.inputEl.value == '/help') {
1420 tui.show_help = true;
1421 tui.inputEl.value = "";
1422 tui.restore_input_values();
1423 } else if (!tui.mode.has_input_prompt && event.key == tui.keys.help
1424 && !tui.mode.is_single_char_entry) {
1425 tui.show_help = true;
1426 } else if (tui.mode.name == 'login' && event.key == 'Enter') {
1427 tui.login_name = tui.inputEl.value;
1428 server.send(['LOGIN', tui.inputEl.value]);
1429 tui.inputEl.value = "";
1430 } else if (tui.mode.name == 'command_thing' && event.key == 'Enter') {
1431 if (tui.task_action_on('command')) {
1432 server.send(['TASK:COMMAND', tui.inputEl.value]);
1433 tui.inputEl.value = "";
1435 } else if (tui.mode.name == 'take_thing' && event.key == 'Enter') {
1436 const i = parseInt(tui.inputEl.value);
1437 if (isNaN(i) || i < 0 || i >= tui.selectables.length) {
1438 tui.log_msg('? invalid index, aborted');
1440 server.send(['TASK:PICK_UP', tui.selectables[i][0]]);
1442 tui.inputEl.value = "";
1443 tui.switch_mode('play');
1444 } else if (tui.mode.name == 'control_pw_pw' && event.key == 'Enter') {
1445 if (tui.inputEl.value.length == 0) {
1446 tui.log_msg('@ aborted');
1448 server.send(['SET_MAP_CONTROL_PASSWORD',
1449 tui.tile_control_char, tui.inputEl.value]);
1450 tui.log_msg('@ sent new password for protection character "' + tui.tile_control_char + '".');
1452 tui.switch_mode('admin');
1453 } else if (tui.mode.name == 'portal' && event.key == 'Enter') {
1454 explorer.set_portal(tui.inputEl.value);
1455 tui.switch_mode('edit');
1456 } else if (tui.mode.name == 'name_thing' && event.key == 'Enter') {
1457 if (tui.inputEl.value.length == 0) {
1458 tui.inputEl.value = " ";
1460 server.send(["THING_NAME", tui.selected_thing_id, tui.inputEl.value,
1462 tui.switch_mode('edit');
1463 } else if (tui.mode.name == 'annotate' && event.key == 'Enter') {
1464 explorer.annotate(tui.inputEl.value);
1465 tui.switch_mode('edit');
1466 } else if (tui.mode.name == 'password' && event.key == 'Enter') {
1467 if (tui.inputEl.value.length == 0) {
1468 tui.inputEl.value = " ";
1470 tui.password = tui.inputEl.value
1471 tui.switch_mode('edit');
1472 } else if (tui.mode.name == 'admin_enter' && event.key == 'Enter') {
1473 server.send(['BECOME_ADMIN', tui.inputEl.value]);
1474 tui.switch_mode('play');
1475 } else if (tui.mode.name == 'control_pw_type' && event.key == 'Enter') {
1476 if (tui.inputEl.value.length != 1) {
1477 tui.log_msg('@ entered non-single-char, therefore aborted');
1478 tui.switch_mode('admin');
1480 tui.tile_control_char = tui.inputEl.value[0];
1481 tui.switch_mode('control_pw_pw');
1483 } else if (tui.mode.name == 'control_tile_type' && event.key == 'Enter') {
1484 if (tui.inputEl.value.length != 1) {
1485 tui.log_msg('@ entered non-single-char, therefore aborted');
1486 tui.switch_mode('admin');
1488 tui.tile_control_char = tui.inputEl.value[0];
1489 tui.switch_mode('control_tile_draw');
1491 } else if (tui.mode.name == 'admin_thing_protect' && event.key == 'Enter') {
1492 if (tui.inputEl.value.length != 1) {
1493 tui.log_msg('@ entered non-single-char, therefore aborted');
1495 server.send(['THING_PROTECTION', tui.selected_thing_id, tui.inputEl.value])
1496 tui.log_msg('@ sent new protection character for thing');
1498 tui.switch_mode('admin');
1499 } else if (tui.mode.name == 'chat' && event.key == 'Enter') {
1500 let tokens = parser.tokenize(tui.inputEl.value);
1501 if (tokens.length > 0 && tokens[0].length > 0) {
1502 if (tui.inputEl.value[0][0] == '/') {
1503 if (tokens[0].slice(1) == 'nick') {
1504 if (tokens.length > 1) {
1505 server.send(['NICK', tokens[1]]);
1507 tui.log_msg('? need new name');
1510 tui.log_msg('? unknown command');
1513 server.send(['ALL', tui.inputEl.value]);
1515 } else if (tui.inputEl.valuelength > 0) {
1516 server.send(['ALL', tui.inputEl.value]);
1518 tui.inputEl.value = "";
1519 } else if (tui.mode.name == 'play') {
1520 if (tui.mode.mode_switch_on_key(event)) {
1522 } else if (event.key === tui.keys.drop_thing && tui.task_action_on('drop_thing')) {
1523 server.send(["TASK:DROP"]);
1524 } else if (event.key === tui.keys.consume && tui.task_action_on('consume')) {
1525 server.send(["TASK:INTOXICATE"]);
1526 } else if (event.key === tui.keys.door && tui.task_action_on('door')) {
1527 server.send(["TASK:DOOR"]);
1528 } else if (event.key === tui.keys.install && tui.task_action_on('install')) {
1529 server.send(["TASK:INSTALL"]);
1530 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1531 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1532 } else if (event.key === tui.keys.teleport) {
1535 } else if (tui.mode.name == 'study') {
1536 if (tui.mode.mode_switch_on_key(event)) {
1538 } else if (event.key in tui.movement_keys) {
1539 explorer.move(tui.movement_keys[event.key]);
1540 } else if (event.key == tui.keys.toggle_map_mode) {
1541 tui.toggle_map_mode();
1543 } else if (tui.mode.name == 'control_tile_draw') {
1544 if (tui.mode.mode_switch_on_key(event)) {
1546 } else if (event.key in tui.movement_keys) {
1547 explorer.move(tui.movement_keys[event.key]);
1548 } else if (event.key === tui.keys.toggle_tile_draw) {
1549 tui.toggle_tile_draw();
1551 } else if (tui.mode.name == 'admin') {
1552 if (tui.mode.mode_switch_on_key(event)) {
1554 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1555 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1557 } else if (tui.mode.name == 'edit') {
1558 if (tui.mode.mode_switch_on_key(event)) {
1560 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1561 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1562 } else if (event.key === tui.keys.flatten && tui.task_action_on('flatten')) {
1563 server.send(["TASK:FLATTEN_SURROUNDINGS", tui.password]);
1564 } else if (event.key == tui.keys.toggle_map_mode) {
1565 tui.toggle_map_mode();
1571 rows_selector.addEventListener('input', function() {
1572 if (rows_selector.value % 4 != 0 || rows_selector.value < 24) {
1575 window.localStorage.setItem(rows_selector.id, rows_selector.value);
1576 terminal.initialize();
1579 cols_selector.addEventListener('input', function() {
1580 if (cols_selector.value % 4 != 0 || cols_selector.value < 80) {
1583 window.localStorage.setItem(cols_selector.id, cols_selector.value);
1584 terminal.initialize();
1585 tui.window_width = terminal.cols / 2,
1588 for (let key_selector of key_selectors) {
1589 key_selector.addEventListener('input', function() {
1590 window.localStorage.setItem(key_selector.id, key_selector.value);
1594 window.setInterval(function() {
1595 if (server.connected) {
1596 server.send(['PING']);
1598 server.reconnect_to(server.url);
1599 tui.log_msg('@ attempting reconnect …')
1602 window.setInterval(function() {
1604 let span_decoration = "none";
1605 if (document.activeElement == tui.inputEl) {
1606 val = "on (click outside terminal to change)";
1608 val = "off (click into terminal to change)";
1609 span_decoration = "line-through";
1611 document.getElementById("keyboard_control").textContent = val;
1612 for (const span of document.querySelectorAll('.keyboard_controlled')) {
1613 span.style.textDecoration = span_decoration;
1616 document.getElementById("terminal").onclick = function() {
1617 tui.inputEl.focus();
1619 document.getElementById("help").onclick = function() {
1620 tui.show_help = true;
1623 for (const switchEl of document.querySelectorAll('[id^="switch_to_"]')) {
1624 const mode = switchEl.id.slice("switch_to_".length);
1625 switchEl.onclick = function() {
1626 tui.switch_mode(mode);
1630 document.getElementById("toggle_tile_draw").onclick = function() {
1631 tui.toggle_tile_draw();
1633 document.getElementById("toggle_map_mode").onclick = function() {
1634 tui.toggle_map_mode();
1637 document.getElementById("drop_thing").onclick = function() {
1638 server.send(['TASK:DROP']);
1640 document.getElementById("flatten").onclick = function() {
1641 server.send(['TASK:FLATTEN_SURROUNDINGS', tui.password]);
1643 document.getElementById("door").onclick = function() {
1644 server.send(['TASK:DOOR']);
1646 document.getElementById("consume").onclick = function() {
1647 server.send(['TASK:INTOXICATE']);
1649 document.getElementById("install").onclick = function() {
1650 server.send(['TASK:INSTALL']);
1652 document.getElementById("teleport").onclick = function() {
1655 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
1656 let direction = move_button.id.split('_')[2].toUpperCase();
1657 move_button.onclick = function() {
1658 if (tui.mode.available_actions.includes("move")
1659 || tui.mode.available_actions.includes("move_explorer")) {
1660 server.send(['TASK:MOVE', direction]);
1662 explorer.move(direction);